/* position_center */
*				{ margin:0; padding:0; }
html, body		{ height:100%; }
body			{ text-align:center; /* horizontal centering for IE Win quirks */ }
#distance	{ width:1px; height:0%; margin-bottom:-280px; /* half of container's height */ float:left;margin:0;padding:0;}
#outer		{ margin:0 auto; position:relative; /* puts container in front of distance */ text-align:left; width:749px;height:100%;clear:left;background-color:#ffffff;}

/* /position_center */

/*For When CSS is turned Off*/
span.nocss {display:block;left:-1000em;font-size:0.1em;margin:0;padding:0;height:0;width:0;color:#000000;position:absolute;}
h1,h2,h3 {display:block;left:-1000em;font-size:0.1em;margin:0;padding:0;height:0;width:0;color:#000000;position:absolute;}
ul li {list-style: none;}
img {border:0}
h4 {margin:0 0 10px 0;color:#D4DCE8;}

/*Main*/
body{background-color:#ffffff;padding:0;margin:0;font-size:0.8em;color:#ffffff;font-family:arial;float:left;}
p {margin-bottom:10px;}
.clear {clear:both;}
a {color:#ffffff;font-weight:bold;}

#mainContent {width:749px;height:100%;margin:0;padding:0;float:left;}
#topSection {background: url(../images/barnet-driving-instructor.jpg) top left no-repeat;width:757px;height:319px;float:left;}
#pageContent {width:749px;min-height:300px;float:left;background: url(../images/bg-repeat.gif) top left repeat-x; padding:15px 0 0 0px}
#leftContnet {float:left;width:360px;margin:0 0 0 18px;}

#leftContnet p {width:320px}
#leftsmallContnet {float:left;width:300px;margin:0 0 0 18px;}
#rightContent {float:left;padding:0 0 0 15px;width:200px;border-left:1px dotted white;min-height:400px;}
#showContnet {width:700px;margin:0 0 0 18px;}
#offersContnet {width:609px;margin:60px 0 30px 70px;}
#offersContnet img {margin:0 0 0 0 }
#showContnet p a:link, #showContnet p a:visited, #showContnet p a:hover, #showContnet p a:active  {font-weight:bold;text-decoration:none;}
#bulletPoints ul li {margin:0 0 10px 15px;list-style-image: url(../images/bullet.png);width:340px;padding:0;}
#TermsContnet {float:left;width:700px;margin:0 0 0 18px;font-size:0.8em;}
/*Home*/

#welcome {background: url(../images/title-welcome.gif) top left no-repeat;width:199px;height:17px;margin:0 0 10px 0}
#titletestimonials {background: url(../images/title-testimonials.gif) top left no-repeat;width:81px;height:14px;margin: 0 0 15px 0}
#titlespecialOffers {background: url(../images/title-special.gif) top left no-repeat;width:90px;height:17px;margin: 0 0 15px 0}

.test img {float:left;margin:0 10px 0 0}
.test p {text-align:left;width:250px;}
#specialOffers {width:300px;margin:0 0 20px 0}
#testimonials {width:300px;margin:0 0 20px 0}

/*Navigation*/
#navigation {width:749px;height:62px;background: url(../images/bg_nav.gif) top left no-repeat;}
#navigation ul {width:749px;margin:5px 0 0 5px}
#navigation ul li {float:left;list-style:none;height:30px;margin:0 15px 0 0}
#navigation ul li a {display:block;margin:0;height:30px}

#navigation ul li.navHome, #navigation ul li.navHome a  {background: url(../images/nav-home.gif) 100% 100% no-repeat;width:47px;}
#navigation ul li.navHome a:hover, #navigation ul li.navHome a.on  {background: url(../images/nav-home-over.gif) 100% 100% no-repeat;width:47px;}

#navigation ul li.navCourses, #navigation ul li.navCourses a  {background: url(../images/nav-courses.gif) 100% 100% no-repeat;width:68px;}
#navigation ul li.navCourses a:hover, #navigation ul li.navCourses a.on  {background: url(../images/nav-courses-over.gif) 100% 100% no-repeat;width:68px;}

#navigation ul li.navTests, #navigation ul li.navTests a  {background: url(../images/nav-tests.gif) 100% 100% no-repeat;width:49px;}
#navigation ul li.navTests a:hover, #navigation ul li.navTests a.on  {background: url(../images/nav-tests-over.gif) 100% 100% no-repeat;width:49px;}

#navigation ul li.navPrices, #navigation ul li.navPrices a  {background: url(../images/nav-prices.gif) 100% 100% no-repeat;width:53px;}
#navigation ul li.navPrices a:hover, #navigation ul li.navPrices a.on  {background: url(../images/nav-prices-over.gif) 100% 100% no-repeat;width:53px;}

#navigation ul li.navArea, #navigation ul li.navArea a  {background: url(../images/nav-areas.gif) 100% 100% no-repeat;width:107px;}
#navigation ul li.navArea a:hover, #navigation ul li.navArea a.on  {background: url(../images/nav-areas-over.gif) 100% 100% no-repeat;width:107px;}

#navigation ul li.navShow, #navigation ul li.navShow a  {background: url(../images/nav-show-me.gif) 100% 100% no-repeat;width:117px;}
#navigation ul li.navShow a:hover, #navigation ul li.navShow a.on  {background: url(../images/nav-show-me-over.gif) 100% 100% no-repeat;width:117px;}

#navigation ul li.navOffer, #navigation ul li.navOffer a  {background: url(../images/nav-special.gif) 100% 100% no-repeat;width:104px;}
#navigation ul li.navOffer a:hover, #navigation ul li.navOffer a.on  {background: url(../images/nav-special-over.gif) 100% 100% no-repeat;width:104px;}

#navigation ul li.navContact, #navigation ul li.navContact a  {background: url(../images/nav-contact.gif) 100% 100% no-repeat;width:84px;}
#navigation ul li.navContact a:hover, #navigation ul li.navContact a.on  {background: url(../images/nav-contact-over.gif) 100% 100% no-repeat;width:84px;}


/*Contact Us*/

input, textarea {font-family:Century Gothic, verdana;color:#666666;border:1px solid #ffffff}
#titleContact {background: url(../images/title-contact.gif) top left no-repeat;width:69px;height:14px;margin: 0 0 15px 0}
#titleLearnToDrive {background: url(../images/title-learn-to-drive.gif) top left no-repeat;width:91px;height:14px;margin: 0 0 15px 0}

/*Courses*/
#titleCourses {background: url(../images/title-courses.gif) top left no-repeat;width:53px;height:15px;margin: 0 0 15px 0}



/*Tests*/
#titleTests {background: url(../images/title-test.gif) top left no-repeat;width:36px;height:15px;margin: 0 0 15px 0}


/*Prices and Offers*/
#titlePrices {background: url(../images/title-price.gif) top left no-repeat;width:110px;height:15px;margin: 0 0 15px 0}



/*Areas Covered*/
#titleAreas {background: url(../images/title-areas-covered.gif) top left no-repeat;width:93px;height:15px;margin: 0 0 15px 0}

#footer {float:right;color:#000000;margin:3px 0 20px 0}
#footer a {color:#000000;}

#footer ul li {float:left;padding:0 5px 0 5px;}

#showMe {background: url(../images/title-show-me-tell-me.gif) top left no-repeat;width:176px;height:14px;margin: 0 0 15px 0}

#logos {padding:20px 0 0 0}
#logos ul li {float:left;}