/*
Theme Name: Osprey Bay Building and Development, LLC
Theme URI: http://www.ospreybaydev.com/
Version: 1.0
Author: Dustin Pfeifer
Author URI: http://www.dustinpfeifer.com/
*/


* {
	margin:0;
	padding:0;
}

body {
	background:#fef5ec url("images/background-interior.jpg") repeat-x;
	text-align:center;
	font:12px/200% tahoma, arial, sans-serif;
	color:#324750;
	
}

body.home {
	background:#fef5ec url("images/background.jpg") repeat-x;
}


/* Global Layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header {
	background:#fef5ec url("images/background-header.jpg") no-repeat;
	text-align:left;
	width:793px;
	height:172px;
	overflow:hidden;
	margin:0 auto;
}

#masthead {
	margin:14px 0 0 0;
	height:111px;
	overflow:hidden;
}

	.logo {
		float:left;
		margin:0;
		line-height:0;
	}
		
	#searchform {
		float:right;
		padding:40px 0 0;
	}
	
	#searchform input {
		border:1px solid #cbd4bb;
		padding:6px;
		background:#fef5ec;
		float:left;
	}
	
	input#searchsubmit {
		font:11px georgia, serif;
		text-transform:uppercase;
		color:#b99673;
		padding:5px;
		float:left;
		margin:0 0 0 5px;
		cursor:pointer;
	}
	
.heading {
	height:250px;
	overflow:hidden;
	margin:0;
}

#content {
	text-align:left;
	width:793px;
	margin:20px auto;
}

#left {
	width:234px;
	float:left;
}

#right {
	width:517px;
	float:right;
}

#navigation .alignleft {
	float:left;
}

#navigation .alignright {
	float:right;
}


/* Global Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#nav {
	margin:8px 0 0;
	padding:0;
	list-style-type:none;
}

#nav li {
	display:block;
	float:left;
	height:26px;
	border:1px solid #cbd4bb;
	padding:2px;
	margin:0 8px 0 0;
}

#nav a {
	background:url("images/background-nav.jpg") repeat-x;
	font:11px georgia, serif;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	float:left;
	height:19px;
	padding:7px 8px 0 8px;
}

#nav a:hover, #nav li.current_page_item a, #nav li.current_page_parent a, #nav li.current_page_ancestor a {
	background:url("images/background-nav-ro.jpg") repeat-x;
}

#nav li.home {
	float:right;
	border:none;
	padding:0;
	margin:0;
}

#nav li.home a {
	background:url("images/button-home.jpg") no-repeat;
	display:block;
	text-indent:-999px;
	height:32px;
	width:39px;
	padding:0;
}

#secondarynav {
	list-style-type:none;
	border:1px solid #cbd4bb;
	border-width:1px 0 0;
	margin:0;
	padding:0;
}

#secondarynav li {
	display:block;
	border:1px solid #cbd4bb;
	border-width:0 0 1px;
	margin:0;
	padding:0;
}

#secondarynav a {
	display:block;
	text-decoration:none;
	color:#324750;
	padding:5px 0;
}

#secondarynav a:hover, #secondarynav li.current_page_item a {
	background:#f1e5d8;
}


/* Homepage Image Menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#imageMenu {
	height:314px;
	width:793px;
	overflow:hidden;
	margin:0 auto;
	padding:0;
}

#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 314px;
	width: 1850px;
	}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	cursor:pointer;
	display:block;
	overflow:hidden;
	height: 314px;
}

#imageMenu ul li.communities a {
	background: url(images/residential.jpg) repeat scroll 0%;
	width:265px;
}

	#imageMenu ul li.communities a:hover {
		background: url(images/residential-ro.jpg) repeat scroll 0%;
	}

#imageMenu ul li.construction a {
	background: url(images/remodel.jpg) repeat scroll 0%;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	width:261px;
}

	#imageMenu ul li.construction a:hover  {
		background: url(images/remodel-ro.jpg) repeat scroll 0%;
	}

#imageMenu ul li.management a {
	background: url(images/commercial.jpg) repeat scroll 0%;
	width:265px;
}

	#imageMenu ul li.management a:hover  {
		background: url(images/commercial-ro.jpg) repeat scroll 0%;
	}


.clear {
	clear: both;
}


/* Homepage Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.home-heading {
	height:314px;
	overflow:hidden;
	margin:0;
}

#homeleft {
	width:264px;
	float:left;
}

#homeright {
	width:487px;
	float:right;
}


/* Global Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#bottom {
	background:url("images/background-body.jpg") no-repeat bottom left;
	padding:0 0 150px;
}

#footer {
	border:1px solid #cbd4bb;
	border-width:1px 0;
	text-align:left;
	width:793px;
	margin:0 auto 20px auto;
	padding:10px 0;
}

	#footer p {
		margin:0;
	}

#footernav {
	list-style-type:none;
	float:left;
	margin:0;
	padding:0 20px 0 0;
	width:233px;
}

#footernav li {
	margin:0;
	padding:0;
	font:11px/200% georgia, serif;
}

#footernav a {
	text-decoration:none;
	text-transform:uppercase;
}

#footernav a:hover, #footernav li.current_page_item a {
	color:#364e58;
}

#footer .middle {
	border:1px solid #cbd4bb;
	border-width:0 1px;
	padding:0 20px;
	float:left;
	width:243px;
}

#footer .right {
	padding:0 0 0 20px;
	float:left;
	width:233px;
}

	#footer .middle p, #footer span {
		text-transform:uppercase;
		font:11px/200% georgia, serif;
	}


/* Formatting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

p {
	margin:10px 0;
}

a, span {
	color:#b99673;
}

p.sidebar {
	padding:55px 0 0;
	font-size:10px;
	line-height:200%;
	color:#324750;
}

a img {
	border:none;
}

h1, h2, h3 {
	color:#b99673;
	text-transform:uppercase;
	font-weight:normal;
	margin:0;
}

h1 a, h2 a, h3 a {
	text-decoration:none;
}

h1 {
	background:url("images/background-heading.jpg") no-repeat top left;
	padding:15px 0 0;
	font:40px/100% georgia, serif;
}

h2 {
	font:30px/100% georgia, serif;
}

h3 {
	font:20px/100% georgia, serif;
}

h4 {
	font-size:10px;
	font-weight:normal;
	margin:0;
	padding:0;
}

ul {
	margin:0 0 0 20px;
}

.image-right, .image-left {
	border:1px solid #cbd4bb;
	padding:5px;
}

	.image-right {
		float:right;
		margin:10px 0 10px 10px;
	}
	
	.image-left {
		float:left;
		margin:10px 10px 10px 0;
	}


/* From Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#cformsform {
	margin:10px 0;
}

#cformsform label {
	display:block;
	padding:5px 0 0 0px;
}

#cformsform ol {
	list-style-type:none;
}

#cformsform input.single {
	width:50%;
	border:1px solid #cbd4bb;
	padding:6px;
}

#cformsform textarea {
	width:75%;
	border:1px solid #cbd4bb;
	padding:6px;
}

#cformsform input.sendbutton {
	font:11px georgia, serif;
	text-transform:uppercase;
	color:#b99673;
	padding:5px;
	margin:0;
	cursor:pointer;
	background:#fef5ec;
	border:1px solid #cbd4bb;
}

#usermessagea p {
	padding:5px 10px;
}

.success {
	background:#c9f7c9;
	color:#459f2c;
	padding:2px 5px;
}

.failure {
	background:#f0bfb8;
	color:#aa1d1d;
	padding:2px 5px;
}

.reqtxt, .emailreqtxt, .cf_hidden, .linklove, .hide {
	display:none;
}


/* Browser Adjustments
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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

.clearfix {display: inline-block;}          
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */