html, body {height: 100%; margin:0; padding:0; background-color: #fff; font-family: open-sans.regular, Arial, Helvetica, sans-serif;}

.pchide {display:none}

.holder /*the outside holder*/ {float:left; width:100%; text-align:center}
.floating-box {position:relative; display:inline-block; width:auto; margin:0; }

#sitewrap{min-height: 100%; width:100%;  margin:0; padding:0; background:none}
#main {width:1000px; margin:0 auto; overflow:auto; padding-bottom: 150px; /* must be same height as the footer */ background-color: #fff;}
#contcent {/*centres everything down to footer*/ width: 1000px;  margin: 0 auto;}

h1.mainhead, h3 {width:650px; margin:35px 0;  padding: 0 0 5px 0; font-family: 'Rokkitt'; font-weight: normal; color:#111; border-bottom:solid #ddd 1px}
h1.mainhead{font-size: 36px;}
h3 {width:100%; margin:35px 0 20px 0; padding: 0 0 15px 0; font-family: 'Rokkitt'; font-size: 18px; font-weight:normal; color:#555; border-bottom:solid #ddd 3px}

p {font-size: 14px; line-height:18px; color: #555; margin-bottom:10px; text-align:justify; letter-spacing:0.5px; font-family: 'open-sans.regular'}
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}
ul, ul.about, ol.bypass{width:600px; margin : 20px 0; padding: 0 0 0 50px; font-size: 14px; color:#000;}
ul.about {float:left; width:100%; height:155px; padding: 0 0 0 10px; text-align:left;}
ul.short{width:500px; margin : 20px 0; padding: 0 0 0 50px; text-align:justify; font-size: 14px;}
li{margin :0  0 8px 0; padding: 0; line-height :18px;}
hr{margin:20px 0}

.pcribbon{position:relative; float:left; width: 1000px; height:176px; margin:0; background: url('images/top.jpg') top left; }
.pcribbon p {width:650px; margin:0 auto 0; font-size: 13px; line-height: 70px; color: #fff; padding: 0; text-align:center; }
.socmedia {position:absolute; top:15px; right:20px; width:135px; height:35px;}

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

.navig{float:left; width: 1005px; height:50px; margin:0;}

.banner-links{position:absolute; width:1000px; top:176px; margin: 0; height: 70px; }
.banner-links ul{width:450px; height:35px; margin:10px auto 0; padding: 0; }
.banner-links li{float:left; display:inline; margin:0; font-family: 'open-sans.regular'; font-size: 14px; font-weight:500; }
.banner-pic-area {position:relative; float:left; height: 250px;width: 1000px; margin:0 auto;}

a.nav {display:block; margin:0; width: 150px ; height:35px; line-height: 30px; text-align:center; font-family: 'open-sans.regular'; font-size: 14px; border-radius: 3px; height:35px; 
text-decoration:none; color: #555;

  -o-transition:color .2s ease-out, background 200ms ease-in;
  -ms-transition:color .2s ease-out, background 200ms ease-in;
  -moz-transition:color .2s ease-out, background 200ms ease-in;
  -webkit-transition:color .2s ease-out, background 200ms ease-in;
  transition:color .2s ease-out, background 200ms ease-in;}
a.nav:hover {background-color: #ccc; color:#555}

a.textlink {color: blue; text-decoration:none; font-weight:500; 
    -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: #000}

a.lightlink {color: #777; 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;}
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;}

h2.areahead, h2.priceshead{margin: 10px 0 0 0; font-family: ariblk; font-size: 18px;color: #000; font-weight: bold}
h2.areasub{margin: 0 0 5px 0; font-size: 13px;color: #111;font-weight: bold}
p.areas {margin: 0; text-align:justify; font-size: 13px; line-height: 18px; color: #111;}

.bord{position:relative; width:625px; margin: 0 0 20px 0; padding:10px; border:solid #2a2a2a 1px}
.bord h2{ margin:0 0 5px 0; padding:0; font-size: 18px;color: #000; font-weight: bold}
.bord img.offer{position:absolute; right:0; top:0}
table.price{width:600px; text-align:center; margin:10px; padding:0;}
table.lessonarea{width:600px; text-align:left; margin:0 0 0 10px; padding:0;}
table.price td.title, table.lessonarea td.title{width:125px; height:30px; padding:0 20px; font-size: 15px; font-weight: bold; color:#fff;}
table.price td.title, table.lessonarea td.title{background-color: #538a20;}
table.price td.info, table.lessonarea td.info{width:125px; height:30px; padding:5px 20px; font-size: 13px; font-weight: bold; }
table.lessonarea td.info{background-color: #ddd;}
table.price td.pypl {background-color: none;}

table.area{width:650px; text-align:left; margin:10px auto; padding:0;}
table.area td{width:125px; height:20px; padding:0; font-size: 13px; color:#000;}

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

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

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

.fbhide{ width:270px; height:282px; margin:0 auto 30px; overflow:hidden; border:#444 solid 1px}
.fb-page{ margin-top:-68px;}

span.yel{color: #fff000;}

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

.wrapad {float:left; width:265px; height:auto;}
img.wrapad{display:block; text-align:center; margin:0 auto}

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

#footer {position: relative; width:100%; margin-top: -150px; /* negative value of footer height */ height: 150px; clear:both; background-color: #fff;}

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

.btmimageholder {float:left; width:1000px; height:75px; margin:0 auto; background-color:#fff; }
.badges {float:left; width:650px; height:75px; background-color:#b9b9b9;}
.faceb {position:relative; float:left; width:350px; height:75px; background-color:#b9b9b9; }
.flogo a{float:left; height:50px; width: 50px; margin:12px 15px; padding:0;}

.footerboxcont {width:906px; height:150px; margin:0 auto; border:solid red 0px}
.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:#aaa;}
.footerbox p{width:250px; margin:0 0 15px 40px; font-weight:600; line-height:18px; font-size:14px; color: #129205; border:solid blue 0px}