@charset "utf-8";
/* CSS Document */


/*

VISION SCAPES

---------------- TABLE OF CONTENTS ----------------

		- general, resets and headings
		- Layout
		- Content
		- Form Styles
		- Menus - sitemap, main, footer
		
		- Home page styles found in home.css
			
		
--------------------- COLOURS ---------------------

		background colour - #b2aa87 (light olive) #59513b (dark olive)
		body text - #e7decf (cream)
		footer  - #998675 (light brown) #736357 (dark brown)
		
/*
		
/* ------- GENERAL ------- */

body{
	background-color:#b2aa87;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#e7decf;
	}

a:link, a:active, a:visited, a:hover{
	font-weight:bold;
	text-decoration:none;
	}

form, h1, h2, h3{
	margin:0;
	padding:0;
	}
h1{}
h2{}

img{
	border:0;
	}
img.border{}

.clear{
	clear:left;
	}
ul{
	margin-top:3px;
	margin-bottom:7px;}
	
/* -------- LAYOUT ------- */

#container{
	width:900px;
	height:550px;
	margin:auto;
	background-color:#59513b;
	border: 1px solid #ffffff;
	position:relative;
	}
#flash{
	width:631px;
	height:550px;
	position:absolute;
	z-index:0;
	top:0;
	left:269px;
	}

#content{	
	position:absolute;
	z-index:5px;
	}


/* ------- CONTENT ------- */

#text{
	width: 209px;	
	margin-right:400px;
	padding:60px 30px 20px 30px;
	float:left;
	font-size:11px;
	color:#e7decf;
	line-height:18px;
	}

#text a:link, #text a:active, #text a:visited{
	color:#e7decf;
	}
#text a:hover{
	color:#ffffff;
	}
#text img.heading{
	margin:0 0 20px 0;
	float:none;
	}
	
.right{
	float:right;
	}
.white{
	color:#fff;
	}
	
.scroll_text {
	height: 470px;
	overflow-y: scroll;
	overflow-x: hidden;
	}

/* page swap */
.testnav{
	margin-top:10px;
	}
.testimonial1, .testimonial2, .testimonial3, .testimonial4, .services1, .services2, .services3, .privacy1, .privacy2, .privacy3{
	width:206px;
	height:400px;
	}
.services1, .services2, .testimonial1, .testimonial2, .testimonial3, .testimonial4, .privacy1, .privacy2, .privacy3{
	text-align:justify;
	}
	
.seperator{
	width:145px;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	border-top:1px solid #e7decf;
	}


/* gallery */
.gallery1, .gallery2, .gallery3, .gallery1b, .gallery2b{
	height:415px;
	}
	
.gallery1 img, .gallery2 img, .gallery3 img, .gallery1b img, .gallery2b img{
	margin:0 15px 18px 15px;
	float:left;
	}
.gallerynav{
	clear:left;
	}
.gallerynav a em{
	font-weight:normal;
	}
.residential{
	margin-right:6px;
	}
	
/* background images - if no javascript these images appear */

.bg-media{
	background-image:url(/images/background-media.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	}
.bg-contact{
	background-image:url(/images/background-contact.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	}
.bg-testimonials{
	background-image:url(/images/background-testimonials.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	}
.bg-gallery{ /* also on site map */
	background-image:url(/images/background-gallery.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	}
.bg-services{ /* also on privacy policy */
	background-image:url(/images/background-services.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	}

/* ----- FORM STYLES ----- */

input, textarea, select{
	width:175px;
	padding:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#59513b;
	border:1px solid #cccccc;
	/* color:#282317; */
	color: #FFFFFF;
	}
.form{
	line-height:normal;
	}
.form td{
	padding:3px 0 3px 5px;
	vertical-align:top;
	}
input, textarea, select{
	}
.btn{
	width:19%;
	font-weight:bold;
	cursor:pointer;
	}
.error{
	color:#cd6a71;
	font-weight:bold;
	}
.notification{
	color:#fff;
	font-weight:bold;
	}


/* -------- MENUS -------- */

/* Main menu */

#mainmenu{
	width:210px;
	padding:212px 10px 10px 10px;
	float:left;
	background-image:url(/images/logo.gif);
	background-repeat:no-repeat;
	background-position:21px 45px;
	font-size:14px;
	}
#mainmenu a:link, #mainmenu a:active, #mainmenu a:visited{
	padding-left:28px;
	margin-bottom:18px;
	display:block;
	color:#544522;
	}
#mainmenu a:hover{
	color:#a89a00;
	}

/* Footer */

#footer{
	width:836px;
	margin:auto;
	padding:5px 32px;
	color:#998675;
	}
#footer a:link, #footer a:active, #footer a:visited{
	font-weight:normal;
	color:#998675;
	}
#footer a:hover{
	color:#736357;
	}
#footer em{
	padding:0 15px;
	}
#footer span{
	color:#736357;
	float:right;
	}