/* --------------------- Stylesheet for Shelters portal -----------------------------*/ 
*{ 
 margin:0; 
 padding:0; 
 border:0;
 text-align:center; 
} 
body {
   height: 100%;
 	background: #fff url("topbg.jpg") repeat-x;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.80em;
   color: #666;
	margin: 0 auto;
} 
a{
	outline: none;
}
h1 strong,h2 strong,h4 strong,h5 strong {
	display: none;
}
h2{
	text-align: left;
}
br.clear{
	clear: both;
}
.nobrdr{
	border: none;
}
#mainbox{ 
 width:940px; 
 margin: 0 auto; 
}
#peakbox{
	width:100%;
	height: 57px;
	text-align: left;
} 
#bnrbox{
	width:300px;
	height: 57px;
	float: left;
	text-align: left;
}
#navbox{
	width:600px;
	float: right;
	margin-top: 32px;
	text-align: left;
}
.imgfll{
	float: left;
}
.imgflr{
	float: right;
}
/* REdesign sep 03 2008------------------------------------*/
#hmtopbox{
	width:100%;	
	margin-top: 25px;
	background-color: #fff;
}
#hmtopboxl{
	float: left;
	width: 275px;
	height: 130px;
	text-align: left;
}
#hmtopboxr{
	float: right;
	width: 605px;
	text-align: left;
}
#hmtopboxr p{
	padding: 38px 15px 10px 0;
	font: 18px/26px Georgia,"Times New Roman", Times, serif  ;
	color: #555;
	text-align: left;
}
#hmprjbox{
clear: both;
	margin: 0 auto;
	width:940px;
	margin-top: 10px;

}
.hmcol1{
	float: left;
	width: 489px;
	xheight:370px;
}
.hmcol2{
	float: left;
	width: 444px;
	margin-left: 6px;
}
#hmprjbox p.detail{
	background-color: #d4e28a;
	text-align: left;
	padding: 10px 7px 15px 7px;
	font: 16px/30px Arial, Helvetica, sans-serif;
	color: #364001;
	border-bottom: 1px solid #9dae46;
}
#hmprjbox p.detail img{
	vertical-align: middle;
	float: right;
	margin-bottom: 10px;
}
#hmbtmbox{
	clear: both;
	width: 100%;
	border-bottom: 1px solid #eeebd9;
	margin-bottom: 10px;
	padding-top: 5px;
}
#hmbtmboxl{
	float: left;
	width: 275px;
	text-align: left;
}
#hmbtmboxr{
	float: right;
	width: 610px;
	text-align: left;
}
#hmbtmboxr h2{
	color: #DA780C;
	padding-bottom: 5px;
	margin: 15px 0 10px 0;
	border-bottom: 1px solid #eeebd9;
}
#hmbtmboxr p{
	text-align: left;
	padding: 10px 5px 0 0;
	line-height: 21px;
}
#hmbtmboxr p.intro{
	text-align: left;
	font-size: 16px;
	padding: 10px 5px 10px 0;
	line-height: 23px;
}
#hmbtmboxr .imgfll{
	float: left;
	margin: 5px 10px 0 0;
}
#hmbtmboxr .imgflr{
	float: right;
	margin: 5px 0 0 10px;
}
#hmsopbox{
	width: 240px;
	background: #fcfbf4  url("seloutbg.gif") top right no-repeat;
	border: 1px solid #edead2;
	padding: 15px 10px;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 10px;
}
#hmsopbox p{
	text-align: left;
	line-height: 20px;
	padding: 20px 75px 5px 0;
}

#hmsopbox ul{
text-align: left;
list-style-type: none;
margin: 10px auto;

}
#hmsopbox ul li{
	text-align: left;
	font-size: 13px;
	height:38px;
	margin: 0 0 10px 0;
	list-style-type: none;
	background-image: url("soldout.gif") ;
	background-position: top  right;
	background-repeat: no-repeat;
	border-bottom:1px solid #edead2;
	padding: 0 0 5px 0;
}	
#hmsopbox ul li  strong{
	text-transform: uppercase;
	font-size: 14px;
	color: #6B8E23;
}
#hmsopbox h3 strong{
	display: none;
}

#topbox{
	width:100%;
	height: 180px;
	margin-top: 35px;
	xtext-align: left;
}
#topboxl{
	width:240px;
	float: left;
	text-align: left;
	padding-top: 15px;	
} 

#topboxr{
	width:650px;
	height: 200px;
	float: right;
	text-align: left;
}
#topboxr p{
	color: #AD8D65;
	padding: .6em 0 .5em 1em;
	width: 95%;
	text-align: justify;
	line-height: 2em;  
}
#topboxr strong{
	color: #AE630C;
	font-size: 18px;
	word-spacing: -.04em;
	line-height: 1.6em;  
	font-weight: normal;
}
#topboxr em{
	color: #B89D7C;
	xfont-size: 110%;
	font-style: normal;
	font-weight: bold;
}
#topboxother{
	width:100%;
	margin-top: 40px;
	height: 95px;
}	
#topboxotherl{
	width:240px;
	float: left;
	text-align: left;	
} 
#topboxotherr{
	width:650px;
	height: 100px;
	float: right;
	text-align: left;	
}
#topboxotherr p{
	color: #AD8D65;
	padding: .6em 0 .5em 1em;
	width: 95%;
	font-size: 105%;
	text-align: justify;
	line-height: 2em;  
}
#topboxotherr strong{
	color: #DA780C;
	font-size: 14px;
	word-spacing: -.04em;
	line-height: 1.6em;  
	xfont-weight: normal;
}
#topboxotherr br{
	clear: both;
}
#content1box{
	width:100%;
	height: 310px;
	text-align: left;
} 
#content1boxl{
	width:240px;
	float: left;
	text-align: left;
	padding-top: 8px;
}
#content1boxr{
	width:650px;
	float: right;
} 
#animbox{
	width:631px;
	height: 280px;
	margin: 0 auto;
	background: #fff url("hmanimbg.jpg") top left no-repeat;
	padding-top:16px;
}
.prjfloatbox{
	float: left;
	width: 202px;
	height: 231px;
	background-color: transparent;
	margin: 0 auto;
	text-align: center;
	margin: 15px 5px 0px 25px !important;
	margin: 15px 5px 0px 15px;
}
#new{
	height: 285px;
}
#xtralftmargin{
		margin:0;
		margin: 15px 5px 0px 130px !important;
		margin: 15px 5px 0px 120px;
}
.prjfloatbox p{
	background: #fff url(hmprjbgw.gif) no-repeat;
	color: #999;
	height: 117px;
	line-height: 2em;
	text-align: left;
	padding: .4em 0 0 .8em;
}
.prjfloatbox p.yellbg{
	background: #F9F7E8 url(hmprjbgy.gif) no-repeat;
}
.prjfloatbox strong{
	 color: #A7A105;
	 font-size: 110%;
	 xfont-weight: normal;
	 margin-top: .2em;
}
.prjfloatbox em{
	 color: #C38538;
	 font-size: 90%;
	 font-style: normal;
	 text-transform: uppercase;
 	 margin-top: .2em;
}
.prjfloatbox u{
	 color: #FF4A0D;
	 font-size: 90%;
	 font-style: normal;
	 text-transform: uppercase;
	 text-decoration: none;
 	 margin-top: .2em;
}
.prjfloatbox img{
	vertical-align: middle;
	padding: 0;
}
#content2box{
	width:100%;
	height: 304px;
	margin: 17px 0 0 0;
	text-align: left;
	background-color: #F9F7E8;
	border: 1px solid #EEEBD9;
}
#content2box p{
	text-align: left;

	}
#content3box{
	clear: both;
	width:100%;
	height: 93px;
	text-align: left;
	background-color: #fff;
	padding: .4em 0
}
#content3box p{
	color: #C38538;
	padding: .3em .3em .1em .3em;
	width: 95%;
	font-size: 90%;
	line-height: 1.8em;  
}
#content3box strong{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 20px;
	color: #000;
	line-height: 1.8em;  
}
#content3boxl{
	width:460px;
	float: left;
	text-align: right;
	border-right: 1px dotted #555;
}
#content3boxl p{
	text-align: right;
}
#content3boxl img{
	float: right;
	margin: 0 .3em;
}
#content3boxr{
	width:460px;
	float: right;
	text-align:  right;
}
#content3boxr p{
	text-align: left;
} 
#content3boxr img{
	float: left;
	margin-right: .1em
}
#footbox{
	margin: 0 auto;
	width:100%;
	height: 30px;
 	background-color: #DE7C0A;
}
#footboxl{
	float: left;
	width:500px;
	margin-left: 30px;
}
#footboxl p{
	text-align: left;
	padding:.2em 0 .2em .6em;
	color: #FAD1A1;
}
#footboxl a {
	color: #FAD1A1;
	font-size: 85%;
	text-decoration: none;
	}
#footboxl a:hover {
	color: #fff; 
	}
#footboxr{
	float: right;
	width:200px;
	margin-right: 30px;
}
#footboxr p{
	text-align: right;
	font-size: 85%;
	color: #fff;
	padding:.5em .6em .2em 0;
}
#credits{
	width: 100%;
	height: 14px;
  margin: 0 auto;
  padding: 2px 0 1px 0;
  text-align: center;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 80%;
 	background-color: #D3740A;
  color: #FFA940;
}
#credits a{
   color: #FFA940;
  	text-decoration: none;
}
#credits a:hover {
	color: #FFD5A2;
	text-decoration: none;
	}
/*----------------------Aboutpage--------------------------------------------*/	
#about1box{
	width:90%;
	height: 360px;
	margin:0 auto;
	margin-left: 55px;
	margin-top: 45px;
	text-align: left;
	background: #F9F7E8 url("aboutbg.gif") top left no-repeat;
	border: 1px solid #EEEBD9;
}
#about1box p{
	text-align: left;
	padding: 15px 30px 5px 210px;
	text-align: justify;
	line-height: 2em;
	color:#A7865C;
	}
/*----------------------Contact--------------------------------------------*/	
#contact1box{
	width:95%;
	height: 425px;
	margin:0 auto;
	margin-top: 25px;
	text-align: left;
	background: #F9F7E8;
	border: 1px solid #EEEBD9;
}
#contact1boxl {
float: left;
width:500px;
	text-align: left;
	line-height: 2em;
	color:#A7865C;
	}
#contact1boxl p{
	text-align: center;
}	
#contact1boxr {
 	float: right;
	width: 360px;
	height: 400px;
	text-align: center;
	line-height: 2em;
	border-left: 1px solid #F4EDDC;
	color:#A7865C;
	}
#contact1boxr img{
	margin: 0 auto;
}
#contact1boxr p{
	color: #39C;
	font-size: 105%;
	text-align: center;
	padding: .5em;
	line-height: 1.8em;
}	
#contact1boxr strong{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.5em; 
}
/*----------------------Prj pages--------------------------------------------*/	
#prjsbox{
	margin: 0 auto;
	width:855px;
}
#prjttl{
	width:855px;	
	height:35px;
	background-color: #FFF;
	text-align: right;	
	clear: both;
}
#prjtopdiv{
 width:100%;
 background: #F9F7E8 url(prjtopbg.gif) repeat-x; 
 border-bottom: 1px solid #E6DFC5;	
 overflow: hidden;
}
#prjtopmiddle{
	margin-left:370px;
	width: 460px;
	color: #9C8A41;
	font-size: 13px;
	text-align: left;
}
#prjtopmiddle p{
	text-align: left;
	line-height: 1.7em;
	padding: 1.5em 9em .1em 0;
}
#prjtopmiddle em{
	background-color: #C30;
	color: #fff;
	font-style: normal;
	font-weight: bold;
}
#prjtopmiddle .vlmenu {
	list-style: none;
	text-align: center;
	display: inline;
	font-size: 16px;
	color: #A3D242;
	padding: .5em 0 0 .5em;
}
#prjtopmiddle .vlmenu li, #prjtopmiddle .vlmenu li a { 
	display: inline;
	list-style-type: none;
	list-style: none;
	color: #6B8E23;
	font-size: 16px;
	font-weight: bold;
}
#prjtopmiddle .vlmenu li a:hover {
		color: #99CC33;
	text-decoration: none;	
}
#prjtopdiv .imgfll{
	float: left;
	margin-right: 1em;
	padding: 12px;
}
#prjtopdiv .imgflr{
	float: right;
	margin-left: 3.5em; 
}
#prjbtmdiv{
	width:855px;
	background: #F9F7E8 url(prjbtmbg.gif) repeat-y; 	
}
#prjbtmdiv br{
	clear: both;
	float: none;
}
#tabcontentnav{
	float: right;
	width:205px;
}
/*---------------------Individual Projects Page--------------------*/
#indprjbox{
	width:100%;
	height: 600px;
	margin: 0 auto;

	padding-top: 20px;
	text-align: center;
	background-color: #F9F7E8;
	border: 1px solid #EEEBD9;
}

.indprjfloatbox{
	float: left;
	position: relative;
	width: 198px;
	height: 230px;
	background-color: #fff;
	margin: 0 auto;
	padding-top: 6px;
	text-align: center;
	margin: 20px 20px 5px 72px !important;
	margin: 20px 45px 5px 35px;
	border: 1px solid #EEEBD9;
}
.indprjfloatbox p{
	background-color: #f5f5f5 ;
	color: #999;
	width:182px;
	padding:0;
	height: 87px !important;
	height: 85px;
	line-height: 1.7em;
	margin: 0 auto;
	margin-bottom: .5em;
	border: 1px solid #eee;
	font-size: 12px;
}
.indprjfloatbox p.ho{
	background: #f5f5f5 url(handover.gif) bottom right no-repeat ;
}
.indprjfloatbox p.hr{
	width: 94%;
	color: #eee;
	background-color: #eee;
	height: 1px;
	text-align: left;
	margin: 0 .4em;
}
.indprjfloatbox strong{
	 color: #A7A105;
	 width: 100%;
	 font-size: 120%;
	line-height: 2em;
	border-bottom: 1px solid #eee;
}
.indprjfloatbox em{
	 color: #CC9551;
	 font-size: 110%;
	 font-style: normal;
	font-weight: bold;	 
	 text-transform: uppercase;
	xline-height: 1.9em; 	 
}
.indprjfloatbox u{
	 color: #FF4A0D;
	 font-size: 90%;
	 font-style: normal;
	 text-transform: uppercase;
	 text-decoration: none;
 	 margin-top: .2em;
}
.indprjfloatbox img{
	vertical-align: middle;
}
#indprjbox br{
	clear: both;
}

/*---------------------Images Page--------------------*/
#tourbox{
	width:850px;
	margin: 0 auto;
	margin-top: 10px;
}
#tourbox br{
	clear: both;
}
#picsdiv{
	width:845px;
	margin:0 auto;
	margin-top: 25px;
	margin-bottom: 5px;
	text-align: left;
	background: #F9F7E8;
	border: 1px solid #EEEBD9;
        overflow: auto;
}
#picsdivl{
	float: left;
	width: 180px;
	height: 180px;
	margin: 10px 0;
}
#picsdivl p{
	padding: 10px;
	text-align: center;
	color:  #39C;
	font-size: 11px;
}
#picsdivl img{
	padding: 1em 0;
}
#picsdivl u{
	font-size: 18px;
	text-transform: uppercase;
	margin: .5em;
}
#picsdivr{
	float: right;
	width: 660px;
	height:auto;
   overflow:visible;
	margin: 5px 0;
	border-left : 1px solid #EEEBD9;	
}
#picsdivr p{
	padding: 5px 0 5px 40px;
	text-align: center;
	color:  #39C;	
}
#picsdivr br{
	clear: both;
}
.thumbfloat{
	float: left;
	/*width: 167px;
	height: 108px!important;
	height: 115px;*/
        padding: 6px;
	background-color: #fff;
	border: 1px solid #EEEBD9;
	margin: 0 auto;
	text-align: center;
	margin: 10px 10px 10px 25px;
	display: inline;
}
/**html .thumbfloat{
	height: 109px;
	padding-top: 5px;	
	
}*/
/*-----------------------------------------------*/

/*----------------------image replace--------------------------------------------*/	
#mtitle{
	width: 220px;
	height: 96px;
	background: transparent url("mtitle.gif") left top no-repeat;
}
#hmsopboxttl{
	width: 235px;
	height: 30px;
	background: transparent url("sopttl.gif") center top no-repeat;	
}
#vtypsttl{
	width: 167px;
	height: 27px;
	margin: 1.5em 0 .5em 0;
	text-align: left;
	background: transparent url("vtypsttl.gif") no-repeat;
}
#bevsttl{
	width: 167px;
	height: 27px;
	text-align: left;
	margin: 2em 0 .5em 0;
	background: transparent url("bevwsttl.gif") no-repeat;
}
.plmshdttl{
	width: 210px;
	height: 35px;
	float: right;
	background: transparent url("plmsttl.gif") no-repeat;
}
.cocoonttl{
	width: 210px;
	height: 35px;
	float: right;
	background: transparent url("cocnttl.gif") no-repeat;
}
.cprctyttl{
	width: 210px;
	height: 35px;
	float: right;
	background: transparent url("coprttl.gif") no-repeat;
}
.hmockttl{
	width: 210px;
	height: 35px;
	float: right;
	background: transparent url("hmkttl.gif") no-repeat;
}
.ivysttl{
	width: 210px;
	height: 35px;
	float: right;
	background: transparent url("ivysttl.gif") no-repeat;	
}
.pinesttl{
	width: 210px;
	height: 35px;
	float: right;
	background: transparent url("pinesttl.gif") no-repeat;	
}
#newprjttl{
	width: 150px;
	height: 51px;
	background: transparent url("newprttl.gif") no-repeat;	
}
#fmlysttl{
	float: left;
	margin: 20px 0 0 0;
	width: 289px;
	height: 36px;
	background: transparent url("hmbtmttl.gif") no-repeat;	
}
/*-----------------------------------Navigation---------------------------------*/
/*-----------------------------------main nav------------------------------------*/
#navlist {	
	list-style: none;
	height: 25px;
	width: 565px;
	overflow: hidden;
}
#navlist li {
	float: left;
	list-style: none;
	display: inline;
}
#navlist li a {
	display: block;
	float: left;
	padding: 25px 0 0;
	overflow: hidden;
	width: 113px;	
	height: 0 !important;
	height /**/: 25px; /* for IE5/Win */;
}
#navlist li a.curr {
	background-position: 0 -25px;
}
#navlist li a:hover , 
#navlist li a:active {
	background-position: 0 -25px;
}
li#hom, li#hom a {
	background: url(navhome.gif) left top no-repeat;
}
li#prm, li#prm a {
	background: url(navprom.gif) left top no-repeat;
}
li#vil, li#vil a {
	background: url(navvill.gif) left top no-repeat;
}
li#tou, li#tou a {
	background: url(navtour.gif) left top no-repeat;
}
li#con, li#con a {
	background: url(navcont.gif) left top no-repeat;
}
#navlist a span { display: none; }
/***************************************************/
:focus{
	-moz-outline-style: none;
}