html, body {height: 100%; margin:0; padding:0; font-family: Open Sans, Arial, Helvetica, sans-serif;}

.pchide {display:none}

#sitewrap{float:left; min-height: 100%; margin:0; padding:0; background:none;}
#main {width:1000px; margin:0 auto; overflow:auto; background-color: #fff;}
#contcent {/*centres everything down to footer*/ width: 1000px;  margin: 0 auto; }

h1.mainhead, .topareabox1 p, .topareabox1 p.smtxt, .topareabox2, .topareabox2 p, .topareabox3 {font-family: Goudy_Old_Style_Regular;}
h1.mainhead {width:100%; margin:20px 0 0; padding:0; text-align:center; font-weight: 900; font-size: 30px; font-style:italic; color: #3c3c3c; }
h3 {float:left; width:100%; margin:10px 0; padding:0; color: #000; font-weight: 900; font-size: 20px;}
p {font-size: 16px; line-height:22px; color: #111; margin-bottom:10px; text-align:justify;  font-weight: 600; }
p.quote {display:block; float:right; width:175px; margin:20px; font-size: 20px;font-style:italic; font-weight: 900; line-height:22px;color: #888;text-align:center}
hr{margin:20px 0}

.lrgtopimg{position:relative; z-index:0; float:left; width:100%; max-height:650px; min-height:600px; overflow:hidden; background: #a8aebc url('images/bkg4.jpg') no-repeat center center;}
.lrgtopimg img {float:left; width:100%; min-height:600px; }

.topareacont{position:absolute; left:0; top:0; z-index:1; width:100%;}
.topareabox1{ width:650px; height:100px; margin:0 auto; background-color: #3c3c3c}
.topareabox1 p{text-align:center; line-height:70px; font-size: 35px; font-weight:900px; font-style:italic; color: #fff }
.topareabox1 p.smtxt{margin-top:-10px; text-align:center; line-height: 0; font-size: 16px; font-weight:900px; font-style:italic; color: #fff }

.topareabox2{width:700px; margin:50px auto 20px; padding:15px; border:solid #fff 3px}
.topareabox2 p{padding:20px; text-align:center; margin:0; line-height:70px; font-size: 65px; font-weight:900px; font-style:italic; color: #202e64; background-color: #fff }

.toparea3{float:left; width: 100%; height:30px; margin:0; }
.toparea3 ul{width: 650px; margin:0 auto; padding: 0;}
.toparea3 li{display:inline; margin:0 15px; font-size: 28px; line-height: 30px; color: #fff; padding: 0; text-align:center;}

a.tellink {color: #fff; text-decoration:none; font-weight:600; 
    -webkit-transition: color 500ms linear;
    -moz-transition: color 500ms linear;
    -o-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    transition: color 500ms linear;}
a.tellink:hover {color: #202e64}

/**********navigation links**********/

.inforibbon{float:left; width: 100%; height:50px; margin:0; background-color: #3c3c3c;}
.inforibbon ul{width: 950px; margin:0 auto; padding: 0;}
.inforibbon li{display:inline; margin:0 42px; font-size: 22px; line-height: 47px; color: #fff; padding: 0; text-align:center;}

a.riblink {color: #b7ac95; text-decoration:none; font-weight:600; 
    -webkit-transition: color 500ms linear;
    -moz-transition: color 500ms linear;
    -o-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    transition: color 500ms linear;}
a.riblink:hover {color: #fff}


a.textlink {font-size: 16px; color: #4657ff; text-decoration:none; font-weight:600; 
    -webkit-transition: color 500ms linear;
    -moz-transition: color 500ms linear;
    -o-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    transition: color 500ms linear;}
a.textlink:hover {color: #3c3c3c}

a.lightlink {color: #b7ac95; text-decoration:none; font-weight:600; 
    -webkit-transition: color 500ms linear;
    -moz-transition: color 500ms linear;
    -o-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    transition: color 500ms linear;}
a.lightlink:hover {color: #fff}

/**********left col**********/

.leftcol{float:left; width: 650px; margin:10px 0 0 30px;border:}
.leftcolfull{float:left; width: 1000px; margin:10px 0 0 0; }

img.leftimg {float:left; margin:20px;}
img.rightimg {float:right; margin:20px;}
img.lccentimg {display:block; text-align:center; margin:20px auto;}
img.centimg {display:block; text-align:center; margin:5px auto 20px;}

.announce {float:left; width:99%; margin: 20px 0; border:solid #555 1px}
.announce p {margin:20px 0; padding:0 20px; text-align:justify; line-height: 24px; font-size:20px; font-weight:600; color: blue}
.announce li {width:80%; margin:5px 0; padding:0 20px; text-align:justify; line-height: 24px; font-size:20px; font-weight:600; color: blue}

.pub-box-dets {float:left; margin: 10px 0 0 40px; font-weight: bold;color:#000;} 
.pub-box-top{float: left;background: url('images/dsbox-top.jpg') no-repeat center top;margin: 0;width: 550px;height: 25px}
.pub-box-mid{float: left;background: url('images/dsbox-mid.jpg') repeat-y center;width: 550px;margin: 0}
.pub-box-mid h2{margin : 0px 35px;text-align:left;font-size: 13px;}
.pub-box-mid p{margin : 5px 35px 20px 35px;padding: 0 ;font-size: 12px;line-height : 16px;text-align:justify}
.pub-box-mid ul{width:470px; margin : 10px auto 20px; padding: 0; border:red solid 0px }
.pub-box-mid li{margin : 0 0 10px 10px; padding: 0 10px;font-size: 15px;line-height : 18px;text-align:justify; }
.pub-box-mid img{float: right;margin : 10px 25px 0 0; border:none;}
.pub-box-bot{float: left;background: url('images/dsbox-bot.jpg') no-repeat center bottom;width: 550px;height: 15px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px}
.pub-box-text{float:left;background: url('images/driving-lesson-bkg.jpg') no-repeat center;}

.contactframe{width:480px; height:650px; border:none;}

.bord{float:left;  width:100%; width:100%; margin:20px 0; padding:10px 0; border:solid #2a2a2a 1px}
.bord h2.bodyhead{float:left; width:100%; margin:0 0 5px 15px; padding:0; font-size: 16px;color: #000; font-weight: bold}
.eventsbox{overflow-y:scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; height:600px; width:625px}
table.whatson{width:97%; text-align:left; margin:10px; padding:0; }
table.whatson td.title, table.whatson td.titleyel{width:125px; height:30px; padding:0 20px; font-size: 15px; font-weight: bold; background-color: #3c3c3c;}
table.whatson td.title{color:#fff;}
table.whatson td.titleyel{color:#fff000;}
table.whatson td.info{width:125px; height:30px; padding:5px 10px; font-size: 13px; font-weight: bold; color:#000; background-color: #ddd; }

.map-responsive{overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}
.map-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute;}

.parahilite{float:left; width:610px; padding:10px 20px; margin:10px 0 20px 0; background-color: #ddd;}
.parahilite h4.just{font-size: 14px; text-align:justify;}
.parahilite h4.cent{font-size: 14px; text-align:center;}
.parahilite ul{width:525px;}

/**********right  col**********/

.rightcol{float:left; width: 270px; margin:10px 0 0 25px;}

.rightcol img.centimg {display:block; text-align:center; margin:15px auto 20px;}

.fbholder {float:left; margin:0 0 20px 0; border:solid #000 1px}

span.contact{font-size: 20px;color: #fff;font-weight: bold}

.rcolscrollhdr{float:left; width:270px; height:50px; margin:5px 0 0 0; background-color: #888; border:#888 solid 1px }
.rcolscrollhdr h2 {margin:0px 15px; padding:0; text-align:left; line-height:50px; font-size: 25px; color: #fff;}
.rcolscrollbox{float:left; width:270px; height:300px; margin:0 0 20px 0; border: #888 solid 1px}
.rcolscrollcont{width:270px; height:298px;  margin: 0; overflow: auto; -webkit-overflow-scrolling: touch; }
.rcolscrollcont img.imgrghtscrl {float:right; margin: 5px 0 0 10px}
.rcolscrollcont img.imglftscrl {float:left; margin: 0px 10px}
.rcolscrollcont img.quote {float:left; margin: -2px 0 0 0}
table.rcolscroll{float:left; width: 225px; margin:0 0 0 5px; padding:0;}
.rcolscroll span.date{float:left;width:220px; margin:0; padding:0; font-size: 12px; font-weight: 300; color: #111; }
.rcolscroll h3 {float:left;width:220px; margin:0; font-size: 14px; font-weight: 600; color: #000;}
.rcolscroll h3 a{text-decoration:underline;}
.rcolscroll h3 a:hover{text-decoration:none;}
.rcolscroll p {width:240px; margin:5px 0 10px 0; font-size: 13px; line-height: 20px; color:#111; text-align:justify;}
.rcolscroll p.prod {width:240px; margin:10px 0; font-size: 13px; line-height: 16px; color:#111; text-align:justify;}
span.prodprice{font-size: 12px;color: #ff0000;font-weight: 900}
hr.rcolscroll{width: 240px; margin: 5px auto; height: 1px; background:#444; border: 0px none;}

/**********footer**********/

#footer {position: relative; width:100%; height: 420px; clear:both; background-color: #3c3c3c;}

.footcontent{/*centres everything*/ width:1000px; height: 420px; margin:0 auto; background: url('images/footer-bkg.jpg') no-repeat center;}

.btmimageholder {float:left; width:1000px; height:75px; margin:0 auto; background-color:#3c3c3c;}
.badges {float:left; width:650px; height:75px; background-color:#3c3c3c;}
.faceb {position:relative; float:left; width:350px; height:75px; background-color:#3c3c3c;}
.share{position:absolute; left: 85px; top:20px; width:218px;height: 25px; margin: 0; border:solid red 0px}
.flogo img{float:left; height:30px; width: 30px; margin:0 0 0 10px; padding:0; border:solid yellow 0px}

.footerboxcont {width:906px; height:420px; margin:0 auto; }
.footerbox {float:left; width:300px; height:150px; margin-top:50px; border:solid red 0px}
.footerboxline{float:left; width:1px; height:100px; margin-top:50px; background-color:#b7ac95;}
.footerbox p{width:250px; margin:0 0 15px 40px; font-weight:600; line-height:18px; font-size:14px; color: #444; border:solid blue 0px}