/*** GLOBAL ***/

body { margin: 0; padding: 0;
	font-family: arial; font-size: 12px;
	background: #fff url(../img/site/page_header_blue.gif) top left repeat-x;  text-align: center; }

a, a:visited {text-decoration: none; color: #000; }
a:hover, a:active {color: #45536E; }
a img, a:visited img {border:0; }

h1 {display: none; }
h2 {margin: 0 0 1em 0; font-family: georgia; font-size: 18px; color:#333399;
	text-indent: 0em; }
h3 {margin: 10px 0 0 0; font-family: georgia;
	text-indent: 1em;  font-size: 12px; }




/*** STRUCTURE ***/

#container {width: 100%; margin: 0;  background: url(../img/site/page_footer.gif) bottom left repeat-x;		 }
	div[id="container"] {overflow: auto; }

#flashtop {	width: 952px; height: 153px; margin: 0 auto; }
		
#site {position: relative; width: 950px;   margin: 0 auto; 
		text-align: left; padding-top: 70px;}

	#navmain { position: absolute; display: block;  width: 900px; top:0; left: 60px;  margin: 0px auto; z-index:50;}
	
	#hselect {position: absolute; width: 180px; top: 70px; right: 0px;  
			border-bottom: 1px solid #aaa; padding-bottom: 30px;}
		.home #hselect {border: none; }

#sidelinks {width: 180px; float: left; padding-top: 1em; }
	#sidelinks ul a, #sidelinks ul a:visited  {color:#000066; }
	#sidelinks ul a:hover {color:#CC6600; }

#maincontent {  width: 580px; float: left;	}

#sidecontent {float: left;  width: 180px; padding-top: 130px; }
	#banners{position: relative; width: 130px; margin: 0 auto;}
			/* this nasty relative position is because IE makes teh DIV completely disappear.
			the negative margin thus compensates for the positioning of the element. */
		#banners p {float: left; width: 120px;  text-align: center;  margin:30px 0 0 0; }
		#banners img {  margin: 5px auto 0 auto; width: 125px !important; }

#footer {position: relative; float: left; width: 100%; height: 107px; margin-top: 20px; }
	#footer span { width: 939px; display: block; margin: 40px auto 0 auto; }






/*** SITE STYLING ***/
#sidelinks h3 {margin: 5px 0; text-indent: 0; }
#sidelinks ul {list-style: none; margin:0 0 15px 5px; padding:0 0 15px 0;  border-bottom: 1px solid #aaa;}
	#sidelinks li {}
	#sidelinks a {color: #0066FF; }
	#sidelinks a:hover { color: #cc0000; }








	.red {color: #e00; font-weight: bold; font-size: 14px; }


.whitefill {background-color:#FFFFFF; }

p.largesidetext {font-size: 12px; }
	p.largesidetext a {color: #e00; }

p {margin: 1em; }
	p a, p a:visited {color: #c00; }
	p a:hover, p a:active {color: #f00; }

img.left {float: left; margin: .5em; border: 1px solid black; }
img.bdr {border: 1px solid black; }

form { margin: 1em; }

table {width: 90%; margin: 1em auto auto auto; }
	table td {padding: 2px;  }
	td.border {border-bottom: 1px solid #aaa; }

	table#dealerlist td {border-top: 1px solid #aaa; }
	table#dealerlist td img {border: 1px solid black; }
	table#testimonials td img {border: 1px solid black; }

div#team p {margin-left: 60px; }
div#team img {border: 1px solid black; margin-top: 2em; }
div#team a {font-size: 10px; }

input, textarea {font-family: verdana; font-size: 12px; }

span.req {color: #ff0000; font-weight: bold; font-size: 12px; }









/*** FOOTER STYLING ***/
	#footer a, #footer a:visited {color: #00a; }
	#footer a:hover {color: #d00; }
			
	p.contact {float: left;  }
	p.forge22 {float: right;  }



/*** MAIN NAVIGATION LINKS ***/

ul#nav * {margin:0; padding:0; }
ul#nav {  margin:0 auto 0 auto; z-index: 80; 
		list-style-type: none; height: 26px; padding: 0px; }
	ul#nav  li { float: left; height: 26px; margin: 0; width: 130px; padding: 0;
			 text-align: center; list-style-type: none; }
	ul#nav li ul {display: none; margin:0;  }
	ul#nav a, ul#nav a:visited {width: 128px; display: block; color: #000;
			 font-size: 12px;  padding: 6px 0 5px 0;   background-color: #fff; border-right: 1px solid #555;}
		ul#nav a.search {border-left: 1px solid #555;}
	ul#nav a:hover, ul#nav  a:active {background-color: #dedede;  color: #F3700E; text-decoration: none; }

/*---------define dropdowns------------*/
/* Dropdowns have absolute width as adjusted by the parent (top) level item. Adjust accordingly. */
	ul#nav li ul li {text-align: left;  width: 130px;  }
	ul[id="nav"] li ul li {width: 148px !important; border-right: none; }
	ul#nav li ul a, ul#nav li ul a:visited {width: 100%; border-left: 1px solid #000; border-right: 1px solid #000;color: #000;
			padding: 6px 0 5px 2px; background-color: #efefef !important; }
	ul#nav li ul a:hover {background-color: #dedede !important; }
	ul#nav li:hover ul, ul#nav li.over ul {display: block;   }




/*** GRAPHIC HUMMER NAV LINKS ***/
#hselect * {margin:0; padding:0; }
	ul#hnav {width: 180px; float: left; margin: 0; list-style-type: none;
		border-bottom: 1px solid #aaa; padding-bottom: 5px;  z-index: 60;  }
	.home ul#hnav {border: none; }
		ul#hnav li {float: left; margin:0; padding:0;}
		ul#hnav a {background-image: url(../img/site/h_nav.png); background-repeat: no-repeat;
				height: 20px; display: block; }
			ul#hnav a span {display: none; }
			ul#hnav a.h1 {background-position: 0 -15px; width: 55px; }
			ul#hnav a.h2 {background-position: -55px -15px; width: 55px; }
			ul#hnav a.h3 {background-position: -110px -15px; width: 55px; }
			ul#hnav a.hv {background-position: -165px -15px; width: 119px; margin-top: 15px;  }
			ul#hnav a.h1:hover {background-position: 0 -69px; }
			ul#hnav a.h2:hover {background-position: -55px -69px;  }
			ul#hnav a.h3:hover {background-position: -110px -69px; }
			ul#hnav a.hv:hover {background-position: -165px -69px; }

ul#hsell {width: 180px; float: left; margin: 5px 0 0 0; list-style-type: none;}
	ul#hsell li {margin:5px 0; padding:0;}
	ul#hsell a {background-image: url(../img/site/h-locate_nav.png); background-repeat: no-repeat;
			height: 17px; display: block; }
	ul#hsell a span {display: none; }
	ul#hsell a.hsell {background-position: 0 0; width: 110px; }
	ul#hsell a.hlocate {background-position: -110px 0;  width: 174px; margin-left: -4px;}
	ul#hsell a.hsell:hover {background-position: 0 -17px; }
	ul#hsell a.hlocate:hover {background-position: -110px -17px;  }