@charset "UTF-8";
/* CSS Document */

body {
	margin:0px;
	padding:0px;
	}
	
#menu, #content {
	display:inline;
	}
	
/* Begin SIDE MENU CSS! */

#sideMenu {
	width:300px;
	background:url("images/menuBg.jpg") no-repeat top left;
	background-color:#005dab;
	}
	
.logo {
	position: relative;
	background:url("images/johnnyLogo.png") no-repeat top left;
	margin: 0px 0px 0px 50px;
	padding: 248px 0px 0px 245px;
	}
	
.menu {
	width:100%;
	position:relative;
	margin: 0px;
	text-align:right;
	}
	
	.menu tr td {
		margin: 0px;
		width:100%;
		padding: 0px;
		color:#FF0000;
		}
		
	.menu tr td:hover {
		padding: 0px 0px 0px 0px;
		}
		
	.menu a:link, a:active, a:visited, a:hover {
		padding: 0px 0px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:strong;
		text-decoration:none;
		}
		
	.menu a:link, a:active {
		}
		
	.menu a:hover {
		}
		
	.menu a:visited {
		}

	.menu a:visited:hover {
		}
	
.boy {
	position:relative;
	background:url("images/johnnyBoy.png") no-repeat top left;
	margin: 0px 0px 0px 100px;
	padding-top:412px;
	padding-right: 0px;
	padding-bottom:40px;
	padding-left:250px;
	}

/* END SIDE MENU CSS! */


/* Being INDEX.asp CSS! */

#main {
	width:100%;
	height:1150px;
	margin: 0;
	background:url("images/bg.jpg") repeat-x top left;
	background-color:#FFFFFF;
	padding: 20px 0 0 100px;
	}

#whyJohnnys {
	width:550px;
	padding:0px;
	color:#003366;
	font-family:Arial, Helvetica, sans-serif;
	}

#whyJohnnys ol li {
	padding: 5px 0px 5px 0px;
	}
		
.mission {
	width:600px;
	}

.slideshow {
	margin: 0px 0px 0px 25px;
	padding:20px 50px 20px 50px;
	width:400px;
	border:1px #CCCCCC solid;
	background-color:#FFFFFF;
	}
	
.subtitle {
	width:575px;
	margin: 0 0 50px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:14px;
	color:#FF0000;
	text-align:center;
	}
	
	.info {
		margin:0;
		padding: 0px 5px;
		}
		
h1, p {
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
	}

h1 {
	font-size:60px;
	margin: 0px 0px 10px 0px;
	padding:0px;
	}
	
p {
	font-size:15px;
	}
	
table.carWash {
	width:600px;
	border: 1px #0066CC solid;
	background-color:#6699FF;
	margin:0px 0px 10px 0px;
	padding:0px 0px 20px 25px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	.carWash .priceTitle {
	width:60%;
	}
		
	.carWash .priceWidth {
	width:40%;
	}

	.carWash h2 {
	width:100%;
	border-bottom:1px #FFFF99 solid;
	vertical-align:top;
	font-size:25px;
	font-weight:bold;
	color:#FFFFFF;
	padding: 0px 25px 0px 0px;
	}
	
	.carWash .price {
	background-color:#FFFF99;
	color:#CC0000;
	margin: 0px;
	padding: 0px 25px 0px 0px;
	text-align:right;
	font-size:45px;
	font-weight:bold;
	}
	
	.carWash .title {
	font-size:18px;
	color:#FFFFFF;
	font-weight:bold;
	}
		
	.carWash p {
	margin:0px;
	padding: 0px;
	color:#FFFFFF;
	}
	
	.carWash ul {
	font-size:12px;
	margin: 0px 0px 25px 0px;
	}
		
	.carWash ul li {
	margin-left:30px;
	}
	
table.hours h1 {
	margin:0px;
	padding:10px;
	width:450px;
	background-color:#6699FF;
	border: 1px #0066CC solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	}
	
table.hours p {
	margin:0px;
	padding: 5px 0px;
	font-size:18px;
	color:#FFFFFF;
	}
			
table.hours .day {
	padding:0px;
	margin:0px;
	color:#FFFFFF;
	font-weight:bold;
	width:45%;
	}	

table.hours .hours {
	margin:0px;
	padding:0px;
	}	

.hoursWidth {
	width:15%;
}

.subject {
	vertical-align:top;
	font-size:25px;
	font-weight:bold;
	color:#FFFFFF;
	padding: 0px 0px 20px 0px;
	}


/* THIS IS THE START OF THE HOURS & FACILITY PAGE SLIDESHOW GALLERY! */