/*
- - - - - - - - - -
Allsorts4caravans master style sheet v.01
Clever4 Limited / www.clever4.net
Last update: 15th June 2010 / 16:00 GMT
Last updated by: Martin Hodgson (martin.hodgson@clever4.net)
- - - - - - - - - -
*/

/* =Reset http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
- - - - - - - - - - - - - - - - - - - - */
html, body, article, nav, section, footer, header, div, span, applet, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: transparent;}
article, aside, dialog, figure, footer, header, time, hgroup, nav, section {display: block;}

body {font-size: 100%; font-family: "Cambria", sans-serif; background: url("/images/background.jpg") top left repeat-x #E3F0DF; text-align: center; padding: 15px 0 0 0;}

h1 {font-size: 2em; color: #222; padding: 0 0 20px 0; font-weight: normal;}
div.sub h2, div.sub-alt h2 {font-size: 2em; font-weight: normal; letter-spacing: 0.06em; color: white; line-height: 0.8em; padding: 0 0 14px 0; text-shadow: 0 1px 2px #333; font-family: "burnaby-stencil-1", "burnaby-stencil-2", Impact, sans-serif; font-weight: normal; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); text-align: center;}
div.alt h2 {color: #B8EE4F;}
div.main h2 {font-size: 1.2em; color: #222; padding: 10px 0 10px 0; font-weight: normal; clear: left;}
p {font-family: Palatino, Arial, Verdana, Tahoma, sans-serif; font-size: 0.85em; color: #333; line-height: 1.5em; padding: 0 0 12px 0;}
div.main ul, div.main ol {font-family: Palatino, Verdana, Tahoma, sans-serif; font-size: 0.85em; color: #333; line-height: 1.5em; padding: 0 0 12px 20px;}
strong {font-weight: bold;}
div.main a.button, div.sub a.button, div.sub-alt a.button, input.button {width: auto; border: 0; padding: 10px 14px; font-weight: bold; display; block; float: left; -webkit-border-radius: 8px; -moz-border-radius: 8px; margin: 5px 0 0 0; text-decoration: none; color: #476B00; background: #E3F0DF; background: white -moz-linear-gradient(20% 130% 90deg, #9AC844, white); -moz-box-shadow: 0px 1px 6px #666; -webkit-box-shadow: 1px 1px 6px #666;}
input.button {font-size: 1em; font-family: "Cambria", sans-serif; margin: 10px 0 15px 190px;}
fieldset input.button {margin: 0 0 15px 170px;}
div.main a.button:hover, div.sub a.button:hover, div.sub-alt a.button:hover {color: #75B001;}

div.wrapper {margin: 0 auto; width: 1050px; text-align: left; -webkit-border-radius: 16px; -moz-border-radius: 16px; background: url("/images/header.jpg") top left no-repeat;}
div.sub {width: 208px; margin: 0 10px 0 0; float: left; padding: 0 0 0 12px;}
div.main {width: 550px; float: left; padding: 20px; background: white; -moz-box-shadow: 0px 1px 8px #666; -webkit-box-shadow: 1px 1px 8px #666; -webkit-border-radius: 16px; -moz-border-radius: 16px;}
div.sub-alt {width: 208px; float: left; margin: 0 0 0 10px;}
div.sub-alt div, div.sub div {float: left; width: 178px; margin: 0 0 10px 0; padding: 15px; background: #75B001; -webkit-border-radius: 16px; -moz-border-radius: 16px; -moz-box-shadow: 0px 1px 8px #666; -webkit-box-shadow: 1px 1px 8px #666;}
div.sub p, div.sub-alt p {color: white;}
div.sub-alt div.alt, div.sub div.alt {background: #669900;}
div.main img {float: right; clear: right; margin: -20px 0 30px 50px; border: 2px solid #669900; padding: 3px;}
div.main a {color: #6699FF; text-decoration: underline;}
div.feature {background: #F3F8F1; -webkit-border-radius: 16px; -moz-border-radius: 16px; padding: 15px 15px 5px 15px;}
div.clearance {background: #F3F8F1; -webkit-border-radius: 16px; -moz-border-radius: 16px; padding: 10px 15px 5px 15px; margin: 30px 0 0 0; clear: left; float: left; width: 520px;}

header {width: 1050px; float: left; height: 240px; position: relative;}
header p {text-shadow: 0 1px 2px #333; color: #B8EE4F; letter-spacing: 0.06em; font-size: 2.4em; font-family: "burnaby-stencil-1", "burnaby-stencil-2", Impact, sans-serif; line-height: 0.45em; padding: 55px 0 0 100px;}
header p.tel {position: absolute; top: 23px; right: 23px; color: #ADE04D; line-height: 1.1em; font-size: 1.4em; padding: 0; text-align: center; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg);}
header p.tel strong {color: white; font-size: 1.6em;}

header p span {font-family: "Cambria", sans-serif; color: white; font-size: 0.41em; padding: 0 0 0 40px; letter-spacing: normal;}
header nav ul {float: left; list-style: none; text-transform: uppercase; text-shadow: 0 1px 1px #333; letter-spacing: 0.06em; font-size: 0.9em; padding: 0 0 0 250px; position: absolute; bottom: 0;}
header nav ul li {float: left; margin: 0 4px 0 0;}
header nav ul li.selected {background: white; text-shadow: none; display: block; color: #222; -webkit-border-radius: 9px 9px 0 0; -moz-border-radius: 9px 9px 0 0; padding: 10px 12px 8px 12px;}
header nav ul li a {color: white; display: block; padding: 10px 12px 8px 12px; background: #75B001; text-decoration: none; -webkit-border-radius: 9px 9px 0 0; -moz-border-radius: 9px 9px 0 0;}
header nav ul li a:hover {background: #85CA02; color: white;}

div.main ul.map {list-style: none; padding: 0; margin: 0;}
div.main ul.map li {margin: 0 0 5px 0; float: left; clear: left;}
div.main ul.map li a {background: #75B001; color: white; text-decoration: none; padding: 5px 10px; display: block; width: 300px; border-left: solid 4px #476B01;}
div.main ul.map li a:hover {background: #85CA02;}

fieldset {background: #F3F8F1; -webkit-border-radius: 16px; -moz-border-radius: 16px; padding: 20px 15px 5px 15px; margin: 0 0 10px 0;}
label {font-family: Palatino, Arial, Verdana, Tahoma, sans-serif; font-size: 0.85em; color: #333; line-height: 1.5em; padding: 0 0 12px 0; width: 170px; float: left; clear: left;}
label strong {color: red;}
div.errorlist h3 {padding: 0 0 10px 0; color: red;}
div.errorlist ol {color: red;}
input {width: 300px; float: left; margin: 0 5px 10px 0; background: white; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding: 5px 10px; font-size: 0.9em; font-family: Palatino, Arial, Verdana, Tahoma, sans-serif;}
textarea {width: 300px; height: 100px; float: left; margin: 0 0 12px 0; background: white; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding: 5px 10px; font-size: 0.9em; font-family: Palatino, Arial, Verdana, Tahoma, sans-serif;}
div.main fieldset h2 {padding: 0 0 10px 0;}
fieldset span.image {font-size: 0.75em; color: #333; display: block; padding: 0 0 15px 170px;}

footer {padding: 70px 15px; clear: both; display: table; background: url("/images/footer.jpg") 10px 25px no-repeat; width: 1020px;}
footer nav ul {list-style: none; font-size: 0.9em; padding: 0 0 15px 0; margin: 0;}
footer nav ul li {float: left; margin: 0 14px 0 0; padding: 0 14px 0 0; border-right: 1px solid #C7D4BB; line-height: 1em;}
footer nav ul li.last {border-right: 0;}
footer nav ul li a {color: #6D7956; text-decoration: none;}
footer p {clear: left; color: #7C8962; padding: 15px 0 0 0; font-size: 0.75em; font-family: Palatino, Verdana, Tahoma, sans-serif; }
footer p a {color: #7C8962; text-decoration: none;}