body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,th,td {
    margin:0;
    padding:0;
    /*font-family:"Franklin Gothic Book";*/
}

fieldset,img {
    border:0;
}

html {
    height:100%;
    margin-bottom:1px;
}

body {
    position:relative;
}


:focus {
    outline:hidden;
}

.red {
	color: #D40707;
	font-weight:bold;
}
.red a{
	color: #D40707;
	font-weight:bold;
}
.red a:hover{
	color: #D40707;
	font-weight:bold;
}
.Black {
	color:#000000;
	font-weight:500;
}
.BlackStyle01 {
	color: #000000;
	/*font-family:"Franklin Gothic Book";*/
}

/* links */
a {
    color:#3764aa;
    text-decoration:none;
}

a:hover {
    color:#008cff;
    text-decoration:underline;
}

/* header elements */
h1, h2, h3, h4, h5, h6 {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
}

h1 {
    font-size:110%;
    color:#FFF;
}

h2 {
    font-size:250%;
    color:#b4b4b4;
}

h3 {
    font-size:200%;
    color:#000;
}

h4 {
    font-size:175%;
    color:#000;
}

h5 {
    font-size:150%;
    color:#787878;
}

h6 {
    font-size:125%;
    color:#000;
}

/* page setup */
body {
    background:#FFF;
    font-family:Gothic, Arial, Helvetica, sans-serif;
    line-height:150%;
    color:#DFDEDE;
    font-size:12px;
    margin:7px 0 0 0;
}

/* wrapper setup */

div.mainrap {
    margin:auto;
    width:970px;
	
    background:#000 url(../images/background.jpg) 0 0 no-repeat;
}
div.whitebg {
    margin:auto;
    width:970px;
    background: url(../images/whbackground.jpg) 0 0 no-repeat;
}

/* header */
div#header {
    position:relative;
    height:99px;
    margin:0px;
	background-color:#000000;
}

/* logo */
div#logo {
    border:0;
    width:500px;
    margin:0 auto;
    padding:10px 0;
}

/* main body setup */
div#middle {
    width:auto;
    margin:0px 0px 0px 0px;
    clear:both;
    background:url(../images/middle-bg_new.png) 50% 100% no-repeat;
    padding:0 0 5px 0;
}
div#black {
    width:auto;
    margin:0px 0px 0px 0px;
    clear:both;
    background:url(../images/middle-black.png) 50% 100% no-repeat;
    padding:0 0 5px 0;
}

div#middle .background {
    min-height:140px;
}

div#middle .layoutleft {
    background:none;
}

div#middle .layoutright {
    background:none;
}

/* left column */
div#left {
    width:159px;
    float:left;
    padding:40px 19px;
    background:url(../images/left-bg.jpg) 100% 50% no-repeat;
}

/* content column */
div#main {
    width:auto;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

div#mainmiddle {
    margin:0px 0px 0px 0px;
    padding:0 0 0 10px;
	height:287px;
}

div#main .withoutright {
    background:transparent;
}

div#content {
    width:auto;
}

div#main .withright div#content {
    margin:0px 200px 0px 0px;
    padding:0px 0px 0px 0px;
}

div#main .withoutright div#content {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

/* footer */
div#footer {
    margin:auto;
    width:970px;
    padding:5px 5px 20px 5px;
    clear:both;
    color:#464646;
    font-weight:bold;
    font-size:13px;
}

div#footer .credits {
    float:right;
}
div#footer .credits a{
	color:#333333;
}
div#footer .credits a:hover{
	color:#999999;
	text-decoration:none;
}

/* clearing & floating */
.clearingfix:after {
    content:".";
    display:block;
    line-height:0px;
    clear:both;
    visibility:hidden;
}

.clearingfix {
    display:block;
}

.floatbox {
    overflow:hidden;
}

/* topmenu */
div#topmenu {
    background:#000000 url(../images/menu-bg.png) 50% 100% no-repeat;
    height:56px;
    margin:0 0 10px 0;
}

div#topmenu ul {
    padding:0px;
    margin:0px;
    list-style:none;
    float:left;
    height:52px;
}

div#topmenu li {
    float:left;
    display:block;
}

div#topmenu li a {
    float:left;
    display:block;
    position:relative;
    height:52px;
    padding:0px;
    overflow:hidden;
    color:#000;
    font-size:1px;
    text-indent:-9999px;
}

div#topmenu li a:hover {
    text-decoration:none;
}

div#topmenu li a.home {
    width:174px;
    background:url(../images/menu_home.jpg) 0 0 no-repeat;
}

div#topmenu li a.home:hover, div#topmenu li.active a.home {
    background:url(../images/menu_home_o.jpg) 0 0 no-repeat;
}

div#topmenu li a.stuff {
    width:101px;
    background:url(../images/menu_stuff.jpg) 0 0 no-repeat;
}

div#topmenu li a.stuff:hover, div#topmenu li.active a.stuff {
    width:101px;
    background:url(../images/menu_stuff_o.jpg) 0 0 no-repeat;
}

div#topmenu li a.community {
    width:101px;
    background:url(../images/menu_community.jpg) 0 0 no-repeat;
}

div#topmenu li a.community:hover, div#topmenu li.active a.community {
    width:101px;
    background:url(../images/menu_community_o.jpg) 0 0 no-repeat;
}

div#topmenu li a.payments {
    width:101px;
    background:url(../images/menu_payments.jpg) 0 0 no-repeat;
}

div#topmenu li a.payments:hover, div#topmenu li.active a.payments {
    width:101px;
    background:url(../images/menu_payments_o.jpg) 0 0 no-repeat;
}

div#topmenu li a.contact {
    width:101px;
    background:url(../images/menu_contact.jpg) 0 0 no-repeat;
}

div#topmenu li a.contact:hover, div#topmenu li.active a.contact {
    width:101px;
    background:url(../images/menu_contact_o.jpg) 0 0 no-repeat;
}

div#topmenu li a.links {
    width:101px;
    background:url(../images/menu_links.jpg) 0 0 no-repeat;
}

div#topmenu li a.links:hover, div#topmenu li.active a.links {
    width:101px;
    background:url(../images/menu_links_o.jpg) 0 0 no-repeat;
}

div#topmenu li a.taxi {
    width:200px;
    background:url(../images/menu_taxi.jpg) 0 0 no-repeat;
}

div#topmenu li a.taxi:hover, div#topmenu li.active a.taxi {
    width:200px;
    background:url(../images/menu_taxi_o.jpg) 0 0 no-repeat;
}

/* lessons */

a.white {
    display:block;
    height:157px;
    background:url(../images/free-lessons-white-bg.jpg) 0 0 no-repeat;
    font-size:1px;
    text-indent:-9999px;
}

a.white:hover {
    background:url(../images/free-lessons-white-bg.jpg) 0 100% no-repeat;
    text-decoration:none;
}

a.lessons {
    display:block;
    height:157px;
    background:url(../images/free-lessons-bg.jpg) 0 0 no-repeat;
    font-size:1px;
    text-indent:-9999px;
}

a.lessons:hover {
    background:url(../images/free-lessons-bg.jpg) 0 100% no-repeat;
    text-decoration:none;
}

a.brake {
    display:block;
    height:157px;
    background:url(../images/brake-bg.jpg) 0 0 no-repeat;
    font-size:1px;
    text-indent:-9999px;
}

a.brake:hover {
    background:url(../images/brake-bg.jpg) 0 100% no-repeat;
    text-decoration:none;
}

a.xmas {
    display:block;
    height:157px;
    background:url(../images/xmas-bg_new.jpg) 0 0 no-repeat;
    font-size:1px;
    text-indent:-9999px;
}

a.xmas:hover {
    background:url(../images/xmas-bg_new.jpg) 0 100% no-repeat;
    text-decoration:none;
}

a.xmaswhite {
    display:block;
    height:157px;
    background:url(../images/xmas-bg-white_new.jpg) 0 0 no-repeat;
    font-size:1px;
    text-indent:-9999px;
}

a.xmaswhite:hover {
    background:url(../images/xmas-bg-white_new.jpg) 0 100% no-repeat;
    text-decoration:none;
}


a.theory {
    display:block;
    height:157px;
    background:url(../images/theory-bg.jpg) 0 0 no-repeat;
    font-size:1px;
    text-indent:-9999px;
}

a.theory:hover {
    background:url(../images/theory-bg.jpg) 0 100% no-repeat;
    text-decoration:none;
}
a.passed {
    display:block;
    height:157px;
    background:url(../images/passed-bg.jpg) 0 0 no-repeat;
    font-size:1px;
    text-indent:-9999px;
}

a.passed:hover {
    background:url(../images/passed-bg.jpg) 0 100% no-repeat;
    text-decoration:none;
}
a.moto {
    display:block;
    height:157px;
    background:url(../images/moto-bg.jpg) 0 0 no-repeat;
    font-size:1px;
    text-indent:-9999px;
}

a.moto:hover {
    background:url(../images/moto-bg.jpg) 0 100% no-repeat;
    text-decoration:none;
}
a.DIA {
    display:block;
    height:157px;
    background:url(../images/DIA-bg.jpg) 0 0 no-repeat;
    font-size:1px;
    text-indent:-9999px;
}
a.DIA:hover {
    background:url(../images/DIA-bg.jpg) 0 100% no-repeat;
    text-decoration:none;
}
a.reading {
    display:block;
    height:157px;
    background:url(../images/reading-bg.jpg) 0 0 no-repeat;
    font-size:1px;
    text-indent:-9999px;
}
a.reading:hover {
    background:url(../images/reading-bg.jpg) 0 100% no-repeat;
    text-decoration:none;
}
a.highway {
    display:block;
    height:157px;
    background:url(../images/highway-bg.jpg) 0 0 no-repeat;
    font-size:1px;
    text-indent:-9999px;
}
a.highway:hover {
    background:url(../images/highway-bg.jpg) 0 100% no-repeat;
    text-decoration:none;
}
a.theoryk {
    display:block;
    height:157px;
    background:url(../images/theoryk-bg.jpg) 0 0 no-repeat;
    font-size:1px;
    text-indent:-9999px;
}
a.theoryk:hover {
    background:url(../images/theoryk-bg.jpg) 0 100% no-repeat;
    text-decoration:none;
}
a.passplus {
    display:block;
    height:157px;
    background:url(../images/passplus-bg.jpg) 0 0 no-repeat;
    font-size:1px;
    text-indent:-9999px;
}

a.passplus:hover {
    background:url(../images/passplus-bg.jpg) 0 100% no-repeat;
    text-decoration:none;
}

a.addiss:hover {
    background:url(../images/addiss-bg.jpg) 0 100% no-repeat;
    text-decoration:none;
}

a.addiss {
    display:block;
    height:157px;
    background:url(../images/addiss-bg.jpg) 0 0 no-repeat;
    font-size:1px;
    text-indent:-9999px;
}

a.rnid:hover {
    background:url(../images/rnid-bg.jpg) 0 100% no-repeat;
    text-decoration:none;
}

a.rnid {
    display:block;
    height:157px;
    background:url(../images/rnid-bg.jpg) 0 0 no-repeat;
    font-size:1px;
    text-indent:-9999px;
}

a.dyslexia:hover {
    background:url(../images/dyslexia-bg.jpg) 0 100% no-repeat;
    text-decoration:none;
}

a.dyslexia {
    display:block;
    height:157px;
    background:url(../images/dyslexia-bg.jpg) 0 0 no-repeat;
    font-size:1px;
    text-indent:-9999px;
}
a.dyspraxia:hover {
    background:url(../images/dyspraxia-bg.jpg) 0 100% no-repeat;
    text-decoration:none;
}

a.dyspraxia {
    display:block;
    height:157px;
    background:url(../images/dyspraxia-bg.jpg) 0 0 no-repeat;
    font-size:1px;
    text-indent:-9999px;
}


h1 span {
    color:#D40707;
}
h2 span {
	font-size:65%;
	color:#000;
}

/* alignments */
.alignleft {
    float:left;
    margin:3px 10px 0 0;
}

.alignright {
    float:right;
    margin:3px 0px 0 10px;
}

/* back next buttons */
div#buttons {
    float:left;
    background:url(../images/introduction-bg.png) 0 0 no-repeat;
    margin:-26px 0 0 20px;
    width:260px;
    padding:0 0 0 160px;
}
div#nobuttons {
    float:left;
    margin:-26px 0 0 20px;
    width:260px;
    padding:0 0 0 160px;
}
div#nobuttons a.next {
    display:block;
    width:130px;
    height:20px;
    background:url(../images/button_next.jpg) 0 0 no-repeat;
    text-indent:-9999px;
    font-size:1px;
    float:right;
}

div#nobuttons a.next:hover {
    background:url(../images/button_next_o.jpg) 0 0 no-repeat;
}
div#whbuttons {
    float:left;
    margin:-26px 0 0 20px;
    width:260px;
    padding:0 0 0 160px;
}

div#buttons a.next {
    display:block;
    width:130px;
    height:20px;
    background:url(../images/button_next.jpg) 0 0 no-repeat;
    text-indent:-9999px;
    font-size:1px;
    float:right;
}

div#buttons a.next:hover {
    background:url(../images/button_next_o.jpg) 0 0 no-repeat;
}
div#whbuttons a.next {
    display:block;
    width:130px;
    height:20px;
    background:url(../images/whbutton_next.jpg) 0 0 no-repeat;
    text-indent:-9999px;
    font-size:1px;
    float:right;
}

div#whbuttons a.next:hover {
    background:url(../images/whbutton_next_o.jpg) 0 0 no-repeat;
}
div#whbuttons a.back {
    display:block;
    width:130px;
    height:20px;
    background:url(../images/whbutton_back.jpg) 0 0 no-repeat;
    text-indent:-9999px;
    font-size:1px;
    float:left;
}

div#whbuttons a.back:hover {
    background:url(../images/whbutton_back_o.jpg) 0 0 no-repeat;
}

div#buttons a.back {
    display:block;
    width:130px;
    height:20px;
    background:url(../images/button_back.jpg) 0 0 no-repeat;
    text-indent:-9999px;
    font-size:1px;
    float:left;
}

div#buttons a.back:hover {
    background:url(../images/button_back_o.jpg) 0 0 no-repeat;
}
div#nobuttons a.back {
    display:block;
    width:130px;
    height:20px;
    background:url(../images/button_back.jpg) 0 0 no-repeat;
    text-indent:-9999px;
    font-size:1px;
    float:left;
}

div#nobuttons a.back:hover {
    background:url(../images/button_back_o.jpg) 0 0 no-repeat;
}

/* social networking */
div.networking {
    background:#FFF url(../images/networking-bg_new.png) 50% 100% no-repeat;
    padding:1px 0 9px 0;
}

div.networking ul {
    list-style:none;
}

div.networking ul li {
    float:left;
    margin:0 11px;
}
div.networking a.esure {
    display:block;
    width:318px;
    height:117px;
    font-size:1px;
    text-indent:-9999px;
    background:url(../images/esure-button.png) 0 0 no-repeat;
}

div.networking a.esure:hover {
    background:url(../images/esure-button.png) 0 100% no-repeat;
    text-decoration:none;
}
div.networking a.joinnow {
    display:block;
    width:318px;
    height:117px;
    font-size:1px;
    text-indent:-9999px;
    background:url(../images/join-button.jpg) 0 0 no-repeat;
}

div.networking a.joinnow:hover {
    background:url(../images/join-button.jpg) 0 100% no-repeat;
    text-decoration:none;
}

div.networking a.facebook {
    display:block;
    width:311px;
    height:117px;
    font-size:1px;
    text-indent:-9999px;
    background:url(../images/facebook-button.jpg) 0 0 no-repeat;
}

div.networking a.facebook:hover {
    background:url(../images/facebook-button.jpg) 0 100% no-repeat;
    text-decoration:none;
}

div.networking a.FMG {
    display:block;
    width:318px;
    height:117px;
    font-size:1px;
    text-indent:-9999px;
    background:url(../images/FMG-button.jpg) 0 0 no-repeat;
}

div.networking a.FMG:hover {
    background:url(../images/FMG-button.jpg) 0 100% no-repeat;
    text-decoration:none;
}

div.networking a.Berts {
    display:block;
    width:318px;
    height:117px;
    font-size:1px;
    text-indent:-9999px;
    background:url(../images/Berts-button.jpg) 0 0 no-repeat;
}

div.networking a.Berts:hover {
    background:url(../images/Berts-button.jpg) 0 100% no-repeat;
    text-decoration:none;
}

div.networking a.AutoTrader {
    display:block;
    width:273px;
    height:117px;
    font-size:1px;
    text-indent:-9999px;
    background:url(../images/AutoTrader-button.jpg) 0 0 no-repeat;
}

div.networking a.AutoTrader:hover {
    background:url(../images/AutoTrader-button.jpg) 0 100% no-repeat;
    text-decoration:none;
}



div.networking a.youtube {
    display:block;
    width:273px;
    height:117px;
    font-size:1px;
    text-indent:-9999px;
    background:url(../images/youtube-button.jpg) 0 0 no-repeat;
}

div.networking a.youtube:hover {
    background:url(../images/youtube-button.jpg) 0 100% no-repeat;
    text-decoration:none;
}
div.networking a.DSA {
    display:block;
    width:273px;
    height:117px;
    font-size:1px;
    text-indent:-9999px;
    background:url(../images/DSA-button.jpg) 0 0 no-repeat;
}

div.networking a.DSA:hover {
    background:url(../images/DSA-button.jpg) 0 100% no-repeat;
    text-decoration:none;
}
div.networking a.DSAnew {
    display:block;
    width:273px;
    height:117px;
    font-size:1px;
    text-indent:-9999px;
    background:url(../images/DSA-button_new.jpg) 0 0 no-repeat;
}

div.networking a.DSAnew:hover {
    background:url(../images/DSA-button_new.jpg) 0 100% no-repeat;
    text-decoration:none;
}
div.networking a.DVLA {
    display:block;
    width:311px;
    height:117px;
    font-size:1px;
    text-indent:-9999px;
    background:url(../images/DVLA-button.jpg) 0 0 no-repeat;
}

div.networking a.DVLA:hover {
    background:url(../images/DVLA-button.jpg) 0 100% no-repeat;
    text-decoration:none;
}