body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color: #000000;
	background-color: #C8C8A1;
  background-image:url(../images/bg-greenbar-repeat.gif);
	background-repeat:repeat-y;
	margin: 0px;
}

body #home {
	background-color: none;
}

td {
	vertical-align:top
}

a {color: #5D5D2A}
a:visited {color: #545421}
a:hover {}

#header .mainnav a:hover {color: #ffffff}

/** BACKGROUND IMAGES **/
#homeBg {
	background-image:url(../images/bg-home.jpg);
	background-repeat:no-repeat;
	width: 729px;
	height: 469px;
}

#homeInnerRepeat {
	background-image:url(../images/bg-inner-repeat.gif); 
	background-repeat:repeat-y
}

#homeInnerBg {
	background-image:url(../images/bg-inner.jpg); 
	background-repeat:no-repeat;
}


#portfolioRepeat {
	background-image:url(../images/bg-portfolio-repeat.gif); 
	background-repeat:repeat-y
}

#portfolioBg {
	background-image: url(../images/bg-portfolio.jpg);
	background-repeat:no-repeat;
}


#inner {
	background-image: url(../images/bg-inner-bottom.gif);
	background-repeat:repeat-y;
}

#innerPortfolio {
	background-image: url(../images/bg-portfolio-bottom.gif);
	background-repeat:repeat-y;
}


#gutter {
	float: left;
	width: 6px;
	height: 100%;
	background-color: #7C7C45;
}

#header {
	float: left;
	width: 723px;	
	height: 83px;
}

#header a {
	color: #CDCD92;

}

#header .logo {
	float: left;
	
	width: 425px;
	padding-top: 40px;
	padding-right: 10px;
	text-align: right;	
}

#header .mainnav {	
	background-color: #545421;	
	width:274px;	
	height: 69px;
	padding-top: 14px;
	padding-right: 19px;
	text-align:right;
}

#header .mainnav a {
	color: #C6C690;
	font-size: 8pt;
}


#header .mainnavInnerHome {
	float: left;
	width: 420px;	
	text-align: right;
	padding-top: 40px;
}

#header .mainnavInner {
	float: left;
	text-align:right;
	padding-top: 12px;
	width: 280px;
}

#containerPortfolio {
	float: left;
	width: 724px;
	background-image:url(../images/bg-portfolio-top.jpg);
	background-repeat:no-repeat;
}

#main {
	clear:both;
	width: 729px;
}

#main .content {
	padding: 8px 95px 20px 95px;
	height: 610px;
}

#main .contentPortfolio {
	padding: 8px 95px 20px 95px;
	color: #fff;
}

#main .contentPortfolio h2 {
	color: #fff;
	font-weight: bold;
	font-size:10pt;
	margin: 0;
	padding: 0;
}

#thumbnails {
	padding-left: 30px;
	padding-top: 20px;
	color: #fff;
}

#thumbnails td {
	padding-right: 19px;
	padding-bottom: 20px;
}

#thumbnails img{
	border: 1px solid #9B9B6E;
}

#thumbnails a:hover img{
	border: 1px solid #E9E9BD;
}


#detail {
	padding-top:5px;
	color: #F8DEFF;
	width: 610px;
}

#detail .photos {
	float: left;
	width: 382px;
	height: 378px;
	padding-right: 10px;
	text-align:right;	
}

#detail .desc {
	float: left;	
	width: 214px;
}

#detail .desc h2 {
	font-size: 9pt;
	border-bottom: 1px solid #CDCD92;
	padding:0;
	margin:0;	
}

#projPhoto {

}

#projName {  
}

#projDesc {	
	margin-top:3px;
	color: #ffffff;
}

#projThumb {
	margin-top:-13px; 
	padding-bottom: 15px; 
	padding-left:64px;
}

#projThumb span {
	padding-right: 9px;
	border: 1px solid #828250;
}

#projThumb img {
	border: 1px solid #828250;
}

#projThumb span a:hover img{ border:1px solid #ffffff}

/* FOOTER */
#footerHome {
	clear:both;
	width: 674px;	
	margin-left: 55px;
	font-size: 7pt;
	color: #545421;
}

#footer {
	clear:both;
	position: relative;	
	width: 674px;		
	margin-left: 55px;
	font-size: 7pt;
	color: #545421;
	padding-bottom:30px;
}

.copyright {
	width: 380px;
	float: left;
	font-size: 7pt;
	color: #545421;
	padding-top: 7px;
}

.related {
	float: left;
	text-align: right;	
	width: 274px;
	
	height: 20px;
	background-color: #555523;	
	padding: 7px 20px 0px 0px;
}

.hr {
	clear: both;
	padding: 16px 0 5px 0;	
	height:1px;
	border-bottom: 1px solid #545421;
}

.links {
	clear: both;
	padding-top: 10px;
	font-size: 8pt;
}

.toppadding {
	padding-top:10px;
}

.back-port {color:#b3b37d; text-decoration:none; font-size:11px; font-family:arial;}