/**************************************************************************
*	
*	StokelyProperties.net
*	built by WebSightDesign.com
*
**************************************************************************/

*{ padding: 0px; margin: 0px; }

body{
	background: #000;
	text-align: center;
	color:#fff;
	font-size:15px;
	font-family: Century Gothic, sans-serif;

}

.wrapper{
	width:960px;
	margin: 0px auto;
	position: relative;
	border: #f00 0px solid;
}

.wrapper a{ color:#8f4099; }
.header{
	background: url('../images/header.gif') no-repeat top left;
	width:960px; 
	height: 78px;
}
.logo{
	width:680px;
	height:78px;
	cursor: pointer;
	margin: 0px auto;
}
.nav{
	width:960px; 
	height:26px;
	background: #8f4099;
	padding:3px 0px 0px 0px;
			font-family: Arial, Arial, Helvetica, sans-serif;

}
.nav_div{
	width:780px; 
	margin: 0px auto;
}
.nav a{
	width:121px; 
	height:23px;
	display: block;
	background: url('../images/nav_bg.gif') no-repeat top left;
	float:left; 
	color:#fff;
	margin:0px 3px 0px 2px;
	font-size:11px;
	padding:5px 0px 0px 0px;
	text-decoration: none;
}
.nav a:hover, a:active { font-weight: bold; color:#bbb; }

.services_nav{
	width:128px; 
	position:absolute;
	top:105px;
	left:339px;
	padding:3px 0px 0px 3px;
	border:#f00 0px solid;
	background:#8f4099; 
	display:block;
	z-index:10;
	margin:0px 0px 20px 0px;
}

.services_nav_hide{
	width:128px; 
	position:absolute;
	top:105px;
	left:493px;
	padding:3px 0px 0px 0px;
	border:#f00 0px solid;
	background:#8f4099; 
	display: none;
}

.dd_nav{
		font-family: Arial, Arial, Helvetica, sans-serif;
}

.dd_nav a{
	width:121px; 
	height:23px;
	display: block;
	background: url('../images/nav_bg.gif') no-repeat top left;
	float:left; 
	color:#fff;
	margin:0px 3px 0px 2px;
	font-size:11px;
	padding:5px 0px 0px 0px;
	text-decoration: none;
}
.dd_nav a:hover, a:active { font-weight: bold;  color:#bbb;}

.home_content{
	width:870px; 
	margin:0px auto;
	padding:10px 0px 0px 0px;
	border: #f00 0px solid;

}
.sub_content{
	width:960px; 
	background: url('../images/main_bg.gif') repeat-y top left;
	padding:15px 0px 20px 0px;
}

.left_content{
	width:320px;
	float:left;
	text-align: left;
	border: #fff 0px solid;
	padding:13px 0px 0px 0px;
	margin:0px 0px 0px 43px;
}
.right_content{
	width:440px;
	float:left;
	text-align: center;
	border: #fff 0px solid;
	padding:13px 0px 0px 0px;
}
.right_content p{
	margin:7px 0px 0px 0px;
	text-align: left;
	line-height: 16px;

}

.clearer{ clear:both; }

.blue_box{
	background:#066799;
	width:280px;
	height:227px;
	margin: 30px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	cursor: pointer;
	text-align: center;
}

.home_footer{
	width:960px;
	font-size:10px;
	text-align: left;
	margin: 10px auto;
}

.social_networks{
	width:192px; 
	height:64px; 
	background:url('../images/social_networks.gif') no-repeat top left; 
	float:right;
	margin:30px 0px 0px 0px;
	position: relative;
}

.facebook{
	position: absolute;
	height: 36px;
	width: 36px;
	top:23px;
	left:7px;
	border:#fff 0px solid;
	cursor: pointer;
}

.twitter{
	position: absolute;
	height: 36px;
	width: 36px;
	top:23px;
	left:54px;
	border:#fff 0px solid;
	cursor: pointer;
}
.linkedin{
	position: absolute;
	height: 36px;
	width: 36px;
	top:23px;
	left:100px;
	border:#fff 0px solid;
	cursor: pointer;
}
.youtube{
	position: absolute;
	height: 36px;
	width: 36px;
	top:23px;
	left:146px;
	border:#fff 0px solid;
	cursor: pointer;
}

.footer{
	width:960px;
	height: 25px;
	margin:30px auto 0px auto;
	background: #8f4099;
	padding:20px 0px 10px 0px;
	font-family:Century Gothic, sans-serif;
	font-weight: bold;
}


.contact_div .ffield{ float:left; margin:5px 0px 5px 0px; border:#fff 0px solid;}
.contact_div .flabel{float:left; width:100px; margin:5px 0px 5px 0px; text-align: left; font-family:   border:#f00 0px solid; padding:2px 0px 0px 0px;}
.contact_div .fclear{ clear:both;}

.contact_div{
	padding:20px 40px 20px 40px;
	background:#066799;
	font-family: Century Gothic, sans-serif;
	border: #8f4099 1px solid;
	text-shadow: 0px 1px 1px #333;
	width:300px;
	float:right;
}

.home_splash{
	width:794px; height:202px; margin:20px auto 12px auto; background:#8f4099 url('../images/home_grad.jpg') repeat-x bottom left; 
	padding:10px 10px 10px 10px;
}

.home_splash_div{
	float:right; width:312px; height:202px; margin:0px 0px 0px 0px;
}
.home_splash_div img{ border:#333 1px solid;}

.fbutton{ width:60px; background: #ddd; border:#8f4099 1px solid;}

h1 {font-size: 18px; color: #8e4096; align:left;}

/************************************ Subpage *****************************************/

.subpage_left_content{
	width:600px;
	float:left;
	text-align: center;
	border: #fff 0px solid;
	padding:13px 20px 0px 25px;
	color:#000;
}
.subpage_right_content{
	width:310px;
	float:right;
	text-align: center;
	border: #fff 0px solid;
	padding:13px 0px 0px 0px;

}
.subpage_right_content p{
	margin:7px 0px 0px 0px;
	text-align: left;
	line-height: 16px;

}

.subpage_contact_div .ffield{ float:left; margin:5px 0px 5px 0px; width:150px; border:#f00 0px solid;}
.subpage_contact_div .ffield input{ width:150px; border:#ccc 1px solid; padding:3px 2px 3px 2px; }
.subpage_contact_div .ffield textarea{ width:150px; height:60px; border:#ccc 1px solid; padding:3px 2px 3px 2px; 	
font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12px;
}

.subpage_contact_div .flabel{float:left; width:100px; margin:5px 0px 5px 0px; text-align: left; font-family:   border:#f00 0px solid; padding:2px 10px 0px 0px; text-align: right;}
.subpage_contact_div .fclear{ clear:both;}

.subpage_contact_div{
	padding:10px 10px 20px 16px;
	color:#fff;
	font-family: Century Gothic, sans-serif;
	border: #8f4099 0px solid;
	text-align: left;
	text-shadow: 0px 1px 1px #333;
	margin:0px 25px 0px 0px;
	width:280px;

}
.subpage_contact_div h3{
	color:#fff;
	text-shadow: 0px 1px 1px #333;
	border-bottom: #ccc 1px solid;
	margin:0px 0px 5px 0px;
	padding: 0px 0px 4px 0px;
	position: relative;
	z-index: 5;
}

.property_div{
	width:752px;  border-top:#8f4099 1px solid;  margin:0px auto 5px auto; padding:10px 5px 15px 5px; 
}

.property_div img{
	float:left; width:320px; border:#999 1px solid;
}

.property_div_right{
	width:410px;
	float:left;
	margin:0px 0px 0px 20px;
	text-align: left;
	padding:14px 0px 0px 0px;
	text-shadow: 0px 1px 1px #fff;
	color:#8f4099;
}

.property_div_right h1{
	 font-size:24px; /*color:#fff; text-shadow: 0px 1px 3px #333;*/
}

.property_div_right p{
	color:#333; padding:0px 10px 0px 10px;
}

.property_div_right hr{
	color:#aaa;
	height:1px;
	background: #aaa;
	margin:9px 20px 5px 0px;
}

.img_div{ width:550px; height:400px; float:left; text-align:center; border:#f00 0px solid; margin:0px 0px 0px 40px;}
.img_div img { max-height:380px; }

.thumb_div{
	width:253px; height:400px; border:#f00 0px solid; float:right; padding:0px 40px 0px 6px;
}

div.thumbsq {
	width:65px; height:65px; border:#ccc 2px solid; overflow:hidden;
	float:left; margin:0px 0px 15px 15px;
}

/*.thumb_div img { float:left; height:70px; margin:0px 0px 23px 25px; border:#fff 2px solid; cursor: pointer;}*/

a.property_back{
	position: absolute; top:10px; right:23px; color:#8f4099; text-decoration: none; font-size:14px;
}

.property_detail{
	width:840px; margin: 0px auto; border-top:#aaa 1px solid; padding:0px 20px 0px 20px; text-align: left; position: relative; 
}
.property_detail h1{
	color:#333; text-shadow: 0px 1px 1px #fff;
}
.property_detail h2{
	color:#333; font-size:18px; padding:5px 0px 10px 0px; text-shadow: 0px 1px 1px #fff;
}
.property_detail h3{
	color:#333;  margin:0px 0px 0px 0px; text-shadow: 0px 1px 1px #fff;
}
.property_detail hr{ color:#333; }

.property_detail p{
	color:#333; padding:10px 10px 10px 10px; font-size:14px;
}

ul {margin-left: 40px; color: #333333;}