/*####################
##### HTML, BODY #####
#####################*/ 

body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
	color					: #666666;
	text-align				: center;
	margin					: 0px auto 0px auto;
	padding 				: 0px 0px 0px 0px;
	background				: #FFFFFF url("../images/bkgrnd.gif") repeat-y top center
}


/*###################
##### CONTAINER #####
###################*/ 

#container{
	width					: 682px;
	height					: auto;
	margin					: 0px auto 0px auto;
	padding					: 0px 0px 0px 0px;
	text-align				: left;
	display					: block;
}



/*###############
##### FONTS #####
###############*/ 
 
p{
	margin					: 0px 0px 0px 0px;
	padding		 			: 5px 0px 5px 0px;
	font-size 				: 95%;
	line-height				: 1.4em;
}


h1 {  /*  SEO Titles */
	font-size 				: 90%;
	/*color					: #999999;*/
	font-weight				: normal;
	padding					: 3px 0 3px 0;
	margin					: 0;
}

.h1 {  /*  Page Titles */
	margin					: 0px 0px 5px 0px;
	padding		 			: 5px 0px 0px 0px;
	line-height				: 1.5em;
	font-size 				: 120%;
	font-weight				: bold;
	color					: #666666;
	border-bottom			: 1px solid #666666;
}
.h1 span {  /*  Sub Heading */
	font-size 				: 90%;
	color					: #999999;
}

.h1 h1 {  /*  SEO page Title */
	margin					: 0px 0px 5px 0px;
	padding		 			: 5px 0px 0px 0px;
	line-height				: 1.5em;
	/*font-size 				: 120%;*/
	font-weight				: bold;
	color					: #666666;
}

h2{  /*  Sub titles */
	margin					: 0px 0px 0px 0px;
	padding		 			: 5px 0px 5px 0px;
	line-height				: 1.5em;
	font-size 				: 145%;
	font-weight				: normal;
	color					: #666666;
}


#content ul {
	padding 				: 0px 0px 0px 0px;
	margin					: 5px 0px 5px 0px;
	list-style				: none;
	clear					: both;	
	font-size				: 95%;
}

#content ul li{
	padding 				: 0px 0px 2px 15px;
	margin					: 0px 0px 0px 5px;
	line-height				: 1.4em;
	background-image		: url(../images/bullet.gif);
	background-position		: top left;
	background-repeat		: no-repeat;
}


a{
	color					: #666666;
	text-decoration			: none;
}

a:hover {
	color					: #000000;
	text-decoration			: underline;
}



/*##############
#### HEADER ####
##############*/ 
	
#header{
	display 				: block;
	width					: 682px;	
	height					: 160px;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	background				: url("../images/bkgrndHeader.gif") no-repeat bottom left;
}

*html #header{
	margin					: 0px 0px 0px 1px;
}

#headerContact{
	float 					: right;
	display 				: block;
	margin					: 86px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	color					: #999999;
}

#headerContact a{
	color					: #999999;
}


#headerContact a:hover{
	color					: #000000;
	text-decoration			: underline !important;
}



/*##################
#### NAVIGATION ####
##################*/ 

/* main nav */
ul.navMain{
	margin 					: 31px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
	width					: 549px;
	height					: 24px;
	float					: right;
}


ul.navMain li{
	display 				: inline;
}


ul.navMain li a{
	margin					: 0px 0px 0px 0px;
	padding					: 9px 0px 0px 5px;
	display 				: block;
	float 					: left;
	color					: #FFF;
	text-decoration 		: none;
	font-size 				: 11px;
	text-align				: left;
	height 					: 15px;
	width					: 130px;
	text-transform			: uppercase;
	background-color		: #CACACB;
	border-right			: 1px solid #FFFFFF;	
}

*html ul.navMain li a{
	width					: 129px;

}

.navMain li a:hover{
	text-decoration 		: none;
	color					: #FFF;
	background-color		: #BBBBBB;
}

.navMain li a.selected{
	text-decoration 		: none;
	color					: #FFF;
	background-color		: #999999;
}


/* left nav */
ul#navLeft{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
	width					: 115px;
	height					: auto;
	float					: left;
}

*html ul#navLeft{
	margin 					: 0px 0px 0px 0px;
}

*html ul#navLeft li{
	height 					: 55px;
	width					: 113px;
	margin					: 0px 0px -3px 1px;
	padding					: 0px 0px 0px 0px;
}

ul#navLeft li a{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 2px 0px 0px;
	display 				: block;
	float 					: left;
	color					: #FFF;
	text-decoration 		: none;
	font-size 				: 11px;
	text-align				: right;
	height 					: 60px;
	width					: 113px;
}

ul#navLeft li a:hover, ul#navLeft li a.selected{
	text-decoration 		: none;
	color					: #FFF;
}



/* services menu */
#services1{
	background				: url("../images/leftNav/services1a.jpg") no-repeat bottom;
}
#services1:hover, #services1.selected{
	background				: #FA0606 url("../images/leftNav/services1.jpg") no-repeat bottom;
}


#services2{
	background				: url("../images/leftNav/services2a.jpg") no-repeat bottom;
}
#services2:hover, #services2.selected{
	background				: #FA0606 url("../images/leftNav/services2.jpg") no-repeat bottom;
}


#services3{
	background				: url("../images/leftNav/services3a.jpg") no-repeat bottom;
}
#services3:hover, #services3.selected{
	background				: #FA0606 url("../images/leftNav/services3.jpg") no-repeat bottom;
}


#services4{
	background				: url("../images/leftNav/services4a.jpg") no-repeat bottom;
}
#services4:hover, #services4.selected{
	background				: #FA0606 url("../images/leftNav/services4.jpg") no-repeat bottom;
}


#services5{
	background				: url("../images/leftNav/services5a.jpg") no-repeat bottom;
}
#services5:hover, #services5.selected{
	background				: #FA0606 url("../images/leftNav/services5.jpg") no-repeat bottom;
}


#services6{
	background				: url("../images/leftNav/services6a.jpg") no-repeat bottom;
}
#services6:hover, #services6.selected{
	background				: #FA0606 url("../images/leftNav/services6.jpg") no-repeat bottom;
}


#services7{
	background				: url("../images/leftNav/services7a.jpg") no-repeat bottom;
}
#services7:hover, #services7.selected{
	background				: #FA0606 url("../images/leftNav/services7.jpg") no-repeat bottom;
}



/* case studies menu */
#cases1{
	background				: url("../images/leftNav/caseStudies1a.jpg") no-repeat bottom;
}
#cases1:hover, #cases1.selected{
	background				: #FA0606 url("../images/leftNav/caseStudies1.jpg") no-repeat bottom;
}


#cases2{
	background				: url("../images/leftNav/caseStudies2a.jpg") no-repeat bottom;
}
#cases2:hover, #cases2.selected{
	background				: #FA0606 url("../images/leftNav/caseStudies2.jpg") no-repeat bottom;
}


#cases3{
	background				: url("../images/leftNav/caseStudies3a.jpg") no-repeat bottom;
}
#cases3:hover, #cases3.selected{
	background				: #FA0606 url("../images/leftNav/caseStudies3.jpg") no-repeat bottom;
}


#cases4{
	background				: url("../images/leftNav/caseStudies4a.jpg") no-repeat bottom;
}
#cases4:hover, #cases4.selected{
	background				: #FA0606 url("../images/leftNav/caseStudies4.jpg") no-repeat bottom;
}


#cases5{
	background				: url("../images/leftNav/caseStudies5a.jpg") no-repeat bottom;
}
#cases5:hover, #cases5.selected{
	background				: #FA0606 url("../images/leftNav/caseStudies5.jpg") no-repeat bottom;
}


#cases6{
	background				: url("../images/leftNav/caseStudies6a.jpg") no-repeat bottom;
}
#cases6:hover, #cases6.selected{
	background				: #FA0606 url("../images/leftNav/caseStudies6.jpg") no-repeat bottom;
}



/*###############
#### CONTENT ####
###############*/ 
	
#content{
	display 				: block;
	width					: 549px;	
	height					: auto;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	float					: right;
}

*html #content{
	margin					: 0px -1px 0px 0px;
}

.bottomLine{
	margin					: 5px 0px 5px 0px;
	padding					: 0px 0px 0px 0px;
	border-bottom			: 1px solid #666666;
}


/*################
##### FOOTER #####
################*/ 

#footer{
	clear					: both;
	width					: 549px;	
	height					: 60px;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 5px 0px;
	float					: right;
	line-height				: 1.6em;
	font-size				: 11px;
	color					: #999999
}

*html #footer{
	margin					: 0px -1px 0px 0px;
}

#copyright{
	margin					: 0px 0px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
	float					: left;
}

.footerLogo{
	padding		 			: 0px 0px 0px 20px;
	float					: right;
}


#copyright a{
	color					: #777777;
}

#copyright a:hover{
	color					: #000000;
	text-decoration			: underline !important;
}




/*###############
##### MISC. #####
###############*/ 

/* MATERIALS GALLERY */
.materials{
	display					: block;
	float					: left;	
	margin					: 0px 20px 0px 0px;
	padding					: 0px 0px 0px 0px;	
	width					: 170px;
	height					: 190px;
	text-align				: center;
	text-decoration			: none;
	color					: #347595;
}

*html .materials{		
	width					: 165px;
}

.materials img{
	border					: 2px solid #CCCCCC;
}

.materials a:hover{
	text-decoration			: none;
}


.materials img:hover{
	border					: 2px solid #347595;
}



/* PORTFOLIO GALLERY */
.portfolio{
	display					: block;
	float					: left;	
	margin					: 0px 15px 0px 0px;
	padding					: 0px 0px 0px 0px;	
	width					: 120px;
	height					: 90px;
	text-align				: center;
	text-decoration			: none;
	color					: #347595;
}

.portfolio img{
	border					: 2px solid #CCCCCC;
}

.portfolio a:hover{
	text-decoration			: none;
}

.portfolio img:hover{
	border					: 2px solid #347595;
}



/* CONTACT FORM */
.table{
	margin					: 10px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	font-size				: 95%;
	background-color		: #FFFFFF;
}



.table td{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;	
	vertical-align			: top;
}

.table td span{
	margin					: 0px 5px 0px 0px;
	padding					: 3px 0px 0px 3px;	
	font-weight				: bold;
	color					: #FFFFFF
}


.textField{
	width					: 80px;
	height					: 15px;
	font-size				: 11px;
	font-family				: Arial, Helvetica, sans-serif;
	background-color		: #DEDEDE;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;	
	border					: 2px solid #B4B4B4;
}

.textArea{
	width					: 90px;
	height					: 81px;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 11px;
	background-color		: #DEDEDE;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;	
	border					: 2px solid #B4B4B4;
}

*html .textArea{
	height					: 87px;
}


.submitBtn{
	margin					: 5px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	float					: right;
	font-weight				: bold;
	text-align				: center;
	color					: #787878;
	text-decoration 		: none;
	font-size 				: 11px;
	height					: 20px;
	width					: 60px;
	border					: 2px solid #999999;
	background-color		: #CACACB;
}

.submitBtn:hover{
	background-color		: #999999;
	color					: #FFF;
	text-decoration 		: none;
}