@charset "utf-8";

/* JB's Diner ----------------------------------------------------------------------------------------------------------------------- */

	html {
		background-color: #0099cc;
		margin-left: 0;
		margin-right: 0;
	}
	
	body {
		background-color: #0099cc;
		margin-left: 0;
		margin-right: 0;
	}
	
	a:hover {
		text-decoration:underline;
		color:#F00;
	}
	
	a {
		color:#000;
	}
	
	a:active {
		color: #000;
	}
	
	/*  layout ----------------------------------------------------------------------------------------------------------------------- */
		
		#main {
			background-color: #0099cc;
			margin-bottom: 0;
			margin-top: 0;
			margin-left: 0;
			margin-right: 0;
		}
		
		#container {
			margin-top: 41px;
			font-family:Arial, Helvetica, sans-serif;
		}
		
		/* head ---------------------------------------------------------------------------------------------------------------------- */
		
			#head {
				height: 74px;
				background-image:url(../images/header_03.png);
				background-position:left;
				/*margin-top: 41px;*/
				position: relative;
				z-index: 2;
			}
			
				#logocontainer {
					width: 800px;
					margin-left: auto;
					margin-right: auto;
					margin-top: -115px;
					position: relative;
					z-index: 3;
				}
			
				#logo {
					height: 176px;
					width: 166px;
					background-image:url(../images/logo_03.png);
					/*margin-top: -41px;*/
				}
				
				#car {
					/*height: 159px;
					width: 404px;
					background-image:url(../images/img_03.png);
					float: right;*/
					width:830px;
					position:absolute;
					z-index:5;
				}
				
				#car img{ float:right; }
				
		/* --- nav and body ---------------------------------------------------------------------------------------------------------- */
		
			#subcontainer {
				width: 811px;
				margin-left: auto;
				margin-right: auto;
				margin-top: -70px;
				position:relative;
			}
			
			/* --- nav -------------------------------------------------------------------------------------------------------------- */
			
				#nav {
					/*height: 400px; delete */
					width: 186px;
					float:left;
					margin:0 0 0 0;
				}
				
				#navCont{					
					background-image:url(../images/navbg_03.png);
					background-position:center;
					background-repeat:repeat-y;
					padding:90px 0 0 0;
					text-align:center;
				}
				
					#nav #dadiv {
						/*margin-top: 90px;*/
						text-align:center;
					}
					
					#nav .border {
						width:150px;
						border-top-color:#333;
						border-top-style:dashed;
						border-top-width: 1px;
						margin-left:auto;
						margin-right:auto;
					}
					
					#jukebox {
						width: 137px;
						margin-left:auto;
						margin-right:auto;
						margin-top: 10px;
					}
				
			/* --- body ------------------------------------------------------------------------------------------------------------ */
			
				#mainbody {
					/* height: 100%;delete */
					width: 625px;
					/*margin-top: -50px;*/
					float:right;
				}
				
				#mainBodyCont {
					background-image:url(../images/bodybg_03.png);
					background-position:center;
					background-repeat:repeat-y;
					padding:10px 0;
				}
				
					#mainbody .subdiv {
						margin:0 10px;
						padding-left: 5px;
						padding-right: 5px;
						font-size:12px;
					}
					
					/*#mainbody div div{
						padding-left: 12px;
					}*/
					
					#images {
						margin: 0px;
						padding: 0px;
						float:right;	
					}
					
					.pics { 
						height: 199px; 
						width: 258px; 
						margin:0; 
						overflow: hidden ;
						
					}
					
					.pics img { 
						margin-left:21px; 
						margin-top:19px;
						height: 162px; 
						width: 216px; 
					}
				
					
			/* --- bottoms ------------------------------------------------------------------------------------------------------------ */
			
				#bottoms {
					clear: both;
				}
				
				/* --- nav ------------------------------------------------------------------------------------------------------------ */
				
					#navBottom {
						height: 12px;
						width: 186px;
						background-image:url(../images/navbttm_03.png);
						/*float: left;*/
					}
				
				/* --- body ----------------------------------------------------------------------------------------------------------- */
				
					#bodyBottom {
						/*margin-top:-10px;*/
						height: 11px;
						width: 625px;
						background-image:url(../images/bdybttm_03.png);
						/*float: right;*/
					}
					
		/* footer ---------------------------------------------------------------------------------------------------------------------- */
		
			#footer {
				clear:both;
				text-align:center;
				width: 811px;
				margin-left: auto;
				margin-right: auto;
				font-size:10px;
			}
			
		/* contact form -----------------------------------------------------------------------------------------------------------------*/
		
			form #name {
				padding: 10px;
				background-color:#FFC;
				border-style:solid;
				border-color:#069;
				border-width:1px;
				font-size:14px;
			}
			
			form #email {
				padding: 10px;
				background-color:#FFC;
				border-style:solid;
				border-color:#069;
				border-width:1px;
				font-size:14px;
			}
			
			form #request {
				padding: 10px;
				background-color:#FFC;
				border-style:solid;
				border-color:#069;
				border-width:1px;
				font-size:14px;
			}