
body {
	margin: 0 0 0 0;
	padding: 0;
	background: #fff;
	font: normal Arial, Helvetica, sans-serif;
	}

#bigdiv{
margin: 0 auto; 
padding: 0px 0 0 0;
font: normal 12px Arial, Helvetica, sans-serif;
color: #fff;
width: 770px; 
text-align: left;
position: relative; 
}

#wrap{
background-color:#e4e4e4;
border: 10px solid #e4e4e4;
width: 750px;
height: 610px;
margin: 0 auto;
}

#flash{
padding: 0;
height: 466px;
width: 579px;
}

#flash object{
position:absolute;
top:154px;
left:10px;
}

#center{
width: 940px;
float: left;
clear:both;
}

#terms{
width: 890px;
padding: 15px; }

#left{
padding: 0 0 14px 0;
width:190px;
float: left;
}

#right{
padding: 0 0 14px 0;
width: 720px;
float:right;
}













/******************HOME*******************/

.home #gallery {
float: left;
width: 284px;
height: 284px;
}


.xhomegallery div{
margin: 0 0 1px 1px ;}

.home #text {
float: left;
width: 283px;
height: 295px;
background: #a19a7d;
margin-left: 1px;
clear:right;
position: relative;
}

.home #text img{
position: absolute;
left: 20px;
top: 20px;
} 

.zhomedescription{
position: absolute;
top: 80px;
left: 20px;
width: 240px;
}

.home #image{
padding: 0 0 14px 0;
height: 565px;
width: 466px;
float: left;
}


.home #menu{
background-color: #a19a7d;
}

/******************INTERIOR DESIGN*******************/



.interior-design #gallery {
float: left;
width: 284px;
height: 284px;
}

.xinterior-designgallery div{
margin: 0 1px 1px 0;}


.interior-design #text {
float: left;
width: 466px;
height: 283px;
background: #899762;
clear:right;
position: relative;
}

.interior-design #text img{
position: absolute;
left: 20px;
top: 10px;
} 

.zinterior-designdescription{
position: absolute;
top: 75px;
left: 20px;
width: 420px;
}



.interior-design #image{
padding: 0;
height: 295px;
width: 750px;
}


.interior-design #menu{
background-color: #899762;
}


/******************PROJECT MANAGMENT*******************/


.project-management #text {
float: left;
width: 400px;
height: 579px;
background: #a1917a;
position: relative;
margin-right: 1px;
}

.project-management #text img{
float: left;
position: absolute;
left: 20px;
top: 20px;
} 

.zproject-managementdescription{
position: absolute;
top: 240px;
left: 20px;
width: 300px;
}



.project-management #image{
padding: 0;
float: left;
height: 579px;
width: 349px;
}


.project-management #menu{
background-color: #a1917a;
}


/******************CONSTRUCT IMPROVE MAINTAIN *******************/




.suppliers  #text {
float: left;
width: 750px;
height: 283px;
margin-bottom: 1px;
background: #b0c6db;
clear:right;
position: relative;
}

.suppliers  #text img{
position: absolute;
left: 20px;
top: 20px;
} 

.zsuppliersdescription{
position: absolute;
top: 170px;
left: 20px;
width: 710px;
}



.suppliers  #image{
padding: 0;
height: 295px;
width: 750px;
}


.suppliers #menu{
background-color: #b0c6db;
}



/******************CONTACT*******************/


.contact #text {
float: left;
width: 309px;
height: 579px;
background: #ad8e6f;
position: relative;
margin-left: 1px;
}

.contact #text img{
position: absolute;
left: 20px;
top: 0px;
} 

.zcontactdescription{
position: absolute;
top: 220px;
left: 20px;
width: 300px;
}



.contact #image{
float: left;
padding: 0;
height: 579px;
width: 440px;
}


.contact #menu{
background-color: #ad8e6f;
}



.contact #statutory{
position: absolute;
top: 500px;
left: 20px;
width: 300px;
font-size: 9px;

}


/******************PROPERTY COMPLIANCE*******************/


.property-compliance #text {
float: left;
width: 750px;
height: 579px;
background: #aca499;
position: relative;
}

.property-compliance #text img{
position: absolute;
left: 20px;
top: 0px;
} 

.zproperty-compliancedescription{
position: absolute;
top: 150px;
left: 20px;
width: 730px;
}


.property-compliance #menu{
background-color: #aca499;
}


#pcimg{
position: absolute;
top: 360px ;}


/******************ESTATE AND LETTING*******************/


.estate-agent #text {
float: left;
width: 400px;
height: 579px;
background: #aaa171;
position: relative;
margin-right: 1px;
}

.estate-agent #text img{
float: left;
position: absolute;
left: 20px;
top: 20px;
} 

.zestate-agentdescription{
position: absolute;
top: 240px;
left: 20px;
width: 300px;
}


.estate-agent #image{
padding: 0;
float: left;
height: 579px;
width: 349px;
}

.estate-agent #menu{
background-color: #aaa171;
}

















/****************************** H TAGS ********************************/

h1, h2, h3,  .zhometitle, .zproductstitle, .gallerytitlegroup, .ztestimonialstitle, .zservicestitle{
	margin: 0;
	padding: 0;
	font-weight: normal;
	letter-spacing: 1px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}

h1{
	text-transform: uppercase;
	font-size: 14px;
	padding:0 0 13px 0;
	margin:0;
	background: url(images/vital2_06.jpg) bottom repeat-x;
	color: #999999;
}




h2, .zhometitle, .zproductstitle, .gallerytitlegroup, .ztestimonialstitle, .zservicestitle{
	text-transform: uppercase;
	font-size: 11px;
	color: #ffd200;
	padding:0;
	margin:0;
}

h3 {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
}


h5 {
	font-size: 9px;
}

h5 a:hover{
	color: #000;
	text-decoration:none;
}

h5 a{
padding: 0 0 0 10px;
	color: #999999;
	text-decoration:none;
}

p, blockquote, ul, ol  {
	line-height: 14px;
	padding:0 0 15px 0;
	margin:0;
	}
	
	
	
ul{
padding-top:5px;}
	

	
li {
padding:0;
margin:0;
}

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

a img{
border: none;
text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #fff;
}

.zgallerygallery div{
float:right;
margin: 0 0 8px 10px;
}




/********************************* PRODUCTS *************************************/
.zproductsrow{
width: 452px;
height: 200px;
border: 1px solid #333333;
margin: 0 14px 14px 0;
float:left;
}

.zproductsmainimage{
width:300px;
float:left;
padding: 0 15px 0 0;
}

.zproductstitle{
padding: 15px 0 0 15px;
}

.zproductswaffle{
padding: 0 15px 0 15px;
}


/********************************* TESTIMONIALS *************************************/
.ztestimonialsrow{
width: 452px;
height: 150px;
border: 1px solid #333333;
margin: 0 14px 14px 0;
float:left;
}

.ztestimonialsmainimage{
width:150px;
float:left;
padding: 0 15px 0 0;
}

.ztestimonialstitle{
padding: 15px 0 0 15px;
}

.ztestimonialswaffle{
padding: 0 15px 0 15px;
}


/*********************************  SERVICES *************************************/
.zservicesrow{
width: 296px;
height: 260px;
border: 1px solid #333333;
margin: 0 14px 14px 0;
float:left;
}

.zservicestitle{
padding: 15px 0 0 15px;
}

.zserviceswaffle{
padding: 0 15px 0 15px;
}

/*********************************  FAQ's *************************************/
.zfaqrow{
width: 296px;
height: 120px;
border: 1px solid #333333;
margin: 0 14px 14px 0;
float:left;
}

.zfaqwaffle{
padding: 15px 15px 0 15px;
color: #ffd200;
}


.zfaqwaffle2{
padding: 5px 15px 0 15px;
}

/********************************* CONTACT ****************************************/

#col1{
padding: 0;
width:296px;
height: 210px;
float: left;
border: 1px solid #333333;
}

#col2{
margin: 0 14px 14px 14px;
width: 296px;
height: 210px;
float: left;
border: 1px solid #333333;
}

#col3{
width: 296px;
height: 210px;
float:left;
border: 1px solid #333333;
}

#col1 h2, #col2 h2, #col3 h2{ 
padding: 15px 15px 0 15px; } 

#col1 p, #col2 p, #col3 p{
padding: 0 15px 0 15px;
}


/********************************* MENU *******************************************/

#menu {
	width: 750px;
	height: 30px;
	margin: 0 0 1px 0;
	}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	padding: 10px 0px 8px 10px;
	text-transform: uppercase;
	text-decoration: none;
	font: normal 9px Arial, Helvetica, sans-serif;
	color: #fff;
	}

#menu a:hover {
	color: #000;
}


h2 a:hover{
	color: #fff;
	}
	
.home a#homenav,
.interior-design a#interior-designnav,
.project-management a#project-managementnav,
.estate-agent a#estate-agentnav,
.property-compliance a#property-compliancenav,
.suppliers #suppliersnav,
.contact a#contactnav
{
color: #000; 
}


/************************* FOOTER ********************************/	
	



#footer {
	padding: 10px 0 0 0;
	clear:both;
	height: 20px;
}

#footer h5 {
	text-align: left;
	color: #000;
	padding: 0;
	}

	
span{
color:#ffd200;}

