/* ****************** CSS Definitions for Wexco Homes 2010 website *********************/ 
*{ 
	 margin:0; 
	 padding:0; 
	 border:0;
	 text-align:center; /*IE centering*/
	}
 
body {
	width: 100%;
	background: #c8cc37 url("../images/bodybg1.gif") repeat-x;
   font-family:  Arial, Tahoma, Geneva, Helvetica, sans-serif ;
	font-size: .72em;
   color: #A3813A;
	margin: 0 auto;
	}
	a, img{
	outline: none;
	}
	h1 strong, h2 strong {
	display: none;
	padding: 0;
	}
	h2{
	font: normal 22px Georgia, "Times New Roman", Times, serif;
	color: #a3a70e;
	text-align: left;
	background-color: #fff;
	padding: 10px 0 0 0;
	}
	h3{
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	color: #a3a70e;
	text-align: left;
	background-color: #fff;
	padding: 5px 10px 0 10px;
		
	}
	h4{
	padding-bottom: 5px;			
	}
	h5{
	font: normal 17px Georgia, "Times New Roman", Times, serif;
	color: #a3a70e;
	text-align: left;	
	}
	h6{
	font: normal 15px Georgia, "Times New Roman", Times, serif;
	color: #BE7832;
	text-align: left;	
	}
	br.clear{
	clear: both;
	}	
	:focus {
   -moz-outline-style:none;
	}
	/*--------paragraphs-------*/
	p.intro{
	font-size: 120%;
	line-height: 21px;
	text-align: left;		
	}
	p.norm{
	text-align: left;	
	line-height: 19px;
	}
	p.col{
	line-height: 16px;
	font-size: 11px;
	letter-spacing: 1px;
	color: #9c5d13;	
	}
	p.pull{
	font: italic 14px Georgia, "Times New Roman", Times, serif;
	color: #983d1c;
	line-height: 20px;
	text-align: left;
	padding: 5px;	
	}
	p.quot{
	background: transparent url("../images/quotbg.gif") 10px -2px no-repeat;	
	}
	
	p.bigquote{
	font: italic 14px Georgia, "Times New Roman", Times, serif;
	color: #AC4804;
	line-height: 21px;
	text-align: left;
	padding: 0px 30px 0px 120px;	
	margin-left: 10px;
	margin-right: 10px;
	width: 70%;
	}
/*-------------------------------------------*/	
	
	#mainwrap{
		margin: 0 auto;
		width: 986px;
		text-align: center;
		xpadding: 20px 0;
	}
	/*---------title & nav-----------*/
	#topdiv{
	margin: 0 auto;
	background: transparent url("../images/mtopbg.gif") no-repeat;
	width: 986px;
	height: 200px;
	text-align: left;
	}
		#title{
		float: left;
		width: 127px;
		margin: 40px 0 0 60px;
		display: inline;
		}
		#bnr1{
		float: right;
		width: 635px;
		height: 80px;
		margin-top: 50px;
		display: inline;
		}
		#bnrnav{
			padding: 0;
		}
		*html #homep #bnr1{
		margin-top: 48px;
	}
	#introdiv{
	margin: 0 auto;
	width: 970px;
	padding: 8px 8px 0px 8px;
	background-color: #fff;
	}
	#introdiv h2{
		text-align: right;
	}
	#homep #introdiv{
	padding-bottom: 20px;		
	}
		#introlft{
		float: left;
		width: 180px;
		}
			#introlft p{
			text-align: right;
			font: 15px/21px Georgia, "Times New Roman", Times, serif;
			color: #983d1c;
			padding: 10px 0 7px 30px;
			}
	#homep #introlft p{
		padding-top: 50px;	
	}		
	#introlft  em{
		color: #a3a70e;
		line-height: 30px;
		font-size: 20px;
	}
	#introrht{
	float: right;
	width: 762px;
	padding-top: 10px;
	}
	#abtp #introrht p{
	padding: 10px 45px 0 0;	
	}
	#abtp #introrht .fltlft{
	margin-right: 25px;
	}
		#hmmov{
		float: left;
		width: 520px;
		padding-top: 10px;
		}
		#hmtext{
			float: right;
			width: 220px;
		}
		#hmtext p{
		padding: 10px 35px 0 20px;
		}

	/*------------------Home-----------------------------------------------*/
	#homep h4{
	text-align: left;
	font: bold 14px/22px Arial, Helvetica, sans-serif;		
	}
	/*-------Projects Slider---------*/
	#prjsliderdiv{
		width: 966px;
		height: 232px;/*182px;*/
		background: #9c3d17 url("../images/hmprjbg.gif") repeat-x;
		border: 10px solid #fff/*7E3012*/;
		margin: 0 auto;
	}
	.hmprjdiv{
	float: left;
	width: 275px;
	height: 216px;
	margin: 12px 0 0 9px;
	padding: 7px;
	border-right: 1px solid #B5461B;	
	text-align: left;
	}
	.hmprjdiv p{
	text-align: left;
	line-height: 18px;
	color: #ffc720;	
	font-size: 95%;	
	}
	.hmprjdiv .fltlft{
		margin-right: 4px;
	}
	.hmprjdiv h4{
		text-transform: uppercase;
		font-weight: bold;
		color: #FFE490;
	}
	.hmprjdiv h4 img{
		vertical-align: middle;
	}
/*---------Bottom Section------------*/
	#btmdiv{
	margin: 0 auto;
	width: 966px;
	background-color: #f5eddb;
	border: 10px solid #fff;
	text-align: left;
	xmargin-bottom: 10px;
	xmargin-top: 10px;
	}
	.btmdivitem{
		float: left;
		width: 260px;
		height: 245px;
		background-color: #fefaef;
		margin: 0 2px 0 45px;
		text-align: left;
		display: inline;
	}
	#sec1{
		background: transparent url("../images/hmsec1bg.gif") 120px 25px no-repeat;;
	}
	.btmdivitem h5{
		padding: 9px 10px 5px 10px;
		border-bottom: 1px dotted #ede2c7;
		margin: 5px;
	}
	
	.btmdivitem p{
	padding: 10px 0 5px 15px;		
	}
	.btmdivitem p.quot{
		font-size: 11px;
		color: #AC883E;
	}
	.btmdivitem .fltrht{
	margin-right: 10px;	
	}

/*--------------------def on Promoters-----------------------------------------------*/
#btmcol{
	width: 956px;
	background-color: #fff;
	text-align: left;
	margin: 0 auto;
	padding: 15px;
}
*html #btmcol{
	width: 970px;	
	padding: 15px 8px 15px 8px;
}
#btmlft{
	float: left;
	width: 415px;
	padding-left: 20px;
}
#btmlft .fltlft{
	margin-right: 10px;
}
#btmrht{
	float: right;
	width: 505px;
}
#abtp #btmrht p{
	padding: 25px 25px 0 0;
}

/*--------------------def on Projects-----------------------------------------------*/
#prjp h2{
	padding-top: 10px;
}
#prjp h3{
	background-color: #faf5e5;
	padding: 6px 0 6px 4px;
	color: #DAB33A;
}

.prjlistbox{
	float: left;
	width: 220px;
	height: 285px;
	text-align: center;
	margin: 15px 8px 3px 0;
	padding: 5px;
	border-right: 1px solid #F9F2DD;
}
/*-------fff img frame------------------------*/
.fffbrd{
	padding: 5px;
	background-color: #fff;
	border: solid 1px	 #ddd;
}
.prjlistbox	p{
	text-align: center;
	font-size: 110%;
	line-height: 20px;
}
.prjlistbox p strong{
	color: #C4A159;
}
.prjlistbox h4{
	font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #A4A817;
	text-transform: uppercase;
	padding: 0;
}
.prjlistbox h4 img{
	vertical-align: top ;
}
.prjlistbox p img{
	margin: 13px 0 7px 0;
}
.nobord{
	border: none;
}
/*--------------------def on Individual Projects-----------------------------------------------*/
#menucontentwrap{
	margin: 0 auto;
	width: 900px;
	margin-bottom: 15px;
	border-top: 6px solid #7ec4f7;
	text-align:center;
	}

#prjhdrdiv{
	width:900px;
	height: 30px;
	margin: 0 auto;
	border-bottom: 2px solid #7c2505;
	border-top: 2px solid #7c2505;
	background-color: #FEF7DE;			
}	
#prjhdrdiv h3{
	font:  normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:4px 0 0 0;
	background-color: #FEF7DE;
	color: #eeac1a; 
}
#prjhdrdiv h3 strong{
	color: #ffc843;
	font-size: 18px;
	background-color: #7c2505;
	text-transform: uppercase;
	padding: 6px 10px 6px 6px;
	margin-right: 3px;
}
#prjhdrdiv h3 strong u{
	text-transform: capitalize;
	text-decoration: none;
	font-weight: normal;
}
#prjhdrdiv h3 em{
	font-style: normal;
	letter-spacing: 2px;
	font-size: 80%;
	text-transform: uppercase;
	color: #7c2505;	
}

/*--------other layout for tall images--------------------*/
#alterview{
	width:900px;
	margin: 0 auto;		
}
#alterviewlft{
	float: left;
	width: 420px;
}
#alterviewlft1{
	float: left;
	width: 550px;
}
#alterviewrht{
	float: right;
	width: 479px;
}

#alterviewrht1{
	float: right;
	width: 350px;
}
#alterviewrht p{
	padding: 15px 20px 5px 25px;
}
#alterviewrht1 p{
	padding: 10px 10px 3px 15px;
}
#alterviewrht1 p .fltlft{
	margin-right: 10px;
}
#alterviewrht #prjhdrdiv{
	width: 480px;
}
#alterview #hdrdiv{
	width:500px;
	float: left;
	height: 30px;
	margin: 0 auto;
	border-bottom: 2px solid #7c2505;
	border-top: 2px solid #7c2505;
	background-color: #FEF7DE;		
}
*html #alterviewrht #hdrdiv{
	width:460px;
	}
.notabs{
	width: 78%;
	margin: 0 auto;
	text-align: left;
}
 .notabs p{
	text-align: left;
}
.notabs .fltlft{
	margin-right: 20px;
}
.info{
	margin: 0 auto;
	width: 45%;	
	background: transparent url("../images/info.gif") 0 50% no-repeat;
	margin-top: 50px ;	
	padding: 0 20px ;
	color: #CD5C5C;
	font-size: 14px;	
	}
.info p{
		margin: 0;
		text-align: left;
	}
.info p strong{
		text-transform: uppercase;
	}
	
/*------------image gallery-----------------------------------------------*/
.imggalbox{
	float: left;
	width: 215px;
	text-align: center;
	margin: 0 auto;
	xmargin: 15px 20px 10px 25px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 10px;
	padding: 5px 45px 5px 45px;
	border-right: 1px solid #F9F2DD;
	display: inline;
}
.imggalbox p{
	text-align: center;
	font-size: 90%;
	line-height: 20px;
}
.imggalbox  h4{
	font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #B1B52E;
	background-color: #FDF6E3;
	text-transform: uppercase;
	padding: 3px 0;
	margin: 5px;
}
.imggalbox p img{
	padding: 7px 0;
}
.lastitem{
	border: none;
}
.spgal{
	float: left;
	width: 225px;
	padding: 0;
	padding: 5px ;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 30px;
	margin-right: 10px;
	background-color: #fefaef;
	border: 1px solid #FAE7B3;
}
.spgal p{
	text-align: center;
	font-size: 90%;
	line-height: 20px;
}
.spgal p img{
	padding: 7px 0;
}
.spgal h4{
	font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #BD1C00;
	background-color: transparent;
	border-bottom: 1px solid #FAE7B3;
	margin: 0 auto;
	padding: 3px 0;
	margin: 5px;
}

/*--individual galleries--------------------------------------------*/

#galp #btmlft{
	width: 690px;
	text-align: left; 	
}
#galp #btmrht{
	width: 240px;
	border-left: 1px solid #f1f1f1;
}
#galp #btmrht p{
	padding:10px 5px;
}
#galp h3{
	background-color: #faf5e5;
	padding: 6px 0 6px 6px;
	color: #DAB33A;
	margin: 0;
	margin-bottom: 15px;
}
#galp h6{
	margin: 10px;
	font-style: italic;	
	padding: 5px 0;
	xborder-bottom: 1px solid #f5efdf;	
}
p.bigquote .fltlft{
	margin-right: 15px;
}
.sidegalbox{
	width: 230px;
	text-align: center;
	margin: 0 auto;
	margin: 10px 10px 5px 0;
	
}
.sidegalbox p{
	text-align: center;
	font-size: 90%;
	line-height: 20px;

}
.sidegalbox p img{
	padding: 7px 0 4px 0;
}
.sidegalbox h4{
	font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #B1B52E;
	xbackground-color: #FDF6E3;
	border-bottom: 1px solid #f1f1f1;
	text-transform: uppercase;
	padding: 3px 0;
	margin: 5px;
}
/*--comments--------------------------------------------*/
.commentwrap{
	display: block;
	clear: both;
	xfloat: left;	
	width: 930px;
	margin: 0 auto;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 6px;
	margin-bottom: 4px;
	padding: 5px 0;
	overflow: auto;
}
.commentlft{
	float: left;
	width: 300px;

}
.commentlft p{
	text-align: right;
	padding-right: 3px;	
	}	
.commentrht{
	float: right;
	width: 625px;
	background-color: #fefaef;
}
.commentrht p{
	text-align:  left;
	padding: 5px 10px 12px 15px ;
	}
.commentrht p em{
	font: italic 12px/20px Georgia, "Times New Roman", Times, serif;
 
}
.commentrht u{
	font: 13px/20px "Arial Narrow", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #9c3d17;
	letter-spacing: .05em;
}
p.cstmr{
	color: #9ca02a;
	font-size: 11px;
}
p.cstmr strong{
	font-size: 13px;
}
/*------------wexcare-----------------------------------------------*/
#wexcp  h3{
	background-color: #faf5e5;
	padding: 6px 0 6px 6px;
	color: #DAB33A;
	margin: 0 10px 15px 10px;

}
#wexcp #mdm{
	margin: 15px 0 5px 120px;
}
#wexcp #btmlft{
	width: 550px;
	float: left;	
	text-align: left; 	
}
#wexcp #btmcol p.intro{
	padding: 5px 5px 10px 30px;
}
#wexcp #btmrht{
	width: 340px;
	float: right;

}
/*------------contact-----------------------------------------------*/
#addressdiv {
	float: right;
	width: 270px;
	margin: 10px 10px 0 50px;	
	padding: 20px;
	background-color: #fefaef;
	border: 1px solid #f2ecda;
}
#addressdiv h3{
	background-color: transparent;
	margin: 3px;
	padding: 5px 0;
	border-bottom: 1px solid #e3e4b9;
}
#addressdiv p{
	text-align: left;
	color: #D2670F;
	font-size: 120%;
	line-height: 21px;
	padding: 8px 0;
}
#addressdiv em{
	font: 16px Georgia, "Times New Roman", Times, serif;
	line-height: 30px;
	color: #983d1c;
	font-style: normal;
}
/*------------------------------------Footer----------------------------------*/	
		
	#footerdiv{
	clear: both;
	width: 986px;
	margin: 0 auto;
	background-color:#fff;
	color: #c8cc37;
	padding: 5px 0 7px 0;
	text-align: left;

	}
	#creddiv{
	width: 986px;
	margin: 0 auto;	
	}
	#creddiv p{
		font-size: 10px;
		background-color:#fff;
		text-align: center;
		font-weight: bold;
		color: #D2691E;
	}
	#creddiv p strong{
		color: #BCBCBC;
		font-weight: normal;
	}
	#creddiv p a{
		color: #BCBCBC;
		text-decoration: none;
	}
	#creddiv p a:hover{
		text-decoration: underline;
		color: #555;
	}
/*----------------------------------lists--------------------------------------------*/
ul#sml  {
 list-style:none;
 text-align: left;
 margin: 15px 5px 0 15px;
 display: inline block;

 }  
 ul#sml li {
	text-align: left;
	list-style:none;
	line-height:18px;
	font-size: 11px;
	background-image: url("../images/redblt1.gif") ;
	background-repeat: no-repeat ;
	background-position: 0 .5em;
	padding: 0 0 0 15px;	
}
ul#mdm{
 list-style:none;
 text-align: left;
 margin: 15px 5px 0 15px;
 display: inline block;	
} 
ul#mdm li {
	text-align: left;
	list-style:none;
	line-height:24px;
	font-size: 14px;
	background-image: url("../images/redblt2.gif") ;
	background-repeat: no-repeat ;
	background-position: 0 .5em;
	padding: 0 0 0 18px;	
}		
/*---------------------------------image floats-----------------------------------*/			
 .fltlft{
	float: left;
	margin-left: 5px;
	}	
 .fltrht{
	float: right;
	margin-left: 5px;
	}	

/*---------------------------------image replacement-----------------------------------*/	
/*--Site Title----*/
	#mainttl{
	margin: 0 auto;
	width: 127px;
	height: 148px;
	background: transparent url("../images/mlogo.gif") no-repeat;
	
	}	
/*--Subtitles----*/	

/*-----------------------------------Navigation----------------------------------*/
/*-----------------------------------main nav------------------------------------*/
.mainnav {
	float: left;
	list-style-type: none;
	width: 539px;
	height: 36px;
	margin: 21px 0 0 30px;
	text-align: left;
	}
	*html #homep .mainnav{
	margin: 22px 0 0 30px;
	}
	.mainnav li {
  	float: left;
	display: inline;
	}
	.mainnav li a {
	display:  block;
	height: 36px;
	float: left;
	background-image: url("../images/mainnav.gif");
	xbackground-repeat: no-repeat;
	}
	a.hom {width: 100px;	background-position: 0 0; }	
	a.abt { width: 128px;	background-position: -100px 0;}
	a.prj { width: 110px;	background-position: -228px 0;}
	a.gal { width: 101px;	background-position: -338px 0;}
	a.con { width: 100px;	background-position: -439px 0;}	
	a.hom:hover, a.hom#selected {background-position: 0 -36px;}
	a.abt:hover, a.abt#selected {background-position: -100px -36px;}
	a.prj:hover, a.prj#selected {background-position: -228px -36px;}
	a.gal:hover, a.gal#selected {background-position: -338px -36px;}
	a.con:hover, a.con#selected {background-position: -439px -36px;}
	
	.mainnav a span { display: none; }

/*----------------------------footer nav---------------------------*/
.footernav {
	margin: 0 auto;
	width: 375px;
	padding: 3px 0 3px 0;
	list-style-type: none;
	font-size: 10px;
	color: #c8cc37;
	border-top: 1px solid #F9F2DD;
	}
#homep .footernav{
	border: none;
}	
.footernav li {
  	float: left;
	display: inline;
	}
.footernav li a {
	display: inline;
	float: left;
	padding: 0 3px;
	border-right: 1px solid #c8cc37;
	color: #C0C432;
	text-decoration: none;
	margin-bottom: 4px;
	text-align: center;
	}	
.footernav li a.last{
	border-right:  none;	
	}
.footernav li a:hover, .footernav li.selected a, .footernav li a:focus, .footernav li a:active {
	color:#9CA02A;
	text-decoration: underline;	
	}			

/*----------------------------------------Forms--------------------------------------*/
form#contact { 
float: left;
	width:380px; 
	font-size: 13px;
	padding: 10px 0 10px 15px;
	margin: 10px 0 10px 20px;
	font-size: 14px;
	}
form#contact fieldset {
	text-align: left;
	}
form#contact legend{
	color: #b22222;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	text-align: left;
} 	
form#contact label {
	float: left;
	width: 90px;
	text-align: right;
	color: #abaf18;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 5px 22px 0;
	padding-top: 4px;
	}
form#contact input {
	border:1px solid #FBE9B9;
	padding: 4px 1px; 
	margin: 0 0 22px 2px;
	background-color: #fefaef;
	color: #333;
	text-align: left;

	}
form#contact select {
	margin-left:0.5em;
	float: left;
	clear: right;
	}
form#contact textarea {
	float: left;
	width:18em; 
	height:8em; 
	color: #333;
	border:1px solid #FBE9B9;
	padding-left:0.4em ; 
	overflow:auto;  
	margin:2px 0 10px 2px;
	background-color: #fefaef;
	text-align: left;
	}
.bigin{
width:18em;	
}
.medin{
width:14em;	
}
.smlin{
width:8em;	
}	
form#contact input:focus, form#contact textarea:focus {
		border:1px solid #F7D16C;
}
.formcapt{
	color: #E0C7A1;
	font-size: 85%;
	text-align: left;
	padding-bottom: 20px;
	} 
form#contact #button1 {
	color:#fff ; 
	font-size: 11px;
	font-weight: bold;
	cursor: auto; 
	width:250px; 
	height: 27px;
	margin:15px 0 10px 0; 
	background: #fff url("../images/btnbg.gif") repeat-x; 
	border:1px solid #bf8e57;
	text-align: center;
	}
form#contact #button1:hover {
	color: #ffc; 
	border: 1px solid #B68045;
	}
form#contact br{
   clear: both;
}
form#contact .age{
	width:5px;
	visibility:hidden;
}