/* CSS Document */

html {
	height:100%;
}

body {
	margin:0;
	padding:0;
	height:100%;
	text-align:center;
	font-size:14px;
	font-family:"Myriad Pro", "Helvetica Neue", Arial, sans-serif;
	background:#BF3426;
}

/* Project Section */

.project_summary
{
	width: 507px;
/*	border: solid 1px #cfcfd1; */
	margin: 24px 28px 24px 28px;
	position: relative;
	top: 0px;
	left: 0px;
}

.project_summary .header
{
	position: relative;
	top: 0px;
	left: 0px;
	height: 68px;
}

.project_summary .header2
{
	position: relative;
	top: 0px;
	left: 0px;
	height: 30px;
}

.project_summary .content
{
	position: relative;
	top: 0px;
	left: 0px;
	padding: 10px 0px 10px 0px;	
}

.project_summary .title
{
	width: 250px;
	height: 68px;
	margin-left: 13px;	
	position: absolute;
	left: 0px;
	top: 14px;
}

.project_summary .title2
{
	width: 250px;
	height: 30px;
	margin-left: 13px;	
	position: absolute;
	left: 0px;
	top: 14px;
}


a img.project_smallpic_inactive
{
	border: solid 1px #a09d83;
	margin-right: 13px;	
}

a img.project_smallpic_active
{
	border: solid 1px #bf3426;
	margin-right: 13px;
}

.project_summary .smallpics
{
	position: absolute;
	top: 0px;
	left: 270px;
	height: 42px;
}

.project_summary .smallpics2
{
	position: absolute;
	top: 0px;
	left: 270px;
	height: 5px;
}

.project_summary .synopsis
{
	position: relative;
	top: 0px;
	left: 24px;
	width: 440px;
	color: #9f9fa3;
	font-size: 0.8em;
}

/* DIV Skeletons and formatting */

#container {
	width:780px;
	margin-left:auto;
	margin-right:auto;
	min-height:100%;
	height:auto;
	overflow:hidden;
	text-align:left;
	background:#FFFFFF;
}

h1 {
	padding:0;
	margin:0;
	height:85px;
	text-align:left;
	background-image:url(../images/header.gif);
}

#name {
	float:left;
	margin:0;
	padding:0;
	height:29px;
	width:210px;
	background-image:url(../images/name.gif);
}

#nav {
	margin:0;
	padding:0;
	float:left;
	height:29px;
	width:570px;
	background:#FFFFFF;
}

#left_nav {
	clear:both;
	float:left;
	border-right:2px solid #FFFFFF;
	margin-bottom: -2000px;
	padding-bottom: 2000px;	
	min-height:462px;
	height:auto;
	/*_height:462px;*/
	width:208px;
	background:#ECECED;
}

#sub_nav {
	margin:0;
	padding:0;
	float:left;
	height:18px;
	width:570px;
	text-align:left;
	background-image:url(../images/sub_nav.gif);
}

#gray_area {
	margin:0;
	padding:0;
	float:left;
	height:103px;
	width:570px;
	background-image:url(../images/gray_area.gif);
}

#type_nav {
	margin:0;
	float:left;
	height:79px;
	width:570px;
	background-image:url(../images/type_nav.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

#main {
	margin:0;
	padding:0;
	float:left;
	margin-bottom: -2000px;
	padding-bottom: 2000px;	
	min-height:262px;
	height:auto;
	_height:262px;
	width:570px;
	background:url(../images/main-home.jpg) no-repeat;
}

#main_interior {
	margin:0;
	padding:0;
	float:left;
	min-height:262px;
	height:auto;
	_height:262px;
	width:570px;
	background:#FFFFFF;
}

.main_interior_head {
	padding:0;
	margin:0;
}

.main_interior_content {
	padding:0;
	margin:0;
}

#copyright {
	clear:both;
	float:left;
	padding:0;
	border-right:2px solid #FFFFFF;
	height:24px;
	width:208px;
	background:url(../images/copyright.gif);
}

#info {
	float:left;
	margin:0;
	padding:0;
	height:24px;
	width:570px;
	background:#FFFFFF;
}

.comprehensive{
	margin:0;
	padding:0;
}

.contact {
	text-align:center;
}

/* Images */

img {
	border:none;
}

.type_nav_residential {
	padding-left:56px;
	padding-right:22px;
}

.type_nav_others {
	padding-right:22px;
}

.images {
	padding:0;
	margin:0;
}

/* Links */

type_nav a {
	text-decoration:none;
}



.project_summary .synopsis li a{
	text-decoration:none;
	color:#9f9fa3;
}

.project_summary .synopsis li a:hover{
	color:#BF3426;
}

.project_summary .synopsis ul li {
	padding:0;
	margin:0;
}