/* UNIVERSAL SECTION & OUTER-WRAPPER */


body 
	{
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	line-height: 1.2em;
	}
	
body#contact 
	{
	background-image: url(images/contact-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
body#services 
	{
	background-image: url(images/services-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}

body#clientele
	{
	background-image: url(images/clientele-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#printversion {
	margin-top: 275px;
	padding-bottom: 50px;
}
	
body#background 
	{
	background-image: url(images/background-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}

body#roca 
	{
	background-image: url(images/roca-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
body#chelsea 
	{
	background-image: url(images/chelsea-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}


body#showcase 
	{
	background-image: url(images/tv-background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
body#development 
	{
	background-image: url(images/development-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
body#map 
	{
	background-image: url(images/map-bg.gif);
	background-repeat: no-repeat;
	background-position: center 25px;
	}
	
#outer-wrapper 
	{
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
	}
#tvImage 
	{
	margin-left: 171px;
	padding-top: 0px;
	margin-top: 0px;
	}
	
a:link 
	{
	color: #C9C7C3;
	}
	
a:hover 
	{
	color: #e4dccf;
	}
#revealPara {
	display: none;
}
	
a:visited 
	{
	color: #C9C7C3;
	}
	
h1, h3
	{
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 0px;
	margin-bottom: 8px;
	}
	
h1 
	{
	padding: 0px;
	margin: 0px;
	font-size: 1.6em;
	text-indent: -5000px;
	}
	
h3
	{
	text-indent: -5000px;
	}
	
p 
	{
	font-size: 0.9em;
	color: #acaba9;
	font-weight: 100;
	margin: 0px;
	line-height: 1.3em;
	}
	
ul 
	{
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;	
	}
	
li 
	{
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	}
	
.clear 
	{
	clear: both;
	}
	
.pad25
	{
	padding-top: 25px;
	}
	
a#readMoreAnchor
	{
	text-decoration: none;
	}
	

	
	
/* NAVIGATION SECTION */	
	
	
#nav 
	{
	float: left;
	width: 740px;
	position: relative;
	height: 70px;
	}
	
#nav ul 
	{
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	position: absolute;
	bottom: 0px;
	}

#nav li 
	{
	float: left;
	}
	
#nav a 
	{
	color: #acaba9;
	text-decoration: none;
	display: block;
	padding-right: 0.65em;
	padding-left: 0.65em;
	font-weight: 100;
	}
	
#nav a:hover 
	{
	color: #e4dccf;
	}
	
#nav a.profile 
	{
	padding-left: 0px;
	}

#nav img 
	{
	position: absolute;
	bottom: 0px;
	right: 0px;
	}
	

#profile #nav a.profile 
	{
	color: #e4dccf;
	}
	
#background #nav a.background 
	{
	color: #e4dccf;
	}
	
#services #nav a.services 
	{
	color: #e4dccf;
	}
	
#architecture #nav a.services 
	{
	color: #e4dccf;
	}
	
#interior #nav a.services 
	{
	color: #e4dccf;
	}
	
#development #nav a.services 
	{
	color: #e4dccf;
	}
	
#portfolio #nav a.portfolio 
	{
	color: #e4dccf;
	}
	
#highgate #nav a.portfolio 
	{
	color: #e4dccf;
	}
	
#kensington #nav a.portfolio 
	{
	color: #e4dccf;
	}
	
#manor #nav a.portfolio 
	{
	color: #e4dccf;
	}
	
#stGeorges #nav a.portfolio 
	{
	color: #e4dccf;
	}
	
#meadow #nav a.portfolio 
	{
	color: #e4dccf;
	}
	
#roca #nav a.portfolio 
	{
	color: #e4dccf;
	}
	
#showcase #nav a.showcase 
	{
	color: #e4dccf;
	}
	
#clientele #nav a.clientele 
	{
	color: #e4dccf;
	}
	
#contact #nav a.contact 
	{
	color: #e4dccf;
	}
	
	
/* TEXT AREAS */

	
#portraitText 
	{
	padding-top: 92px;
	float: left;
	width: 372px;
	}
	
#portraitText h1
	{
	margin-bottom: 8px;
	}

#portraitText p 
	{
	text-align: justify;
	margin-top: 0px;
	}
	





#portraitText p.noPad 
	{
	text-align: left;
	padding-top: 0;
	margin-top: 0px;
	}
	
#portraitText #readMore, #landscapeText #readMore
	{
	padding: 0px;
	margin: 0px;
	text-align: right;
	font-size: 0.8em;
	color: #C9C7C3;
	}
	
#meadow #portraitText, #stGeorges #portraitText, #roca #portraitText, #chelsea #portraitText
	{
	padding-top: 40px;
	}

#landscapeText 
	{
	padding-top: 23px;
	width: 372px;
	clear: both;
	}
	
#landscapeText p 
	{
	text-align: justify;
	padding-top: 18px;
	margin-top: 0px;
	}

#clientele #landscapeText
	{
	padding-top: 160px;
	}
	
#background #landscapeText
	{
	padding-top: 160px;
	}	



/* IMAGE AREAS */



	
#portraitImg img 
	{
	display: block;
	float: right;
	padding-top: 20px;
	}
	
#landscapeImg img 
	{
	display: block;
	float: right;
	padding-top: 20px;
	}
	

/* SECONDARY LINKS */

#extraLinks 
	{
	margin-top: 50px;	
	
	}
	
#extraLinks li
	{
	}

#extraLinks a
	{
	display: block;
	height: 25px;
	text-indent: -5000px;
	background-repeat: no-repeat;
	background-position: left top;
	}

#extraLinks a:hover {
	background-position: left -25px;	
}

a.architecture 
	{
	background-image: url(images/architectural-link.gif);	
	}
	
a.interior 
	{
	background-image: url(images/interior-link.gif);	
	}
	
a.development 
	{
	background-image: url(images/development-link.gif);	
	}
	
ul.portfolioList
	{
	padding-left: 10px;
	line-height: 1.5em;
	padding-bottom: 10px;
	}
	
ul.portfolioList li
	{
	list-style-image: url(images/bullet.gif);	
	}
	
	
ul.portfolioList li a
	{
	color: #acaba9;
	text-decoration:none;	
	}
	
ul.portfolioList li a:hover
	{
	color: #e4dccf;	
	}
	
#portfolio p.aSelection 
	{
	font-size: 0.8em;
	float: right;
	padding: 0;
	margin-top: -20px;
	}
	
ul.projectList
	{
	color: #acaba9;
	padding-left: 0;
	line-height: 1.5em;
	padding-bottom: 10px;
	}

ul.projectList li
	{
	list-style: none;
	position: relative;
	}

ul.projectList span 
	{
	position: absolute;
	left: 85px;
	top: 0;
	}
	
* html ul.projectList span 
	{
	position: absolute;
	top: -3px;
	}
	
ul.projectList span.roca 
	{
	position: absolute;
	left: 100px;
	top: 0;
	}
	
	
/* THREE COLUMNS */

#threeColumn
	{
	padding-top: 25px;
	clear: both;
	width: 740px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

#columnOne 
	{
	float: left;
	width: 220px;
	}

#columnTwo 
	{
	float: left;
	width: 270px;
	margin-left: 10px;
	}
	
#columnThree 
	{
	float: right;
	width: 220px;
	margin-left: 10px;
	}
	
#kensington #columnOne
	{
	width: 230px;
	}
	
#kensington #columnTwo
	{
	width: 265px
	}
	
#kensington #columnThree
	{
	width: 210px;
	}
	
#stGeorges #columnOne
	{
	width: 265px;
	}
	
#stGeorges #columnTwo
	{
	width: 245px
	}
	
#stGeorges #columnThree
	{
	width: 200px;
	}

#swaines #columnOne
	{
	width: 185px;
	}
#swaines #columnTwo
	{
	width: 260px;
	}
#swaines #columnThree
	{
	width: 265px;
	}

/*#roughdowns #columnOne
	{
	width: 235px;
	}
#roughdowns #columnTwo
	{
	width: 250px;
	}
#roughdowns #columnThree
	{
	width: 230px;
	}*/
#manor #columnOne
	{
	width: 225px;
	}
	
#manor #columnTwo
	{
	width: 250px
	}
	
#manor #columnThree
	{
	width: 200px;
	}
	
#clientele #columnOne 
	{
	float: left;
	width: 240px;
	}

#clientele #columnTwo 
	{
	float: left;
	width: 240px;
	margin-left: 10px;
	}
	
#clientele #columnThree 
	{
	float: left;
	width: 230px;
	margin-left: 10px;
	}
	
#columnThree p
	{
	padding-top: 0;
	text-align: left;
	color: #acaba9;
	}
	

	
#columnThree p
	{
	text-align: justify;	
	}
	

	

	



	




/* HEADINGS */





#services #portraitText h1 
	{
	background-image: url(images/services.gif);
	}
	
#stGeorges #landscapeText h1 
	{
	background-image: url(images/stGeorges.gif);
	}

#swaines #landscapeText h1 
	{
	background-image: url(images/swaines-hill-manor.gif);
	}
#roughdowns #landscapeText h1 
	{
	background-image: url(images/roughdowns.gif);
	}
	
#meadow #portraitText h1 
	{
	background-image: url(images/meadow.gif);
	}
	
#roca #portraitText h1 
	{
	background-image: url(images/roca.gif);
	}
	
#chelsea #portraitText h1
	{
	background-image: url(images/chelsea.gif);
	}
	
#contact h1 
	{
	background-image: url(images/contact.gif);
	}
	
#development #portraitText h1 
	{
	background-image: url(images/development.gif);
	}
	
#clientele #landscapeText h1 
	{
	background-image: url(images/clientele.gif);
	}
	
#background #landscapeText h1 
	{
	background-image: url(images/background.gif);
	}
	
#architecture #landscapeText h1 
	{
	background-image: url(images/architecture.gif);
	}
	
#interior #landscapeText h1 
	{
	background-image: url(images/interior.gif);
	}
	
#profile #landscapeText h1 
	{
	background-image: url(images/profile.gif);
	}
	
#highgate #landscapeText h1 
	{
	background-image: url(images/highgate.gif);
	}

#kensington #landscapeText h1 
	{
	background-image: url(images/kensington.gif);
	}
	
#manor #landscapeText h1 
	{
	background-image: url(images/manor.gif);
	}
	

	
#portfolio h1 
	{
	background-image: url(images/portfolio.gif);
	clear: both;
	padding-top: 25px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
	}
	
#home #threeColumn
	{
	text-align: center;
	}

#home #threeColumn img 
	{
	display: block;
	width: 150px;
	height: 113px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#home #threeColumn .clear {
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 0px;
	font-size: 0.9em;
	width: 150px;
	margin-top: 0px;
}
#home #threeColumn .clear a {
	color: #96948F;
	text-decoration: none;
}
#home #threeColumn .clear a:hover {
	color: #C9C5C1;
}


h3#pres
	{
	background-image: url(images/prestigious.gif);

	}
	
h3#dev
	{
	background-image: url(images/developments.gif);
	
	}
	
h3#proj
	{
	background-image: url(images/projDetails.gif);
	}
	
h3#des
	{
	background-image: url(images/desTeam.gif);
	}
	
h3#brief
	{
	background-image: url(images/brief.gif);
	}
	
#portraitText p
	{
	padding: 0;
	margin: 0;
	padding-top: 10px;
	}
	
#portraitText ul.projectList
	{
	padding: 0;
	margin: 0;
	padding-top: 10px;
	}
	
#portraitText h3
	{
	padding: 0;
	margin: 0;
	padding-top: 25px;
	}
	
#portraitText h3.pad25
	{
	padding: 0;
	margin: 0;
	padding-top: 25px;
	}
	
#portraitText p.noPad
	{
	padding: 0;
	margin: 0;
	padding-top: 10px;
	}
	
	
/* FORM STYLES */
	
fieldset
	{
	margin: 0em;
	padding: 0;
	border: solid 0 transparent;
	}
legend
	{
	font-weight: bold;
	}
	
label
	{
	display: block;
	}
input
	{
	width: 200px;
	}
	
#yourDetails
	{
	width: 34%;
	float: left;
	}
	
#yourEnquiry
	{
	margin-left: 5%;
	width: 40%;
	float: left;
	}
	
#submit
	{
	width: 80px;
	}
	
#contact #threeColumn p
	{
	padding-top: 15px;
	}
#contact #form p {
	margin: 0px;
	padding: 0px;
}
input {
	background-color: #fff;
	border: 1px solid #333333;
}
textarea {
	background-color: #fff;
	border: 1px solid #333333;
}


/* SHOWCASE GALLERY */

	
/* GALLERY ONE */

#galleryOne
	{
	padding-top: 75px;
	width: 609px;
	margin: 0 auto;
	}
	
* html #galleryOne
	{
	width: 612px;
	}

#galleryOne a
	{
	border-style: solid;
	border-color: #000000;
	border-width: 1px 0 1px 1px;
	text-decoration: none;
	float: left;
	}
	
#galleryOne #last
	{
	border-width: 1px;
	}
	

	
#galleryOne a img
	{
	border: 0;
	}
	

/* GALLERY TWO */

#galleryTwo
	{
	padding-top: 75px;
	width: 533px;
	margin: 0 auto;
	}
	
* html #galleryTwo
	{
	width: 536px;
	}

#galleryTwo a
	{
	border-style: solid;
	border-color: #000000;
	border-width: 1px 0 1px 1px;
	text-decoration: none;
	float: left;
	}
	
#galleryTwo #last
	{
	border-width: 1px;
	}
	

	
#galleryTwo a img
	{
	border: 0;
	}
	


#showcase a.current
	{
	border-style: solid;
	border-color: #fff;
	border-width: 1px 0 1px 1px;
	text-decoration: none;
	float: left;
	}
	
#showcase a.greyBorder
	{
	border-color: #000000;
	}
	
#showcase a.neighbour
	{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #fff;
	}
	
#showcase p.nextPage {
	width: 550px;
	clear: both;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 15px;
	color: #333333;
	font-size: 0.9em;
}

#showcase p.nextPage a {
	color: #555;
}
#showcase p 
	{
	width: 740px;
	clear: both;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	color: #444;
	line-height: 1.2em;
	}
	
#showcase p.imgText 
	{
	font-size: 0.75em;
	}
	
#clientele #landscapeText a {
	text-decoration: none;
}
#threeColumn .clear span {
	color: #96948F;
}