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


body {
	/*font-family				: Arial, Helvetica, sans-serif;*/
	font-family				: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size				: 77%;
	color					: #000;
	text-align				: center;
	margin					: 0px;
	padding 				: 0px;
	margin-bottom			: 10px;
	background-color		: #F4EAE0;
}


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


#container{
	width					: 780px;
	height					: 550px;
	margin-right			: auto;
	margin-left				: auto;
	text-align				: left;
	display					: block;
	
	
}


/*###############
##### FONTS #####
###############*/ 

 
p{
	padding					: 5px 10px 10px 10px;
	margin					: 0px 0px 0px 0px;
	font-size 				: 90%;
	line-height				: 1.2em;
}



h1{
	padding		 			: 0px 10px 5px 10px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.2em;
	font-size 				: 100%;
	color					: #D8660D;
}

h2{
	padding		 			: 0px 10px 5px 10px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.2em;	
	font-size 				: 100%;
	color					: #D8660D;
}

h3{
	padding		 			: 0px 10px 5px 10px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.2em;
	font-size 				: 85%;
	color					: #FFF;
}

h4{
	padding		 			: 15px 10px 5px 10px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.2em;
	font-size 				: 100%;
	color					: #FFF;
}

h5{
	padding		 			: 5px 0px 5px 0px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.2em;	
	font-size 				: 90%;
	color					: #D8660D;
}
#contentRight ul {
	list-style				: none;
	padding 				: 0px 0px 0px 15px;
	margin					: 0px 0px 0px 0px;
}


#contentRight ul li{
	padding 				: 0px 10px 5px 10px;
	margin					: 0px 0px 0px 0px;
	font-size 				: 90%;
	line-height				: 1.2em;
	background-image		: url(../images/bullet.gif);
	background-position		: top left;
	background-repeat		: no-repeat;
}


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

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




/*################
##### HEADER #####
################*/ 


#header{
	width					: 780px;
	margin					: 0px;
	padding					: 0px;
	height 					: 173px;
	background-image		: url(../images/header.jpg);
	background-repeat		: no-repeat;
	
}

.logo{
	margin					: 30px 0px 0px 30px;
	border					: none;
	float					: left;
}

.headerImg{
	margin					: 0px 40px 0px 0px;
	border					: none;
	float					: right;
}




/*###############
#### CONTENT ####
###############*/ 
	
	
#content{
	margin					: 0px;
	padding					: 0px;
	width 					: 780px;
	background-image		: url(../images/content.jpg);
	background-repeat		: repeat-y;
	background-position		: top;
	height					: auto;
	display 				: block;
	
}

#contentMain{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 34px;
	width 					: 505px;
	display 				: block;
	float 					: left;
}

*html #contentMain{
	margin					: 0px 0px 0px 17px;
}


#contentWide{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 34px;
	width 					: 746px;
	display 				: block;
	float 					: left;
}

*html #contentWide{
	margin					: 0px 0px 0px 17px;
}



#contentLeft{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	width 					: 162px;
	min-height				: 409px;
	display 				: block;
	float 					: left;
	background-color		: #FFF;
	background-image		: url(../images/tableBottom.png);
	background-position		: bottom;
	background-repeat		: no-repeat;
}

*html #contentLeft{
	height					: 409px;
}


.divider{
	padding					: 0px 0px 0px 0px;
	margin					: 5px 0px 5px 0px;
}



#contentRight{
	padding					: 0px;
	margin					: 0px 0px 0px 0px;
	width 					: 332px;
	height					: 409px;
	background-color		: #FFF;
	float					: right;
	background-image		: url(../images/tableBottomLong.png);
	background-position		: bottom;
	background-repeat		: no-repeat;
}

*html #contentRight{
	height					: 409px;
}


#contentRightBlue{
	padding					: 0px;
	margin					: 0px 0px 0px 0px;
	width 					: 332px;
	height					: 409px;
	background-color		: #7D9CAB;
	float					: right;
	background-image		: url(../images/tableBottomLongBlue.png);
	background-position		: bottom;
	background-repeat		: no-repeat;
}

*html #contentRightBlue{
	height					: 409px;
}

#contentRightBlue p, #contentRightBlue h1{
	color					: #FFF;
}

#teaser{
	padding					: 0px;
	margin					: 0px 34px 0px 0px;
	width 					: 195px;
	min-height				: 415px;
	float					: right;
	background-image		: url(../images/ourclients.jpg);
	background-position		: top;
	background-repeat		: no-repeat;
}

#teaser p{
	color					: #FFF;
	font-size				: 90%;
}


*html #teaser{
	height					: 415px;
	margin					: 0px 17px 0px 0px;
}

.contentBottom{
	display					: block;
	clear					: both;
	width					: 780px;
	height					: 31px;
	background-image		: url(../images/footer.jpg);
	background-image		: no-repeat;
	background-position		: top;

}


#portfolio{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 34px 6px 0px;
	width 					: 539px;
	min-height				: 409px;
	float					: right;
	background-color		: #7D9CAB;
	background-image		: url(../images/portfolioBottom.png);
	background-position		: bottom;
	background-repeat		: no-repeat;
}

*html #portfolio{
	height					: 409px;
	margin					: 0px 17px 6px 0px;
}

#portfolio p, #portfolio h1{
	color					: #FFF;
}


.portfolioImg{
	border					: none;
	margin					: 0px;
	padding					: 0px;
}


#scrollingDiv{
	padding					: 0px 0px 0px 0px;
	margin					: -5px 0px 0px 10px;
	width					: 515px;  
	height					: 345px;
	
	overflow				: auto;
	overflow-y				: hidden;
}

.scrollingContent{
	width					: 1640px; 
	min-height				: 302px;
	background-color		: #FFF;
	float					: left;
}

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


ul#navTop{
	margin 					: 19px 30px 0px 0px;
	padding					: 0px;
	display 				: block;
	list-style 				: none;
	width					: 550px;
	float					: right;
	text-align				: right;
	

}

*html ul#navTop{
	margin 					: 19px 16px 0px 0px;
	

}

ul#navTop li{
	display 				: inline;
	
}


ul#navTop li a{
	
	margin					: 0px 0px 0px 0px;
	padding					: 0px 12px 0px 6px;
	display 				: right;
	color					: #919191;
	text-decoration 		: none;
	font-size 				: 105%;
	line-height				: 1.6em;
	background-image		: url(../images/topNav.gif);
	background-position		: right;
	background-repeat		: no-repeat;
	
}


#navTop li a:hover, #navTop li a.selected{
	color					: #D8660D;
	background-image		: url(../images/topNavOver.gif);
	background-position		: right;
	background-repeat		: no-repeat;
}


#navTop li.envelope a {
	padding					: 0px 22px 0px 6px;
	background-image		: url(../images/envelope.gif);
	background-position		: right;
	background-repeat		: no-repeat;
	
}


#navTop li.envelope a:hover, #navTop li.envelope a.selectedEnvelope{
	color					: #D8660D;
	background-image		: url(../images/envelopeOver.gif);
	background-position		: right;
	background-repeat		: no-repeat;
}




#navTop li:hover ul, #navTop li:hover #navTop li:hover ul {
	display					: block;
}





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



#leftNav{
	display 				: block;
	margin					: 0px;
	padding					: 0px;
	width					: 162px;

}


#leftNav ul {
	margin					: 0px;
	padding		 			: 0px 5px 0px 5px;
	
}


*html #leftNav ul {
	padding		 			: 0px 5px 0px 0px;
	
}


#leftNav li {
	list-style				: none;

	
	
}

/*#leftNav li a {
	text-decoration			: none;
	display 				: block;
	margin					: 0px 0px 0px 0px;
	padding					: 8px 0px 8px 10px;
	color					: #D8660D;
	font-weight				: bold;
	text-transform			: uppercase;
	background-image		: url(../images/leftNav.gif);
	background-position		: left;
	background-repeat		: no-repeat;
	
}*/

#leftNav li a {
	text-decoration			: none;
	display 				: block;
	margin					: 0px 0px 0px 0px;
	padding					: 8px 0px 8px 5px;
	color					: #D8660D;
	font-weight				: bold;
	text-transform			: uppercase;
	background-color		: #FFFFFF;
	
}

*html #leftNav li a {
	padding					: 0px 0px 0px 5px;
	
}


/*#leftNav li a:hover, #leftNav li a.selected {
	color					: #666;
	background-image		: url(../images/leftNavOver.gif);
	background-position		: left;
	background-repeat		: no-repeat;
	
}
*/
.whiteBG{
	background-color		: #FFFFFF;
	padding 				: 0px 10px 0px 10px;
	margin					: 0px 0px 0px -10px;
}


*html .whiteBG{
	padding 				: 0px 10px 0px 15px;
	margin					: 0px 0px 0px -10px;
}



#leftNav li a:hover, #leftNav li a.selected {
	color					: #666;
	display					: block;

}

#leftNav li a.selected {
	color					: #666;
	display					: block;
	background-image		: url(../images/navBar.gif);
	background-repeat		: repeat-x;
	background-position		: left;

}



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


#footer{
	height					: 50px;
	width					: 780px;
	line-height				: 1.2em;
	font-size				: 80%;
	color					: #666;
	clear					: both;
	

}



#copyright{
	padding		 			: 0px 20px 0px 0px;
	float					: right;
	text-align				: right;
	
}


#copyright a {
	text-decoration			: none;
	color					: #333;
}


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




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



.clear{
	clear					: both;
}


.contentImg{
	border 					: 1px solid #EE7D11;
}

.teaserImg{
	border 					: 1px solid #666;
}


.divCurveImg{
	vertical-align:top;
}