@charset "UTF-8";
/* CSS Document */

#redink{color:#CCCCCC;font-size:10px;margin:0 auto;width:1000px;text-align:right;margin-top:5px;margin-bottom:5px;}
#redink a{color:#CCCCCC}
* {margin:0;padding:0;}
#mainContent ul{padding-top:5px;list-style-type:none;font-size:12px;}
#mainContent ul ul {padding-left:15px;font-weight:bold;}
#mainContent ul ul ul {padding-left:15px;font-weight:normal;}
#mainContent li {padding-top:10px;}



img {border:none;}
body {background:#a4a496;font-size:11px;font-family:Arial, sans-serif;}
div#wrapper {width:1000px;margin:0 auto;background-color:#FFFFFF;position:relative}




#header{width:1000px;height:330px;position:relative;background: url(../images/header.gif) top left no-repeat;}
#header2 {width:1000px;height:100px;position:relative;background: url(../images/header.gif) top left no-repeat;}

body#b #header{background: url(../images/header2.gif) top left no-repeat;}

#header h1 {}
#header h1 span {font-size:12px;font-weight:normal}

#overlay {	width: 1000px;	background-color: transparent;	position:absolute;	bottom:0px;	bottom: 0px;	padding: 0;	margin: 0;	font-size: 30px;	height:230px;}

#tabs{width:100%;height:26px;position:relative}
#tabs ul{
	position:absolute;
	top:6px;
	margin-left:40px;
	font-size:11px;
	height: 16px;
	width: 936px;
	left: -10px;
}
#tabs ul li{float:left; margin-left:5px;list-style-type:none;background-color:transparent}
#sidenav {
	float:left;
	padding:5px;
	padding-left:32px;
	margin-top:20px;
	display: inline;
}
#sidenav li{padding:0px;padding-bottom:5px;text-transform:uppercase;color:#0000FF}
#content {padding:0px;background-color:#fff}
body#b #content{background-color:#bcbbaf;}
#mainContent, #showcase{margin-left:160px;margin-right:285px;padding-left:42px;}
#mainContent {padding-top:42px;}
#mainContent, #showcase{padding-right:10px;position:relative;}
#showcase{padding-top:0px;margin-bottom:20px;height:80px;}

#mainContent p {font-size:11px;line-height:22px;color:#555 } 

#sidenav2 {float:right;padding:0px;background-color:transparent;border:1px solid #ccc;margin-right:40px;width:210px;margin-top:22px;background-color:#eee;background:url(../images/sidepanel.jpg) top left repeat-y;}

body#b #sidenav2 {float:right;padding:5px;background-color:transparent;;border:1px solid #a4a496;margin-right:40px;width:210px;margin-top:22px;background-color:#eee;background:url(../images/sidepanel2.jpg) top left repeat-y;}


#sidenav ul, #sidenav2 ul, #showcase ul{list-style-type:none;}
#sidenav2 ul {text-align:right;margin-bottom:5px;}
#sidenav2 ul li{display:inline;font-size:10px;padding-left:5px;}

h2{color:#00498e;font-size:16px}
h4{text-transform:uppercase;font-weight:bold;}
h3{color:#00498e;font-size:14px}
h2 span{font-size:10px;}


#showcase blockquote {text-align:right;}
#showcase ul li {	float: left; margin: 0px; padding-top: 10px; text-align: right; margin-right:21px;}
#showcase ul li.last{margin:0px;}

.showcase-quote{float:right;width:240px;padding-top:10px;margin-right:20px;}
.showcase-quote blockquote p.showcase-quote-p {font-size:10px;font-weight:bold;color:#333;text-align:justify;line-height:14px;}
p.showcase-quote-cite{color:#777}

div.showcase-icons{float:left;width:220px;height:100%;font-size:10px;}
div.showcase-icons div.icon {text-align:right;float:left;margin-top:12px;margin-left:16px;}
div.icon-first{text-align:right;float:left;margin-top:12px;}
div.showcase-icons{font-size:9px}

.footer {font-size:12px;text-align:right;}




h4 {font-size:11px;margin-left:16px;margin-top:5px}
h4.projects {padding-top:5px;height:23px;width: 490px;background:url(../images/showcase_title.gif) top left repeat-x                                ;margin-left:202px;padding-left:12px;margin-top:20px;}
body#b h4.projects {padding-top:5px;height:23px;width: 490px;background:url(../images/projectbar2.jpg) top left repeat-x;margin-left:202px;margin-top:20px;}



div.showcase_header {height: 23px;	width: 504px;}

#showcase a{font-weight:bold;text-decoration:none;}

#sidenav2 h4{margin-left:10px;margin-top:10px}
#sidenav2 a{margin-left:00px;text-transform:uppercase;font-weight:bold;text-decoration:none;}

.showcase-icons .icon_img{margin-bottom:2px;border:2px solid #eee;}
.showcase-icons a:hover .icon_img{border:2px solid #ddd}

#sidenav2 p{padding-left:20px;}
#sidenav2 h4 {padding-left:10px;}
#sidenav2 ul a{text-transform:none;font-weight:normal;text-decoration:none;color:#555;}



.accessibility_text {position:absolute;left:-99999px;width:100px;}



a{color:#00498e}
a:visited{color:#00498e}



.seperator{margin-top:20px;margin-bottom:20px;
background:url(../images/seperator.gif) center center no-repeat;width:100%;height:2px;overflow:hidden;}



/* NAV and TABS */
#tabs{background:#00498e;border-bottom:1px solid #ddd}
body#b #tabs {background:#e1e0d9;border-bottom:1px solid #e1e0d9}

/* side nav white */
.nav_white .nav_button a {display:block;width:130px;height:25px;}

.nav_white .nav_home a{background:url(../images/navbuttons.gif) -2px -2px}
.nav_white .nav_home a:hover {background:url(../images/navbuttons-over.gif) -2px -2px}


.nav_white .nav_home2 a{background:url(../images/navbuttons-home2.gif) -2px -30px}
.nav_white .nav_home2 a:hover {background:url(../images/navbuttons-home2-over.gif) -2px -30px}


.nav_white .nav_about a{background:url(../images/navbuttons.gif) -2px -30px}
.nav_white .nav_about a:hover {background:url(../images/navbuttons-over.gif) -2px -30px}

.nav_white .nav_news a{background:url(../images/navbuttons.gif) -2px -57px}
.nav_white .nav_news a:hover {background:url(../images/navbuttons-over.gif) -2px -57px}

.nav_white .nav_contact a{background:url(../images/navbuttons.gif) -2px -111px}
.nav_white .nav_contact a:hover {background:url(../images/navbuttons-over.gif) -2px -111px}

.nav_white .nav_testimonials a{background:url(../images/navbuttons.gif) -2px -84px}
.nav_white .nav_testimonials a:hover {background:url(../images/navbuttons-over.gif) -2px -84px}

.nav_white .nav_projects a{background:url(../images/navbuttons.gif) -2px -138px}
.nav_white .nav_projects a:hover {background:url(../images/navbuttons-over.gif) -2px -138px}


/*side nav grey*/
.nav_grey .nav_button a {display:block;width:130px;height:25px;}

.nav_grey .nav_home a{background:url(../images/navbuttons2.gif) -2px -2px}
.nav_grey .nav_home a:hover {background:url(../images/navbuttons2-over.gif) -2px -2px}

.nav_grey .nav_about a{background:url(../images/navbuttons2.gif) -2px -30px}
.nav_grey .nav_about a:hover {background:url(../images/navbuttons2-over.gif) -2px -30px}

.nav_grey .nav_news a{background:url(../images/navbuttons2.gif) -2px -57px}
.nav_grey .nav_news a:hover {background:url(../images/navbuttons2-over.gif) -2px -57px}

.nav_grey .nav_contact a{background:url(../images/navbuttons2.gif) -2px -111px}
.nav_grey .nav_contact a:hover {background:url(../images/navbuttons2-over.gif) -2px -111px}

.nav_grey .nav_testimonials a{background:url(../images/navbuttons2.gif) -2px -84px}
.nav_grey .nav_testimonials a:hover {background:url(../images/navbuttons2-over.gif) -2px -84px}

.nav_grey .nav_projects a{background:url(../images/navbuttons2.gif) -2px -138px}
.nav_grey .nav_projects a:hover {background:url(../images/navbuttons2-over.gif) -2px -138px}




/*tabs white */


.tabs_white .tab_commercial a {display:block;width:90px;height:22px;background:url(../images/tabs.gif) -30px -8px}
.tabs_white .tab_commercial a:hover {background:url(../images/tabs-over.png) -30px -8px}
.tabs_white .tab_industrial a {display:block;width:90px;height:22px;background:url(../images/tabs.gif) -122px -8px}
.tabs_white .tab_industrial a:hover {background:url(../images/tabs-over.png) -122px -8px}
.tabs_white .tab_residential a {display:block;width:90px;height:22px;background:url(../images/tabs.gif) -214px -8px}
.tabs_white .tab_residential a:hover {background:url(../images/tabs-over.png) -214px -8px}
.tabs_white .tab_education a {display:block;width:90px;height:22px;background:url(../images/tabs.gif) -305px -8px}
.tabs_white .tab_education a:hover {background:url(../images/tabs-over.png) -305px -8px}
.tabs_white .tab_active {height:20px;border-bottom:1px solid #f5f5f3;}


/*tabs grey */


.tabs_grey .tab_commercial a {display:block;width:90px;height:22px;background:url(../images/tabs2.gif) -30px -8px}
.tabs_grey .tab_commercial a:hover {background:url(../images/tabs2-over.gif) -30px -8px}
.tabs_grey .tab_industrial a {display:block;width:90px;height:22px;background:url(../images/tabs2.gif) -122px -8px}
.tabs_grey .tab_industrial a:hover {background:url(../images/tabs2-over.gif) -122px -8px}
.tabs_grey .tab_residential a {display:block;width:90px;height:22px;background:url(../images/tabs2.gif) -214px -8px}
.tabs_grey .tab_residential a:hover {background:url(../images/tabs2-over.gif) -214px -8px}
.tabs_grey .tab_education a {display:block;width:90px;height:22px;background:url(../images/tabs2.gif) -305px -8px}
.tabs_grey .tab_education a:hover {background:url(../images/tabs2-over.gif) -305px -8px}
.tabs_grey .tab_active {height:20px;border-bottom:1px solid #e1e0d9;}


body#b .tab_active {border-bottom:1px solid #e1e0d9}

#mainContent p{font-size:11px ;line-height:16px;padding-bottom:5px;}

.showcase_header{color:#fff;margin-bottom:10px;}
.project_header{font-size:24px}

.director-desc{width:100%;float:left;}
.director-desc img{float:left;margin-right:10px;}

.director-desc1{width:100%;float:right;margin-top:20px;margin-bottom:20px;}
.director-desc1 img{float:right;margin-left:10px;}


a{text-decoration:none;}
a:hover{text-decoration:underline;}

#print_header{display:none;}

.quote_big{font-size:26px;font-weight:bold;color:#fff;padding-left:10px;padding-right:10px;}
.quote_small{padding-right:10px;text-align:left;padding-left:10px;font-weight:bold;}
.quote_cite{color:#000;margin-right:15px;text-align:right;}


.projectsubheading{font-weight:bold;color:#000000;}


#projects p{font-size:12px;margin-top:20px;}