/*
----------------------------
Access Driving Tution
Author: Bright Fox Solutions
----------------------------
*/

*
{
	margin: 0px;
	padding: 0px;
}

body
{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

div#container
{
	margin: auto auto 25px auto;
	width: 844px;
	text-align: left;
	background: url(../images/container.gif) repeat-y -2px 100%;
	overflow: hidden;
}

img {
	border:0;
}

div#header
{
	float: left;
	display: inline;
	width: 843px;
	height: 290px;
	position: relative;
	background: url(../images/header.gif) no-repeat top left;
}

.homepg div#header
{
	height: 468px;
}

div#header h1
{
	float: right;
	display: inline;
	background: url(../images/logo.gif) no-repeat top left;
	text-indent: -999em;
	overflow: hidden;
	margin: 125px 45px 0px 0px;
}

div#header h1 a
{
	display: block;
	width: 257px;
	height: 209px;
}

div#offer
{
	position:absolute;
	top:155px;
	left:30px;
	width: 490px;
	height: 290px;


}

div#offer a, div#offer a:visited
{
	text-decoration:none;
	color:#f47c26;
}

div#header div#banner
{
	float: left;
	display: inline;
	width: 842px;
	height: 130px;
	background: url(../images/banner.gif) no-repeat top left;
}

div#header div#banner p
{
	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
	width: 100px;
	height: 100px;
	float: left;
	display: inline;
	text-align: center;
	background: url(../images/divider.gif) no-repeat right 15px;
	padding: 0px 20px 0px 20px;
	margin-top: 18px;
}

div#header div#banner p#experts
{
	width: 135px;
}

div#header div#banner p#instructors
{
	width: 165px;
}

div#header div#banner p#local
{
	width: 130px;
	background: none;
	padding-top: 5px;
}

div#content
{
	float: left;
	display: inline;
	width: 844px;
}

body.contactpg div#content
{
	padding-bottom: 10px;
}

div#content h2
{
	color: #5f5f5f;
	font-size: 1.35em;
	margin: 12px 0px 12px 45px;
	width: 423px;
}

div#content h3
{
	color: #5f5f5f;
	font-size: 0.9em;
	margin: 12px 0px 12px 45px;
	width: 423px;
}

div#content p
{
	font-size: 0.8em;
	width: 723px;
	margin: 12px 0px 12px 45px;
	color: #5f5f5f;
}

div#content p.sub-heading
{
	font-size: 0.875em;
}

div#content ul
{
	margin: 12px 0px 12px 42px;
	width: 423px;
	list-style: none;
}

div#content ul li
{
	font-size: 0.8em;
	color: #5f5f5f;
	margin: 3px 0px 3px 0px;
	padding-left: 14px;
	background: url(../images/point.gif) no-repeat 0px 3px;
}

div#content ol
{
	margin: 12px 0px 12px 45px;
	width: 423px;
	list-style: none;
}

div#content ol li
{
	font-size: 0.8em;
	color: #5f5f5f;
	margin: 3px 0px;
}

div#content img#tortouise
{
	background: url(../images/tortouise.jpg) no-repeat top left;
	width: 371px;
	height: 283px;
	float: right;
	display: inline;
	margin: 0px 3px 0px 0px;
}

div#theory-test
{
	width: 450px;
	margin: 12px 0px 12px 45px;
}

div#theory-test img
{
	padding: 5px 15px 5px 0px;
}

img#hazard
{
	margin: 12px 0px 12px 140px;
}

img#learning
{
	margin: 12px 0px 12px 45px;
}

p#dsa
{
	background: url(../images/dsa.jpg) no-repeat top center;
	width: 206px;
	height: 120px;
	line-height: 17em;
	text-align: center;
	overflow: hidden;
}

div#footer
{
	float: left;
	display: inline;
	width: 844px;
	height: 57px;
	background: url(../images/footer.gif) no-repeat -2px 100%;
}

div#footer p#telephone
{
	float: left;
	display: inline;
	background: url(../images/tel.gif) no-repeat top left;
	text-indent: -999em;
	overflow: hidden;
	height:48px;
	width:676px;
	margin: 7px 0px 0px 90px;
}


/* Navigation */

div#cmsnav
{
	float: left;
	display: inline;
}

div#cmsnav ul
{
	list-style: none;
	margin: 23px 0px 0px 12px;
	width: 832px;
	position: absolute;
	top: 0px;
	left: 0px;
}

div#cmsnav ul li
{
	float: left;
	display: inline;
	background: url(../images/button-tr.jpg) no-repeat top right;
	width: 91px;
}

div#cmsnav ul li:hover, div#cmsnav ul li.over
{
	background: url(../images/hover-tr.jpg) no-repeat top right;
}

div#cmsnav ul li a
{
	float: left;
	display: inline;
	width: 75px;
	height: 38px;
	text-align: center;
	text-decoration: none;
	color: #01461b;
	font-size: 0.875em;
	background: url(../images/button-tl.jpg) no-repeat top left;
	padding: 10px 7px 0px 8px;
	
}

div#cmsnav ul li a:hover
{
	background: url(../images/hover-tl.jpg) no-repeat top left;
	color: #ffffff;
}

div#cmsnav ul li#navhome
{
	margin-left: 47px;
}

div#cmsnav ul li#navhome a, div#cmsnav ul li#navfaq a
{
	padding-top: 17px;
	height: 31px;
}

div#cmsnav ul li#navabout a, div#cmsnav ul li#navpassplus a, div#cmsnav ul li#navcontact a
{
	width: 50px;
	padding: 10px 21px 0px 21px;
}

div#cmsnav ul li#navintensive
{
	clear: left;
}

body.homepg div#cmsnav ul li#navhome a, body.aboutpg div#cmsnav ul li#navabout a, body.lessonpg div#cmsnav ul li#navlesson a, body.bookingpg div#cmsnav ul li#navbooking a, body.theorypg div#cmsnav ul li#navtheory a, body.practicalpg div#cmsnav ul li#navpractical a, body.mockpg div#cmsnav ul li#navmock a, body.faqpg div#cmsnav ul li#navfaq a, body.intensivepg div#cmsnav ul li#navintensive a, body.passpluspg div#cmsnav ul li#navpassplus a, body.instructorpg div#cmsnav ul li#navinstructor a, body.trailerpg div#cmsnav ul li#navtrailer a, body.lgvpg div#cmsnav ul li#navlgv a, body.giftpg div#cmsnav ul li#navgift a, body.recommendpg div#cmsnav ul li#navrecommend a, body.feedbackpg div#cmsnav ul li#navfeedback a, body.contactpg div#cmsnav ul li#navcontact a
{
	background: url(../images/hover-tl.jpg) no-repeat top left;
	color: #ffffff;
}

body.homepg div#cmsnav ul li#navhome, body.aboutpg div#cmsnav ul li#navabout, body.lessonpg div#cmsnav ul li#navlesson, body.bookingpg div#cmsnav ul li#navbooking, body.theorypg div#cmsnav ul li#navtheory, body.practicalpg div#cmsnav ul li#navpractical, body.mockpg div#cmsnav ul li#navmock, body.faqpg div#cmsnav ul li#navfaq, body.intensivepg div#cmsnav ul li#navintensive, body.passpluspg div#cmsnav ul li#navpassplus, body.instructorpg div#cmsnav ul li#navinstructor, body.trailerpg div#cmsnav ul li#navtrailer, body.lgvpg div#cmsnav ul li#navlgv, body.giftpg div#cmsnav ul li#navgift, body.recommendpg div#cmsnav ul li#navrecommend, body.feedbackpg div#cmsnav ul li#navfeedback, body.contactpg div#cmsnav ul li#navcontact
{
	background: url(../images/hover-tr.jpg) no-repeat top right;
	color: #ffffff;
}

/* End navigation */

/* Contact Form */

div#content div#contactform
{
	display: block;
	margin: 30px 0px 13px 45px;
}

div#content div#contactform h3
{
	display: block;
	color: #fcb32c;
	font-size: 1.1em;
	font-weight: normal;
	margin: 13px 0px 13px 13px;
	text-align: center;
}

div#content div#contactform p
{
	display: block;
	margin: 13px 0px;
	clear:left;
}

div#content div#contactform p label
{
	float: left;
	display: inline;
	width: 400px;
	text-align: left;
	margin: 3px 0px 0px 0px;
}

div#content div#contactform p input
{
	float:left;display:inline;
	width: 230px;
	height: 20px;
	background: #ededed repeat top left;
	border: 1px solid #999999;
	padding: 3px 3px 0px 3px;
}

div#content div#contactform p select
{
	display: block;
	background: #ededed repeat top left;
	width:150px;
	border: 1px solid #999999;
	padding: 3px 3px 3px 3px;
}

div#content div#contactform p textarea
{
	float:left;display:inline;
	width: 230px;
	height: 100px;
	background: #ededed repeat top left;
	border: 1px solid #999999;
	padding: 3px;
	overflow: auto;
}

div#content div#contactform p input#bttnSend
{
	width: auto;
	height: auto;
	padding: 3px;
	cursor: pointer;
	float: right;
	display: inline;
	margin: 0px 22px 13px 0px;
	position: relative;
}





div#content div#contactform p.datetime {
	padding-left:400px;
}


div#content div#contactform p.datetime label
{
	float: left;
	display: inline;
	width: 40px;
	text-align: left;
	margin: 3px 0px 0px 0px;
}

div#content div#contactform p.datetime input
{
	float: left;
	display:inline;
	width: 80px;
	height: 20px;
	background: #ededed repeat top left;
	border: 1px solid #999999;
	padding: 3px 3px 0px 3px;
	margin-right:10px;
}

table.insurance {
	margin-left:200px;
	width:400px;
}


div#content div#contactform p.confirm {
	padding-left:400px;
}

div#content div#contactform p span {
	float:left; display:inline;
	font-weight:bold;
	font-size:2em;
}

div#content div#contactform p.confirm label
{
	float: left;
	display: inline;
	width: 140px;
	text-align: left;
	margin: 3px 0px 0px 0px;
}

div#content div#contactform p.confirm input
{
	float: left;
	display:inline;
	width: 80px;
	height: 20px;
	background: #ededed repeat top left;
	border: 1px solid #999999;
	padding: 3px 3px 0px 3px;
	margin-right:10px;
}


/* End Contact Form */