/*General*/
body { color: #000;	font-family:Arial, Helvetica, sans-serif; font-size:100%; /* 1em=16px*/
line-height:0.875em; /*14px */ margin:0; padding:0; background-color: #fff;}

div { margin: 0; padding: 0; }
img { border: 0; }
p { margin: 0.5em 0 1em 0; }

ul li { margin-bottom: 0.5em;} 

.hide { display: none;}
.left { text-align: left;}
.right { text-align: right;}
.center { text-align: center;}
.block { display:table;  width: 100%; }
.colleft { float: left; }
.colright { float: right; text-align: left; }
.smalltext { font-size: 0.786em; /*11px*/ }
.credits { font-size: 11px; padding: 0; margin:0 14px 0 0; text-align: right; }

a:link, a:active, a:visited {  color: #3382bd; text-decoration: underline; }
a:hover { color: #3382bd; text-decoration: underline; }



#skiplinks { display: none; }
#wrapper { width: 100%; margin: 0;  text-align: left; background-color: #fff; padding: 0;}

#header { display:table; width: 100%; margin-bottom: 1em; }
#logo { display: none;  }
#logo_print { display: block; margin-bottom: 1em; }
#menu { display: block; font-size: 16px; font-weight: bold; }
#menu ul { margin:0; padding:0; list-style:none;   }


#menu li{ display:inline; margin:0; padding:0;  float: left; }
#menu ul li a { display: block;  text-decoration:none;  margin-right: 20px; color: #000;}
#menu ul li a:hover, #menu ul li a.selected { color: #3382bd; text-decoration:underline;}



/* Masthead Elements */
#mast_large { display: none; }
#mast_small { display: none;  }
#flash { display: none; }


/* Containers */
#container { display: table; width: 100%;   }
#container_left { display: block; width: 100%;   }
#container_right { display: block; width: 100%; clear: left;}



/* Common Styles */
h1 { color:#000; font-size: 14px;  font-style: normal; font-weight: normal;  line-height: 16px; margin: 0 0 1em 0; padding: 0;}
p { color:#000; font-size: 12px; line-height: 14px; }
.grey { color:#000; }
.black { color:#000; }



/* Home Elements */
#container #intro { display: block; width: 100%; margin-bottom: 2em;  }
#container #intro h1 { color: #000; font-size: 14px; line-height: 16px; font-style: normal; font-weight: normal; padding: 0; margin: 0; }
#container #intro p { color:#000; font-size: 14px; line-height: 16px; margin: 0 0 0.5em 0; }
#container #intro a.arrow { text-decoration:underline;   }
#container #intro a { text-decoration:underline; }
#container #intro a:hover { color:#000;  }


#container #quote { display: block; clear: left; width: 100%; margin: 1em 0;}
#container #quote h2 { display: inline; font-size: 14px; line-height: 16px; font-style: normal; font-weight: normal; padding: 0; margin: 0; }
#container #quote span.quote_open { display: inline; }
#container #quote span.quote_close { display: inline; }
#container #quote p.signature { margin: 0; padding: 10px 0 0 0; font-size: 13px; line-height: 14px;}

#gateways { display: table; }
#gateways div.gateway { display: table;  margin-top: 10px; width: 100%;}
#gateways div.project_gateway { height: 113px;  }
#gateways div.info_gateway { height: 169px; }
#gateways div.gateway img { float: left; width: 127px;  margin: 0; }
#gateways div.gateway div.text { float: left; margin-left: 20px; width: 500px;}
#gateways div.gateway div.text h1 { color:#0068B2; font-size: 16px;  font-style: normal; font-weight: bold;   line-height: 18px; margin: 0 0 8px 0; padding: 0;}
#gateways div.gateway div.text h2 { color:#000; font-size: 14px;  font-style: normal; font-weight: bold;   line-height: 16px; margin: 0; padding: 0;}
#gateways div.gateway div.text p { color:#000; font-size: 14px; line-height: 16px; margin: 0 0 0.5em 0;  }

#gateways div.gateway a { color: #3382bd; text-decoration: underline; }
#gateways div.gateway a.arrow { display: block; text-decoration: underline; }
#gateways div.gateway a:hover { color:#000;  }


/* About Us */
div.about_top { display: none;}
div.about { margin: 1em 0;}
div.about table td { text-align: left; vertical-align: middle; font-size: 14px; line-height: 16px; padding: 2px 0;}
div.about a.arrow { display: block;  }
div.about p.iso9001 img {margin-bottom: 1em;}
div.about p.iso9001 {}


/* Services */
div.services { padding: 0; }
ul.services_list { margin:0; padding:0 0 2em 0; list-style:none;  }
ul.services_list li{ display:block; margin:0 0 0 1em; padding:0;  }
ul.services_list li a, ul.services_list li a:link, ul.services_list li a:active, ul.services_list li a:visited { display: block; text-decoration:none; color:#0068B2; font-size: 16px; font-style:normal; font-weight:normal; line-height:20px; }
ul.services_list li a:hover { }

#service_detail {  display: table;  }
#service_detail #submenu { display: none; }
#service_detail #content_top { display: none;}
#service_detail #content { color:#000; font-size: 12px; line-height: 14px; padding: 0 0 1em 0; }
#service_detail #content h1 { color:#0068B2; font-size: 18px;  font-style: normal; font-weight: normal;  line-height: 22px; margin: 0; padding: 0; }
#service_detail #content h2 { color:#000; font-size: 16px;  font-style: normal; font-weight: normal;  line-height: 18px; margin: 0; padding: 20px 0 0 0; }
#service_detail #content ul { margin: 1em 0 0 13px; padding: 0; }
.ie #service_detail #content ul { margin-left: 18px; }
.opera #service_detail #content ul { margin-left: 18px; }
#service_detail #content li { list-style-image: url(/images/services_bullet.jpg); }


/* projects */
div.projects { padding: 0; }
ul.projects_list { margin:0; padding:0 0 1em 0; list-style:none;  }
ul.projects_list li{ margin:0; padding:0 0 0 1em; }
ul.projects_list li a, ul.projects_list li a:link, ul.projects_list li a:active, ul.projects_list li a:visited { color:#0068B2; font-size: 16px; font-style:normal; font-weight:normal; line-height:20px; text-decoration: none; }
ul.projects_list li a:hover {   color: #000;}
#projectsform { margin-bottom: 15px; }


#project_detail {   display: table;     }
#project_detail #submenu { display: none;}
#project_detail #content_top {display: none;}
#project_detail #content { color:#000; font-size: 12px; line-height: 14px; padding: 0 0 1em 0; }
#project_detail #content h1 { color:#0068B2; font-size: 18px;  font-style: normal; font-weight: normal;  line-height: 22px; padding: 0; margin: 0;  border-bottom: solid 2px #e0b952;}
#project_detail #content h2 { color:#0068B2; font-size: 16px;  font-style: normal; font-weight: normal;  line-height: 32px; margin: 0; padding: 0; border-bottom: solid 2px #e0b952;}
#project_detail #content h2.noborder { border-bottom: none; margin-bottom: -10px;}
#project_detail #content h2 span.grey { color:#000; }
#project_detail #content hr { margin-top: 20px; color:#e0b952; background-color: #e0b952; height:2px; border: 0; width: 100%;}
.ie #project_detail #content hr { margin-top: 0px; }
#project_detail #content h3 { color:#0068B2; font-size: 14px;  font-style: normal; font-weight: normal;  line-height: 32px; margin: 0; padding: 0; }
#project_detail #content ul.gallery li { width: 147px; height: 82px; padding: 5px 0 0 6px; }
#project_detail #content ul.gallery { margin: 0; padding: 0; list-style: none; display: inline-table;}
#project_detail #content li { float: left;  margin: 0 2px 2px 0; }
#project_detail #content p { clear: left; }

#project_detail #content ul.archived_projects { margin:0; padding:0 0 1em 0; list-style:none;  }
#project_detail #content ul.archived_projects  li {margin:0 0 1em 0; padding:1em 0;  border-bottom: solid 2px #e0b952; display: inline-block;  }
#project_detail #content ul.archived_projects  li.last { border-bottom: none;  }
#project_detail #content ul.archived_projects  li img { float: left; width: 139px; height: 74px; margin: 5px 11px 6px 0px; padding: 0; }
#project_detail #content ul.archived_projects  li h1 { border: none; font-size: 16px; line-height: 18px; margin: 0; padding: 6px 0 8px 0;}
#project_detail #content ul.archived_projects  li h2 { border: none; font-size: 16px; line-height: 18px;}
#project_detail #content ul.archived_projects  li p { clear: left; }

#project_detail #submenu ul li a.archived { text-indent: 20px;}
#project_detail #submenu ul li.archived { margin:0; padding:0 0 5px 0; }
#project_detail #submenu ul li.archiveselected {padding:3px 0 8px 0; }


/* Team Elements */
#team {  display: inline-table; width: 686px;    }
#team #submenu { display: none; }

#team #content { display: table; color:#000; font-size: 12px; line-height: 14px; padding-top: 4px; }
#team #content ul { margin:0; padding:0 0 1em 0; list-style:none;  }
#team #content ul li { margin:0; padding:1em 0;  border-bottom: solid 2px #8b8c8e; display: inline-block;  }
#team #content ul li.last { border-bottom: none;  }
#team #content ul li img { float: left; width: 75px; height: 90px; margin: 5px 11px 0 0; padding: 0; }
#team #content h1 { float: left;  width: 600px; color:#0068B2; font-size: 18px;  font-style: normal; font-weight: normal;  line-height: 18px; margin: 7px 0 3px 0; padding: 0;}
#team #content h2 { float: left; width: 600px; color:#0068B2; font-size: 14px;  font-style: normal; font-weight: normal;  line-height: 16px; margin: 0; padding: 0; }
#team #content p { float: left; width: 600px; display: block; }


#team #careers_top { display:none;}
#team #careers { color:#000; font-size: 12px; line-height: 14px; padding: 0; }
#team #careers h1 { color:#0068B2; font-size: 18px;  font-style: normal; font-weight: normal;  line-height: 22px; margin: 0; padding: 0; }
#team #careers h2 { color:#000; font-size: 16px;  font-style: normal; font-weight: normal;  line-height: 18px; margin: 0; padding: 20px 0 0 0; }


#team #content p.arrow { }
#team #content a.arrow { display: block;   }
#team #content a:hover { color:#000;  }





/* news */
div.news_top { display: none; }
div.news { }
div.news h1 { color:#f52b1f; font-size: 18px;  font-style: normal; font-weight: normal;  line-height: 22px; margin: 0; padding: 0 0 15px 240px; }

div.news_article { display: table; clear: both; width: 100%; margin: 0 11px 14px 11px; border-bottom: solid #f25c39 2px;  font-size: 14px; padding-bottom: 14px; page-break-inside:avoid; }
div.news_article_image { float: left; width: 229px; } 
div.news_article_image img { width: 174px; height: 119px; margin: 0; padding: 0; }


div.news_article_content { float: left; display: block; width: 435px; min-height:134px; }
div.news h1.news_article_title { display: block; margin: 0; padding: 0; color:#000; font-size: 17px;  font-style: normal; font-weight: bold;  line-height: 18px;  }
p.news_article_date { display: block; font-size: 12px; margin: 0; padding: 0;  }
div.news_article_body {  }


/* Contactus Elements */
#contactus {  }
#contactus #contact_top { display: none;}

#contactus #contact {color:#000; font-size: 12px; line-height: 14px; padding: 0; }

#contactus #contact h1 { color:#0068B2; font-size: 18px;  font-style: normal; font-weight: normal;  line-height: 22px; margin: 0; padding: 0; }
#contactus #contact h2 { color:#000; font-size: 16px;  font-style: normal; font-weight: normal;  line-height: 18px; margin: 0; padding: 14px 0 0 0; }
#contactus #contact p { margin: 0.5em 0; }


/* google maps*/
 v\:* { behavior:url(#default#VML);   }
#map { width: 454px; height: 252px; border: 1px solid #000; font-size:14px; line-height: 16px;}
/* google maps*/




/* RHS Elements */
#container_right h1 { display: inline-table; margin: 0 0 5px 0; padding:0;line-height:24px; font-size:14px; font-style:normal; font-weight: normal; color: #000;  }
#container_right #testimonial { display: inline-table; margin-bottom: 11px;  }
#container_right #testimonial h2 { display: inline; font-size: 14px; line-height: 16px; font-style: normal; font-weight: normal; padding: 0; margin: 0; }
#container_right #testimonial span.quote_open { display: inline;  }
#container_right #testimonial span.quote_close { display: inline; }
#container_right #testimonial p.signature { margin: 0; padding: 10px 0 20px 0; font-size: 12px; line-height: 14px;}


#container_right #fact_top { display: none;}
#container_right #fact_img_top { display: none;}
#container_right #fact img { width: 185px; margin: 0 0 1em 0; padding: 0;}
#container_right #fact { }
#container_right #fact h2 { font-size: 14px; line-height: 16px; font-style: normal; font-weight: normal; padding: 0; margin:0; }



/* Footer Elements */
#footer {  display: table; margin-top: 2em; width: 100%; font-size: 11px; line-height: 13px; color:#000;}
#footer  div.colleft { }
#footer  div.colright {display: none;  }
#footer ul { display: none; }






/* a section */
#adminmenu { float: right; width: 515px; margin-top: 72px; height: 30px; }
#adminmenu ul { margin:0; padding:0; list-style:none;   }
#adminmenu li{ display:inline; margin:0; padding:0;  float: right; }
#adminmenu ul li a { display: block; height: 30px; line-height: 30px; text-decoration:none;  margin-right: 25px; color: #fff; }
#adminmenu ul li a:hover, #adminmenu ul li a.selected { color: #000; text-decoration:underline; }
#admin_container { display: inline-table; width: 916px; min-height: 400px; font-size: 1em; line-height: 120%; }