html{
min-height: 101%;
position: relative;
}

*{
padding: 0;
margin: 0;
border: 0;
font-size: 100%;
background: transparent;
vertical-align: baseline;
}

body{
text-align: center;
color: #363636;
font-family: Arial,Verdana,Tahoma,sans-serif;
}

a{
text-decoration: none;
color: #363636;
}

a:hover,a:focus,a:active{
color: #a5a5a5;
}

h1{
 color: #517C37;
    font-size: 18px;
    margin-bottom: 15px;
}

h2{
color: #517C37;
    font-size: 16px;
    margin: 0;
}

p{
margin: 5px 0px 15px 0px;
}

small{
font-size: 0.8em;
}


div.page{
width: 950px;
text-align: left;
background: #fff;
overflow: hidden;
}

div.page-inner{
clear: both;
overflow: hidden;
background: url('../images/page-inner-bg.png');
}


#header-container{
    /*background: url("../images/panel.png") repeat scroll 10px 131px #FFFFFF;*/
}

div.header{
width: 950px;
height: 127px;
text-align: left;
position: relative;
}

a.logo{
display: block;
float: left;
margin-top: 15px;
}

div.contact{
color: #517c37;
float: right;
margin: 62px 10px 0 0;
text-align: right;
font-size: 1em;
line-height: 30px;
}

div.contact a{
color: #517c37;
}

div.contact a:hover,div.contact a:focus,div.contact a:active{
color: #8dc63f;
}

div.contact span{
font-weight: bold;
font-size: 1.3em;
color: #517c37;
font-family: 'Nothing You Could Do',arial,sans-serif;
}


ul.navigation{
position: absolute;
top: 24px;
right: 0;
font-size: 1.0em;
list-style-type: none;
}

ul.navigation li{
position:relative;
float:left;
}

ul.navigation li a{
background: none repeat scroll 0 0 #8CC53D;
border: 0px solid #FFFFFF;
border-radius: 4px 4px 4px 4px;
color: #FFFFFF;
display: block;
margin-right: 10px;
padding: 10px 18px;
position: relative;
}

ul.navigation a:hover,ul.navigation a:focus,ul.navigation a:active,ul.navigation a.current{
color: #ffffff;
border-color: #cce7a8;
background: none repeat scroll 0 0 #517C37;
}

ul.navigation ul{
text-align: left;
visibility:hidden;
position:absolute;
top: 28px;
left: 0px;
}

ul.navigation ul li{
float:left;
}

ul.navigation ul li a{
float:left;
position: relative;
color: #666;
padding: 10px 10px 5px 10px;
width: 180px;
}

ul.navigation ul a:hover,{
color:#0B66B2;
}

ul.navigation li:hover ul{
visibility:visible;
}

ul.navigation :hover ul ul{
visibility:hidden;
}

ul.navigation :hover ul :hover ul{
visibility:visible;
}


#slideshow-container{
background-color: #8DC63F;
    border-bottom: 4px solid #517C37;
    clear: both;
    padding: 18px 0;
}

.slider-shadow{
background: url('../images/slider-shadow.png');
height: 12px;
width: 950px;
}

div.slideshow-container-top-shadow1{
width: 100%;
height: 15px;
background: url('../images/slide-bg-top.png');
position: absolute;
top: 0px;
left:0px;
}

div.slideshow-container-top-shadow2{
width: 100%;
height: 15px;
background: url('../images/slide-bg-top.png');
position: absolute;
top: 127px;
left:0px;
}

div.slideshow-container-bottom-shadow{
width: 100%;
height: 15px;
background: url('../images/slide-bg-bottom.png');
position: absolute;
top: 510px;
left:0px;
}

div.slideshow{
width: 950px;
height: 350px;
overflow: hidden;
}

div.slideshow img{
width: 950px;
height: 350px;
}


div.sidebar{
float: left;
overflow: hidden;
}

div.content{
float: right;
margin: 20px;
text-align: justify;
font-size: 14px;
line-height: 150%; /*   */
color: #363636;
width: 95%;
}

div.content ul{
padding-left: 35px;
margin-bottom: 12px;
}


#footer-container{
background: #8dc63f;
border-top: 4px solid #517c37;
width: 100%;
}

div.footer-container-top-shadow{
width: 100%;
height: 15px;
background: url('../images/slide-bg-top.png');
position: absolute;
left:0px;
}

div.footer{
clear: both;
width: 950px;
height: 100px;
overflow: hidden;
color: #517c37;
font-size: 10px;

}

div.footer a{
color: #517c37;
font-size: 10px;
}

div.footer a:hover,div.footer a:focus,div.footer a:active{
color: #fff;
}

div.copyright{
float: left;
text-align: left;
padding: 10px;
}

div.validation{
float: right;
text-align: right;
padding: 10px;
}




.contact-container{
background: none repeat scroll 0 0 #FCFFE4;
border: 1px solid #8CC53D;
float: right;
height: 540px;
overflow: hidden;
width: 390px;
}

.contact-container .h2{
background: url("../images/caravan-h1-bg.png") no-repeat scroll right 0 transparent;
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
height: 38px;
letter-spacing: 0;
margin: 0;
padding: 4px 7px;
text-shadow: 1px 1px 0 #000000;
}

#contact-left{
float: left;
margin-left: 22px;
margin-top: 33px;
text-align: center;
width: 400px;
}

.contact-wraper{
float: right;
height: 570px;
width: 392px;
margin: 10px 37px 35px;
overflow: hidden;
}

.contact-shadow-top{
background: url("../images/contact-shadow-top.png") no-repeat scroll right 0 transparent;
height: 13px;
width: 100%;
float: right;
}

.contact-shadow-bottom{
background: url("../images/contact-shadow-bottom.png") no-repeat scroll right 0 transparent;
height: 13px;
width: 100%;
float: right;
}

form.contact-form{
float: right;
margin: 0 40px 19px 17px;
width: 323px;
}

form.contact-form label{
clear: both;
text-align: left;
font-weight: bold;
display: block;
margin-top: 7px;
}

form.contact-form input,form.contact-form textarea,form.contact-form select{
background: url("../images/contact-shadow-bottom.png") no-repeat scroll -70px -3px #FFFFFF;
border: 1px solid #CCCCCC;
display: block;
margin-top: 2px;
padding: 3px;
width: 100%;
}

form.contact-form input:hover,form.contact-form textarea:hover,form.contact-form select:hover,
form.contact-form input:focus,form.contact-form textarea:focus,form.contact-form select:focus{
border-color: #999;
}

form.contact-form textarea{
overflow: auto;
height: 100px;
}

form.contact-form input.contact-submit{
background: none repeat scroll 0 0 #517C37;
clear: both;
color: #FFFFFF;
margin-right: 2px;
margin-top: 10px;
padding: 10px 12px;
width: 100px;
}





.clear{ clear: both; height: 0px; }
.left{ float: left; display: inline-block; }
.right{ float: right; display: inline-block; }
.center{ margin: 0 auto; }
.hidden{ display: none; }
.validated-form label.error{ color: red; }

div.warningbox,div.infobox,div.confirmbox{
min-height: 40px;
padding: 4px 8px 4px 50px;
margin-bottom: 5px;
font-size: 0.9em;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

div.warningbox{
background: #f1d7d7 url(http://cdn.easy-web-sites.co.uk/images/icons/warning.png) no-repeat 6px center;
border: 3px double #d4322a;
color: #d4322a;
}

div.infobox{
background: #cbd5eb url(http://cdn.easy-web-sites.co.uk/images/icons/info.png) no-repeat 6px center;
border: 3px double #3960af;
color: #3960af;
}

div.confirmbox{
background: #c3e5bf url(http://cdn.easy-web-sites.co.uk/images/icons/confirm.png) no-repeat 6px center;
border: 3px double #38972e;
color: #38972e;
}

#side-tab-container{
position: absolute;
top: 40px;
left: 0px;
width: 25px;
}

.side-tab{
display: block;
margin-bottom: 10px;
}

a.side-tab:hover{
color: #888888;
}


div.column{
float: left;
width: 263px;
margin: 5px 18px;
}

div.column h2,div.area-column h2{
font-size: 1.5em;
font-family: 'Nothing You Could Do',arial,sans-serif;
text-align: center;
margin-bottom: 6px;
}

div.column h2, div.column a,div.area-column h2{
color: #517c37;
}

div.area-column{
float: left;
width: 263px;
margin: 5px 18px;
}