/* basic styles */
body{
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, sans-serif;
	background: url(../images/bg.gif);
	color:#666666;
	text-align:center;
	background-color:#E2D4B7;
	word-spacing:-0.2px;
	letter-spacing:-0.2px;
}
a{
	font-size: 11px;
	color:#796E08;
	text-decoration:none;
	border-bottom:none;
}
a img {
	border:none;
}
a:hover {
	color:#C6470D;
	text-decoration:none;
}
p {
	font-size:11px;
	line-height:17px;
}
h3{
	font-size:16px;
	color:#694C3D;
	line-height:19px;
	font-family: Georgia, Times New Roman, Times, serif;
	word-spacing:-1px;
	letter-spacing:-0.5px;
	padding-top:10px;
}
/* Div for containner and header */
#containner {
	margin:55px auto 4px;
	width:889px;
	text-align:left;
	background-color:#FFFFFF;
	padding:20px;
}
#header {
	margin-top:12px;
	width:889px;
	height:60px;
	}*html #header {margin-top:28px;}
#header img{float:left;}
#homeHeader{
	width:889px; 
	height:492px;
	}
.rightHome p{
	padding:0 20px 12px 0;
	font-size:11px;
	color:#FFFFFF;
	line-height:17px;
}
.rightHome h3{
	padding:20px 0;
	font-size:16px;
	color:#381E10;
	font-family: Georgia, Times New Roman, Times, serif;
	word-spacing:-1px;
	letter-spacing:-0.5px;
}

#subHeader{
	width:889px; 
	height:291px;
	
	}
	#subHeaderMap{
	width:889px; 
	height:630px;
	
	}
#subHeaderGallery {
	background: #b2a187; width:285px; HEIGHT: 580px; margin:0 0 10px 0; padding:8px;
	
}
/* left and right col for body contents */
#leftCol{
	float:left;
	display:inline;
	width:287px;
	margin:20px 10px 0 0;
	} 

	
#leftColGallery{
	float:left;
	width:300px;
	margin:0 10px 0 0;
	} 
#leftCol p, #leftColGallery p {
	margin:1px 0 4px 4px;
	font-size:11px;
	line-height:24px;
	color:#A6947B;
	text-align:right;
	padding-left:70px;
}
/* 2 cols contents */	
#rightCol{
	float:left;
	display:inline;
	margin:20px 0 0 0px;
	width:580px;
	padding-bottom:10px;
}

#rightCol p {
	margin:8px 0 0 0;
	font-size:11px;
}
#rightColGallery {
	PADDING-BOTTOM: 10px;
	margin:0 0 0 316px;
}

/* Home page with Scrolling News */

#scrolling-container {
width: 889px;
margin: 0 auto;
padding-bottom: 15px; }

.tickercontainer { /* the outer div */
background: #fff; 
width: 889px; 
height: 27px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 879px;
overflow: hidden;
}

ul.newsticker { /* that's your list */
position: relative;
left: 750px;
list-style-type: none;
margin: 0;
padding: 0;
color: #A6947B;
font-family: Verdana, Arial, sans-serif;
word-spacing:-0.2px;
letter-spacing:-0.2px;
font-size: 14px;
}

ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: none;
line-height: 30px;
white-space: nowrap;
font-family: Verdana, Arial, sans-serif;
color: #A6947B;
}

ul.newsticker span, ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #A6947B;
font-family: Verdana, Arial, sans-serif;
word-spacing:-0.2px;
letter-spacing:-0.2px;
margin: 0 50px 0 0;
font-size: 14px;
} 

/* Projects */

#project-nav{
	float:right;
	text-align:right;
	margin:15px 0 10px 0;
}

#project-nav li{
	margin-bottom:5px;
}

#project-nav li a{
	background:#bfae9b;
	padding:5px;
	color:#fff;
	width:120px;
	display:block;
}

#project-nav li.active a, #project-nav li a:hover{
	color:#5c4939;
}


#project1 {
 background:#E9E3D7;
 margin:15px 0px 0px 0px;
}
#project2, #project3, #project4, #project5, #project6, #project7, #project8, #project9, #project10 {
 display:none;
 background:#E9E3D7;
 margin:15px 0px 0px 0px;
}

#tabs-menu {
 float:left;
 display:inline;
 width:580px;
 margin:0;
 padding:0;
 background:#FFF;
}

#tabs-menu ul {
 display:inline;
 margin:0;
 padding:0;
}

#tabs-menu li {
 float:left;
 display:inline;
 width:144px;
 height:21px;
 margin-top:6px;
 padding-top:0;
}

#tabs-menu li.hover {
 float:left;
 display:inline;
 width:144px;
 height:21px;
 margin-top:6px;
 padding:0;
 background:#C0AE9B;
}

#tabs-menu li.active {
 float:left;
 display:inline;
 width:144px;
 height:21px;
 margin-top:6px;
 padding:0;
}

#tabs-menu a {
 float:left;
 display:inline;
 width:124px;
 height:18px;
 margin-top:0px !important;
 margin-top/**/:3px;
 padding:3px 0px 0px 19px;
 background:#C0AE9B url(../images/tab-bg-off.gif) no-repeat 128px 0px;
 color:#FFF;
 border-left:1px solid #CABEAC;
}

#tabs-menu a:hover {
 float:left;
 display:inline;
 width:124px;
 height:24px !important;
 height/**/:21px;
 margin-top:-6px !important;
 margin-top/**/:0px;
 margin-right:0px;
 margin-bottom:0px;
 margin-left:0px;
 padding:3px 0px 0px 19px;
 background:#C5B4A3 url(../images/tab-bg-on.gif) no-repeat 128px 0px;
 color:#FFF;
 border:none;
 border-left:1px solid #D3C9B9;
}

#tabs-menu a.active {
 float:left;
 display:inline;
 width:124px;
 height:24px !important;
 height/**/:21px;
 margin-top:-6px !important;
 margin-top/**/:0px;
 margin-right:0px;
 margin-bottom:0px;
 margin-left:0px;
 padding:3px 0px 0px 19px;
 background:#C5B4A3 url(../images/tab-bg-on.gif) no-repeat 128px 0px;
 color:#FFF;
 border:none;
 border-left:1px solid #D3C9B9;
}

#tabs-menu a.active:hover {
 background:#C5B4A3 url(../images/tab-bg-on.gif) no-repeat 128px 0px;
 border-left:1px solid #D3C9B9;
}

#rendering {
 position:relative;
 width:580px;
 background:#D2C8B9;
 margin:0;
 padding:0;
}

#rendering img {
 width:465px;
 margin:11px 58px 11px 58px;
 padding:0;
 border:none;
}

##rendering img {margin: 0;}

#project1 #rendering img {
 width:580px;
 height:271px;
 margin-left:0;
 margin-top:0;
 margin-bottom:0;
}

#project2 #rendering img {
 width:580px;
 height:287px;
 margin-left:0;
 margin-top:0;
 margin-bottom:0;
}

#project3 #rendering img {
 width:580px;
 height:271px;
 margin-left:0;
 margin-top:0;
 margin-bottom:0;
}

#project4 #rendering img {
 width:580px;
 height:287px;
 margin-left:0;
 margin-top:0;
 margin-bottom:0;
}

#project5 #rendering img {
 width:580px;
 height:271px;
 margin-left:0;
 margin-top:0;
 margin-bottom:0;
}

	#project6 #rendering img {
 width:580px;
 height:271px;
 margin-left:0;
 margin-top:0;
 margin-bottom:0;
}

#project7 #rendering img {
 width:580px;
 height:271px;
 margin-left:0px;
 margin-top:0;
 margin-bottom:0;
}

#project8 #rendering img {
 width:580px;
 height:271px;
 margin-left:0px;
 margin-top:0;
 margin-bottom:0;
}

#project9 #rendering img {
 width:580px;
 height:271px;
 margin-left:0;
 margin-top:0;
 margin-bottom:0;
}

#project10 #rendering img {
 width:580px;
 height:271px;
 margin-left:0;
 margin-top:0;
 margin-bottom:0;
}

#content {
 background:#E9E3D7;
}

#project-gallery {
 float:left;
 display:inline;
 width:250px;
}

#project-gallery #project1-display, #project-gallery #project2-display, #project-gallery #project3-display, #project-gallery #project4-display, #project-gallery #project5-display, #project-gallery #project6-display, #project-gallery #project7-display, #project-gallery #project8-display, #project-gallery #project9-display, #project-gallery #project10-display {
 display:block;
 width:230px;
 height:200px;
 margin:10px 10px 10px 0px;
 padding:0;
}

#project-gallery #project1-thumbs, #project-gallery #project2-thumbs, #project-gallery #project3-thumbs, #project-gallery #project4-thumbs, #project-gallery #project5-thumbs, #project-gallery #project6-thumbs, #project-gallery #project7-thumbs, #project-gallery #project8-thumbs, #project-gallery #project9-thumbs, #project-gallery #project10-thumbs {
 display:block;
 width:230px;
 height:50px;
 margin:0;
 padding:0;
}

#project-gallery #project1-thumbs ul, #project-gallery #project2-thumbs ul, #project-gallery #project3-thumbs ul, #project-gallery #project4-thumbs ul, #project-gallery #project5-thumbs ul, #project-gallery #project6-thumbs ul, #project-gallery #project7-thumbs ul, #project-gallery #project8-thumbs ul, #project-gallery #project9-thumbs ul, #project-gallery #project10-thumbs ul {
 display:block;
 width:230px;
 height:50px;
 margin:0;
 padding:0;
}

#project-gallery #project1-thumbs li, #project-gallery #project2-thumbs li, #project-gallery #project3-thumbs li, #project-gallery #project4-thumbs li, #project-gallery #project5-thumbs li, #project-gallery #project6-thumbs li, #project-gallery #project7-thumbs li, #project-gallery #project8-thumbs li, #project-gallery #project9-thumbs li, #project-gallery #project10-thumbs li {
 float:left;
 display:inline;
 width:56px;
 height:50px;
 margin:0px 0px 0px 5px;
 padding:0;
}

#copy {
 float:left;
 display:inline;
 width:312px;
 margin:0;
 padding:30px 0px 20px 10px;
}

.title {
 font:italic 13px Verdana, Arial, sans-serif;
}



/* footer styles */	
#footer{
	margin:0 auto;
	width:929px;
	}
#footer p{
 float:left;
 display:block;
 padding:0 0 10px 0;
 line-height:12px;
 text-align:right;
 color:#A2916F;
 font-size: 10px;
 width:875px;
}
/* Menu styles */
#menu {
    margin:24px 0 0 0;
	float:right;
	}
#menu li {
	list-style: none;
	float:left;
	top: 0;
}
#menu a {
    height: 21px; 
	display: block;
	border:none;}
#menu a  span { display: none; } 
	#menu #about a { background:  url(../images/m_about.gif) 0 0 no-repeat; width:74px;}
	#menu #projects a { background:  url(../images/m_project.gif) 0 0 no-repeat; width:67px; }
	#menu #city a { background:  url(../images/m_city.gif) 0 0 no-repeat; width: 70px;}
	#menu #gallery a { background:  url(../images/m_gallery.gif) 0 0 no-repeat; width: 103px;}
	#menu #investors a { background:  url(../images/m_investors.gif) 0 0 no-repeat; width: 71px;}
	#menu #news a { background:  url(../images/m_news.gif) 0 0 no-repeat; width: 50px;}
	#menu #contact a { background:  url(../images/m_contact.gif) 0 0 no-repeat; width: 60px;}
	
	#menu #about a:hover { background-position:-74px 0;}
	#menu #projects a:hover { background-position:-67px 0;}
	#menu #city a:hover { background-position:-70px 0;}
	#menu #gallery a:hover { background-position:-103px 0;}
	#menu #investors a:hover { background-position:-71px 0;}
	#menu #news a:hover { background-position:-50px 0;}
	#menu #contact a:hover { background-position: -60px 0;}
	
	#menu #about a.current { background-position:-74px 0;}
	#menu #projects a.current { background-position:-67px 0;}
	#menu #city a.current  { background-position:-70px 0;}
	#menu #gallery a.current  { background-position:-103px 0;}
	#menu #investors a.current  { background-position:-71px 0;}
	#menu #news a.current  { background-position:-50px 0;}
	#menu #contact a.current  { background-position: -60px 0;}
	
#emailEnter {
 width:170px;
 border:1px solid #B2A187;
 padding:10px;
 font:11px Verdana, Arial, sans-serif;
 margin-left:96px;
 margin-top:10px;
}

#emailEnter input {
 margin-top:5px;
 width:150px;
}

#emailEnter #submitEmail {
 margin-top:5px;
 width:81px;
 height:22px;
}

#error {
 display:none;
 color:#FF0000;
 font:11px Verdana, Arial, sans-serif;
}

.clear {
 clear: both;
}