@charset "utf-8";
/* CSS Document */

html, body {padding: 0;margin: 0; font-family: arial;}
html {font-size: 1em; background-color: #314286;}
body {font-size: 100%;}
h1,h2{margin: 0; padding: 10px 0;}
#title{color: #333333; font-size: small; font-weight: 900; padding: 0;}
#title a{color: #333333;}
h2{color: white; font-size: medium;}
h2.sub{color: black; font-size: large;}
h3{color: white; font-size: small; font-weight: bold; margin: 0; padding: 0;}
h3.about{margin-left: 28px;}
a img, :link img, :visited img {border: 0;}
p{padding: 10px 0;margin: 0; text-align: justify;}
.clear{clear: both;}
ul{list-style: none;}
a{color: white;}
a:link{text-decoration: underline;}
a:hover{text-decoration: none;}
#right ul{color: white; font-size: small;}
#right p{color: white; font-size: small;}
li{line-height: 160%;}
.img{border: white solid 5px; margin: 5px 10px 0 10px;}
.bold{background-color: #9CB5DD; font-weight: 900; text-align: center;}
.alt{background-color: #9CB5DD;}
ul.areacovered{clear: both; font-size: small; margin: 0;}
ul.areacovered li{display: inline; margin: 0.5em;}


/*HEADER STYLES*/
#header{
background-image: url(images/bg-header.jpg);
background-repeat: repeat-x;
height: 83px;
min-width:990px;
width: 100%;
}
#hcontainer{margin: 0 auto; width: 990px;}
#logo{float: left;}
#menu{float: right; text-align: right;}
#call{height: 33px;}
#slogan{clear: both;}

/*BODY STYLES*/
#introbody{
background-color: #CBDBEB;
background-image: url(images/bg-sky-van.jpg);
background-repeat: repeat-x;
background-position: 50% 0%;
min-width:990px;
width: 100%;
}

#body{
background-color: #CBDBEB;
background-image: url(images/bg-sky.jpg);
background-repeat: repeat-x;
background-position: 50% 0%;
min-width:990px;
width: 100%;
}
#bcontainer{margin: 0 auto; width: 990px;}
#introleft{height: 460px; padding: 60px 0 0 0; width: 445px;}
#left{
background-color: #CBDBEB;
float: left;
height: 100%;
min-height: 460px;
padding: 15px;
width: 680px;
}
#right{
background-color: #314286;
float: right;
padding: 10px;
margin: 20px 0;
width: 240px;
}
.tabs{margin: 10px 0 10px 15px;}

/*FOOTER STYLES*/
#footer{
background-color: #314286;
border-top: #FEBF01 14px solid;
height: 100%;
min-width:990px;
width: 100%;
}
#fcontainer{margin: 0 auto; width: 990px;}
#footerleft{float: left; padding: 10px 0; width: 495px;}
#footerright{float: right; width: 495px; margin-bottom: 10px;}
#footnotes{clear: both;}
#copyright{float: left; font-weight: bold;}
#designed{float: right; font-weight: bold;}

#footer #copyright, #designed{font-size: small;}
#footer p{color: white; margin: 10px;}
.footerimg{border: white solid 5px; margin: 0 10px;}

#seo{background-color: #314286; background-image:url(images/bg-seo.jpg); background-repeat: repeat-x; clear: both; padding: 5px;}
.seo{font-size: small; font-weight: bold; text-align: center;}

/*ABOUT*/
.about{margin: 10px;}

/*EQUIPMENT*/
.equipmentimg{float: left; margin: 5px; border: white solid 5px;}
.equipmentdesc{padding: 0 10px;}
.hireinfo{clear: both; height: 200px; margin: 5px 0 0 0; padding: 5px;}
.hirethis{float: right;}

.equipmentimgalt{float: right; margin: 5px; border: white solid 5px;}
.hireinfoalt{background-color:#9CB5DD; clear: both; padding: 5px;}
.hirethisalt{float: left;}
table.alt{margin: 5px 0; background-color:#C7D7E9;}
table.alt1{background-color:#9CB5DD; margin: 5px 0;}

.ulequip{padding: 0;}

/*QUICKGUIDE*/
.qgimg{background-color: #2A3670; float: right; height: 100px; width: 100px;}
.qgdesc{float: left; width: 130px;}
.qgdesc p, .qgdescr p{color: white; font-size: smaller; margin: 5px 0 0 0;}
.qgimgr{background-color: #2A3670; float: left; height: 99px; width: 99px;}
.qgdescr{float: right; width: 130px; margin-bottom: 5px;}
.qgbtmore{margin: 5px 0 10px 0; padding: 0 3px 0 0;}
.qgbthire{margin: 5px 0 10px 0; padding: 0 0 0 3px;}

/*HIRE FORM*/
#hiredpicker{border: white solid 3px; float: right; height: 140px; width: 140px;}
#Day{width: 30px;}
#Month{width: 30px;}
#Year{width: 30px;}
.note{clear: both; font-size:small;}
.dmy{font-size:small;}
.swapimg{height: 140px; width: 140px;}
#hire1{margin: 5px 0 10px 0; padding: 0 0 0 3px;}
#hire2{margin: 5px 0 10px 0; padding: 0 0 0 3px;}
#hire3{margin: 5px 0 10px 0; padding: 0 0 0 3px;}
#hire4{margin: 5px 0 10px 0; padding: 0 0 0 3px;}
#hire5{margin: 5px 0 10px 0; padding: 0 0 0 3px;}
#hire6{margin: 5px 0 10px 0; padding: 0 0 0 3px;}
.twobuttons{clear: both; margin-bottom: 10px;}

/*CONTACT FORM*/
#contact{ width: 585px;}
#contact p{font-size: small; margin: 10px 0;}
label{
display: block;
font-weight: bold;
float: left;
margin: 2px;
text-align: left;
font-size: small;
width: 200px;
}
label.enq{margin: 20px 0 0 0;}
input{margin: 2px;}
select{margin: 2px;}
textarea{margin: 2px;}
.button{width: 8em;}
#submitbt{float: right;}
.contact{color: white; font-size: small;}
#contactdetails{margin-top: 10px;}