/* CSS Document *************/
/* Author: Bernard Lambotte */
/*  Global Art Studio 2006  */
/****************************/
body { margin:0; padding:0; background:#e3e2d0 url(/img/bg.jpg) top repeat-x; }
/****************************/
#wrap4 { width:840px; margin:0 auto; padding:0; background:0; }
#wrap3 { width:840px; margin:0; padding:0; background:url(/img/mid-bg.gif) repeat-y; }
#wrap2 { width:840px; margin:0; padding:0; background:url(/img/ftr.gif) bottom right no-repeat; }
#wrap { width:840px; margin:0; padding:0 0 50px 0; background:url(/img/btm-bg.gif) bottom left no-repeat; }
/****************************/
#hdr { float:left; width:840px; height:216px; margin:0; padding:0; }
#hdr object { float:right; border:0; margin:14px 0 0 0; padding:0; }
#hdr img { float:left; margin:14px 0 0 0; padding:0; border:0; }
/****************************/
.menu { float:left; font-family: arial, sans-serif; width:840px; height:97px; position:relative; margin:0; font-size:11px; margin:0; background:url(/img/nv-drop-bg.jpg) bottom left no-repeat; z-index:100;}
.menu ul { width:840px; padding:0; margin:0; list-style-type: none; }
.menu ul li { float:left; border:0; display:block; }
.menu ul li ul li a, .menu ul li a:visited {display:block; text-decoration:none; padding:0; height:35px; line-height:35px; color:#000; }
.menu a.nv1 span, .menu a.nv2 span, .menu a.nv3 span, .menu a.nv4 span, .menu a.nv5 span, .menu a.nv6 span { visibility:hidden; }
.menu a.nv1:link, .menu a.nv1:visited { float:left; width:83px; height:35px; margin:0; padding:0; color:#774646; text-decoration:none; background:url(/img/home.gif) top left no-repeat; }
.menu a.nv1:hover { float:left; width:83px; height:35px; margin:0; padding:0; color:#000; text-decoration:none; background:url(/img/home-o.gif) top left no-repeat; }
.menu a.nv2:link, .menu a.nv2:visited { float:left; width:130px; height:35px; margin:0; padding:0; color:#774646; text-decoration:none; background:url(/img/technology.gif) top left no-repeat; }
.menu a.nv2:hover { float:left; width:130px; height:35px; margin:0; padding:0; color:#000; text-decoration:none; background:url(/img/technology-o.gif) top left no-repeat; }
.menu a.nv3:link, .menu a.nv3:visited { float:left; width:107px; height:35px; margin:0; padding:0; color:#774646; text-decoration:none; background:url(/img/projects.gif) top left no-repeat; }
.menu a.nv3:hover { float:left; width:107px; height:35px; margin:0; padding:0; color:#000; text-decoration:none; background:url(/img/projects-o.gif) top left no-repeat; }
.menu a.nv4:link, .menu a.nv4:visited { float:left; width:103px; height:35px; margin:0; padding:0; color:#774646; text-decoration:none; background:url(/img/about-us.gif) top left no-repeat; }
.menu a.nv4:hover { float:left; width:103px; height:35px; margin:0; padding:0; color:#000; text-decoration:none; background:url(/img/about-us-o.gif) top left no-repeat; }
.menu a.nv5:link, .menu a.nv5:visited { float:left; width:75px; height:35px; margin:0; padding:0; color:#774646; text-decoration:none; background:url(/img/news.gif) top left no-repeat; }
.menu a.nv5:hover { float:left; width:75px; height:35px; margin:0; padding:0; color:#000; text-decoration:none; background:url(/img/news-o.gif) top left no-repeat; }
.menu a.nv6:link, .menu a.nv6:visited { float:left; width:121px; height:35px; margin:0; padding:0; color:#774646; text-decoration:none; background:url(/img/contact-us.gif) top left no-repeat; }
.menu a.nv6:hover { float:left; width:121px; height:35px; margin:0; padding:0; color:#000; text-decoration:none; background:url(/img/contact-us-o.gif) top left no-repeat; }
/**/
.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}
.menu ul li ul {visibility:hidden; position:absolute; top:35px; left:10px; margin:0; font:bold 11px Arial, Helvetica, sans-serif; text-transform:uppercase; }
.menu ul li:hover a, .menu ul li a:hover { float:left; visibility:visible; margin:0; padding:0 0 0 20px; text-align:left; color:#333; }
.menu ul li:hover ul, .menu ul li a:hover ul {visibility:visible; width:840px; height:62px; background:0; }
.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:35px; background:0; }
.menu ul li:hover ul li a, .menu ul li a:hover ul li a { float:left; margin:0; padding:0 0 0 20px; text-align:left; display:block; color:#333;}
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {background:0; color:#eee;}
.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {visibility:visible; color:#eee; }
.menu ul li:hover ul li:hover ul li a, .menu ul li a:hover ul li a:hover ul li a {color:#eee;}
.menu ul li:hover ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover ul li a:hover {color:#333;}
/****************************/
#lbx { float:left; width:260px; margin:0; padding:0; }
#lbx h2 { margin:0; padding:24px 20px 10px 60px; font:bold 14px tahoma, arial, helvetica, sans-serif; text-transform:uppercase; color:#88836d; }
#lbx p { margin:0; padding:10px 40px; font:13px georgia, serif; color:#111; text-align:left; }
#lbx img { float:left; margin:0; padding:0; border:0; }
#lbx ul { margin:10px 40px 120px 60px; padding:0; list-style:none; display:block; font:12px tahoma, arial, helvetica, sans-serif; text-transform:uppercase; border-right:1px solid #666; }
#lbx ul li { margin:0; padding:0 0 10px 0; list-style:none; color:#88836d; }
#lbx ul li a:link, #lbx ul li a:visited { margin:0; padding:0 0 0 12px; color:#88836d; text-decoration:none; background:url(/img/arw-b.gif) center left no-repeat; }
#lbx ul li a:hover { margin:0; padding:0 0 0 12px; color:#677f01; text-decoration:underline; background:url(/img/arw-a.gif) center left no-repeat; }
#lbx ul li a.crt { margin:0; padding:0 0 0 12px; color:#677f01; text-decoration:underline; background:url(/img/arw-a.gif) center left no-repeat; }
/****************************/
#rbx { float:left; width:580px; margin:0; padding:0; text-align:left; }
#rbx h1 { margin:0; padding:14px 80px 10px 40px; font:22px tahoma, arial, helvetica, sans-serif; text-transform:uppercase; color:#444; }
#rbx h2 { margin:0; padding:20px 80px 0 40px; font:bold 16px verdana, arial, helvetica, sans-serif; color:#788475; }
#rbx h3 { margin:0; padding:20px 80px 0 40px; font:bold 14px verdana, arial, helvetica, sans-serif; color:#788475; }
#rbx h4 { margin:0; padding:20px 80px 10px 40px; font:bold 11px verdana, arial, helvetica, sans-serif; color:#788475; }
#rbx h5 { margin:5px 0 20px 0; padding:0; text-align:center; font:bold 13px verdana, arial, helvetica, sans-serif; color:#788475; }
#rbx p { margin:0; padding:10px 80px 10px 40px; font:13px/1.6 tahoma, sans-serif; color:#333; text-align:left; }
#rbx ul { margin:20px 80px 10px 60px; padding:0; list-style:square; }
#rbx ul li { margin:10px 0; padding:0; font:13px/1.5 tahoma, sans-serif; color:#333; text-align:left; }
#rbx ol { margin:20px 80px 10px 60px; padding:0; }
#rbx ol li { margin:2px 0; padding:0; font:13px/1.5 tahoma, sans-serif; color:#333; text-align:left; }
#rbx img { float:right; margin:10px 80px 5px 15px; padding:1px; border:1px solid #333; }
#rbx a:link { text-decoration:underline; color:#333; }
#rbx a:visited { text-decoration:underline; color:#88836d; }
#rbx a:hover { text-decoration:underline; color:#88836d; background:#f0f0cd; }
/****************************/
#myGallery { float:left; width:420px; margin:0 0 0 40px; padding:1px; background:#eee; border:1px solid #999; }
#myGallery a:link, #myGallery a:visited, #myGallery a:hover { float:left; margin:0; padding:0; border:0; text-decoration:none; }
#myGallery img { float:left; margin:8px; padding:1px; border:1px solid #333; }
/****************************/
#forms { float:left; clear:both; width:330px; margin:5px 0 15px 0; padding:0; }
#forms h3 { margin:5px 0; padding:0; text-align:left; color:#333; text-decoration:underline; font:bold 12px georgia, verdana, arial, sans-serif; }
#forms span { color:#c00; }
#forms span.ltl { font:9px Georgia, Times, serif; }
#forms form { width:400px; margin:0 0 0 40px; padding:0; }
#forms ul { float:left; width:380px; margin:5px 0 15px 0; padding:0; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; list-style:none; font:10px Georgia, Times, serif; color:#555; background:#f6f6e4; }
#forms ul li { float:left; display:block; width:369px; margin:0; padding:8px 0 5px 10px; border-bottom:1px solid #ddd; background:none; }
#forms input { float:right; width:160px; margin:0 3px 0 0; padding:0; background:#fff; border:1px solid #ddd; color:#333; }
#forms input.sml { float:right; width:80px; margin:0 3px 0 0; padding:0; background:#fff; border:1px solid #ddd; color:#333; }
#forms select { float:right; margin:0 3px 0 0; padding:0; background:#fff; border:1px solid #ddd; color:#4c2721; font:11px Georgia, Times, serif; color:#333; }
#forms textarea { float:right; width:372px; height:100px; margin:2px; padding:0; background:#fff; border:1px solid #ddd; color:#333; }
#forms input.sendem { float:right; margin:0 3px; padding:1px; background:#fff; border:1px solid #ddd; font:11px Georgia, Times, serif; color:#333; }
#forms input.check { float:left; margin:0 3px; padding:1px; background:#fff; border:1px solid #ddd; font:11px Georgia, Times, serif; color:#333; }
#forms input.invalid {  background:#eee; border:1px solid #6f0c0c; }
#forms span.ltl a:link { color:#c00; text-decoration:none; }
#forms span.ltl a:visited { color:#c00; text-decoration:none; }
#forms span.ltl a:hover { color:#85c0ec; }
/****************************/
#ftr { width:840px; margin:20px auto 0 auto; padding:0; }
#ftr ul { float:right; width:840px; margin:0; padding:0; text-align:center; list-style:none; display:inline; color:#888; }
#ftr ul li { margin:0; padding:0 2px 0 5px; display:inline; font:bold 10px verdana, arial, helvetica, sans-serif; border-right:1px solid #888; }
#ftr ul li.end { margin:0; padding:0 2px 0 5px; display:inline; font:bold 10px verdana, arial, helvetica, sans-serif; border-right:0; }
#ftr ul li a:link, #ftr ul li a:visited { margin:0 6px 0 0; padding:0; color:#888; text-decoration:none; }
#ftr ul li a:hover { margin:0 6px 0 0; padding:0; color:#788475; text-decoration:underline; }
#ftr ul li img { border:0; margin:0; padding:0; }
#ftr ul li img a { border:0; margin:0; padding:0; }
/****************************/