body{margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#555; border-top:14px solid #023889;}
p{margin-top:5px; margin-bottom:10px; line-height:22px;}

button{display:inline-block; padding:5px 10px 5px 10px; background:#023889; color:#FFF; cursor:pointer; font-size:15px; border:0px; border-radius:5px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
button:hover{background:#CCC; color:#555; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}

@font-face {
    font-family: 'uknumberplate';
    src: url('/fonts/uknumberplate-webfont.eot');
    src: url('/fonts/uknumberplate-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/uknumberplate-webfont.woff') format('woff'),
         url('/fonts/uknumberplate-webfont.ttf') format('truetype'),
         url('/fonts/uknumberplate-webfont.svg#uknumberplate-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}


h1{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:28px; color:#023889; letter-spacing:-1px; font-weight:normal; display:inline;}
h2{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:14px; color:#023889; letter-spacing:0px; font-weight:normal; display:inline;}

a:link    {color:#023889;text-decoration:none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
a:visited {color:#023889;text-decoration:none;}
a:hover   {color:#FF6600;text-decoration:none; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}

header{background:#023889; margin:2px 0 2px 0; overflow:hidden;}
header #head{position:relative; width:980px; height:110px; background: url(images/bg-header.jpg); margin:auto; overflow:hidden;}
header #logo{height:110px;}
header #tel{position:absolute; top:20px; right:20px; font-size:28px; letter-spacing:-1px; color:#FFF;}
header #tel a{color:#FFF;}
header #tel img{height:32px; vertical-align:-6px;}

/*----------------------------------------------------------------------------------
NAV
----------------------------------------------------------------------------------*/

nav{border-top:1px solid #CCC; background:#EEE; border-bottom:1px solid #DDD;}
nav #container{width:980px; margin:auto; overflow:hidden;}

nav #container a{display:inline-block; padding:10px 38px 10px 38px; font-size:14px; font-weight:bold; color:#333; text-transform:uppercase;}
nav #container a:hover{background:#DDD;}

#main{position:relative; width:960px; min-height:500px; padding:0 5px 0 5px; margin:15px auto auto auto; overflow:hidden;}

/*---------------------------------------------------------------------------------
Breadcrumbs
----------------------------------------------------------------------------------*/

#breadcrumbs{margin-bottom:10px; color:#999; font-size:10px; overflow:hidden; letter-spacing:1px;}
#breadcrumbs a{margin:0 10px 0 10px; color:#999;}
#breadcrumbs a:hover{margin:0 10px 0 10px; color:#666;}
#breadcrumbs span{margin:0 10px 0 10px;}


/*---------------------------------------------------------------------------------
HOME PAGE
----------------------------------------------------------------------------------*/



/* ---------------------------------------
Book a Service
------------------------------------------*/
.bs-form{float:left; width:600px; margin:0 30px 0 0;}
.bs-form li{clear:left; margin:0 0 5px 0; overflow:hidden;}
.bs-form label{float:left; width:150px; padding:7px 0 0 0; font-weight:bold;}

.bs-form select{float:left; width:140px;}
.bs-form input{float:left; width:230px; text-transform:capitalize;}
.bs-form input[type=email]{float:left; width:230px; text-transform:lowercase;}
.bs-form textarea{float:left; width:300px;}
.bs-form .reg{text-transform:uppercase; background:#FFCC00 url(/images/bg-form-reg.png) 0 0 no-repeat; font-family:uknumberplate, Arial; height:30px; text-align:center; color:#000; font-size:32px; border-radius:5px;}
.bs-form .mileage{width:40px;}
.bs-form .date{width:100px;}

.bs-branches{float:left; width:220px; margin:100px 0 0 0;}


/* ---------------------------------------
Contact Us
------------------------------------------*/
.contact-form{float:left; width:500px; margin:0 30px 0 0;}
.contact-form li{clear:left; margin:0 0 5px 0; overflow:hidden;}
.contact-form label{float:left; width:150px; padding:7px 0 0 0; font-weight:bold;}

.contact-form select{float:left; width:140px;}
.contact-form input{float:left; width:230px; text-transform:capitalize;}
.contact-form textarea{float:left; width:300px;}

.contact-location{float:right; width:430px;}
.contact-location #map{width:425px; height:230px; border:1px solid #FFF; box-shadow:0px 3px 12px -6px; #000; margin:0 0 30px 0;}



/* ---------------------------------------
Footer
------------------------------------------*/

footer{background:#F5F5F5; border-top:1px solid #DDD; line-height:18px; margin:20px 0 0 0;}
footer #container{width:960px; min-height:120px; padding:10px; margin:auto;}


.alpha, li.alpha, div.alpha {margin-left:0px;}
.omega, li.omega, div.omega {margin-right:0px;}