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

body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 11px;
	color					: #999966;
	text-align				: center;
	margin					: 0px 0px 0px 0px;
	padding 				: 0px 0px 0px 0px;
	background				: #273B30 url('../images/bkgrnd.gif') top repeat-x;
}


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

#container{
	width					: 748px;
	height					: auto;
	margin					: 20px auto 20px auto;
	padding					: 20px 20px 20px 20px;
	text-align				: left;
	border					: 1px solid #333333;
	display					: block;
	background-color		: #FFFFFF;	
}



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

p{
	margin					: 0px 0px 0px 0px;
	padding		 			: 5px 0px 5px 0px;
	font-size 				: 105%;
	line-height				: 1.6em;
}


h1{  /*  Page Titles */
	margin					: 0px 0px 0px 0px;
	padding		 			: 8px 0px 5px 0px;
	font-size 				: 170%;
	font-weight				: normal;
	font-family				: "Times New Roman", Times, serif;
	color					: #FFCC66;
}


h2{  /*  Sub titles */
	margin					: 0px 0px 0px 0px;
	padding		 			: 4px 0px 5px 0px;
	line-height				: 1.5em;
	font-size 				: 145%;
	font-family				: "Times New Roman", Times, serif;
	color					: #FFCC66;
}

h3{  /*  Sub titles */
	margin					: 0px 0px 0px 0px;
	padding		 			: 4px 0px 5px 0px;
	line-height				: 1.5em;
	font-size 				: 130%;
	font-weight				: bold;
	font-family				: "Times New Roman", Times, serif;
	color					: #FFCC66;
}


#content ul{
	margin					: 10px 0px 10px 10px;
	padding 				: 0px 0px 0px 0px;
	list-style				: none;
	clear					: both;	
}

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

#content ul li:hover{
	background				: url('../images/bulletHover.gif') top left no-repeat;
}

#content a{
	color					: #B1B18B;
	font-weight				: bold;
	text-decoration			: none;
}

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



/*##############
#### HEADER ####
#############*/ 
	
#header{
	display 				: block;
	width					: 748px;	
	height					: 50px;
	margin					: 0px 0px 0px 0px;
	padding					: 172px 0px 0px 0px;
	background				: #FFFFFF url('../images/bkgrndHeader.jpg') top left;	
}



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

/* ---- TOP NAV ---- */
ul#navMain{
	margin 					: 0px 0px 0px 10px;
	padding					: 13px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
	height					: 35px;
}

ul#navMain li{
	display 				: inline;
}

ul#navMain li a{
	margin					: 0px 5px 0px 0px;
	padding					: 6px 7px 6px 7px;
	display 				: block;
	float 					: left;
	color					: #FFCC66;
	text-decoration 		: none;
	font-size 				: 11px;
	text-align				: center;
	text-transform			: uppercase;
}

*html ul#navMain li a{
	padding					: 6px 7px 6px 7px;
}

ul#navMain li a:hover{
	margin					: 0px 5px 0px 0px;
	padding					: 5px 6px 5px 6px;
	text-decoration 		: none;
	color					: #FFF;
	border					: 1px solid #AF9C58;
	background-color		: none;
	background				: url('../images/btn.gif') bottom repeat-x;
}

*html ul#navMain li a:hover{
	padding					: 5px 6px 5px 6px;
}

ul#navMain li a.selected{
	margin					: 0px 5px 0px 0px;
	padding					: 5px 6px 5px 6px;
	text-decoration 		: none;
	color					: #FFF;
	border					: 1px solid #FFCC66;
	background				: url('../images/btn.gif') top repeat-x;
}

*html ul#navMain li a.selected{
	padding					: 5px 6px 5px 6px;
}


/*###############
#### CONTENT ####
###############*/ 

#contentHome, #content{
	display 				: block;
	width					: 748px;	
	height					: auto;
	min-height				: 380px;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	float					: left;	
	background				: url('../images/bkgrndContentHome.jpg') top left;
}

#content{
	background				: #121D17 url('../images/bkgrndContent.gif') top left no-repeat;
}

#contentLeft{
	width					: 195px;
	float					: left;
	margin					: 0px 0px 0px 0px;
	padding					: 20px 0px 0px 16px;
}

#contentRight{
	width					: 535px;
	min-height				: 386px;
	float					: right;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}

*html #contentRight{
	height					: 346px;
}

#contentFull{
	width					: 688px;
	min-height				: 346px;
	float					: left;
	margin					: 0px 0px 0px 0px;
	padding					: 20px 30px 20px 30px;
}

*html #contentFull{
	height					: 346px;
}

/*################
##### TEASER #####
################*/ 

.teaser{
	display					: block;
	width					: 178px;
	height					: 168px;
	float					: left;
	margin					: 0px 0px 15px 0px;
	padding					: 0px 0px 0px 0px;
	border					: 1px solid #456650;
}


.teaser a{
	display					: block;
	width					: 178px;
	height					: 22px;
	margin					: 0px 0px 0px 0px;
	padding					: 8px 0px 0px 0px;
	color					: #FFF;
	text-decoration			: none;
	text-transform			: uppercase;
}

.teaser a:hover{
	color					: #FFF;
	text-decoration			: none;
}

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



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

#footer{
	clear					: both;
	width					: 748px;
	height					: 50px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.4em;
	font-size				: 11px;
	border-top				: 1px solid #2A352F;
	background				: #24332A url('../images/bkgrndFooter.gif') repeat-x;
	color					: #4D6F5B
}

#copyright, #terms{
	margin					: 0px 0px 0px 0px;
	padding		 			: 9px 0px 0px 15px;
	float					: left;
}

#siteMap {
	margin					: 0px 0px 0px 0px;
	padding		 			: 9px 15px 0px 0px;
	float					: right;
}


#copyright a, #siteMap a {
	text-decoration			: none;
	color					: #68957A;
}

#copyright a:hover , #siteMap a:hover{
	color					: #FFCC66;
	text-decoration			: underline !important;
}


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


/* ---- TABLES ---- */
.table, .tableLong, .tableExperts{
	margin					: 10px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
	width					: 320px;
	font-size				: 100%;
}

.tableLong{
	width					: 640px;
}

.tableLong img{
	margin					: 0px 20px 0px 0px;
	padding					: 0px 0px 0px 0px
}

.tableExperts{
	width					: 680px;
}

.table td, .tableLong td, .tableExperts td{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 5px 5px 0px;	
	vertical-align			: top;
}

.tableExperts td{
	padding					: 0px 0px 0px 0px;
}



.imgExpert{
	margin					: 5px 0px 0px 0px;
	padding					: 0px 40px 0px 10px;
}



.textField, .textFieldLong{
	width					: 160px;
	height					: 16px;
	font-size				: 13px;
	float					: right;
	font-family				: Arial, Helvetica, sans-serif;
}

.textFieldLong{
	width					: 176px;
}

.textArea, .textAreaLong{
	width					: 160px;
	height					: 80px;
	float					: right;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
}

.textAreaLong{
	width					: 510px;
}

.submitBtn{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 5px 0px 5px;
	display 				: block;
	float					: right;
	font-weight				: normal;
	text-align				: center;
	color					: #FFF;
	text-decoration 		: none;
	font-size 				: 10px;
	text-transform			: uppercase;
	height					: 25px;
	width					: 90px;
	border					: 1px solid #AF9C58;
	background				: url('../images/btn.gif') top repeat-x;
	cursor					: pointer
}

.submitBtn:hover{
	border					: 1px solid #FFCC66;
	background				: url('../images/btn.gif') bottom repeat-x;
	color					: #FFF;
	text-decoration 		: none;
}



/* ---- Google Maps---- */
#mapHolder{
	width					: 341px;
	height					: 365px;
	display					: block;
	margin					: 0px 0px 0px 20px;
	padding					: 0px 0px 0px 0px;	
	float					: right;
}

#map{
	width					: 340px;
	height					: 340px;
	border					: 1px solid #999999;
	color					: #000000;
}