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

body {
	 background-color:#373535;
	 margin:0;
	 height:100%;
	 }
		
/****************************** Main Layout ******************************/

#container {/** has background pic in it and centres all elements horizontally **/
	margin:auto;
	margin-top:20px;
	width:950px;
	height:664px;
	z-index: 0;	
}

/** this has been notated out as site didn't display properly on a laptop screen**/
/** #container { 	
	 position: absolute; 
	 top: 50%; 
	 width: 100%; 
	 height: 1px; 
	 overflow: visible ;
	 z-index:1;
	**/ 

#content { 
	 position: absolute; 
     width: 950px;
	 height: 664px;
	 margin:auto;
	 background-color:#373535;
	 border:none;
	 z-index:2;
	}
	
#header	{
     position: absolute; 
	 width: 950px;
	 height: 66px;
	 background: #373535 url(images/header.png) no-repeat left top;
	 border:none;
	 z-index:3;
	 }
		
		
#center	{
 	 background-color:#373535;
	 overflow:auto;
	 margin-left:0px;
	 margin-top:0px; /* this value is for IE6 browsers */
	 }
		
html>body #center {
     margin-top:0px;
	 } /* this value is for all other browsers */

/****************************** Menu ******************************/

#navcontainer { 
     position: absolute; 
	 width: 950px;
	 height: 20px;
	 top:66px;
	 left:0px;
	 padding: 0;
     border:none;
	 background-color:#b0b478;
     z-index:4;
     }

.menu{
	width: 100%; /* The menu should be the entire width of it's surrounding object, in this case the whole page */
	font-family: Helvetica, Arial, sans-serif;
    font-size:13px;
	background-color: #;} /* dark grey bg */

.menu ul{
	margin: 0;
	padding-left: 600px;
	float: left;}

.menu ul li{
	display: inline;} /* Makes the link all appear in one line, rather than on top of each other */

.menu ul li a{
	float: right; 
	text-decoration: none; /* removes the underline from the menu text */
	color: #fff; /* text color of the menu */
	padding: 3px 11px; /* 10.5px of padding to the right and left of the link and 11px to the top and bottom */
	background-color: #;}

.menu ul li a:visited{ /* This bit just makes sure the text color doesn't change once you've visited a link */
	color: #fff;
	text-decoration: none;}

.menu ul li a:hover, .menu ul li .current{
	color: #000000;}
	 /* change the text color and weight of the menu item when you hover over it */

/****************************** Left Column Images ******************************/

#left-image	{
	 position:absolute;
	 width: 563px;
	 height: 475px;
	 top:20px;
	 left:0px;
	 background-image:none;
	 border:none;
	 z-index:9;
	 }
	 
/****************************** Right Column Text ******************************/

#right-text	{
	 position:absolute;
	 width: 388px;
	 height: 475px;
	 top:20px;
	 left:562px;
	 background-color:#ecece8;
	 padding:0px 0px 0px 0px;
	 border:none;
	 z-index:10;
	 }
	 
p.main-statement {
	text-align: left;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 12px;
	color:#949384;
	line-height: 13px;
	margin-top:50px;
	margin-bottom:-40px;
	padding:0px 15px 0px 47px;
	}	
	
p.address {
	text-align: left;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 12px;
	color:#949384;
	line-height: 13px;
	margin-top:50px;
	margin-bottom:-40px;
	padding:40px 15px 0px 47px;
	}	
	 
/****************************** White Blocking Box ******************************/
#white-blockout	{
	 position:absolute;
	 width: 759px;
	 height: 85px;
	 top:495px;
	 left:192px;
	 background-color:#373535;
	 border: none;
	 z-index:100;
	 }
	 
/****************************** Left Support Pic ******************************/
#support-pic {
	 position:absolute;
	 width: 640px;
	 height: 154px;
	 top:512px;
	 left:209px;
	 background-color:none;
	 border:none;
	 z-index:101;
	 }
	 
.smallpic {
    float:left;
	margin-right:20px;
}
	 
/****************************** Left Support Copy ******************************/

p.pullout {
	text-align: left;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 14px;
	color:#939b50;
	line-height: 14px;
	margin-top:0px;
	margin-bottom:0px;
	padding: 0px 40px 0px 20px;
	}	

p.pullout2 {
	text-align: left;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 14px;
	color:#939b50;
	line-height: 14px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px 0px 0px 0px;
	}

p.pullout3 {
	text-align: right;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 12px;
	color:#939b50;
	line-height: 14px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px 0px 0px 0px;
	}

/****************************** Gallery List ******************************/

.projects{
	width: 100%;/* The menu should be the entire width of it's surrounding object, in this case the whole page */
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
        font-weight:600;
	font-size:14px;
	line-height: 30px;
	background-color: #;
	}/* of the block element */

.projects ul{
	list-style-type:none;
	margin: 0;
	padding-left: 0px;
	float: left;}

.projects ul li a{
	text-decoration: none; /* removes the underline from the menu text */
	color: #939b50; /* text color of the menu */
	padding: 0px 0px; /* 10.5px of padding to the right and left of the link and 11px to the top and bottom */
	background-color: #;}

.projects ul li a:visited{ /* This bit just makes sure the text color doesn't change once you've visited a link */
	color: #939b50;
	text-decoration: none;}

.projects ul li a:hover, .menu ul li .current{
	color: #000000;}
	 /* change the text color and weight of the menu item when you hover over it */
	 
/****************************** Project Gallery Mini Menu ******************************/
#projgallery { 
         position: absolute; 
	 width: 562px;
	 height: 20px;
	 top:475px;	 
	 padding: 0;
         border: none;
	 background-color:#b0b478;
         z-index:999;
     }

.projmenu{
	width: 100%; /* The menu should be the entire width of it's surrounding object, in this case the whole page */
	font-family: Helvetica, Arial, sans-serif;
         font-size:11px;
	background-color: #;} /* dark grey bg */

.projmenu ul{
	margin: 0;
	padding-left: 220px;
	float: left;}

.projmenu ul li{
	display: inline;} /* Makes the link all appear in one line, rather than on top of each other */

.projmenu ul li a{
	float: right; 
	text-decoration: none; /* removes the underline from the menu text */
	color: #fff; /* text color of the menu */
	padding: 3px 9px; /* 10.5px of padding to the right and left of the link and 11px to the top and bottom */
	background-color: #;}

.projmenu ul li a:visited{ /* This bit just makes sure the text color doesn't change once you've visited a link */
	color: #fff;
	text-decoration: none;}

.projmenu ul li a:hover, .menu ul li .current{
	color: #000000;}
	 /* change the text color and weight of the menu item when you hover over it */
	 
/****************************** Project Gallery Menu ******************************/
	 
#projimage {
	position:absolute;
	width: 563px;
	height: 475px;
	top:20px;
	left:0px;
	}
	
#projimage1 {
	position:absolute;
	width: 563px;
	height: 475px;
	top:20px;
	left:0px;
	display:none;
	z-index:20;
	}
	
#projimage2 {
	position:absolute;
	width: 563px;
	height: 475px;
	top:20px;
	left:0px;
	display:none;
	}
	
#projimage3 {
	position:absolute;
	width: 563px;
	height: 475px;
	top:20px;
	left:0px;
	display:none;
	
	}
	
#projimage4 { 
	position:absolute;
	width: 563px;
	height: 475px;
	top:20px;
	left:0px;
	display:none;

	}
	
#projimage5 {
	position:absolute;
	width: 563px;
	height: 475px;
	top:20px;
	left:0px;
	display:none;
	}
	
#projimage6 {
	position:absolute;
	width: 563px;
	height: 475px;
	top:20px;
	left:0px;
	display:none;
	}
	
#projimage7 {
	position:absolute;
	width: 563px;
	height: 475px;
	top:20px;
	left:0px;
	display:none;
	}
	
#projimage8 { 
	position:absolute;
	width: 563px;
	height: 475px;
	top:20px;
	left:0px;
	display:none;
	}
	
#projimage9 {
	position:absolute;
	width: 563px;
	height: 475px;
	top:20px;
	left:0px;
	display:none;
	}
	
#projimage10 { 
	position:absolute;
	width: 563px;
	height: 475px;
	top:20px;
	left:0px;
	display:none;
	}
	
.style {display:none;}
	 
/****************************** Gallery Menu ******************************/

#gallery-images	{
	 position:absolute;
	 width: 960px;
	 height: 475px;
	 top:20px;
	 left:0px;
	 background-image:none;
	 border:none;
	 z-index:9;
	 }
	 
.thumbnail{
	width:128px;
	height:128px;
	padding:10px 5px 0px 0px;
        text-decoration: none; /***This sets no link border around linked thumbnails ****/
	border: 0 none;
}

.thumbnail-residence{
	width:310px;
	height:310px;
        text-decoration: none; /***This sets no link border around linked thumbnails ****/
	border: 0 none;
        float: left;
        padding-top: 10px;
        padding-right: 10px;
        margin-bottom: 6px;
        background-color: #373535;
}
         
.proj-title {
     width: 300px;
     border:none;
     background-color:#b0b478;
     z-index:99;
     font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
     font-size:13px;
     color: #fff;
     position: relative;
     display: inline;
     float: left;
     padding-right: 10px;
     margin-right: 10px;
     padding-bottom: 3px;
}

.proj-title-text {
         padding-left: 10px;
         color: #fff;
}

/****************************** Last container not used ******************************/
	
#support-copy {
	 position:absolute;
	 width: 409px;
	 height: 154px;
	 top:427px;
	 left:457px;
	 background-color:#fdbab8;
	 border:1px solid red;
	 z-index:12;
	 }
/****************************** Bottom Right Logo ******************************/
#logo {
	 position:absolute;
	 width: 170px;
	 height: 70px;
	 top:610px;
	 left:780px;
	 background: url(images/logo.png) no-repeat left top;
	 border:none;
	 z-index:13;
	 }
         
#logo-residence {
	 position:absolute;
	 width: 170px;
	 height: 70px;
	 top:725px;
	 left:780px;
	 background: url(images/logo.png) no-repeat left top;
	 border:none;
	 z-index:13;
 }

/****************************** Email Links ******************************/	 
.blackmail:link {color: #949384;}
.blackmail:hover {color:#000000;}
.blackmail:visited {color: #000000;}