@charset "utf-8";

/*General styles START*/
html, body{ margin:0px; padding:0px; height:100%; border:none; }
body { font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#2b2b2b;  }
form { margin:0px; padding:0px; }
table, td { margin:0px; padding:0px; border:0px; border-collapse:collapse; vertical-align:top; }
a { text-decoration:none; color:#e99c08; }
p { margin:0px; padding:0px; line-height:15px; }
h1 { padding:0px; margin:0px; font-size:22px; line-height:30px; color:#2b2b2b; font-weight:normal;  }
h1 a {  color:#2b2b2b; }
h2 { padding:0px; margin:0px; font-size:22px; line-height:30px; color:#e99c08; background:#ebebeb; font-weight:normal; text-align:right; padding-right:9px; }
h3 { padding:0px; margin:0px; font-size:10px; line-height:16px; color:#2b2b2b; margin-top:8px; }

.clear { clear:both; height:1px; line-height:1px; }
.clearMediumSmall { clear:both; height:7px; line-height:7px; }
.clearMedium { clear:both; height:8px; line-height:8px; }
.clearMediumLarge { clear:both; height:12px; line-height:12px; }
.clearLarge { clear:both; height:30px; line-height:30px; }
.clearExtraLarge { clear:both; height:35px; line-height:35px; }
/*General styles END*/


#mainContainer { width:988px; margin:auto; }
#topContainer { width:988px; background:url(/images/bg.gif) repeat-y;  }
.Projects { min-height:489px !important;}
#bottomContainer { width:988px; background:#FFF url(/images/bundBg3.gif) top center no-repeat; color:#a5a5a5; padding-top:8px; padding-bottom:8px; text-align:right; }
#bottomContainer a { color:#a5a5a5; }
#bottomContainer img { position:relative; top:2px;}


#topMenu { z-index:1000; }
#topMenu ul { z-index:1000; margin:0px; padding:0px; display:inline;  }
#topMenu ul li  { z-index:1000; float:right; list-style-type:none; background:url(/images/menuDivider.gif) bottom right no-repeat; height:89px;   }
#topMenu ul li a { z-index:1000; display:block; margin:10px 12px 0px 9px; padding:14px 14px 14px 14px; color:#FFFFFF; font-size:22px; line-height:22px; text-transform:lowercase; }
#topMenu ul li a span { z-index:1000; color:#727272; font-size:10px; line-height:18px; }
#topMenu ul li a:hover { z-index:1000; color:#FFFFFF; background:#e99c08; }
#topMenu ul li a:hover span { z-index:1000; color:#FFFFFF; }
#topMenu ul li.first { z-index:1000; background:none; }

#topMenu ul li ul { z-index:1000; display:block;  width:auto; background: url(/images/subMenuBg.png) repeat !important; background:#323232;  margin-top:10px; padding:10px 0px; position:absolute; }
#topMenu ul li ul li { z-index:1000; float:none; background:none; height:auto; margin:0px; padding:0px; }
#topMenu ul li ul li a { z-index:1000; color:#FFFFFF !important; font-size:12px; line-height:22px; margin:0px; padding:0 24px 0 24px; text-transform:none !important;  }
#topMenu ul li ul li a span{ z-index:1000; color:#FFFFFF !important; font-size:12px!important; line-height:22px !important;   }
#topMenu ul li ul li a:hover { z-index:1000; color:#e99c08 !important; background:none; }
#topMenu ul li ul li a:hover span { z-index:1000; color:#e99c08 !important; }

#headContainer { width:978px; height:380px; overflow:hidden; margin:auto; background:url(/images/sample.jpg) 0px 89px no-repeat; }
#headContainerFrontpage { width:978px; height:600px; overflow:hidden; margin:auto;}
#headContainerProjects { width:978px; height:489px; overflow:hidden; margin:auto; background:#e99c08; }

#topMenu {  width:978px; height:102px; background:url(/images/topBar.png) top center no-repeat !important; background:url(/images/topBar.gif) top center no-repeat; position:relative; }
#headContainerProjects #topMenu {  height:89px;  }

#articleContent { width:978px; margin:auto; padding-top:40px; }
#articleContent #col1 { width:160px; float:left; }
#articleContent #col2 { width:500px; padding-left:15px; float:left; }
#articleContent #col2 p { padding-top:5px;  }
#articleContent #col2 .imgBig { clear:both; width:500px; margin-bottom:8px;}
#articleContent #col2 .imgNormalLeft { float:left; width:220px; margin-right:10px; margin-top:8px; }
#articleContent #col2 .imgNormalRight { float:right; width:220px; margin-left:10px; margin-top:8px; }
#articleContent #col2 .imgSmallLeft { float:left; width:120px; margin-right:10px; margin-top:8px; }
#articleContent #col2 .imgSmallRight { float:right; width:120px; margin-left:20px; margin-top:8px; }

#newsContainer { height:140px; margin-top:215px; background:url(/images/50p.png) repeat-x; }
#projectsContainer a { display:block; float:left; width:326px; height:200px; overflow:hidden; }
#projectsContainer a span { font-size:22px; color:#FFF; position:relative; bottom:40px; right:25px; float:right; }
#projectsContainer a:hover img, .newsPic a:hover img{ opacity: .5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); }

.newsPic{ background:url(/images/newsPicBg.png) no-repeat; padding:10px; width:220px; height:90px;  }

#headContainerFrontpage{ background-position:0px 80px; background-repeat:no-repeat}
#headContainerProjects{ background-position:0px 89px; background-repeat:no-repeat}