/* CSS RESET =============================================== */
body,div,dl,dt,dd,pre,form,fieldset,input,h1,h2,h3,h4,h5,h6,textarea,p,blockquote, { margin:0; padding:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal;}
caption,th { text-align:left;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}


html{
background: url(../images/base.jpg) no-repeat bottom center #f3f3f4; 
padding:0;
font-family: “Trebuchet MS”, Trebuchet MS, sans-serif;
min-height:600px;
height:100%;
background-attachment:fixed;
}

body{
background:url(../images/bg.jpg) no-repeat top center; 
margin:0;
padding:0;}

/* add these classes */

.leftimage{
float:left;
margin-right:10px;}

.rightimage{
float:right;
margin-left:10px;}

/* add these classes */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

a:link, a:active, a:visited {
	color: #C2902D;
	text-decoration: none;
}

a:hover {
	color: #9EB2BD;
	text-decoration: underline;
}

#main {padding-bottom: 104px;}  /* must be same height as the footer */

.wrapper{
width:900px;
margin:0 auto;}

.header{
height:200px;
padding:0 0 0 34px;
width:900px;}

.header a img{
float:left;
border:none;
margin-left:20px;
margin-right:20px;}

html>body .header a img{margin-left:0px;}

.content{
padding:0 26px 0 26px;
color:#5D7683;
}

#home{
background: url(../images/house.gif) no-repeat top right;
}

#services{
background:url(../images/services.gif) no-repeat top right;
}

#faq{
background:url(../images/services.gif) no-repeat top right;
}

#enquiry{
background:url(../images/enquiry.gif) no-repeat top right;
}

.introtext{
margin:20px 0 0 20px;
padding-right:20px;
font-size:1.2em;
font-style:italic;
text-align:justify;
}

.feature{
font-size:1.2em;
font-style:italic;
text-align:justify;
}

#home .introtext{
width:540px;}

.indent{
margin-top:50px;
margin-left:50px;
border-left:1px solid #5D7683;
padding-left:50px;
padding-right:20px;
text-align:justify;}

#home .indent{
width:570px;
}


.indentMAIN{
padding: 20px 30px 20px 30px;
}


.nav{
padding-top:69px;
height:60px;
}

.nav ul{
margin:0;
padding:0;
list-style-type:none;
}

.nav li{
float:left;
margin-right:15px;}

.nav li a:link, .nav li a:visited{
float:left;
width:auto;
height:60px;
line-height:60px;
padding:0 10px 0 10px;
font-size:1.2em;
display:block;
text-align:center;
text-decoration:none;
color:#FFFFFF;
background:url(../images/menu.jpg);}

.nav li a:hover, .nav li a.active{
background-position:bottom;}

a.more:link, a.more:visited{
float:right;
margin-right:80px;
width:182px;
height:95px;
display:block;
background:url(../images/morebutton.jpg);
}

a.more:hover{
background-position:bottom;}

#footer {
background:url(../images/footer_bg.jpg) repeat-x;
position: relative;
margin-top: -104px; /* negative value of footer height */
height: 104px;
clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#footer table{
width:900px;
margin:0 auto;
color:#5d7683;
height: 104px;
}

#footer table td{
width:50%;
padding:10px 8px 0 8px;}

#footer a:link, #footer a:visited{
color:#5d7683;
text-decoration:none;}

#footer a:hover{
text-decoration:underline;}

#footer a.email:link, #footer a.email:visited{
width:126px;
height:56px;
line-height:56px;
text-align:center;
background:url(../images/email.jpg);
display:block;
color:#5d7683;
}

#footer a.email:hover{
background-position:bottom;
color:#f3f3f4;
text-decoration:none;}



input.submit{
width:126px;
height:56px;
border: none;
display:block;
background: url('../images/submit.jpg') no-repeat top left;
}

input.submit:hover {
background-position: 0 -56px;
}

h2{
margin:0;}

p{
margin:0;}