/********************************      Basic Structure      ********************************/
html { height: 100%; margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */}
body { margin:0; padding:0; background:url(/images/website_bg.jpg)  top repeat-x #FFFFFF; }

/********************************      General Classes      ********************************/
.clear {clear: both;}
.left {float: left;}				
.right {float: right;}
strong { font-weight:bold;}

/********************************      Main Classes      ********************************/
#container {
 margin: auto;
 width: 960px;
}
/********************************      Header Classes      ********************************/
#logo { margin-top: 0px; }
#logo h1 { display: block; float: left; width: 329px; height: 119px; text-indent: -9999px;}
#logo h1 a { display: block; width: 100%; height: 100%; outline: none; background: url(/images/logo.jpg) no-repeat 0 0;}
.phone { width:231px;}
/********************************      Navigation Classes      ********************************/
#navigation { height: 41px; width: 900px; padding-left:60px; margin-top: 0px; float: left; background:url(/images/menu_off.jpg) right top #00254A repeat-x;}

.nav-links li { display: inline; padding: 10px 20px 0 25px; float: left; height:41px;}
.nav-links li a { color: #D9D9D7; text-decoration: none; font: 15px Arial, Helvetica, sans-serif;}
.nav-links li a:hover { color: #fff; }
.nav-links li:hover { background:url(/images/menu_on.jpg) repeat-x; color:#FFF; }
.nav-links li:hover a{ color:#FFF;   }
.nav-links li.active { background:url(/images/menu_on.jpg) repeat-x; }
.nav-links li.active a{  color: #fff;   font-weight:bold;}

/********************************      Content Classes      ********************************/
#content { padding-top:15px; width:960px;}

#content .cleft { width:240px; background:url(/images/shadow.jpg) no-repeat right top; padding:35px 0px 0px 30px;}
#content .cleft h1 { font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#003366; margin-bottom:30px;}
#content .cright { width:680px; padding:30px 0px 0px 0px;}
#content .cright h1 { font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#003366; font-weight:bold; margin-bottom:30px;}

#content .cright h1 a { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#4C86A9; font-weight:normal;}

#content .cleft hr { width:188px;  border:none; height:1px; background-color:#D8D3BB; color:#D8D3BB;}


.index_news_date {  font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; text-align:center; vertical-align:top}
.index_news_date div {background-color:#003366; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; height:13px; padding-top:2px;}
.index_news_text { color:#353F40; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:5px; line-height:130%;}

.view_all_p { padding:18px 0px 0px 40px;}
.view_all { font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#7F1C10;}

#content .cright .image img { padding:2px; background-color:#FFF; border:4px solid #F3f3f3;}
#content .cright .text {color:#353F40; font-family:Arial, Helvetica, sans-serif; font-size:13px; width:560px;}
#content .cright .text p{color:#353F40; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:0px 0px 20px 20px; line-height:130%;}

#content .cright .text_p { width:330px;}
#content .cright .video a { color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-left:7px;}
.video_int a { color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#content .cright .text_int {color:#353F40; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
#content .cright .text_int p{color:#353F40; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:0px 0px 18px 0px; line-height:130%;}

#content .cright .text_int ul { line-height:150%; margin-left:20px; margin-bottom:40px; list-style-type:disc;}
#content .cright .text_int li { list-style:outside;}

#content .cright .text_int form  input[type=text] { width:200px; }
#content .cright .text_int form  textarea { width:200px; height:50px; }


#leftMenu {  margin-top: 0px; }
#leftMenu li {  padding: 7px 0px 0 30px; }
#leftMenu li a { color: #353F40; text-decoration: none; font: 13px Arial, Helvetica, sans-serif;}
#leftMenu li a:hover { color: #003366; font-weight:bold;}
/*#leftMenu li:hover { background:url(/images/left_menu_bg.jpg) no-repeat; color:#003366; }
#leftMenu li:hover a{ color:#003366;  font-weight:bold; }*/
#leftMenu li.active { background:url(/images/left_menu_bg.jpg) no-repeat; height:34px; padding: 16px 0px 0 30px; }
#leftMenu li.active a{  color: #003366;   font-weight:bold; }

#leftMenu p {color:#353F40; font-family:Arial, Helvetica, sans-serif; font-size:13px; width:200px;  line-height:140%; font-style:italic;}

/********************************      Footer Classes      ********************************/
#footer { width:100%; height:115px; background:url(/images/footer_bg.jpg) repeat-x top; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#666666; padding-top:20px; }
#footer a { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#666666; text-decoration:underline; padding:15px 10px 0px 10px; }
#footer p { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#666666; padding-top:25px;}

.project_small { padding:8px 8px 8px 8px; background:url(/images/projects/frame.jpg) left top no-repeat;}
.project_container { width:220px; height:230px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#343F3F; line-height:135%;}
.project_container a { color:#4C86A9; padding-top:15px;}


.table_proj { font-family:Arial, Helvetica, sans-serif; font-size:13px;}

.project { padding:12px 10px 16px 11px; background:url(/images/project_bg.jpg) left top no-repeat;}
.project2 { padding:8px 10px 16px 8px; background:url(/images/project_bg.jpg) left top no-repeat;}
.projtext { font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:5px 5px 0px 0px;}
.projtext a{ color:#4C86A9; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.size { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333;}

/********************************      jQuery plugins styles      ********************************/
/*************** Facebox ***************/

#facebox .b { background:url(/images/b.png);}
#facebox .tl {background:url(/images/tl.png);}
#facebox .tr {background:url(/images/tr.png);}
#facebox .bl {background:url(/images/bl.png);}
#facebox .br {background:url(/images/br.png);}
#facebox {position: absolute;top: 0;left: 0;z-index: 100;text-align: left;}
#facebox .popup { position: relative;}
#facebox table {border-collapse: collapse;}
#facebox td {border-bottom: 0; padding: 0;}
#facebox .body {padding: 10px;background: #fff;width: 370px;}
#facebox .loading {text-align: center;}
#facebox .image { text-align: center;}
#facebox img {border: 0; margin: 0;}
#facebox .footer {border-top: 1px solid #DDDDDD;padding-top: 5px;margin-top: 10px;text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;}
#facebox_overlay {position: fixed;top: 0px;left: 0px;height:100%;width:100%;}
.facebox_hide { z-index:-100;}
.facebox_overlayBG {background-color: #000; z-index: 99;}