html{
min-height: 101%;
}

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

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

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

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

h1{
margin: 20px 0 20px 0;
text-transform: uppercase;
font: normal 1.1em 'PT Sans';
color: #fff;
}

h2{
margin: 0;
font: normal 1.1em 'PT Sans';
color: #F5E591;
}

h3{
margin: 0;
font: normal 1.1em 'PT Sans';
color: #363636;
}

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

small{
font-size: 0.8em;
}


div.page{
text-align: left;
background: #000;
overflow: hidden;
}

div.page-inner{
clear: both;
width: 950px;
overflow: hidden;
}


div.header-wrapper{
background: #000;
border-top: 30px solid #F5E591;
}

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

a.logo{
position: absolute;
top: 20px;
left: 0;
}

span.slogan{
position: absolute;
top: 125px;
font-family: 'PT Sans';
font-size: 30px;
left: 70px;
color: #F5E591;
}

div.contact{
color: #fff;
position: absolute;
top: 50px;
right: 0;
font-family: 'PT Sans';
font-size: 1em;
}

div.contact a{
color: #fff;
}

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

div.contact span{
font-weight: bold;
color: #F5E591;
}


ul.navigation{
position: absolute;
top: -30px;
right: -10px;
font: normal 0.9em 'PT Sans';
}

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

ul.navigation li a{
display:block;
position:relative;
color: #000;
padding: 7px 10px 7px 10px;
}

ul.navigation a:hover,ul.navigation a:focus,ul.navigation a:active{
color:#666;
}

ul.navigation a.current{
color:#666;
}

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;
}


div.slideshow{
position: absolute;
top: 110px;
right: 0;
width: 334px;
height: 500px;
overflow: hidden;
background: #000;
border: 3px solid #F5E591;
}

div.slideshow img{
width: 334px;
height: 500px;
}


div.sidebar{
float: left;
padding-top: 445px;
margin-bottom: 20px;
width: 340px;
overflow: hidden;
color: #666;
}

div.sidebar div{
background: #F5E591;
padding: 10px;
}

div.content{
float: left;
width: 610px;
text-align: justify;
font-size: 13px;
line-height: 150%; /*   */
color: #aaa;
}

div.content p{
margin: 20px 20px 20px 0;
}

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

div.content-wide{
width: 100%;
position: relative;
}

#dynloadarea{
position: absolute;
top: 43px;
left: 442px;
width: 313px;
display: block;
height: 470px;
}

#dynloadarea img{
border: 8px solid #666;
}

#gallery img{
border: 6px solid #666;
}

.image{
border: 6px solid #F5E591;
float: left;
margin: 0 20px 40px 0;
}


div.footer-wrapper{
background: url(../images/footer.jpg) repeat-x;
}

div.footer{
clear: both;
width: 950px;
height: 100px;
overflow: hidden;
color: #666;
position: relative;
font-size: 10px;
}

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

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

div.copyright{
position: absolute;
top: 20px;
left: 0;
}

div.validation{
position: absolute;
top: 20px;
right: 0;
}




#contact-left{
width: 350px;
float: left;
margin-left: 50px;
margin-right: 100px;
text-align: center;
}

#contact-left a{
color: #fff;
}

#contact-left a:hover{
color: #ccc;
}

form.contact-form{
width: 350px;
float: left;
}

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

form.contact-form input,form.contact-form textarea,form.contact-form select{
display: block;
margin-top: 2px;
background: #fff;
border: 1px solid #ccc;
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;
font-family: arial;
}

form.contact-form input.contact-submit{
clear: both;
width: auto;
margin-right: 2px;
padding: 10px 12px;
border: 1px solid #F5E591;
background: #F5E591;
color: #000;
}





.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;
}