/*
	Bill Alberts logo uses Baskerville semibold italic and Myriad pro, 2 closest webfonts are Georgia and Trebuchet MS respectively
*/

body{
				background:#000 url("../images/body-bg00.jpg") repeat center center;
				margin:0;
				padding:0;
				font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
				letter-spacing:0.01em;
				font-size: 0.9em;
				line-height:1.2em;
				color:#222;
				word-spacing: 0em;
				/*scrollbar-face-color : #000000;
				scrollbar-highlight-color : #000000;
				scrollbar-3dlight-color : #000000;
				scrollbar-shadow-color : #000000;
				scrollbar-darkshadow-color : #000000;
				scrollbar-track-color : #000000;
				scrollbar-arrow-color : #000000; */
			}
			
			div#middle{
				background:transparent url("../images/00.jpg") no-repeat;
				margin: 0 auto;
				padding: 0;
				width:865px;
				height:900px
			}
			div#mrstretchy{
				background:transparent url("../images/iteration-00-bg3.jpg") no-repeat top left;
			}
			div#png{
				width:824px;
				height:669px;
			}
			div#png[id]{
				background:transparent url("../images/iteration-00.png") no-repeat top center;
			}
			
			#container00{
				width:832px;
				border: 0px solid red;
				height:600px;
				margin: 0 auto;
			}
			#header{
				margin: 0 0 0 33px;
				background:transparent url("../images/park-page-header.jpg") no-repeat left top;
				height:148px;
			}
			#content{
				width:864px;
				height:auto;
				border: 0px solid pink;
				border-left: 0px solid #000;
				background:#000;
				background:transparent url('../images/noscroll-bg.jpg') repeat-y 33px 0;
				/*background:#f1f1f0 url("../images/ic_img000.jpg") no-repeat;*/
			}
				#img_changer{
					position:relative;
					top:8px;
					left:31px;
				}
				#img_changer a{
					display:block;
					float:left;
					width: 16px;
					height: 16px;
					border: 1px solid #fff;
					background:transparent url('../images/imgchanger-a-bg.png') no-repeat;
					margin-right: 12px;
				}
				#img_changer a:hover{
					/*background:#900;*/
				}
				
				#left{
					border-left: 2px solid #000;
					height:384px;
					/*border-left: 3px solid #000;*/
					/*background:#fff url("../images/ic_img000.jpg") no-repeat;*/
					background:#f1f1f0 url("../images/imgchanger/ic_img000.jpg") no-repeat;
					z-index:10;
				}
				#right{
					float:right; 
					width:501px; 
					height:auto;
					min-height:357px;
					border: 0px solid blue;
					overflow:visible;
					background:#fff url(../images/right-bg.jpg) no-repeat right top fixed;
					padding:15px;
					margin: 10px 0;
					border-left: 2px solid #000;
					position:relative;
					z-index:20;
				}
				#content-nav{
					background:transparent url("../images/content-nav-bg.png") no-repeat;
					position:relative;
					z-index:30;
					top:305px;
					left:31px;
					width: 286px;
					height:61px;
					float:left;
				}
				#content-nav a{ 
					font-size:0.8em;
					font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
					/*font-family:Georgia, "Times New Roman", Times, serif;*/
					font-style:normal;
					word-spacing:0em;
					letter-spacing:.18em;
					color:#fff;
					/*text-transform:uppercase;*/
					text-decoration:none;
					margin:0px 8px 0 10px;
					filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99;
					border-right:1px solid #111;
					display:block;
					padding:10px 8px 0 0;
					height:51px;
					float:left;
				}
				#content-nav a:hover{
					color:#d00;
					text-decoration:none;
					filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
				}
			#footer{
				background:transparent url("../images/footer-bg.jpg") no-repeat top left;
				margin: 0 0 0 33px;
				height: 100px;
				display:block;
				clear:both;
				color:#fff;
				text-align:center;
			}
				#footer-nav{
					margin: 70px 0 0 0;
					padding:10px 0 0 0;
					border-top: 1px solid #958979;
				}
				#footer-nav, #footer-nav a, #schpiel{
					font-size:1.0em;
					font-family:Georgia, "Times New Roman", Times, serif;
					font-style:italic;
					word-spacing:.2em;
					letter-spacing:.15em;
					color:#fff;
					text-transform:uppercase;
					text-decoration:none;
				}
				#footer-nav a:hover{
					color:#d00;
					text-decoration:none;
				}
				#schpiel{
					font-family:Arial, Helvetica, sans-serif;
					font-size: 12px;
					text-transform:none;
					word-spacing:0em;
					letter-spacing:0.01em;
					margin:45px 100px;
					line-height:1.3em;
					font-style:normal;
					color:#ccc;
				}
				#schpiel a{
					text-decoration:none;
					color:#ccc;
				}
				#schpiel a:hover{
					color:#fff;
					text-decoration:underline;
				}
			h1{
				font-size:1.2em;
				border-bottom: 1px solid #958979;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-style:normal;
				color:#000;
				
			}
			h2{
				font-size:1.0em;
				color:#444;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-style:italic;
				}
			h3{
				font-size:1.0em;
				color:#900;
				font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
				font-style:italic;
				}
			a{color:#777;}
		
input{
background-image:url(../images/inputbgd2.jpg);
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

textarea{
background-image:url(../images/inputbgd2.jpg);
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
			
			/*************** begin nav styles ***************/
			/*
			.imclear{clear:both;height:0px;visibility:hidden;line-height:0px;}
			*/
			/*basics*/
			#nav-container{
				width:350px;
				padding:0;
				margin:0;
				position:relative;
				top:85px;
				left:298px;
				z-index: 100;
				height:50px;
				border:0px solid green;
			
			}
		
			#nav, #nav ul {
				float: left;
				list-style: none;
				line-height: 1;
				background:transparent !important;
				font-weight: bold;
				padding: 0;
				border: solid #237;
				border-width: 0;
				margin:0 0 0em 0;
				border:0px solid blue;
			}
			#nav{
				background: transparent;
			}
			#nav a {
				display: block;
				width:auto;
				 /*w\idth: 6em; should this be 4em ?  I'm not sure what this hack is for, probably for an obscure browser */
				color: #237;
				text-decoration: none;
				padding: 0;
			}
			
			#nav li {
				float: left;
				padding: 0;
				width: 50px;
				background: transparent;
			}
			
			/*submenus*/
			
			#nav li ul {
				border:0px solid purple;
				position: absolute;
				left: -999em;
				width: 491px;
				height: 601px;
				font-weight: normal;
				margin: 0 0 0 0px;
				z-index: 100;
				top:73px;
			}
			
			#nav li li {
				margin-left: 2px;
				width: 511px;
				height:364px;
				border:0px solid red;
				background:transparent url(../images/white75.png) no-repeat;
			}
			
			#nav li ul a {
				width: 491px;
				height: 600px;
				font-size: 1.5em;
				text-align:left;
				padding:20px 0 0 0;
			}
				.arrow00{
					background:transparent url(../images/arrow00.png) no-repeat right top;
					display:block;
					width: 328px;
					height:48px;
					border:0;
					margin:8px 12px 0 0;
					padding:0;
					float:left;
				}
				/*.arrow00{
					border:0;
					margin:5px 5px 0 290px;
					padding-top:5px;
					float:left;
				}*/
			#nav li ul ul {
				/*margin: -1.75em 0 0 14em;*/
			}
			
			#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
				left: -999em;
			}
			
			#nav li:hover ul, #nav li.sfhover ul, #nav li li li:hover ul, #nav li li li.sfhover ul, #nav li li.sfhover ul {
				left: 0;
			}
			
			 #nav li li:hover ul {
			   zoom:1;
			   left: 0;
			}
			
			
			#nav li:hover, #nav li.sfhover {
				
			}
			#nav li a:hover, #nav li.sfhover a:hover {
				color:#d02433;
				text-decoration: underline;
			}
			
			
			/*granddaddy stuff - aka sliding door tabs*/
			
			#nav li a.granddaddy:hover, #nav li.sfhover a.granddaddy:hover {
				color:#d02433;
				text-decoration: none;
			}
		
			#nav li.granddaddy-li {
				padding:0;
				margin:0 27px 0 0;
				border-left:2px solid #000;
				
			}
			
			#nav a.granddaddy {
				height:50px;
				line-height: 50px;
			}
			#nav li.granddaddy-li:hover {
				margin:0 27px 0 0;
			}
			#nav li.granddaddy-li:hover, #nav li.granddaddy-li:hover a.granddaddy {
				color:#003a6f;
			}
			#nav li.granddaddy-li:hover li a{
				background:transparent url(../images/giant-wave.png) no-repeat 0 -5px;
				/*filter:alpha(opacity=50);
				-moz-opacity:.50;
				opacity:.50;*/
			}
			#nav li.granddaddy-li:hover a.granddaddy {
				/*background-position:100% -149px;*/
			}
		
			a{color:#000;}
			
			/**** ie clickable region hack */
			#nav a.granddaddy, #nav a.activegranddaddy{
				/*width:0.1em;  this will make the entire tab clickable in ie */
				
			}
			#nav > li a.granddaddy, #nav > li a.activegranddaddy{
				/*width:auto; this will reset the width for standards compliant browsers to recover from the above ie hack*/
			}
			
###
#
#  CAR LISTING STYLES
#
####


#
#  WTF DOESNT THIS WORK ? ? ? ?
#
.abc
{
    border: solid 1px #ccc; 
    margin: 10px;   
}

.auto_listing_image
{
    float: left;
    width: 100px;
    margin:2px;
}

.auto_listing_info
{
    float: left;
    width: 150px;
        margin:2px;
}
 
.auto_listing_desc
{
    float: left;
        margin:2px;
        width: 150px;
}

			
			
			#nav li#gdli1{background:transparent url('../images/001.jpg') top left no-repeat;}
			#nav li#gdli2{background:transparent url('../images/004.jpg') top left no-repeat;}
			#nav li#gdli3{background:transparent url('../images/006.jpg') top left no-repeat;}
			#nav li#gdli4{background:transparent url('../images/007.jpg') top left no-repeat;}
			
			/*
			#nav li#gdli-1:hover{background:transparent url('../images/001.gif') top left no-repeat;}
			#nav li#gdli-2:hover{background:transparent url('../images/004.gif') top left no-repeat;}
			#nav li#gdli-3:hover{background:transparent url('../images/006.gif') top left no-repeat;}
			#nav li#gdli-4:hover{background:transparent url('../images/007.gif') top left no-repeat;}
			
			******************************/
			
		/*************** end nav styles ***************/
		
		
			/*.navbox{display:block;height:61px;width:61px;}*/