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;
font-family: Georgia,Verdana,sans-serif;
background: #FED6F9 url(../images/background.jpg) no-repeat top center;
color: #4b4b4b;
}

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

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

h1{
margin: 0 0 10px 0;
font: normal 1.7em Arial, Verdana,Tahoma,sans-serif;
color: #A5209C;
}

h2{
margin: 0;
font: normal 1.0em Arial,Verdana,Tahoma,sans-serif;
color: #A5209C;
}

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

small{
font-size: 0.8em;
}


div.page{
width: 950px;
text-align: left;
background: #fff url(../images/footer.jpg) no-repeat bottom center;
overflow: hidden;
}

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


div.header{
margin-top: 20px;
width: 950px;
height: 160px;
text-align: left;
background: #000;
position: relative;
}

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

div.contact{
color: #fff;
position: absolute;
top: 10px;
right: 10px;
text-align: right;
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{
color: #fff;
}


ul.navigation{
background:#A5209C;
font-size: 0.9em;
width: 950px;
height: 30px;
margin-bottom: 10px;
display: block;
}

ul.navigation li{
position:relative;
float:left;
margin: 0 15px;
}

ul.navigation li a{
display:block;
position:relative;
color: #fff;
text-transform: uppercase;
padding: 7px 0 7px 0;
}

ul.navigation a:hover,ul.navigation a:focus,ul.navigation a:active{
text-decoration: underline;
}

ul.navigation a.current{
text-decoration: underline;
}

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{
width: 400px;
margin-top: 20px;
height: 576px;
overflow: hidden;
background: #000;
}

div.slideshow img{
width: 400px;
height: 576px;
}


div.sidebar{
float: left;
width: 500px;
overflow: hidden;
}

div.sidebar2{
float: left;
width: 400px;
overflow: hidden;
}

div.sidebar iframe{
margin-top: 20px;
}

div.content{
overflow: hidden;
width: 410px;
float: left;
text-align: justify;
font-size: 13px;
line-height: 150%; /*   */
color: #4b4b4b;
}

div.content2{
overflow: hidden;
width: 510px;
float: left;
text-align: justify;
font-size: 13px;
line-height: 150%; /*   */
color: #4b4b4b;
}

div.content ul,div.content2 ul{
margin: 10px;
}

div.content ul li,div.content2 ul li{
background: url(../images/bullet.jpg) no-repeat 0px 5px;
padding-left: 20px;
}

div.text{
background: url(../images/text.jpg) no-repeat top center;
padding: 20px 30px;
}

div.text2{
padding: 20px 30px;
}

.testimonial{
background: #fff url(../images/quote-top.jpg) no-repeat top left !important;
margin-top: 10px;
}

.testimonial div{
padding: 20px 0 10px 0;
background: transparent;
}

.testimonial div span{
font-weight: bold;
display: block;
float: right;
background: #fff url(../images/quote-bottom.jpg) no-repeat bottom right;
height: 50px;
width: 620px;
text-align: right;
padding: 10px 0 0 0;
}



div.footer{
clear: both;
width: 950px;
position: relative;
height: 50px;
margin-bottom: 20px;
background: #fff;
color: #A5209C;
font: normal 10px "Trebuchet MS", Tahoma, Verdana;
}

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

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

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

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




form.contact-form{
width: 300px;
}

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

form.contact-form input,form.contact-form textarea,form.contact-form select{
display: block;
background: #fff;
margin-top: 2px;
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;
font-family: Arial;
height: 100px;
}

form.contact-form input.contact-submit{
clear: both;
width: auto;
margin-right: 2px;
padding: 4px 6px;
background: #A5209C;
color: #fff;
}





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