body {
margin-top : 1px;
font : 11px Arial, sans-serif;
font-weight: 200;
line-height: 120%;
background: #3f3f3f;
padding-top : 25px;

 }
#container {
width : 795px;
height: 600px; 
margin-left : auto;
margin-right : auto;
color : #ffffff;

}
.piclarge {
border : 0px solid #33CCFF;
}

			
			/*CENTRE CONTENT*/
#content {
float : right;
width : 795px;
height: 600px; 
color : #ffffff;
padding : 10px;
margin-bottom : 0px;
margin-right : 10px;
margin-top : 0px;
background: #3f3f3f;


}


#leftcontent {
float : left;
width : 260px;
height: 200px; 
color : #ffffff;
padding : 0px;
margin-bottom : 0px;
margin-right : 10px;
margin-top : 5px;
overflow:hidden;
}

#rightcontent {
float : right;
width : 260px;
height: 200px; 
color : #ffffff;
padding : 0px;
margin-bottom : 0px;
margin-right : 20px;
margin-top : 5px;
overflow:hidden;

}

#scrolling {
width : 580px;
height: 250px; 
background: #000a1e;
filter:alpha(opacity=66);
-moz-opacity: 0.66;
opacity: 0.66;
padding-top: 0px;
padding-left: 30px;
padding-right: 10px;
margin-bottom: 20px;
margin-right: 0px;
z-index: 1;
position:relative;
top: -250px;
left: 0px;
overflow:auto;
color : #ffffff;

}

#scrollingbiggest {
width : 580px;
height: 600px; 
background: #000a1e;
filter:alpha(opacity=66);
-moz-opacity: 0.66;
opacity: 0.66;
padding-top: 0px;
padding-left: 30px;
padding-right: 10px;
margin-bottom: 20px;
margin-right: 0px;
z-index: 1;
position:relative;
top: -600px;
left: 0px;
overflow:auto;
color : #ffffff;

}

#scrollingcontent {
width : 580px;
height: 250px; 
background: transparent;
padding-top: 0px;
padding-left: 30px;
padding-right: 10px;
margin-bottom: 20px;
margin-right: 0px;
z-index: 20;
position:relative;
top: -520px;
left: 0px;
overflow:auto;
color : #ffffff;

}

#close {
width : 8px;
height: 12px; 
float: left;
background: transparent;
filter:alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
color : #ffffff;
padding: 0px 3px 5px 3px;
z-index: 2;
top: -255px;
left: 0px;
position:relative;


}

#scrollingbig {
width : 580px;
height: 600px; 
background: transparent;
padding-top: 0px;
padding-left: 30px;
padding-right: 10px;
margin-bottom: 20px;
margin-right: 0px;
z-index: 20;
position:relative;
top: -1220px;
left: 0px;
overflow:auto;
color : #ffffff;

}

#contactbox {
width : 540px;
height: 500px; 
margin-top: 70px;
margin-left:0px;

}

#closebig {
width : 8px;
height: 12px; 
float: left;
background: #008fcc;
filter:alpha(opacity=95);
-moz-opacity: 0.95;
opacity: 0.95;
color : #ffffff;
padding: 0px 3px 5px 3px;
z-index: 2;
top: -575px;
left: 25px;
position:relative;


}



#close a, #closebig a, #closebig a:hover, #close a:hover, #closebig a:visited, #close a:visited {
font : 11px "Verdana",Geneva,Kalimati,sans-serif;
color : #ffffff;
text-decoration: none;
text-align : center;

}

ul {
margin : 0px;
padding-top: 0px;
padding-left : 20px;
list-style-type:square;
}

li {
margin : 0px;
padding-left : 20px;
padding-bottom : 5px;
}


			/*LEFT CONTENT*/
#left {
float : left;
width : 180px;
height: 100%; 
color : #ffffff;
background: url(img/bg.gif);
margin-top : 0px;
margin-left : 0px;
}



/*SIDE MENU*/


#sidemenu {
float : right;
width : 180px;
height: 100%; 
color : #ffffff;
background: url(img/bg.gif);
margin-top : 0px;
margin-left : 0px;
}

.sidepadding {
float : left;
width : 215px;
height: 150px; 
color : #ffffff;
margin-top : 320px;
}

.underlinebox {
float : left;
width : 100%;
height: 5px; 
border-bottom: 1px solid #FFFFFF;
margin-bottom: 15px;
}

.underlineboxbig {
float : left;
width : 100%;
height: 5px; 
border-bottom: 1px solid #FFFFFF;
margin-bottom: 10px;
}

#left {
float : left;
width : 615px;
height: 100%; 
color : #ffffff;
margin-top : 0px;
margin-left : 0px;

}




.one {
background: url(img/images/fitness4.jpg);
	}
	.two {
background: url(img/images/bedroom1.jpg);
	}
	.three {
background: url(img/images/garden2.jpg);
	}
	.four {
background: url(img/bg.gif);
	}
	.five {
background: url(img/images/detail1.jpg);
	}
	

#map {
float : right;
width : 615px;
height: 400px; 
color : #000000;
margin-top : 0px;
margin-left : 0px;
background: url(img/map.gif);

}

#contact {
float : right;
width : 615px;
height: 200px; 
color : #000000;
margin-top : 0px;
margin-left : 0px;
background: url(img/bg_contact.gif);

}


.column {
float : left;
width : 180px;
height: 180px; 
color : #BCB3A8;
margin-top : 0px;
margin-right : 5px;
padding: 20px 0px 0px 20px;
}






	/*FOOTER*/
#footer {
clear : both;
padding : 5px 0px 0px 0px;
font : 10px Arial, sans-serif;
text-transform: uppercase;
color : #8c8c8c;
text-align: left;
}
#footer a:link, #footer a:visited {
background : inherit;
font : 10px Arial, sans-serif;
text-transform: uppercase;
color : #8c8c8c;
text-decoration : none;
padding-right: 0px;

}
#footer a:hover {
font : 10px Arial, sans-serif;
text-transform: uppercase;
color : #8c8c8c;
background : inherit;
padding-right: 0px;
}



			


			
			/*TYPOGRAPHY*/
h1 {
font : 13px "Verdana",Geneva,Kalimati,sans-serif;
color : #FFFFFF;
text-align : center;
padding-top : 0px;
margin-top: 0px;
background : inherit;
font-weight: 100;
}
h2 {
font : 13px "Verdana",Geneva,Kalimati,sans-serif;
color : #FFFFFF;
text-align : left;
padding-top : 0px;
margin-top: 0px;
background : inherit;
font-weight: 100;
}
h3 {
font : 11px "Verdana",Geneva,Kalimati,sans-serif;
color : #FFFFFF;
padding-top : 0px;
margin-top: 0px;
background : inherit;
text-align : right;
}


			/*LINKS*/
a {
color : #8C8C8C;
text-decoration : underline;
background : inherit;
}
a:hover {
color : #8C8C8C;
background : inherit;
}

a:visited {
color : #8C8C8C;
text-decoration : underline;
background : inherit;
}

.underline {
	text-decoration: underline;
	width : 100%;
}

.title {
color : #6E6E58;
}
	/*SLIDESHOW*/

#slide-images{
    position:relative;
    display:block;
    margin:0px;
    padding:0px;
    width:620px;
    height:600px;
    overflow:hidden;
	z-index: 0;
	top: 0px;
	left: 0px;
}

#slide-images li{
    position:absolute;
    display:block;
    list-style-type:none;
    margin:0px;
    padding:0px;
    background-color:#FFFFFF;
}

#slide-images li img{
    display:block;
    background-color:#FFFFFF;
}

/*Form Styling*/

.importantinformation {
	display: none;
}

.inputfield {
	width: 275px;
background: #000a1e;
filter:alpha(opacity=66);
-moz-opacity: 0.66;
opacity: 0.66;
border: 1px solid #ffffff;
padding: 3px;
font : 13px Arial, sans-serif;
color: #ffffff;


}

.commentfield {
background: #ffffff;
background: #000a1e;
filter:alpha(opacity=66);
-moz-opacity: 0.66;
opacity: 0.66;
border: 1px solid #ffffff;
padding: 3px;
font : 13px Arial, sans-serif;
color: #ffffff;


}

.highlight {
	color: #ffb700;
}

td.error .inputfield {
background: #ffb700;
}

.submitfield {
	width: 100px;
	text-align: center;
	border: 1px solid #ffffff;
    background: #ffb700;
	padding: 3px;
	color: white;
font : 13px Arial, sans-serif;
	
	/* Following code is required because the submitbutton by chance is layered under the 'ultimate accessory'
	layer - making the button unclickable. This code brings it to the front */
	position: relative;
	z-index:20;
}

td {
	text-align: left;
	padding-right: 40px;
	vertical-align: top;
	padding-bottom: 10px;
}