/***** wrapper *****/
 
#wrapper {
	width:926px;
	padding:0 17px 5px 17px;
	margin:0 auto;
	color:#3a4249;
	background:url(../images/bg-wrapper.png) repeat-y;
}

/***** header *****/
#header {
	width:926px;
	height:145px;
}
#header #logo {
height:103px;
}

/***** nav *****/
#header #nav {
	width:903px;
	height:32px;
	background: url(../images/nav-bg.gif) no-repeat;
	padding: 0 0 0 25px;
}
#header #nav ul { list-style:none; padding:0; margin:0;}
#header #nav li { display:block; float:left; padding:0;}
#header #nav li a {
	display:block;
	float:left;
	color:#FFFFFF;
	width:103px;
	height:22px;
	padding-top:10px;
	text-align:center;
	font-size:1em;
	line-height:1.2em;
	text-decoration:none;
	border-right:#6b757f solid 1px;
}
#header #nav li a:hover { background:url(../images/nav-o.gif) repeat-x;}
#header #nav li a.active { background:url(../images/nav-o.gif) repeat-x;}


/***** grid *****/
#banner {
	height:230px;
	width: 926px;
}

#banner #quote{
	float:right;
	height:212px;
	width: 233px;
	padding: 18px 25px 0 0;
	color:#fff;
}


#banner #quote p{
	line-height:120%;
	font-size:1.3em;
}

#banner #quote p.date{
	font-size:1.0em;
	color:#fff;
}

#banner #quote ul{
	line-height:100%;
	font-size:1.3em;
	padding:0 0 0 20px;
}


#content {
	width:926px;
	padding:23px 0 0 0;
	font-size: 1.1em;
}

#content #content-left {
	float:left;
	width:627px;
	background:url(../images/bg-left.gif) no-repeat;
	padding: 19px 0 40px 0;
}

#content #content-left p {
	padding:2px 20px 12px 24px;
}

#content #content-left p.port-pics {
	padding:2px 10px 0 24px;
	height: 100px;
}

#content #content-left p.port-pics img {
	float:left;
	margin: 0 13px 0 0;
}

#content #content-left.subpage{ 
	background:url(../images/bg-left-short.gif) no-repeat;
}

#content #content-right {
	float:right;
	width:276px;
	margin: 0;
	padding: 0 0 40px 0;
}

#content #content-right .more a {
	display:block;
	height:27px;
	width: 256px;
	padding: 6px 0 0 20px;
	background:url(../images/bg-bar.gif) no-repeat;
	color:#fff;
	font-size: 1.6em;
	line-height:1em;
	font-family:"Arial Narrow", "Arial Condensed", "Helvetica Condensed", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:-0.05em;
}

#content #content-right .more a:hover {
color:#1a0044;
}

#content #content-right #thumbnails {
	padding: 0;
	width: 276px;
	height: 190px;
}

#content #content-right #thumbnails .thumb {
	padding: 6px 6px 0 0;
	float:left;
	width: 135px;
	height: 89px;
}

#content #content-right #thumbnails .thumb-last {
	padding: 6px 0 0 0;
	float:left;
}


/***** footer *****/
#footer{
	padding: 10px 0 0 24px;
	height: 32px;
	font-size:1em;
	background:url(../images/bg-footer.gif) no-repeat;
	color:#fff;
	clear: both;
}


/***** classes *****/
.company{ background:url(../images/temp2.jpg) no-repeat; }
.rsl{ background:url(../images/temp3.jpg) no-repeat; }
.commercial{ background:url(../images/temp4.jpg) no-repeat; }
.domestic{ background:url(../images/temp5.jpg) no-repeat; }
.portfolio{ background:url(../images/temp6.jpg) no-repeat; }
.contact{ background:url(../images/temp7.jpg) no-repeat; }

.ad-banner {
	padding: 25px 0 25px 0;
	height:100%;
	width: 276px;
}

.item{
	margin:0 0 30px 0;
}

.highlight{
	color: #9a7822;
}

.lowlight{
	color: #191d22;
}

.title {
	font-size: 120%;
	line-height: 120%;
}