/*---
Rounded Borders
border-radius:10px;  CSS3 - not fully supported yet
-moz-border-radius:10px;  for Mozilla browsers
-webkit-border-radius:10px; for webkit browsers(Safari, Chrome)
---*/
html{height:100%;}
body{
	height:100%;
	margin:0;
	padding:0;
	font:1em Arial, Helvetica, sans-serif;
	color:#000;
	background:#FFEC53;
	
}

#container{height:100%;}
#main{
	min-height:100%;
	height:auto;
	width:717px;
	overflow:auto;
	margin:0 auto;
	padding:5px 30px 20px 30px;
	border-left:1px solid #857c74;
	border-right:1px solid #857c74;
	background:#333;
	position:relative;
	color:#000;
	
	
}
a{
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#333;
}
a:hover{
	color:#F00;
	text-decoration:none;
}
#header{
	position:relative;
	padding:0;
	height:321px;
	margin-bottom:.5em;}
#header h1{	
	width:152px;
	height:64px;
	background:url(images/acorn-rentals-logo.png) no-repeat left top;
	text-indent:-9999px;
	margin:0;
	padding:0;
	float:left;
}
#date{
	float:left;
	padding:5px 0 0 10px;
	font-size:0.85em;
	color: #000;
}
#topnav{
	position:relative;
	width:500px;
	height:64px;
	font:bold .85em Arial, Helvetica, sans-serif;
	color:#FFF;
	float:right;
	
}
#topnav .nav{height:20px;
margin-top:40px;
	}
/*#topnav .nav, #mainnav .nav{
	float:right;margin-right:2px;
}*/
#topnav ul{
	height:20px;
	margin:0;
	padding:0;
	list-style-type:none;float:right;
}
#topnav ul li{
	display:inline;
	float:left;
}
#topnav a{
	padding:0 1em 0 1em;
	display:block;
	font:bold .85em Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	border-right:1px solid #857c74;
}
#topnav li.last a{border:none;}
#topnav a:hover{
	color:#FFEC53;}
#welcome{
	position:relative;
	width:715px;
	height:228px;
	background:url(images/welcome.jpg) no-repeat left top;clear:both;
}
#welcome span{
	position:absolute;
	right:20px;
	bottom:35px;
	font:1.1em Century Gothic, Arial, Helvetica, sans-serif;
	color:#FFF;
	text-transform:uppercase;}
#welcome span span{font-weight:bold;
	position:static;}
/*#topnav .nav, #mainnav .nav{
	float:right;margin-right:2px;
}*/

#boxes{
height:233px;
margin-bottom:.5em;
padding:0;
float:left;



}
#boxes h2{
margin:0 0 .25em .5em;
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#333;
	text-transform:uppercase;
	text-align:left;
	border:0;
	
}

#boxes div{
	width:216px;
	height:214px;
	float:left;
	padding:.5em .5em;
	background:#646464 url(images/boxes-bg.png) repeat-x left top;
	border:1px solid #FFF;
	border-radius:10px; /*---CSS3----*/
	-moz-border-radius:10px;/*---CSS3----*/
	-webkit-border-radius:10px;/*---CSS3----*/
	-o-border-radius:10px;/*---CSS3----*/
	text-align:center;
	position:relative;
	}
#boxes  #box1{
	margin:0;}
#boxes  #box2{
	margin:0 6px 0 7px;}
#boxes  #box3{
	margin:0;}
#boxes p{
	width:195px;
	text-align:left;
	margin:0 auto;
	font-size:.75em;
}
#boxes  img{border:1px solid #FFF;}
a.moreinfo{
	width:70px;
	display:block;
	position:absolute;
	right:10px;bottom:10px;
	padding:.25em .5em;
	margin:.5em .5em 0 0;
	background:#FFEC53;
	border:1px solid #000;
	text-align:center;
	font:bold .75em Arial, Helvetica, sans-serif;
	color:#333;
	text-transform:uppercase;
	text-decoration:none;
	border-radius:4px;/*---CSS3----*/
	-moz-border-radius:4px;/*---CSS3----*/
	-webkit-border-radius:4px;/*---CSS3----*/
	
}
a.moreinfo:hover{
	background:#333;
	color:#FFEC53;
}
#hadaccident{
	float:left;
	clear:left;
	
	width:699px;
	height:82px;
	background:#FFEC53 ;
	border:1px solid #FFF;
	border-radius:20px 20px;/*---CSS3----*/
	-moz-border-radius:20px 20px ;/*---CSS3----*/
	-webkit-border-radius:20px 20px;/*---CSS3----*/
	font: 1em Century Gothic, Arial, Helvetica, sans-serif;
	text-align:right;
	padding:.5em 1em 0 0;
margin-bottom:.5em;
	text-transform:uppercase;
	
}

#hadaccident p.fault{
	font:bold 1.3em Century Gothic, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	}
#hadaccident p.call{
	font:1.05em Century Gothic, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	}
#hadaccident p.call span{
	font:bold 1.25em Century Gothic, Arial, Helvetica, sans-serif;
	
	margin:0;
	padding:0;
		}
#hadaccident p.phone{
	font:bold 1.8em Century Gothic, Arial, Helvetica, sans-serif;
	padding: 0;
	margin:-.2em 0 0 0;
	letter-spacing:.1em;
	}
#phonegirl{
	position:absolute;
	left:30px;
	top:284px;
	margin:0;
	z-index:10;
}
#hadaccident p{
	position:relative;
	z-index:100;}
#content{
width:691px;
padding:1em;
	font-size:.75em;
	overflow:auto;
	height:auto;
	clear:left;
	background:#CCC url(images/content-bg.png) repeat-x left bottom;
	border:1px solid #FFF;
	border-width: 1px 1px 0 1px;
	border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
}
p.contact{
	width:612px;
	height:50px;
	padding:18px 0 0 0;
	margin:0;
	float:left;
	}
img.vertmiddle{/*
	border:1px solid #000;*/
	margin-right:.5em;
	vertical-align: middle;
	
}
img.contact{float:left;
	margin-right:.5em;
	vertical-align: baseline;}
#callbackform{clear:left;
padding-top:1em;}
.map {
}
a#backtotop{float:left;clear:both;
	color:#FFEC53;margin:1em;
	text-align:center;}
	
.question{font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#333;
	border-bottom:1px solid #333;}
h2{
	font:bold 2em Arial, Helvetica, sans-serif;
	color:#333;
	margin:0;
	padding:0;
	width:auto;
	text-align:center;
	border-bottom:2px solid #333;
}
h3 {
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#333;
}

/*--- FOOTER STYLES----*/
#footer{
	min-height:88px;
	height:auto;
	width:717px;
	margin:0 auto;
	background:#FFEC53 url(images/footer-bottom.png) repeat-x left bottom;
	text-align:center;
	font:.75em Arial, Helvetica, sans-serif;
	color:#000;
	padding-bottom:.5em;
	
}
#footer ul{
	width:65%;
	margin:0 auto;
	padding:1em 0 0 0;
	list-style-type:none
}
#footer ul.services{padding:1em 0 1em 0;}
#footer ul li{display:inline;}	
#footer a{
	color:#000;
	text-decoration:none;
	border-right:1px solid #000;
	padding:0 .65em;
}
#footer a:hover{color:red;}
#footer a.last{border:0;}


/*---fleet styles000*/

ul.cars{
	list-style-type:none;
	margin:0 auto;
	width:680px;
	padding:.5em 0;
	clear:both;	
}
ul.cars ul{
	margin:0;
	padding:0;
	text-align: center;
}
ul.cars ul li{
	list-style-type:none;
	width:150px;
	padding:.5em .5em;
	margin:0.25em;
	display:block;
	float:left;
}
.contractlists {
	list-style-type: lower-alpha;
}


.homeleft  {
	text-align: justify;
	float:left;
	padding:.5em 1em;
}
.homeright{
	width:220px;
	float: left;
	text-align: justify;
	padding:1em;
	margin:0;
	
}
.homeright p{margin-top:0;}
.homeright img{margin:0 0 .5em 0 ;border:1px solid #FFF; }
.homeright span{
}
.homeright .question{
	text-align:left;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	color:#000;}
#homefleet { 
	width: 100%;text-align: justify;
	float: left;
}

#homefleet h2{padding:.5em 0 0 0;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#000;
	text-transform:uppercase;}

ul.homecars, ul.fleetcars{
	list-style-type:none;
	margin:.5em auto;
	width:425px;
	padding:.5em 0;
	clear:both;	
	overflow:auto;
	text-align: center;
	background:#FFF;
	border-radius:10px; /*---CSS3---*/
	-moz-border-radius:10px; /*---CSS3---*/
	-webkit-border-radius:10px;/*---CSS3---*/
	border :1px solid #333;
}	
 ul.fleetcars{width:auto;}
ul.homecars li, ul.fleetcarsli {
	list-style-type:none;
	width:130px;
	padding:.5em 0;
	margin:0.4em;
	display:block;
	float:left;
}
ul.homecars{width:99%;}
ul.homecars li{width:125px;padding:.5em 0;
	margin:0em .45em;}

.alignL{text-align:left;}
.boldunderline {
	font-weight: bold;
	text-decoration: underline;
}
#content #contactleft{width:350px;float:left;}
p.bold{font:bold 1.1em Arial, Helvetica, sans-serif;}
#headoffice{clear:left;}








#mainnav{
	width:715px;
	height:28px;
	float:left;
	clear:left;
	margin:0;
	background:url(images/navbg.jpg) repeat-x left bottom;
	position:relative;z-index:100;
	
}
#nav{height:28px;
	width:715px;
	background:url(images/navbg.png) no-repeat right -29px;}
#mainnav ul{
	margin:0;
	padding:0;
	text-align:center;
 }
#mainnav ul li{
	margin:0;
	padding:0  0 0 9px;
	list-style-type:none;
	float:left;
	display:block;
	text-align:center;
	position:relative;
	background:url(images/navbg.png) no-repeat left -58px;	
}
#mainnav ul li#services{
height:22px;
	font:bold .85em Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	padding:6px 1.5em 0 1.5em;
	
	
}
#mainnav ul li.first{background:url(images/navbg.png) no-repeat left top;}
#mainnav ul li.last{}
#mainnav ul li a{
height:22px;
	font:bold .85em Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	padding:6px 1.5em 0 1.5em;
	
	
}
#mainnav ul li.first a{padding-left:1.5em;}
#mainnav ul li a.last{
	
	background:none;}
#mainnav ul li a:hover{
	color:#333;
	background:none;
}
#mainnav ul li ul{display:none;}
#mainnav ul li:hover ul, #mainnav ul li:hover ul#about{
	position:absolute; 
	left:-2px; 
	top:28px;
	z-index:60;
	width:150px;	
	display:block;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	float:left;
	padding:0;
	margin:0;
}
#mainnav ul li ul li{
	display:block;
	
	border-right:2px solid #333;
	border-left:2px solid #333;
	background:#8E8E8E;
	padding:0;border-top:1px solid #333;
	margin:0}
#mainnav ul li ul li.last{
	
	}
#mainnav ul li ul a{
height:15px;
	width:144px;
	padding:.65em 0 .5em 0;
	font: bold italic .65em Arial, Helvetica, sans-serif;
	color:#000;
	background:#8E8E8E;
	border-bottom:1px solid #333;
	margin:0 auto;
	display:block;
	text-align:left;
}

#mainnav ul li ul li.last a{
	border:none;
	padding:.5em 0;
	margin:0;
}
#mainnav ul li ul a:hover{
	color:#FFEC53;
	background:#333;
}


#asterix{color:#F00;}
.callback{
	font:bold 1.4em Arial, Helvetica, sans-serif;
	padding-top:0;
	margin-top:.65em;
}
/*--SITEMAP STYLES--*/

#sitemap{}
#sitemap li{
	margin:auto;
	padding:.5em 0;
	font:bold 1.2em Arial, Helvetica, sans-serif;}
#sitemap li li{
	padding:.25em 0;
	list-style-type:none;
	font:bold .9em Arial, Helvetica, sans-serif;}
#sitemap li li li{
	padding:.25em 0;
	list-style-type:none;
	font:bold 1em Arial, Helvetica, sans-serif;}