/*
CSS - ICON TECHNOLOGY
*/

@import url("forms.css");

html, body, p, h1, h2, h3, h4, h5, ol, ul, img { margin: 0; padding: 0; border: 0; }
body {margin:0;padding:0;background:#efefef url(../images/bg-main.gif) repeat-x top left; font: normal 62.5%/17px "Verdana", Arial, Helvetica, sans-serif;}
#container {margin:0 auto;padding:0 10px;width:884px; height: auto;background:#fff url(../images/bg-square.gif) no-repeat 594px 76px;}
sup { color: #000; }
.hidden { display: none; }
img { border: none; }

table { margin-bottom: 20px; font-size: 11px; border-color: #d2d2d2;}
tr, td { vertical-align: top; }
p, h1, h2, h3, h4, h5 { /*text-align: left;*/ }
h1 { font-size: 15px; font-weight: bold; margin-bottom: 15px; color: #114366;}
hr { display: block; width: 100%; border: 0; border-top: 1px solid #d2d2d2; height: 1px; margin: 15px 0; clear: both; }


/* HEADER */

#header {width:884px; }
#logo {width:222px;float:left;padding:9px 0 0 15px; display: block;}
#logo-print { display: none; }
#search-nav {width:578px; height: auto; float:right;margin:0 0 20px 0; background:url(../images/bg-search-bar.gif) no-repeat 0 0; }
#search-panel {width: 570px;height:39px;padding:0 0 0 0;margin:-39px 0 50px 0; position: relative; z-index: 10; }

#navigation {width:476px;height:30px;padding:0 0 0 102px; }

ul#nav {width:476px;height:30px; list-style: none; display: inline;}
ul#nav li {float:left; overflow:hidden;height:30px; font-size: 16px; font-weight: bold; }
ul#nav li a {display:block;height:30px;}
ul#nav li a:hover {background-position:0 -30px!important;}

ul#nav li.home a {background:url(../images/nav/home.gif) no-repeat 0 0; width:58px;}
ul#nav li.about-us a {background:url(../images/nav/about-us.gif) no-repeat 0 0; width:86px;}
ul#nav li.services a {background:url(../images/nav/services.gif) no-repeat 0 0; width:84px;}
ul#nav li.projects a {background:url(../images/nav/projects.gif) no-repeat 0 0; width:87px;}
ul#nav li.news a {background:url(../images/nav/news.gif) no-repeat 0 0; width:61px;}
ul#nav li.contact-us a {background:url(../images/nav/contact-us.gif) no-repeat 0 0; width:100px;}

/*hover*/
#home .home a, #about-us .about-us a, #services .services a, #projects .projects a, #news .news a, #contact-us .contact-us a {background-position:0 -30px!important;}


/* BANNER */

#banner {width:884px; height: auto; clear: both; display: block; background: url('../images/bg-banner.jpg') no-repeat 0 0; }



/* CONTENT AREA */

#content {padding:0 0 45px; }
#content-left {float:left; display: inline; width:625px;margin:0 25px 0 0;padding:0 5px;text-align: justify;}
#content-right {width:200px;float:right; display: inline;}

.event {border-bottom:1px dashed #ddd;margin:0 0 10px 0;}
.last {border:none;margin:0 0 4em 0;}

.project-listing {border-bottom:1px dashed #ddd;margin:0 0 15px 0;}
.project-listing img {margin:0 10px 10px 0!important;}
.project-listing h4 {margin:0!important;}

.project-listing .project-img {float: left; display: inline;}
.project-listing .project-desc {width: 565px; float: right; display: inline;}

#content .news-listing { clear: both; margin-bottom: 20px; border-bottom: 1px dashed #ddd; display: block; }
#content .news-listing h3 { font-size: 1.2em; margin-bottom: 5px; padding: 0; }
#content .news-listing p { margin-bottom: 5px; }
#content .news-listing a, #content .news-listing h4 a { font-size: 10px; font-weight: normal; margin-bottom: 20px; }

#content .news-detail { clear: both; margin-bottom: 20px; display: inline-block; }
#content .news-detail h3 { font-size: 1.2em; }

/* TITLES */

#content-right h1, #content-left h1, #content-left h2 {margin:0 0 15px 0; }
#content-right h2 { margin:0 0 10px 0; text-align: left; }
#content-right h1 img, #content-left h1 img, #content-right h2 img, #content-left h img2 { display:block; border: none; margin: 40px 0 0 0; }
#content-right h3 img, #content-right h4 img, #content-left h3 img, #content-left h4 img { border: none; }
#content-left h2, #contact-us #content-right h2.con { font-size: 1.4em; font-weight: bold; margin-bottom: 15px; color: #114366; }
#content-left h3 { font-size: 1.3em; font-weight: bold; margin-bottom: 15px; color: #114366;}
#content-left h4 { font-size: 1.2em; font-weight: bold; margin-bottom: 5px; color: #114366;}
#content-left h5 { font-size: 1em; font-weight: bold; margin-bottom: 2px; color: #114366;}
#content-left h5 img { border: none; margin-right: 10px; float: none; vertical-align: top; }
#content-left .news-listing h4 img.arrow, #content-left .news-listing h4 img.pdf { border: none; vertical-align: middle; padding-right: 5px; }
#content-left .news-listing h4 img.arrow {vertical-align: top;}
#content-left img { border: 0; }

/* TEXT STYLES */

#content p {margin:7px 30px 7px 0;font-size:1.1em; color:#333;}
#content-left p {margin-right: 10px;}

#content ul, #content ol {margin:0 0 15px 35px; padding: 0;}
#content ul li, #content ol li {padding-left: 5px; color:#333; font-size:1.1em;}

#content a {color:#ff8400;text-decoration:none;}
#content a:hover {text-decoration:underline;}
#content-right img {border:1px solid #000;margin:0 0 10px 0;}
#content-right p {padding:0 0 0 5px; text-align: left; margin: 0 0 15px 0;}

#content-right h3 {font-size:11px;margin-bottom:3px;}
#content-right h3.btm { background: url('../images/arrow.gif') 0 0 no-repeat; padding-left: 22px; margin: 0 0 10px 0;  }
#content-right h3 img {margin: -3px 5px 0 0; vertical-align: middle;}
#content .event p {color:#114366; padding:0 0 0 22px;margin:0 0 10px 0;}
#content .event h3 {float: left; background: url('../images/arrow.gif') 0 0 no-repeat; padding-left: 22px;}

#content-right div.services-listings {float: left; margin:0 0 20px 0; display: inline-block;}
#content-right div.services-listings img { float: left; margin-right: 5px; border: none; }
#content-right div.services-listings h3 {float: left; width: 170px; margin-top:-5px; margin-bottom: 8px; line-height: 15px; }
#content-right div.services-listings a {font-weight: normal;}
.project-gallery p {margin-bottom:40px !important; padding: 0 !important;}

#content-left img.pdf {margin: -3px 5px 0 0; vertical-align: middle; border: none; }



/* FOOTER */

#footer {background-color:#06314e; padding:10px 0; width:904px; margin:0 auto 20px auto; color:#406a89;line-height:20px; }
#footer-left, #footer-right {float:left;width:412px;padding:0 20px;}
#footer-right {text-align:right;}
#footer-right a {color:#ff8400; text-decoration:none;}
#footer-right a:hover { text-decoration:underline;}
#footer-left a {color:#406a89; text-decoration: none;}
#footer-left a:hover {color: #CCCCCC; text-decoration:underline;}



/* CLEARFIX */
.clear { clear: both; display: block; }
.clearfix:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

@import url("thickbox.css");

#content table {text-align: left;}

/* quick fix for gallery image (i.e. project page) so that the thumbnail images will look uniform */
div.image-box {
	width: 147px;
	overflow: hidden;

}