/* General style */

body{
	font-family: Arial;
	font-size:12px;
	background:url(../images/bg.jpg) repeat-x top #F2F1E7; 
	padding:0;
	margin:0;
	color:#6D5A45;
}

td, img, form, h1, h2, h3 {	margin:0; padding:0;}
a{outline:none;text-decoration:none;color:#66796F;}
a:hover{text-decoration:underline;}
img {border:0;}


#wrapper {
position: relative;
text-align: left;
width: 960px;
margin-right: auto;
margin-left: auto;
}
#header {height:12px; }


/*** Nav bar styles ***/

#nav {position:relative;width: 223px;top: 0x; left: 2px; text-align:left;} 
#nav ul {list-style: none; padding: 0;margin:0px;line-height:32px}
#nav li{ }
#nav li a { padding-left:10px;
font-family: "Arial"; font-size:12px; color: #DFDFCA; display: block;text-decoration: none; width: 213px; border-bottom: 1px dotted #81814F; font-weight:bold;}
#nav li a:hover{color: #333; background: #CDCD9B; font-weight:bold;}
#nav li.navsel a {color: #333; background: url(../images/arrow.jpg) no-repeat 206px 11px #CDCD9B; font-weight:bold;}


/* Hide from IE5-Mac \*/#nav-menu li a{float: none;}/* End hide */

#mid {
position:relative;
float: left;
height: 560px;
width:920px;
background:#FFFFFF;
}
#leftcol {
float:left;
height: 560px; 
width: 236px;
background: url(../images/navbg.jpg) no-repeat 0px 76px; 
}

#flashoverlay {
position:absolute;
left: 236px;
top: 397px;
width: 674px;
height: 124px; 
background:url(../images/bgdark.png);
color: #FFF;
z-index:100;
}

#gallerylink {
position:absolute;
left: 637px;
top: 77px;
}

#flashoverlayin {
width: 674px;
height: 124px; 
margin: auto;
background:url(../images/squares.gif) no-repeat 20px 20px;;
}
.flashtitle  {
padding-top: 10px;
margin-left: 35px;
font-size:18px;
}

.flashdesc  {
width: 604px;
padding-left: 35px;
font-size:12px;
line-height: 18px;
font-weight:normal;
}
#maincontent {
position:relative;
float:left;
width: 674px;
height: 450px; 
color: #3E3E18;
line-height: 20px;
overflow:auto;
}

#maincontent  h1{
color:#906E2E; font-weight:bold; font-size:16px;
}

#maincontentplain {
position:relative;
float:left;
width: 604px;
height: 450px; 
color: #3E3E18;
line-height: 20px;
overflow:auto;
padding-left:30px;
padding-right:40px;
}
#maincontent h1, #maincontentplain h1{
color:#906E2E; font-weight:bold; font-size:16px;
}

#maincontentfix {
position:relative;
float:left;
width: 674px;
height: 450px; 
color: #3E3E18;
line-height: 20px;
overflow:auto;
}

.imgcontainer {
padding-left:1px;
padding-top:1px;
background: url(../images/bggrey86.gif) no-repeat 0px 0px;
text-align:center;
width: 132px;
height: 178px;
margin-right:26px;
}
.imgcontainer a{
display:inline;
}
#mainpic {
position: relative;
float:left;
width:670px;
height:340px;;
overflow:scroll;
}

#mainpic img {border:0px solid #F2F2F2; margin-right:16px; margin-bottom:20px; text-align:left;}

#propbox {
top: 20px;
right: 2px;
position: relative;
float:right;
width: 156px;
background: #CA9C46;
height: 120px;
color: #FFFFFF;
}
#proptitle {
position:absolute;
bottom: 10px;
font-size: 18px;
margin-left: 10px;
}
#photocap {
position:relative;
float: left;
width: 510px;
color:#906E2E;
text-align:right;
font-size:10px;
}
#photocap img{vertical-align: middle;}
.subtit {color:#906E2E; font-weight:bold; font-size:14px;}
#projectdesc {
padding-top:4px;
position:relative;
float: left;
width: 510px;
color:#333;
font-size:12px;
line-height:16px;
height: 60px;
}
#projectnav {
margin-top: 2px;
position:relative;
float: left;
width: 674px;
color:#333;
height: 24px;
line-height: 24px;
vertical-align:middle;
}
#projectnav img {

vertical-align:middle;
}

.dotline {border-bottom: 1px dotted #D4D5D0;border-top: 1px dotted #D4D5D0;}

#prevprop {float:left;}
#nextprop {float:right;}



#hometop {
height: 85px; 
}

#homefoot {
position:relative;
float:right;
text-align:right;
top: 2px;
right:12px;
font-size:10px;
color:#B0B28A;
width: 674px;
height: 12px; 
}

#homeflash {
position:relative;
float:left;
width: 674px;
height: 450px; 
}


#leftside {
float: left;
}
#rightside {
float: right;
}

#footer {
position:relative;
bottom:0px;
font-size:11px;
text-align:right;
clear:both;
}


/* Page styles */

.subtitle  {
	font-family: "Times New Roman";
	font-weight:bold;
	font-size:24px;
}

.imgleft  {
padding-top: 0px; 
padding-right: 0px; 
padding-bottom: 0px; 
padding-left: 0px; 
margin-right: 15px; 
float: left;
width:auto;
}
.imgright  {
padding-top: 0px; 
padding-right: 0px; 
padding-bottom: 0px; 
padding-left: 15px; 
margin-right: 0px; 
float: right;
width:auto;
}

.ClearFix {clear:both;}
.ClearFix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* WinIE7 only */
*:first-child+html .ClearFix{
	height:1%;
}
*:first-child+html #maincontent, *:first-child+html #sidecolumn {
	padding-top:10px;
}

/* WinIE6 and below */
/*¥*/
* html .ClearFix{
	height:1%;
}
* html #maincontent, * html #sidecolumn{
	padding-top:10px;
}
* html #wrapper {
	height:100%;
}

* html #flashoverlay {
background:url(../images/bgdark.png) #333;

}
/**/

/* MacIE only */
/*¥*//*/
.ClearFix{
	display:inline-table;
}
/**/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #CDCD9B;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666634;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #666634;
	height: 12px;
	background: url(../images/up.gif)  no-repeat;
}
a.jScrollArrowUp:hover {
	background-color: #CDCD9B;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	color:#FF0000;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #666634;
	height:12px;
	background: url(../images/down.gif)  no-repeat;

}
a.jScrollArrowDown:hover {
background-color: #CDCD9B;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #CDCD9B;
}