html, body {margin:0; padding:0; height:100%; background: url('images/bkg.jpg') repeat-x top left; background-color: #002b54; font-family: Arial, Tahoma, Helvetica, sans-serif; }
#container {background: #fff;  margin:0 auto 0; min-height:100%; position:relative; width: 1000px; border:none;}

/**********mobile phone**********/
.pchide{display:none}
#telno h1.media {display:none}
#container-center h1{display:none}
/********************/

img{border:none;}
a{text-decoration:none}

/**********Top Banner**********/
#topribbon {float:left; height: 71px; width: 1000px; margin-bottom: 70px; background: url('images/top.jpg') top left; border: solid red 0px}
#topribbon p {width:500px; margin:0 auto 0; font-size: 13px; line-height: 70px; color: #fff; padding: 0; text-align:center; border:solid blue 0px}
#topribbon img.topleft{float:left}
#topribbon img.topright{float:right}

#banner-links{position:absolute; width:1000px; top:71px; margin: 0;height: 70px;  background: url('images/nav-btn-ds.jpg') center center; border:solid red 0px}
#banner-links ul{width:1000px; margin:19px auto 0; padding: 0; border: solid red 0px}
#banner-links li.link{display:inline; margin:0; font-size:12px; font-weight:bold; border:solid yellow 0px}
#banner-links li.link a{float:left; display:block; width:136.8px; height:23px; margin:0; padding: 7px 14px 0 15px; text-align:center; text-decoration:none;
background: url('images/nav-btn.jpg')repeat-x center left; color:#42a3ff;border: solid green 0px }

#banner-links li.link a.page {color:#fff; background:#444; border: solid #red 0px}
#banner-links li.link a:hover{color:#fff;text-decoration:none; background:none; background-color: #444;}
#banner-links li.space{float:left; width:1px; height: 30px; list-style-type: none; background-color: #000;}
#driving-school-logo {float:left; height: 250px;width: 1000px; margin:0 auto 0; background: url('images/driving-school-banner.jpg') top left; border: red solid 0px}
#auto-driving-school-logo {float:left; height: 250px;width: 1000px; margin:0 auto 0; background: url('images/automatic-driving-lessons-bnr.jpg') top left; border: red solid 0px}




/**********Centre Content**********/
#centre-container {float:left; width: 1000px;margin:0; padding:0; background:#fff; border: red solid 0px}
#centre {float:left; width:1000px; margin:0; background: #fff; border:solid red 0px}
#centre img.rightimg{float:right; border:none; margin:20px;}
#centre img.leftimg{float:left; border:none; margin:20px;}
#centre h1.mainhead{width:810px; margin:10px 0 0 40px; font-family: ariblk; font-size: 22px;color: #2f77bb; font-weight: bold}
#left-col{float:left;margin: 10px 0 10px 10px;padding: 0 10px 0 30px;width: 630px;color: #010123;background: none; border: blue solid 0px}
#left-col a{color: #2f77bb;text-decoration : underline;}
#left-col a:hover{text-decoration : none;color : #000}
#left-col h1{margin:0 0 10px 0; font-family: ariblk; font-size: 18px;color: #000; font-weight: bold}
span.offer{font-size: 18px;color: #BF1E2E;font-weight: bold}
#driving-lessons-dets {float:left; margin: 0 0 0 75px; font-weight: bold;color:#000;} 
.driving-lessons-top{float: left;background: url('images/ds-box-top2.jpg') no-repeat center top;margin: 0;width: 480px;height: 25px}
.driving-lessons-mid{float: left;background: url('images/ds-box-mid2.jpg') repeat-y center;width: 480px;margin: 0}
.driving-lessons-mid h2{margin : 0px 35px;text-align:left;font-size: 13px;}
.driving-lessons-mid p{margin : 5px 35px 20px 35px;padding: 0 ;font-size: 12px;line-height : 16px;text-align:justify}
.driving-lessons-mid ul{width:400px; margin : 10px 0 20px 0 }
.driving-lessons-mid li{margin : 0 30px 10px 10px;padding: 0 10px;font-size: 15px;line-height : 18px;text-align:justify}
.driving-lessons-mid img{float: right;margin : 10px 25px 0 0; border:none;}
.driving-lessons-bot{float: left;background: url('images/ds-box-bot2.jpg') no-repeat center bottom;width: 480px;height: 15px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px}
.driving-lessons-text{float:left;background: url('images/learner-lessons.jpg') no-repeat center;border:0px solid red; }
.pages-text{float:left; width:630px; min-height:250px; background: url('images/driving-lesson-bkg.jpg') no-repeat center;border:0px solid red; }

#right-col{float:right; background:none; width:295px; margin: 10px 0;padding:0; border:red solid 0px}
.wrap {/*force the div to properly contain the floated images:*/ position:relative; float:left; clear:none; overflow:hidden;}
.wrap img {position:relative; z-index:1;}
.wrap .desc {display:block; position:absolute; left:0; z-index:2; text-align:center;}
h2.desc {width:100%; top:19%;font-family:ariblk, arial; font-size:30px; font-weight: 300; line-height:34px; color:#000;}
h3.desc {width:100%; top:60%;font-family:ariblk, arial; font-size:38px; font-weight: 300; color:#fff;}
h4.desc {width:100%; top:65%;font-family:ariblk, arial; font-size:26px; font-weight: 300; color:#fff;}
p.desc {width:100%; top:50%;font-family:ariblk, arial; font-size:18px; font-weight: 300; color:#000;}
.wrap .desc2 {display:block; position:absolute; left:0; z-index:2; text-align:center;}
h2.desc2 {width:100%; top:12%; font-size:18px; font-weight: 600; font-style:italic; color:#fff;}
h3.desc2 {width:100%; top:43%;font-family:ariblk, arial; font-size:24px; font-weight: 300; line-height:28px; color:#0040af;}
p.desc2 {width:100%; top:32%;font-family:ariblk, arial; font-size:20px; font-weight: 300; color:#000;}
.wrap .desc3 {display:block; position:absolute; left:0; z-index:2; text-align:center;}
h2.desc3 {width:100%; top:9%;font-family:ariblk, arial; font-size:32px; font-weight: 300; line-height:34px; color:#000;}
h3.desc3 {width:100%; top:70%;font-family:ariblk, arial; font-size:30px; font-weight: 300; color:#fff;}
p.desc3 {width:100%; top:48%;font-family:ariblk, arial; font-size:18px; font-weight: 300; line-height:28px; color:#fff;}
p {font-size: 13px;line-height : 18px;color: #111;margin: 0 0 15px 0;text-align:justify}
h1{margin:0 0 10px 0; font-family: ariblk; font-size: 22px;color: #2f77bb; font-weight: bold}
h2{font-size: 13px;color: #111;margin: 0 0 10px 0;font-weight: bold}
h3{font-size: 12px;color: #2f77bb; margin: 0 0 15px 0;font-weight: bold}
ul{width:150px; margin : 20px 0; padding: 0 0 0 50px; font-size: 12px;}
li{margin : 0 ; padding: 0; line-height :18px; }
ul.testimonials{width:375px}
span.contact{font-size: 20px;color: #fff;font-weight: bold}


#testimonials{float:left; width:265px; height:300px; margin:0 auto; background: url('images/media-testim-box.jpg') no-repeat center; border:1px solid #aaa; }
#testimonials h1{margin:10px 0 0 20px; font-family: ariblk; font-size: 22px; font-weight: 300; color: #fff; }
.testcont{width:265px; height:220px; overflow: auto; -webkit-overflow-scrolling: touch; margin: 20px 0 0 0;}
.testpupil{width: 240px; margin:15px auto 0; padding:0;}
.testpupil span.date{width:210px; margin:0; padding: 0; font-size: 11px;color: #111; font-weight: 600;}
.testpupil h2{width:230px; margin:-5px 0 10px 5px; font-size: 11px; }
.testpupil h3{float:left; width:230px; margin:-10px 0 10px 5px; font-size: 11px; font-style: italic; color: #2f77bb;}
.testpupil p {width:230px; margin:10px 0 10px 5px; font-size: 12px; line-height: 18px; font-weight: 300; color:#111; text-align:justify;}
.testcont img.quote {float:left; margin: -2px 0 0 0}
.testcont img {float:right; margin: 0 0 10px 10px}
hr.testes{width: 230px; margin: 5px auto; height: 1px; background:#444; border: 0px none;}

#passpics{float:left; width:260px; height:210px; margin:0 auto 10px; border:red solid 0px}
#passpics h1{margin:15px 0 0 20px; font-family: ariblk; font-size: 22px; font-weight: 300; color: #fff; }
.passpicscont{width:217px; height:210px; margin: 0 auto; overflow: auto; -webkit-overflow-scrolling: touch; border:red solid 0px}
.pupil{width: 200px; margin:0 auto; padding:0; border:green solid 0px}
.passpics img {float:right; margin: 0}

table.price{width:575px; text-align:center; margin:20px; padding:0;}
table.price td.title{width:125px; height:30px; padding:0 20px; font-size: 15px; font-weight: bold; color:#fff; background-color: #2f77bb; border:green solid 0px}
table.price td.info{width:125px; height:30px; padding:0 20px; font-size: 13px; border:green solid 0px}

/********CONTACT BOX********/

.cntbxcont {float:left; width:100%; margin-bottom: 20px;}
.contactbox {float:left; width:380px; margin:0; padding:0; }
.contactbox p{margin:5px 0 0 0;}
.contactbox p.frmcnt, .contactbox a {font-size: 10px; font-weight: 600; color: #aaa; font-family: Open Sans, Arial, Helvetica, sans-serif;}

.frmcontain{float:left; width:100%; height:auto;}
.frmcont, .frmcontcent, .frmcontenq{width:95%; height:auto; margin:0 auto; padding:20px; background-color:none;}
.frmcont, .frmcontcent{height:auto;}
.frmcontenq {height:350px; }
.frmcont h2, .frmcontcent h2 {width:100%; text-align:center; margin:10px 0 20px 0; padding:0; font-size:36px; font-weight:400; color: #fff}

input.inpsze, textarea.inpsze {width:280px; margin:0 auto 15px; padding: 0 0 0 10px; font-size: 16px; font-weight: 600; color: #666;
font-family: Open Sans, Arial, Helvetica, sans-serif; border: 2px solid #aaa; border-radius: 5px;}
textarea.inpsze {height:100px;}

.drpdwn, .drpdwncent {width:230px; padding: 0; overflow: hidden; border: 2px solid #aaa; border-radius: 5px; }
.drpdwn {float:left; margin:0 0 15px 0; }
.drpdwncent {margin:0 auto 15px; }
.drpdwn select, .drpdwncent select {padding: 0 8px; width: 100%; border: none; box-shadow: none; font-size: 14px; font-weight: 600; 
font-family: Open Sans, Arial, Helvetica, sans-serif; color: #aaa; background-color: #fff;}
.drpdwn select:focus, .drpdwncent select:focus{outline: none;}
.optiontxt {font-size: 16px; font-weight: 600; color: #fff; font-family: Open Sans, Arial, Helvetica, sans-serif;}

.capbox{float:left; width:150px; margin: 0 10px 0 0; }
.capbox a{font-size: 13px; color: #000;}

input.capsize{float:left; width:125px; height:35px; padding: 0 0 0 10px; }
.sendbox{float:left; width:100%; margin:20px 0; }
.btnsend, .sbmtbtn {width:200px; height:40px; margin: 0 auto; background: #2f77bb; color:#fff; text-align:center; border: none; font-size: 16px; font-weight: 300; 
border: 1px solid #000; border-radius: 5px; }
.btnsend, .sbmtbtn{float:left;}
.sbmtbtnfbk {width:290px; height:40px; margin:0 auto; background: #12b202; color:#fff; text-align:center; border: none; font-size: 16px; font-weight: 300; 
border: 1px solid #000; border-radius: 5px; }
.btnsend:hover, .sbmtbtn:hover, .sbmtbtnfbk:hover {background-color: #000;}
.contactbox p.frmcnt{float:left; width:100%}

h3.enq {width:100%; margin:10px 0; padding:0; color: #444; font-weight: 900; font-size: 24px;}


/**********Footer**********/

#btm-image-holder {width:1000px; height:75px; margin:0 auto 0; background-color:#333332; border:green solid 0px}
#badges {float:left; width:650px; height:75px; background-color:#b9b9b9; border:red solid 0px}
#faceb {position:relative; float:left; width:350px; height:75px; background-color:#b9b9b9; border:red solid 0px}
#flogo a{position:absolute; left: 70px; top:5px; height:40px; width: 175px; margin:0; padding:0; border:green solid 0px}
#share{position:absolute; left: 85px; top:45px; width:218px;height: 25px; margin: 0; border:solid yellow 0px}

#footer-container {clear:both; margin:0; width: 100%; height:350px; background-color:#00162b; border:solid red 0px;}
#footer-center {margin:0 auto; width: 1000px; height:270px; background: url('images/footer-bkg.jpg') no-repeat center center; border:solid green 0px;}
#footer {float: left; width: 1000px; height:200px; border:solid red 0px;}
#footer-links ul {margin:0 auto; width:200px;  margin-top: 85px; list-style-type: none; border:solid blue 0px}
#footer-links li{font-size: 9px;font-weight : bold;font-family : tahoma, arial, Helvetica, sans-serif;letter-spacing : 1px;margin: 0}
#footer-links a{width:200px;text-decoration : none; color : #2f77bb; margin: 0;} 
#footer-links a:hover{color : #fff; text-decoration : none;}
#container-center {float:left; width: 1000px; height:200px; margin: 0; color: #aaa;  border:solid blue 0px;}