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

body {
	background-color:#212025;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

p { margin:0px; padding:0px; font-size:11px; margin-bottom:10px; line-height:14px;}

p.title { margin:0px; padding:0px; font-size:12px; margin-bottom:10px; font-weight:bold; }

a { text-decoration:none; color:#FFFFFF; outline: none; }
a:hover{color:#7F7F7F;}
#container {
	width:900px;
	height:auto;
	margin:auto;
}

#wrapper {
	width:900px;
	min-height:200px;
	float:left;
}

#header {
	width:900px;
	height: 105px;
	float:left;
}

#westcoastLogo {
	width:120px;
	height:80px;
	float:left;
	padding:10px;
}

#westcoastNav {
	margin-top:70px;
	height:30px;
	float:right;
}

#westcoastNav ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#westcoastNav ul li {
	margin:0px;
	padding:0px;
	float:left;
}

#westcoastNav ul li a{
	margin:0px;
	padding:0px;
	height:10px;
	width:auto;
	padding: 8px 10px 10px 10px;
	float:left;
	color:#FFFFFF;
	display:block;
}

#westcoastNav ul li a:hover , #westcoastNav ul li a.selected {
	color:#7F7F7F;
}

.divider {
	width:900px;
	height:5px;
	float:left;
}

#contentContainerTop { /* IMPORTANT */
	width:900px;
	min-height:200px;
	background-position:top;
	background-image:url(../../images/content/background/backgroundTop.jpg);
	background-repeat:no-repeat;
}

#contentContainerBottom { /* IMPORTANT */
	width:900px;
	height:auto;
	float:left;
	background-position:bottom;
	background-image:url(../../images/content/background/backgroundBottom.jpg);
	background-repeat:no-repeat;
}

#HomepageMovieContainer {
	width:900px;
	height:425px;
	background-color:#FFFFFF;
	float:left;
}

div#defimg {width:900px;height:425px;background-color:#fff;float:left;}

#subnavContainer {
	height: 30px;
	width:880px;
	background-color:#212025;
	float:left;
	margin:10px 10px 0px 10px;
}

#subnav {
	height:30px;
	width:530px;
	margin:auto;
}

#subnav ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#subnav ul li {
	margin:0px;
	padding:0px;
	float:left;
}

#subnav ul li a {
	height:10px;
	width:auto;
	margin:0px;
	padding:8px 10px 10px 10px;
	display:block;
	float:left;
	color:#FFFFFF;
}

#subnav ul li a.selected, #subnav ul li a:hover{color:#7F7F7F}

#contentContainer {
	width:860px;
	margin:10px;
	padding:10px 10px 10px 10px;
	background-color:#212025;
	float:left;	
}

#footer {
	height:10px;
	width:880px;
	padding:10px;
	float:left;
}

#copyright p {
	font-size:10px;
	color:#FFFFFF;
	margin-bottom:0px;
	float:left;
}

#design a {
	font-size:10px;
	color:#FFFFFF;
	margin-bottom:0px;
	float:right;
}

/* PORTFOLIO */

.propertyContainer {
	height:auto;
	width:860px;
	float:left;
	margin-bottom:20px;
	border-bottom:1px solid #5F5F5F;
	padding-bottom:20px;
}

.no_border{border:none;padding-bottom:0;}

.propertyImg {
	height:261px;
	width:430px;
	float:left;
	margin-right:20px;
	position:relative;
}

.propertydetails {
	height:190px;
	width:400px;
	float:left;
}

.propertyInfo {
}

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

.propertyInfo ul li {
	font-size:11px;
}

.propertymoreinfo {

}

.propertymoreinfo a {
	color:#FFFFFF;
}

.propertymoreinfo a:hover {
	color:#7F7F7F;
}

.propertydivider {
	height:1px;
	margin: 10px 0px 10px 0px;
	border-top:1px solid #7F7F7F;
}

.propertydividerTop {
	height:1px;
	margin: 0px 0px 10px 0px;
	border-top:1px solid #7F7F7F;
}

.propertydividerBottom {
	height:1px;
	margin: 10px 0px 0px 0px;
	border-top:1px solid #7F7F7F;
}

h2.title {
	color:#FFFFFF;
	font-size:16px;
	margin:0px;
	font-weight:400;
}

/* PORTFOLIO PROPERTY */

#developmentContentContainer {
	/*width:420px;*/
	width:448px;
	min-height:312px;
	float:left;
	margin-right:10px;
}

#developmentImgContainer {
	/*width:430px;*/
	width:402px;
	float:left;
}

#developmentImg {
	/*width:428px;*/
	width:400px;
	/*height:250px;*/
	height:261px;
	border:1px solid #ffffff;
	float:left;
}

#LargeImg {
	overflow:hidden;
	/*width:428px;*/
	width:400px;
	float:left;
}

#developmentThumbs {
	/*width:430px;*/
	width:400px;
	margin-top:10px;
	float:left;
}

#developmentThumbs ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#developmentThumbs ul li {
	margin:0px;
	padding:0px;
	float:left;
}

#developmentThumbs ul li a {
	height:53px;
	width:76px;
	border:1px solid #ffffff;
	float:left;
	margin-right:10px;
}

#developmentContent {
	width:420px;
	min-height:270px;
	float:left;
	margin-bottom:10px;
}

#developmentLinks {
	width:420px;
	height:37px;
	float:left;
}

#leftText {
	height:auto;
	width:220px;
	float:left;
}

#rightText {
	height:auto;
	width:200px;
	float:right;
	text-align:right;
}

#developmentLinks ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#developmentLinks ul li {
	margin:0px;
	padding:0px;
	float:left;
}

#developmentLinks ul li a {
	height:10px;
	display:block;
	width:105px;
}

#developmentLinks ul li a.left {
	text-align:left;
}

#developmentLinks ul li a.center {
	text-align:center;
}

#developmentLinks ul li a.right {
	text-align:right;
}

#developmentLinks ul li a.selected {
	
}

#AboutUsContent {
	min-height:278px;
	width:390px;
	float:left;
	margin-right:10px;
}

#AboutUsImg {
	/*height:280px;*/
	height:342px;
	width:458px;
	float:right;
	border:1px solid #ffffff;
}

ul.siteplan {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

ul.siteplan li {
	margin:0px;
	padding:0px;
	float:left;
}

ul.siteplan li a {
	height:98px;
	width:128px;
	border:1px solid #ffffff;
	display:block;
	margin-right:10px;
}

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

#developmentContent br {
	padding:0px;
	margin:0px;
	line-height:0px;	
}

#developmentContent p {
	margin:0;
	padding:0;	
}

#developmentContent ul li {
	font-size:11px;
}

#ContactFormContainer {
	height:auto;
	width:433px;
	margin-right:10px;
	float:left;
}

.red {
	color:#FF0000;
}

#ContactFormContainer label {
	width:85px;
	display:block;
	float:left;
	font-size:11px;
}

#ContactFormContainer input {
	border:1px solid #ffffff;
	color:#000000;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
	margin:0 0 4px 2px;
	padding:2px;
	width:220px;
}

#ContactFormContainer textarea {
	border:1px solid #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	float:left;
	margin:0 0 4px 2px;
	padding:2px;
	width:340px;
	height:132px;
}

#ContactDetailsContainer {
	height:304px;
	width:400px;
	float:right;
}

#map {
	height:206px;
	width:398px;
	float:left;
	border:1px solid #ffffff;
	margin-bottom:10px;
	background-color:#212025;
}

#contactDetails {
	width:400px;
	float:left;
}

#developmentLinks ul li a.selected {
	color:#7F7F7F;
}

div.galleryContainer {float:left;width:124px;height:72px;margin:0 8px 8px 0;border:1px solid #fff;}
.banner { 
	position:absolute; 
	top:20px; 
	left:2px;
	background-image:url(../../images/projects/banner.png);
	background-repeat:no-repeat;
	color:#FFF; 
	text-align:left; 
	z-index:10;
	width:280px;
	height:52px;
	padding:15px 0px 0 150px;
}
.imgCont { 
	position:absolute; 
	top:0; 
	left:0; 
	width:400px;
	height:261px;
	border:1px solid #ffffff;
	overflow:hidden;
}

.link {
	margin:0 0 20px 0;
	width:860px;
	float:left;
	border-bottom: 1px solid #5F5F5F;
	padding-bottom:16px;
}
.linkLogo {
	border:1px solid #fff;
	width:150px;
	margin:0 20px 0 0;
	float:left;
}
.linkDesc {
	width:650px;
	float:right;
}
	.linkDesc h3 {
		margin:10px 0 5px 0;
	}
	.linkDesc .url {
		font-size:12px;
		font-style:italic;
	}