/* CSS Document */

/* global
--------------------------------------------------------------------*/	
body {
	font-family:"Trebuchet MS", Arial, "Helvetica CY", Verdana;
	text-align:center;
	margin:0 auto 0 auto;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
	background-color:#f0efef;
	}
	
/* divs
--------------------------------------------------------------------*/	
#container {
	position:relative;
	width:701px;
	height:780px;
	top:0px;
	left:2px;
	text-align:left;
	margin:0 auto;
	border-bottom:1px #4b4b4c dotted;
	background-color:white;
	}
#logo {
	position:absolute;
	top:0px;
	left:0px;
	width:701px;
	height:192px;
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	}
#home-image {
	position:absolute;
	width:701px;
	height:199px;
	left:0px;
	top:192px;
	background-image:url(../images/home-image.jpg);
	background-repeat:no-repeat;
	}
#copy-holder {
	position:relative;
	top:391px;
	left:0px;
	width:701;
	background-color:#fcf5de;
	border-bottom:1px #4b4b4c dotted;
	}
#left-holder {
	float:left;
	position:absolute;
	top:30px;
	left:20px;
	width:200px;
	}
#right-holder {
	position:absolute;
	top:30px;
	right:20px;
	width:400px;
	}
#footer-holder {
	position:absolute;
	top:681px;
	left:20px;
	width:701px;
	}
#footer-holder-left {
	float:left;
	position:absolute;
	top:0px;
	left:0px;
	width:350px;
	}
#address {
	float:left;
	position:absolute;
	top:20px;
	left:20px;
	width:175px;
	}
#hours {
	position:absolute;
	top:20px;
	right:0px;
	width:150px;
	border-left:1px dotted #999999;
	padding-left:25px;
	}
#footer-holder-right {
	position:absolute;
	top:0px;
	right:0px;
	width:350px;
	}
#pump-hours {
	float:left;
	position:absolute;
	top:20px;
	width:150px;
	border-left:1px dotted #999999;
	padding-left:25px;
	}
#phone {
	position:absolute;
	top:20px;
	right:0px;
	width:150px;
	border-left:1px dotted #999999;
	padding-left:25px;
	}
#left-image-holder {
	float:left;
	position:absolute;
	left:0;
	top:0;
	width:200px;
	}
#top-left-image {
	position:absolute;
	top:0;
	left:0;
	background-image:url(../images/gas-station.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-color:white;
	border:#cccccc solid 1px;
	width:194px;
	height:112px;
	}
#bottom-left-image {
	position:absolute;
	top:122px;
	left:0;
	background-image:url(../images/under-hood.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-color:white;
	border:#cccccc solid 1px;
	width:194px;
	height:112px;
	}
#right-image-holder {
	position:absolute;
	right:0;
	top:0;
	width:200px;
	}
#top-right-image {
	position:absolute;
	top:0;
	right:0;
	background-image:url(../images/axel.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-color:white;
	border:#cccccc solid 1px;
	width:194px;
	height:112px;
	}
#bottom-right-image {
	position:absolute;
	top:122px;
	right:0;
	background-image:url(../images/crew.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-color:white;
	border:#cccccc solid 1px;
	width:194px;
	height:112px;
	}
#map {
	position:absolute;
	left:0;
	top:0;
	background-image:url(../images/map.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-color:white;
	width:391px;
	height:194px;
	border:#cccccc solid 1px;
	}
#phone-image {
	position:absolute;
	top:10px;
	left:0;
	background-image:url(../images/phone.jpg);
	background-repeat:no-repeat;
	width:42px;
	height:36px;
	}
#house-image {
	position:absolute;
	top:100px;
	left:0;
	background-image:url(../images/home.jpg);
	background-repeat:no-repeat;
	width:42px;
	height:36px;
	}
#call-us {
	position:absolute;
	top:5px;
	left:80px
	}
#find-us {
	position:absolute;
	top:95px;
	left:80px
	}
	
/* texts
--------------------------------------------------------------------*/	
#left-holder p, #right-holder p, #right-holder ul {
	font-size:12px;
	line-height:14px;
	color:#4b4b4c;
	}
h1 {
	font-size:20px;
	color:#4b4b4c;
	}
#footer-holder-left p, #footer-holder-right p {
	font-size:12px;
	line-height:14px;
	color:#999999;
	margin:0px;
	}
#red {
	color:#dd000e;
	}
#nav p {
	margin:10px 0px 0px 0px;
	}	 
	
/* links
--------------------------------------------------------------------*/	
#left-holder a:link, #left-holder a:visited, #right-holder a:link, #right-holder a:visited {
	color:#dd000e;
	border-bottom:1px dotted #ffc813;
	text-decoration:none;
	}
#left-holder a:hover, #right-holder a:hover {
	color:#000033;
	border-bottom:1px dotted #dd000e;
	}
#nav a:link, #nav a:visited {
	font-size:16px;
	text-decoration:none;
	color:#dd000e;
	display:block;
	width:115px;
	height:21px;
	padding-left:20px;
	padding-top:5px;
	}
#nav a:hover {
	background-color:#fddd77;
	}
#btm-nav a:link, #btm-nav a:visited {
	font-size:12px;
	color:#CCCCCC;
	text-decoration:none;
	margin-right:15px;
	}
#btm-nav a:hover {
	color:#999999;
	}