/*********************************************
 * Wayne Carter Homes - Stylesheet
 *
 * Last Editor: Micheil WE
*********************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size:12px;
	/* vertical-align: baseline; */
}


body {
	text-align:center;
	background:#30292A;
	font-family: 10px "helvetica", arial, sans-serif;
}

.clear {
	clear:both;
}



a {
	text-decoration:none;
}


#wrapper {
	width:75%;
	margin:50px auto 0px;
	text-align:left;
	background:#fff ;
}
	#wrapper #mastnav {
		width:100%;
		background: #30292A url("images/bg_mastnav.jpg") repeat-x bottom left;
	}
		#wrapper #mastnav div {
			float:right;
			position:relative;
			background:#ACA9AA url("images/bg_mastnav_tl.png") no-repeat 0px 0px;
		}
			#wrapper #mastnav div a {
				color:#fff;
				margin:0px;
				padding:10px;
				line-height:2em;
			}
			/* That top right corner */
			#wrapper #mastnav ul {
				background: url("images/bg_mastnav_tr.png") no-repeat top right;
			}
				#wrapper #mastnav ul li {
					display:inline;
					list-style-type:none;
				}
				
#wrapper #masthead {
	position:relative;
	margin:15px;
	border:4px solid #30292A;
	border-width: 4px 0px;
	height:135px;
	background:#D0C8B5 url("images/bg_masthead.png") no-repeat top left;
}
	#wrapper #masthead h1 {
		margin:22px 18px 21px;
	}
	#wrapper #masthead #testimonial {
		position:absolute;
		top:0px;
		right:0px;
		width:30%;
	}
		#wrapper #masthead #testimonial img {
			float:right;
		}
		
#wrapper #nav {
		background:#A50000 url("images/bg_nav.png") repeat-x top left;
		width:100%;
}
	#wrapper #nav ul {
		list-style-type:none;
		text-align: center;
		width:100%;
	}
		#wrapper #nav li {
			 display: inline;
			 margin:0px 5px;
		}
			#wrapper #nav li a {
				padding: 5px 11px;
				line-height:25px;
				color:#fff;
			}
				#wrapper #nav ul li a:hover {
					background:#30292A url("images/bg_nav_hover.png") repeat-x top left;
				}
	#wrapper #slideshow {
		position:relative;
		height:304px;
		background-color:#C4BAA3;
    	/*margin:15px 15px 15px 15px;*/
		/*background: #fff url("images/slideshow_left.png") repeat-y top left; */
	}
	 	
	#wrapper #slideshow #innerbox {
		position:relative;
		height:288px;
		text-align:center;
		background-color:#2e2728;
		margin:0px 25px 0px 25px;
		border:1px solid #302A29;
	}
		/* #wrapper #slideshow .right {
			position:absolute;
			height:305px;
			width:100%;
			top:0px;
			right:0px;
			background:url("images/slideshow_right.png") repeat-y top right;
		}
			#wrapper #slideshow .top {
				position:absolute;
				height:305px;
				left:14px;
				right:14px;
				background:url("images/slideshow_top.png") repeat-x top left;
			}
			
				/* #wrapper #slideshow .bottom {
					position:absolute;
					height:291px;
					bottom:0px;
					left:0px;
					right:0px;
					background:url("images/slideshow_bottom.png") repeat-x bottom left;
				}
	#wrapper #slideshow .tr {
		position:absolute;
		top:0px;
		right:0px;
		height:14px;
		width:14px;
		background:#f00;
	}
	#wrapper #slideshow .tl {
		position:absolute;
		top:0px;
		left:0px;
	}
	#wrapper #slideshow .br {}
    #wrapper #slideshow .bl {} */
		
#wrapper #content {
	margin:15px;
	background:#C4BAA3;
}
	#wrapper #content .col30 {
		margin-bottom:1%;
		width:29%;
		/* margin-right:1%;
		margin-left:1%; */
		padding:0px 7px 0px 25px;
		float:left;
		border-right:3px solid #302A29;
	}
		#wrapper #content .col30 h2 {
			text-align:right;
			color:#30292A;
			font-size:1.5em; 
			font-family:Verdana, sans-serif;
			margin-bottom:5px;
		}
		#wrapper #content .col30 .inner {
			background:#908273;
			border-top:1px solid #302A29;
		}
			#wrapper #content .col30 .inner p {
				padding:20px 2%;
			}
	#wrapper #content .last {
		border-right:0px solid #C4BAA3;
		
	}

	#innerfirstblock { z-index:2; float:left; }
		#innerfirstblockFP { width:129px; margin-top:0px;  padding:5px;  overflow:hidden; }
		#innerfirstblockFP img { border:#333333 1px solid; }
	
	#innersecondblock {
		z-index:2;
		float:right;
		margin-right:0px;
		width:100px;
	}	
	
	#wrapper #content hr {
		border:0px solid #fff;
		border-top:15px solid #fff;
		background:#fff;
	}
	
	#wrapper #content .blueline {
		width:899px;
		margin:0px 10px 10px 10px;
		background-color:#0E0251;
		height:30px;
		color:#CCCCCC;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight:bold;
	}
	
	#wrapper #content .listbox {
		margin:0px 15px 10px 10px;
		background-color:#30292A;
		height:145px;
		background-image:url(images/listboxBkg_spacer.gif);
		background-repeat:repeat-x;
	}
	
	#wrapper #content .listbox .imagebox{
		margin:10px 7px 7px 10px;
		background-color:#FFFFE5;
		height:125px;
		width:205px;
		position:absolute;
	}
	
	#wrapper #content .listbox .detailbox{
		margin:0px -5px 0px 3px;
		height:145px;
		width:679px;
		position:relative;
		float:right;
		display:inline;
		background-image:url(images/more_brown.jpg);
		background-position:right;
		background-repeat:no-repeat;
	}


	.detailbox a{background-image: url(images/more_brown.jpg); display:block; background-position:right; background-repeat:no-repeat;}
	.detailbox a:hover{background-image: url(images/more_red.jpg); background-position:right; background-repeat:no-repeat;}


	#wrapper #content .listbox .detailbox .details{
		margin:3px 5px 3px 3px;
		height:139px;
		width:642px;
		position:relative;
		background-color:#fff;
	}

	.details h1{
		color:#FF0000;
		font-size:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		padding:20px 3px 3px 40px;
	}
	
	.details h3{
		color:#30292A;
		font-size:13px;
		font-family:Arial, Helvetica, sans-serif;
		margin:-17px 0px 2px 40px;
		font-weight:bold;
	}
	
	.details p{
		color:#30292A;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		margin:0px 40px 2px 40px;
	}
	
	
	.details hr{
		border: none 0; 
		border-top: 1px solid #C4BAA3;/*the border*/
		width: 200px;
		height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
		text-align: left;/*this will align it for IE*/
		margin: 0 auto 0 0; /*this will align it left for Mozilla*/
	}

  	#icons {
  		position:relative; 
		width:100px;
		height:20px;
		z-index:1; 
		background-color:#FFFFFF;
		display:inline;
		margin-left:500px;
		top:-32px;
		padding:0 0 0 0;
	}
	
	#viewdetails {
		width:880px;
		background-color:#C4BAA3;
		margin:5px 5px 5px 15px; 
		position:relative;
		min-height:450px;
	}
	
	#viewdetails .viewimage {
		width:400px;
		height:425px;
		background-color:#C4BAA3;
		float:left;
		text-align:center;
		margin:0 auto;
	}
	
	#viewdetails .viewimage .big{
		background-color:#C4BAA3;
		height:300px;
		float:left;
		text-align:center;
		margin:0px 0px 5px 0px;
		border: 2px solid #30292A;
	}
	
	#viewdetails .viewimage .thumbs{
		background-color:#C4BAA3;
		height:120px;
		width:400px;
		margin-top:7px;
		float:left;
		margin:0px 0px 20px 0px;
	}
	
	#viewdetails .viewimage .thumbs img{
		border: 1.5px solid #30292A;
	}
	
	#viewdetails .showdetails {
		width:465px;
		background-color:#FFFFFF;
		float:right;
	}
	
	#viewdetails .showdetails .toplinks {
		width:465px;
		height:24px;
		background-color:#FFFFFF;
		text-align:center;
		margin:0 auto;
	}
	
	#viewdetails .showdetails .toplinks p{
		color:#B4B3B4;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		padding:3px 3px 3px 3px;
	}
	
	#viewdetails .showdetails .toplinks p A:link {color:#B4B3B4;text-decoration: none;}
	#viewdetails .showdetails .toplinks p A:hover{color: red; font-weight:bold;}
	#viewdetails .showdetails h1{
		color: red; 
		font-weight:bold;
		font-size:15px;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		margin-left:10px;
		margin-top:20px;
	}
	#viewdetails .showdetails h4{
		color: #30292A; 
		font-weight:bold;
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		margin-left:10px;
		margin-top:10px;
	}	
	
	#viewdetails .showdetails p{
		color: #30292A; 
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		margin-left:10px;
		margin-top:10px;
		text-align:justify;
		margin-right:10px;
	}
	
			
	#specsbox {
		width:420px;
		background-color:#FFFFFF;
		height:127px;
		margin-left:10px;
	}
	
	#specsbox .left {
		width:209px;
		background-color:#FFFFFF;
		float:left;
		height:127px;
	}
	
	#specsbox .right {
		width:210px;
		background-color:#FFFFFF;
		float:right;
		border-left:1px solid #cccccc;
		height:127px;
	}
	
	#specsbox .left .title {
		width:199px;
		background-color:#FE1A15;
		color: #FFFFFF; 
		font-size:12px; 
		font-family:Arial, Helvetica, sans-serif;
		line-height:25px;
		padding-left:10px;
	}
	
	#specsbox .right .title {
		width:200px;
		background-color:#30292A;
		color: #FFFFFF; 
		font-size:12px; 
		font-family:Arial, Helvetica, sans-serif;
		line-height:25px;
		padding-left:10px;
	}
	
	#specsbox p {
		color: #30292A; 
		font-size:12px; 
		font-family:Arial, Helvetica, sans-serif;
		line-height:10px;
	}
	
	#bottomlinks {
		width:435px;
		background-color:#FFFFFF;
		text-align:right;
	}
	
	#bottomlinks img { padding-left:15px;}
	
	
	#contactwrapper {
		width:895px;
		background-color:#C4BAA3;
		border:2px solid #30292A;
		margin-left:10px;
		margin-top:-10px;
		height:360px;
	}
	
	#contactwrapper .cwleft {
		width:304px;
		background-color:#C4BAA3;
		float:left;
		background-image:url(images/contact_bg.jpg);
		background-position:bottom left;
		background-repeat:no-repeat;
		height:360px;
	}
	
	#contactwrapper .cwleft .formbox {
		width:290px;
		margin-left:10px;
		margin-top:10px;
		color:#30292A;
		font-size:11px; 
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
	}
	
	#contactwrapper .cwright {
		width:591px;
		background-color:#D9D2C3;
		float:right;
		height:360px;
	}
	
	#contactwrapper .cwright .formbox2 {
		width:581px;
		margin-left:10px;
		margin-top:10px;
		color:#30292A;
		font-size:11px; 
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
	}
	
	#contactwrapper .cwright .formbox2 h1 {font-size:18px; font-weight:bold;}
	
	#contactfooter {
		width:895px;
		background-color:#908373;
		margin-left:10px;
		margin-top:10px;
		height:60px;
	}
	
	#contactfooter p {font-size:12px;font-family:Arial, Helvetica, sans-serif; color:#D9D2C2; padding-left:25px; padding-top:7px; font-weight:bold;}


	#gallerywrapper {
		width:895px;
		background-color:#C4BAA3;
		border:2px solid #30292A;
		margin-left:10px;
		margin-top:-10px;
		height:435px;
	}
	
	#gallerywrapper .gleft {
		width:304px;
		background-color:#C4BAA3;
		float:left;
		height:435px;
	}
	
	#gallerywrapper .gleft .formbox {
		width:275px;
		margin-left:10px;
		margin-top:10px;
		color:#30292A;
		font-size:11px; 
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
	}
	
	#gallerywrapper .gright {
		width:591px;
		background-color:#D9D2C3;
		float:right;
		height:435px;
	}
	
	#gallerywrapper .gright .formbox2 {
		width:581px;
		margin-left:10px;
		margin-top:10px;
		color:#30292A;
		font-size:11px; 
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
	}

	#wrapper #content .testimonialbox {
		margin-left:10px;
		width:890px;
		position:relative;
		padding-left:3px;
	}
	
	#wrapper #content .testimonialbox .timagebox{
		background-color:#FFFFE5;
		width:205px;
		height:125px;
		position:absolute;
		border:4px solid #30292A;
		float:left;
	}
	
	#wrapper #content .testimonialbox .tdetailbox{
		width:670px;
		position:relative;
		float:right;
		display:inline;
		border:4px solid #30292A;
		background-color:#fff;
	}


	#wrapper #content .testimonialbox .tdetailbox .tdetails{
		width:670px;
		position:relative;
		background-color:#fff;
	}
	
	#wrapper #content .testimonialbox .tdetailbox .ndetails{
		width:670px;
		min-height:450px;
		height: auto !important;
		height:450px;
		position:relative;
		background-color:#fff;
	}
	
	#wrapper #content .testimonialbox .nimagebox{
		background-color:#30292A;
		width:205px;
		height:450px;
		position:absolute;
		float:left;
	}
	
	#wrapper #content .testimonialbox .tdetailbox .adetails{
		width:670px;
		min-height:250px;
		height: auto !important;
		height:250px;
		position:relative;
		background-color:#fff;
	}
	
	#wrapper #content .testimonialbox .aimagebox{
		background-color:#30292A;
		width:205px;
		height:250px;
		position:absolute;
		float:left;
	}
	
	#wrapper #content .testimonialbox .nimagebox p{font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#D9D2C2;}
	#wrapper #content .testimonialbox .aimagebox p{font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#D9D2C2;}
	
	.ndetails h3{
		color:#30292A;
		font-size:13px;
		font-family:Arial, Helvetica, sans-serif;
		margin:5px 0px 2px 40px;
		font-weight:bold;
	}
	
	
	.adetails h1{
		color:#FF0000;
		font-size:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		padding:20px 3px 3px 40px;
	}
		
	.adetails h3{
		color:#30292A;
		font-size:15px;
		font-family:Arial, Helvetica, sans-serif;
		margin:5px 0px 2px 10px;
		font-weight:bold;
	}
	
	.adetails p{
		color:#30292A;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		margin:0px 40px 2px 40px;
	}	


	.tdetails h1{
		color:#FF0000;
		font-size:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		padding:20px 3px 3px 40px;
	}
	
	.tdetails h3{
		color:#30292A;
		font-size:13px;
		font-family:Arial, Helvetica, sans-serif;
		margin:5px 0px 2px 40px;
		font-weight:bold;
	}
	
	.tdetails p{
		color:#30292A;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		margin:0px 40px 2px 40px;
	}
	
	
	.tdetails hr{
		border: none 0; 
		border-top: 1px solid #C4BAA3;/*the border*/
		width: 200px;
		height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
		text-align: left;/*this will align it for IE*/
		margin: 0 auto 0 0; /*this will align it left for Mozilla*/
	}


#contactDet { margin:10px auto; width:800px; height:30px; color:#CCCC99; text-align:center; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
	#contactDet a:link, #contactDet a:visited { text-decoration:none; color:#cccc99; }
	#contactDet a:hover { text-decoration:underline; color:#FFFFFF; }

.footerlinks{
padding-top:10px;
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
}

.footerlinks ul{
margin: 0;
padding: 0;
text-align: center; 
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
}

.footerlinks li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.footerlinks a, .footerlinks a:visited{
padding: 0 5px;
text-decoration: underline; 
color: #CCCC99;
}

.footerlinks a:hover, .footerlinks a:active{
color: #FF0000;
}

.copyright{
width:920px;
margin: 0 auto;
padding-top:10px;
text-align: center; 
font-family:Arial, Helvetica, sans-serif;
color:#CCCC99;
}
	
	
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

