/* CSS Created by LookatLao Studio : www.lookatlao.com */



body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #fff;
	background: #dbcdc9;
}


/* ---===PAGE LAYOUTS===--- */

#logo { position:absolute; left:488px; top:75px; z-index:3; }

body#project, body#commercial, body#residential { background: #666 url(../image/bg-project.gif) repeat-y top left; }
body#info { background: #666 url(../image/bg-info.gif) repeat-y top left; }
body#conceptual { background: #666 url(../image/bg-con.gif) repeat-x top left; }

body#home div#content { width: 760px; height: 750px; background: url(../image/img-home.jpg) no-repeat top left; }
/* body#residential div#content { width: 760px; height: 800px; background: url(../image/img-project.gif) no-repeat  top left; }
body#commercial div#content { width: 760px; height: 800px; background: url(../image/img-project.gif) no-repeat  top left; } */
body#conceptual div#content { width: 760px; height: 750px; background: url(../image/img-conceptual.jpg) no-repeat top left; } 
body#info div#content { width: 760px; height: 750px; background: url(../image/img-info.jpg) no-repeat top left; }
/*body#project div#content { width: 760px; height: 800px; background: url(../image/img-project.gif) no-repeat  top left; }*/

body#home div#navigation { position:absolute; left:415px; top:371px; width:275px; z-index:2; }
body#home div#address    { position:absolute; left:415px; top:484px; width:277px;  z-index:2; }

body#residential div#navigation, body#commercial div#navigation, body#conceptual div#navigation, body#project div#navigation  { position:absolute; left:472px; top:135px; width:224px; z-index:2; }
body#info div#navigation { position:absolute; left:343px; top:138px; width:224px; z-index:2; }


#sectionhead {
	position:absolute;
	left:17px;
	top:53px;
	z-index:2;
	width: 185px;
}
#projectselect {
	position:absolute;
	left:486px;
	top:274px;
	z-index:2;
	padding-top: 20px;
	background: url(../image/head-project.gif) no-repeat 5px 5px;
	width: 240px;
}
#slideframe {
	position:absolute;
	left:17px;
	top:77px;
	z-index:2;
	width: 440px;
}
#slidenav { position:absolute; left:305px; top:370px; width:135px; z-index:2; }
#slidenav6 { position:absolute; left:286px; top:370px; width:135px; z-index:2; }
#projectdesc { position:absolute; left:19px; top:387px; width:437px; z-index:2; }
#conceptdesc { position:absolute; left:19px; top:297px; width:437px; z-index:2; }
#info-content { position:absolute; left:27px; top:63px; width:248px; height:398px; z-index:2; }

/* ---===LINKAGE===--- */
a:link, a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover, a:active {
	color: #fc0;
}

body#info div#navigation a:link, body#info div#navigation a:visited, body#conceptual div#navigation a:link, body#conceptual div#navigation a:visited {
	color: #666;
}

body#info div#navigation a:hover, body#info div#navigation a:active, body#conceptual div#navigation a:hover, body#conceptual div#navigation a:active {
	color: #fc0;
}

body#home a:hover, body#home a:active {
	color: #21160e;
}

/* ---===DIV SPECIFIC===--- */
div#projectselect img {
	padding: 0;
	margin: 5px;
	border: 1px solid #fff;
}





/* ---===TEXT FORMATTING===--- */

p, ul, dl, h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-weight: normal;
	color: #fff;
}

h1 { font-size: 16px; margin: 0; }
h2 { font-size: 13px; margin: 2px 0 10px 0; color: #ccc; }
h3 { font-size: 12px; margin: 0; }
h4 { }
h5 {}
h6 {}

p {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 10px 0;
}

big { font-size: 30px; }

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 20px;
	font-size: 12px;
}

li {
	margin: 0;
	padding-left: 20px;
}

ul li#select {
	color: #d6d6d6;
	background-image: url(../image/arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;	
}

body#conceptual ul li#select, body#info ul li#select {
	color: #000;
	background-image: url(../image/arrow-dk.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;	
}

body#home ul li {
	font-size: 13px;
	margin: 0;
	padding: 0;
}

.small { font-size: 9px; color: #999; }