html

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote { margin: 0; padding: 0; border: 0; }
body {
	margin: 0;
	padding: 0;
	background: url(imgs/bg/bkg.gif) repeat scroll -107px 219px #131213;
    color: #131213;
    font: 62.5% 'Lucida Sans Unicode', 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;
	}

/*--- CLEAR DIV / SPACERS ---*/
.clear20px { clear:both; line-height:1px; height:20px; }
.clear10px { clear:both; line-height:1px; height:10px; }
.clear:after { display:block; visibility:hidden; clear:both; height:0; content: "."; }
.clear {clear:both}
/*--- EMD CLEAR DIV / SPACERS ---*/

/*--- FONT DECLARATIONS ---*/
.white_10px { font: 10px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; text-transform: none; color:#fff; font-weight: none;}
.h2_arch { font: 14px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; text-transform: none; color:#fff; font-weight: none;}
.h2_contactme { color: #FFA719; }


/*--- WHOLE WEBSITE CONTAINER START ---*/
#container{ width:1116px; margin:0 auto }
/*--- WHOLE WEBSITE CONTAINER END ---*/

		/*--- HEADER / TOPMENU START ---*/
		#header { width: 1116px; height: 60px; color: #FFF;	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
		#header ul#nav { float: right; list-style: none; margin: 10px 0 0 0px; padding: 0px 0px 0px 0px; }
		#header ul#nav li { float: left; margin: 0 0 0 5px;	}
		#header ul#nav li a { font: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 2.3em; color: #FFF; text-decoration: none; text-transform: uppercase; float: left; padding: 15px 25px 15px 25px;	}
		#header ul#nav li a:hover, #header ul#nav li a.hover, #header ul#nav li a:focus, #header ul#nav li a.focus { color: #249ffe; }	
		/*--- HEADER / TOPMENU END ---*/			

			/*--- LOGO BLUE BANNER START ---*/			
			#bluebar { width: 100%; background: url(imgs/bg/bkg_bluebar.gif) repeat-x #259ffe; padding: 15px 0 0px 0; margin: 0px 0 0 0; }
			#logoblue { width: 1116px; margin: 0 auto; padding: 0; height: 126px; text-decoration: none; }
			#logoblue h1 { font: 40px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color: #FFF; text-decoration: none; text-transform: none; float: left; padding: 0px; margin: 0px; }		
			#logoblue h1 a { display: block; width: 430px; height: 110px; float: left; padding: 0px 0px 0px 0px; background: url(imgs/brutesmaps_logo_header.png); text-indent: -9999px; }
			#logoblue h1 a:hover, #logoblue h1 a:focus { background: url(imgs/brutesmaps_logo_header.png) }
			/*--- LOGO BLUE BANNER END ---*/		

				/*--- BANNER IMAGE START ---*/		
				#banner1 { width: 1116px; height: 400px; float: left; padding: 0 0 0px 0; background: url(imgs/banner_1.png); }	
				#banner1 h1 { font: 24px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; width: 300px; height: 40px; color: #FFA719; text-decoration: none; text-transform: none; float: left; padding: 10px 0px 0px 0px; margin: 0px; }	
				#banner1 ul#banner1_nav { float: left; width: 300px; height: 160px; list-style: none; color: #FFF; margin: 210px 0 0 0px; padding: 0px 20px 0px 20px; background: url(imgs/banner_nav_bg.gif) #191919; }
				#banner1 ul#banner1_nav li { float: left; width: 300px; margin: 0 0 0 0px; font: 10px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color: #FFF; text-decoration: none; text-transform: none; }				
				#banner1 a.feature { color:#fff; text-decoration: none; text-align: left; letter-spacing:.2em; font: 12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
				#banner1 a.continue:hover, #banner1 a.feature:hover { color:#FFA719; text-decoration: none; }				

				#banner2 { width: 1116px; height: 400px; float: left; padding: 0 0 0px 0; background: url(imgs/banner_2.png); }	
				#banner2 h1 { font: 24px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; width: 300px; height: 40px; color: #FFA719; text-decoration: none; text-transform: none; float: left; padding: 10px 0px 0px 0px; margin: 0px; }	
				#banner2 ul#banner2_nav { float: left; width: 300px; height: 160px; list-style: none; color: #FFF; margin: 210px 0 0 0px; padding: 0px 20px 0px 20px; background: url(imgs/banner_nav_bg.gif) #191919; }
				#banner2 ul#banner2_nav li { float: left; width: 300px; margin: 0 0 0 0px; font: 10px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color: #FFF; text-decoration: none; text-transform: none; }				
				#banner2 a.feature { color:#fff; text-decoration: none; text-align: left; letter-spacing:.2em; font: 12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
				#banner2 a.continue:hover, #banner2 a.feature:hover { color:#FFA719; text-decoration: none; }	

				#banner3 { width: 1116px; height: 400px; float: left; padding: 0 0 0px 0; background: url(imgs/banner_4.png); }	
				#banner3 h1 { font: 24px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; width: 300px; height: 40px; color: #FFA719; text-decoration: none; text-transform: none; float: left; padding: 10px 0px 0px 0px; margin: 0px; }	
				#banner3 ul#banner3_nav { float: left; width: 300px; height: 160px; list-style: none; color: #FFF; margin: 210px 0 0 0px; padding: 0px 20px 0px 20px; background: url(imgs/banner_nav_bg.gif) #191919; }
				#banner3 ul#banner3_nav li { float: left; width: 300px; margin: 0 0 0 0px; font: 10px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color: #FFF; text-decoration: none; text-transform: none; }				
				#banner3 a.feature { color:#fff; text-decoration: none; text-align: left; letter-spacing:.2em; font: 12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
				#banner3 a.continue:hover, #banner3 a.feature:hover { color:#FFA719; text-decoration: none; }														

				#banner4 { width: 1116px; height: 400px; float: left; padding: 0 0 0px 0; background: url(imgs/banner_3.png); }	
				#banner4 h1 { font: 24px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; width: 300px; height: 40px; color: #FFA719; text-decoration: none; text-transform: none; float: left; padding: 10px 0px 0px 0px; margin: 0px; }	
				#banner4 ul#banner4_nav { float: left; width: 300px; height: 160px; list-style: none; color: #FFF; margin: 210px 0 0 0px; padding: 0px 20px 0px 20px; background: url(imgs/banner_nav_bg.gif) #191919; }
				#banner4 ul#banner4_nav li { float: left; width: 300px; margin: 0 0 0 0px; font: 10px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color: #FFF; text-decoration: none; text-transform: none; }				
				#banner4 a.feature { color:#fff; text-decoration: none; text-align: left; letter-spacing:.2em; font: 12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
				#banner4 a.continue:hover, #banner4 a.feature:hover { color:#FFA719; text-decoration: none; }					
				/*--- BANNER IMAGE END ---*/			

/*--- LEFT MAIN CONTENT WRAPPER START ---*/					
#wrapper { width: 760px; float: left; padding: 40px 0px 0px 0px; margin: 0px 0 0 0px; }
/*--- LEFT MAIN CONTENT WRAPPER END ---*/	

	/*--- START homepage content ---*/	   
	#maps_left { width: 360px; margin: 0 0 0px 0px; padding: 0 20px 20px 0; float:left; color: #FFF; }
	#maps_left h1 { font: 18px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color: #fff; text-decoration: none; text-transform: none; float: left; padding: 0 px 0px 0px 0px; margin: 0px; }			
	#maps_left ul {	margin: 0 0 0px 0px; padding: 0 0px 0px 0px; list-style-type:none; }
	#maps_left li{ margin-bottom:0px; float: left; margin: 0 0 0 0px; font: 10px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color: #7c7975; text-decoration: none; text-transform: none; }
		
	#maps_right { width: 360px; margin: 0 0 0px 0px; padding: 0 0 20px 0; float: left; color: #FFF; }			
	#maps_right h1 { font: 18px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color: #fff; text-decoration: none; text-transform: none; float: left; padding: 0 px 0px 0px 0px; margin: 0px; }			
	#maps_right ul {	margin: 0 0 0px 0px; padding: 0 0px 0px 0px; list-style-type:none; }
	#maps_right li{ margin-bottom:0px; float: left; margin: 0 0 0 0px; font: 10px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color: #7c7975; text-decoration: none; text-transform: none; }
	/*--- END homepage content ---*/
	
		/*-- START homepagethumbnails --*/			   
		.home_thumb1 { display: block; width: 360px; height: 140px; background: url(imgs/home/home_thumb1.jpg) bottom; text-indent: -99999px; }
		.home_thumb1:hover { background-position: 0 0;	background: url(imgs/home/home_thumb1_h.jpg) }	
		.home_thumb2 { display: block; width: 100%;	height: 140px; background: url(imgs/home/home_thumb2.jpg) bottom; text-indent: -99999px; }
		.home_thumb2:hover { background-position: 0 0;	background: url(imgs/home/home_thumb2_h.jpg) }
		.home_thumb3 { display: block; width: 100%;	height: 140px; background: url(imgs/home/home_thumb3.jpg) bottom; text-indent: -99999px; }
		.home_thumb3:hover { background-position: 0 0;	background: url(imgs/home/home_thumb3_h.jpg) }
		.home_thumb4 { display: block; width: 100%;	height: 140px; background: url(imgs/home/home_thumb4.jpg) bottom; text-indent: -99999px; }
		.home_thumb4:hover { background-position: 0 0;	background: url(imgs/home/home_thumb4_h.jpg) }	
		/*-- END homepage thumbnails --*/

			/*--- START aboutus & contactme homepage ---*/
			#hr_aboutcontact { width: 740px; height: 20px; color: #fff; float: left; margin: 0 20px 0px 0px; padding: 0 0px 0px 0px; border-top: solid; border-width: .1em; border-color: #7c7975; }		
			#aboutme { width: 360px; color: #fff; float: left; margin: 0 20px 0px 0px; border-top: solid; border-width: 0; border-color: #FFA719; padding: 0 0 0 0px; }
			#aboutme h1 { font: 18px; color: #FFA719; text-decoration: none; text-transform: none; float: left; padding: 5px 0px 0px 0px; margin: 0px; }		
			#aboutme ul { margin: 0 0 0px 0px; padding: 0 0px 0px 0px; list-style-type:none; }
			#aboutme li { margin-bottom:0px; float: left; margin: 0 0 0 0px; font: 12px; font-size:1.2em; line-height:1.6em; color: #fff; text-decoration: none; text-transform: none; }			
			#aboutme a.feature { color:#fff; text-decoration: none; }
			#aboutme a.continue:hover, #aboutme a.feature:hover { color:#FFA719; text-decoration: none; }	
			/*--- END aboutus & contactme homepage ---*/

				/*--- START featured maps content ---*/	  
				 
				#featured_left { width: 400px; height: 200px; margin: 0 0 20px 0px; padding: 0 20px 0px 0; float:left; color: #FFF; border-right: solid; border-width: 0; border-color: #7c7975; }
				#featured_left a.hidden { display:none; }				
				
				#featured_right { width: 320px; height: 200px; margin: 0 0 0px 0px; padding: 0 0 0px 0px; float: left; color: #FFF; }			
				#featured_right h1 { font: 24px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color: #FFA719; text-decoration: none; text-transform: none; float: left; padding: 0; margin: 0; }			
				#featured_right h4 { font: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color: #fff; text-decoration: none; text-transform: none; float: right; padding: 0; margin: 0; }
				#featured_right ul { width: 320px; margin: 0 0 0px 0px; padding: 0 0px 0px 0px; list-style-type:none; }
				#featured_right li{ width: 320px; margin-bottom:0px; float: left; margin: 0 0 0 0px; font: 10px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color: #7c7975; text-decoration: none; text-transform: none; }
				
				#featured_right ul#button { padding: 0; margin: 18px 0 0 0px; font: 12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; width: 90px; float: left; text-align: left; color: #FFF; text-decoration: none; text-transform: none; }
				#featured_right #button li { padding: 0; margin: 0px 0 0 0px; font: 12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; width: 100px; float: left; text-align: left; color: #FFF; text-decoration: none; text-transform: none; }				
				#featured_right a.feature { color:#fff; text-decoration: none; }
				#featured_right a.continue:hover, #featured_right a.feature:hover { color:#FFA719; text-decoration: none; }	

				#featured_right #downloadmap li { padding: 0; margin: 18px 0 0 0px; font: 12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; width: 230px; float: right; text-align: left; color: #FFF; text-decoration: none; text-transform: none; }													
				#featured_right a.download { color:#fff; text-decoration: none; }
				#featured_right a.continue:hover, #featured_right a.download:hover { color:#FFA719; text-decoration: none; }								
				
				#hr_featuredmaps { width: 740px; height: 40px; color: #fff; float: left; margin: 20px 20px 0px 0px; padding: 0 0px 0px 0px; border-top: solid; border-width: .1em; border-color: #7c7975; }						
				/*--- END featured maps content ---*/

					/*--- START archived maps content ---*/
					#arch_header { width: 740px; height: 40px; margin: 0 0px 0px 10px; padding: 0 0px 0 0; float: left; list-style-type: none; }
					#arch_header h1 { font: 24px; color: #FFF; }
					#arch_subheader { width: 740px; height: 40px; margin: 0 0px 0px 0px; padding: 10px 0px 0 0; float: left; list-style-type: none; border-top: .1em; border-style: solid; border-color: #282728; }
					#arch_subheader h1 { font: 24px; color: #FFF; padding: 0 0 0 10px; }					

						#arch_row { display: block; width: 740px; height: 60px; margin: 0 0 0px 0px; padding: 0 0 0px 0; float: left; list-style-type: none; border-top: .1em; border-style: solid; border-color: #282728; }	
						#arch_row a { display: block; color: #7c7975; width: 740px; height: 60px; padding: 0px; margin: 0px 0px 0 0; text-decoration: none; text-transform: none; }
						#arch_row a:hover { background: url(imgs/black-trans2.png); color: #FFF; }	
				
							#arch_img { width: 60px; height: 60px; padding: 10px 0 0 0; margin: 0; float: left; text-align: center; }
							#arch_name { width: 140px; height: 40px; padding: 20px 0 0 0; float: left; font: 24px; text-align: center; }	
							#arch_year { padding: 25px 0 0 0; margin: 0; width: 80px; height: 25px; float: left; text-align: center; font-weight: bold; }						
							#arch_info { width: 380px; height: 40px; float: left; padding: 16px 0 0 0; }	
							#arch_button { padding: 22px 0 0 0; margin: 0; width: 40px; height: 40px; float: left; text-align: center; }	
							/*--- END archived maps content ---*/
							
								/*--- START contactme page content ---*/
								#contactmepage_left { width: 500px; height: 200px; margin: 0 0 20px 0px; padding: 0 20px 0px 0; float:left; color: #FFF; border-right: solid; border-width: 0; border-color: #7c7975; }
								#contactmepage_left ul#nav li { padding: 0; margin: 0; font: 10px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color: #7c7975; text-decoration: none; text-transform: none; list-style-type: none; }		
								
				 				#contactmepage_left a.feature { color:#fff; text-decoration: none; text-align: left; letter-spacing:.2em; font: 12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
								#contactmepage_left a.continue:hover, #contactmepage_left a.feature:hover { color:#FFA719; text-decoration: none; }	
									
									#contactmepage_right { width: 220px; height: 200px; margin: 0 0 0px 0px; padding: 0 0 0px 0px; float: left; color: #FFF; }		
									#contactmepage_form { width: 720px; height: 600px; margin: 0 0 20px 0px; padding: 0 20px 0px 0; float:left; color: #FFF; border-right: solid; border-width: 0; border-color: #7c7975; }
								/*--- END contactme page content ---*/										
							
						/*--- END left main content files ---*/			
		
/*--- START right menu content ---*/
#wrapper_rt { 
		   width: 355px; 
		   border-left: solid;
		   border-width: .1em;
		   border-color: #7c7975;
		   float: right; 
		   padding: 0px 0px 0px 0px;
		   margin: 40px 0 0 0px;
		   }

	#requestquote {
		width: 335px;
		height: 70px;
		margin: 0 0 0px 0px;
		padding: 0 0 20px 0;
		float: right; 
		}	
		.requestquote { display: block; width: 100%; height: 70px; background: url(imgs/requestquote_h.png) bottom; text-indent: -99999px; }
		.requestquote:hover { background-position: 0 0;	background: url(imgs/requestquote.png) }
		
		#affiliations {
			width: 335px;
			height: 235px;
			margin: 0 0 0px 0px;
			padding: 0 0 20px 0;
			float: right; 
			}

			#affiliations h1 { font: 18px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color: #259ffe; text-decoration: none; text-transform: none; float: left; padding: 0px 0px 0px 0px; margin: 0px; width: 100%; }			
			#affiliations ul#aff li {
				float: left; 
				margin: 0 0 0 0px;
				font: 10px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
				color: #FFF; 
				text-decoration: none;
				text-transform: none;
				list-style-type: none;			
				width: 50%;
				padding: 0 0 10px 0;
				}	
		
			#quickindex {
				width: 335px;
				height: 215px;
				margin: 0 0 0px 0px;
				padding: 0 0 20px 0;
				float: right; 
				list-style-type: none
				}	
				#quickindex h1 { font: 18px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color: #259ffe; text-decoration: none; text-transform: none; float: left; padding: 0px 0px 0px 0px; margin: 0px; width: 100%; }		
				#quickindex ul { margin: 0; font: 10px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; padding: 0; list-style-type: none; }
				#quickindex li { margin: 0 0 .2em 0; color: #fff; }
				#quickindex a { display: block; color: #7c7975; width: 325px; padding: 5px 0px 5px 10px; margin: 0px 0px 0 0; text-decoration: none; text-transform: none; }
				#quickindex a:hover { background: url(imgs/black-trans2.png); color: #FFF; }

				#socialmedia {
					width: 335px;
					margin: 0 0 0px 0px;
					padding: 0 0 0px 0;
					float: right;
					}		
					#socialmedia h1 { font: 18px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color: #259ffe; text-decoration: none; text-transform: none; float: left; padding: 0px 0px 0px 0px; margin: 0px; width: 100%; }							
					#socialmedia ul#social li {
						float: left; 
						margin: 0 0 0 0px;
						padding: 0px 0 10px 0;
						font: 10px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
						color: #FFF; 
						text-decoration: none;
						text-transform: none;
						list-style-type: none;			
						width: 50%;
						}				   
						.social_fb { display: block; width: 167px; height: 28px; background-position: right; background: url(imgs/social/social_facebook3_h.png) bottom; text-indent: -99999px; }
						.social_fb:hover { background-position: 0 0; background: url(imgs/social/social_facebook3.png); }	
						.social_tw { display: block; width: 167px; height: 28px; background-position: right; background: url(imgs/social/social_twitter_h.png) bottom; text-indent: -99999px; }
						.social_tw:hover { background-position: 0 0; background: url(imgs/social/social_twitter.png); }	
						.social_irc { display: block; width: 159px; height: 28px; background-position: 0 0; background: url(imgs/social/social_mirc_h.png) bottom; text-indent: -99999px; }
						.social_irc:hover { background-position: 0 0; background: url(imgs/social/social_mirc.png); }	
						.social_em { display: block; width: 159px; height: 28px; background-position: 0 0; background: url(imgs/social/social_email_h.png) bottom; text-indent: -99999px; }
						.social_em:hover { background-position: 0 0; background: url(imgs/social/social_email.png); }		
														
						/*--- END right menu content ---*/

/*------------------------ FOOTER MENU */

#footer { 
	width: 100%; 
	background: url(imgs/footer.png) repeat-x;
	padding: 0 0 0 0;
	margin: 50px 0 0 0;
	}
	#innerfooter { 
	width: 1116px; 
	margin: 0 auto; 
	padding: 0; 
	height: 100px; 
	text-decoration: none; 
	}
		#left { 
		float: left; 
		width: 60%; 
		color: #FFA719; 
		text-align: left; 
		letter-spacing:.5em;
		font: 12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; 
		padding: 50px 0 0 0;
		margin: 0;
		}
		#right {
		float: right; 
		width: 40%; 
		color: #7c7975; 
		text-align: right; 
		padding: 50px 0 0 0;
		font: 10px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; 		
		margin: 0;		
		text-transform: uppercase;
		}	
		#innerfooter a.feature { color:#fff; text-decoration: none; }
		#innerfooter a.continue:hover, #footer a.feature:hover { color:#FFA719; text-decoration: none; }
		#innerfooter a.footer_volrath { color:#7c7975; text-decoration: none; }
		#innerfooter a.footer_volrath:hover, #footer a.feature:hover { color:#FFA719; text-decoration: none; }		

	

