/*  
Theme Name: Coleman Select Sites Theme
Theme URI: http://www.redwingstudio.com/
Description: Coleman Select Sites Theme.
Version: 1.0
Author: Ben Huddleston
Author URI: http://www.redwingstudio.com

*/

/* COLORS
	DK GREEN: #65752C;
	GREEN: #758f27;
	DK BLUE: #02418e;
	LT  BLUE: #D0E3F9;
	GRAY: #4D4D4D;
*/


/* ------------------------ GLOBAL -------------------------------*/
*, html, body, form, fieldset, h2, h3, h4, h5, h6, p, pre, blockquote,  ol, dl, ul, address {
	margin:0;
	padding:0;
	}
	
ul,li {
	list-style-type:none;
	}
	
body {
	font: 76%/155% Verdana, Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	margin: 0;
	padding: 0;
	text-align: center;
	} 
	
hr {
	clear:both;
	visibility:hidden;
	}
	
.clearboth {
	height: 0px !important;
	font-size: 0px;
	overflow: hidden;
	clear: both;
	margin: 0;
	padding: 0;
	}
	
.clear {
	float:left !important;
	clear:both !important;
	width:100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}	
	
.centered, p.centered {
	text-align:center;
	}
	
.right {
	text-align:right;
	}	
		
img {
	border:0;
	}
	

/* ---------------------------- TYPOGRAPHY ---------------- */
p {
	margin-bottom:1.3em;
	}

#topheading p {
	font-size:90px;
}

a:link,
a:visited {
	text-decoration: none;
	color: #02418e;
	}
	

	
h1 {
	font-size: 155%;
	font-family: "Times New Roman", Times, serif;
	border-bottom: 1px solid #E6E6E6;
	color: #758f27;
	font-weight: bold;
	}
	
	
	
#heading h1 { 
	font-size: 110%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	border: 0;
	margin-top: .5em;
	margin-left: 16px;
	font-weight: normal;
	text-transform: uppercase;
	
	}
	
	
h2 {
	font-size: 155%;
	font-family: "Times New Roman", Times, serif;
	border-bottom: 1px solid #E6E6E6;
	color: #404040;
	font-weight: bold;
	display: block;
	}
	
form.search-1 h2 {
	color:#fff;
	border-bottom:0;
	margin-bottom: 1em;
}	
	
#mainbody div.hodler h2 {
	xborder-bottom: 0px solid #E6E6E6;
	color: #02418e;
	}
	
#mainbody div.teamholder h2 {
	color: #4D4D4D;
	border: 0;
	font-size: 130%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
#content ul {
	margin-left: 2em;
	padding-bottom: 1em;
	}
	
#content ul li {
	list-style: disc
	}
	
#column-left ul {
	margin: 0;
	
	}
	
#column-left ul li {
	list-style: none;
	}
	
p.smalltext2 { font-size: 80%; line-height: 125%; }

span.edit-button a {
	display: block;
	text-align: center;
	padding: 3px 0 4px 0;
	font-size: 110%;
	background: url(images/topgreenbg.png) bottom repeat-x;
	border: 2px solid #ccc;
	color: #fff;
}

span.edit-button a:hover {
	color: #cfcfcf;
	border: 2px solid #bbb;
}
	
/* ---------------------- MAIN LAYOUT SECTIONS ---- */	
	
div.middle {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	background: transparent;
	}	
	
div#header {
	background: url(images/headerbg.jpg) repeat-x;
	height: 86px;
	overflow: hidden;
	}
	
div#logo {
	float: left;
	}
	
div#topheading {
	float: left;
	margin:30px 0 0 20px;
	display: block;
	width: 250px;
}

div.bluebar {
	clear: both;
	background: url(images/bluebar.jpg) repeat-x;
	height: 26px;
	margin:0;
	padding:0;
	xborder-top: 1px solid #3b7db5;
	border-bottom: 1px solid #c0d5e7;
	}
	
#heading {
	background: url(images/topgreenbg.png) bottom repeat-x;
	height: 35px;
	overflow: hidden;
	color: #fff;
	}
	
div#contentbg {
	background: url(images/contentbg.png) repeat-x;
	background-position: bottom;
	xoverflow: auto;
	font-size: 95%;
	}
	
div#bottom {
	background: url(images/bottombg.jpg) repeat-x;
	height: 86px;
	}
	
div#copy {
	xcolor: #D0E3F9;
	font-size: 80%;
	padding-top: 3px;
	text-align: right;
	}
	
div#copy a {
	xcolor: #D0E3F9;
	}
	
div#copy a:hover {
	xcolor: #fff;
	}
	
div#content {
	padding: 1.5em 0px 0px 0px;
	overflow: hidden;
	}
	
div#content #wrap {
	margin: 0;
	padding: 0;
}	
	
#column-left {
	width: 30%; 
	min-height: 465px;
	float: right; 
	padding-left: 4%; 
	background: url(images/homeline.png) left no-repeat top;
	text-align: left;
	}
	
#column-left-template {
	width: 30%; 
	min-height: 465px;
	float: left; 
	padding-right: 4%; 
	background: url(images/line-gradient-tall.png) right no-repeat top;
	text-align: left;
	}
	
#mainbody {
	width: 60%;
	float: left;
	padding-left: 2%;
	text-align: left;
	}		


/* ----------------------- NAVIGATION --------------------- */



#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
	
#nav ul li {
	xwidth: 135px;
	float: left;
	display: inline;
	background: transparent;
	}
	
#nav a {
	font: 11px verdana, arial, sans-serif;
	color: #fff;
	xdisplay: block;
	xwidth: 125px;
	height: 14px;
	text-align: center;
	text-transform:uppercase;
	text-decoration: none;
	padding: 4px 4px 4px 4px;
	z-index: 10;
	}
	
	
#nav ul li ul {
	position: absolute;
	width: 160px;
	left: -999px;
	z-index: 10;
	}
	
#nav ul li:hover a.arrow:hover {
	background: #D0E3F9;
	background-image: url(images/navarrow-sd.png);
	background-repeat: no-repeat;
	background-position:  98% 50% ;
	}

#nav ul li:hover a {
	color: #02418e;
	background: #D0E3F9;
	background-image: url(images/navarrow.png);
	background-repeat: no-repeat;
	background-position: top center;
	}
	
#nav ul li:hover ul li a {
	background: #02418e;
	color: #D0E3F9;
	}
	
#nav ul li:hover ul li a:hover {
	color: #02418e;
	background: #D0E3F9;
	background-image: url(images/navarrow-sd.png);
	background-repeat: no-repeat;
	background-position:  98% 50% ;	
	}
	
#nav ul li a {
	font: 11px verdana, arial, sans-serif;
	color: #fff;
	display: block;
	height: 19px;
	text-align: center;
	text-transform:uppercase;
	text-decoration: none;
	padding: 6px 4px 1px 4px;
	
	}
	
#nav ul li a:hover {
	color: #02418e;
	}

#nav ul li:hover {
	display: block;
	text-align: center;
	z-index: 10;
	}
	
#nav ul li ul {
	position: absolute;
	left: -999px;
	padding-bottom: 1px;
	z-index: 10;
	margin: 0 0 0 0px;
	}	
	
	
#nav ul li ul li {
	width: 180px;
	text-align: left;
	z-index: 10;
	padding: 0;
	margin: 0 0 0 0px;
	background: #02418e;
	}
	
#nav ul li ul li a {
	display: block;
	width: 173px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 6px 2px 1px 5px;
	color: #fff;
	font-size: 90%;
	background: #02418e;
	}

#nav ul li ul li a:hover {
	color: #02418e;
	text-decoration: none;
	}
	
#nav ul li ul li:hover {
	text-decoration: none;
	}
	
#nav li:hover ul { left: auto; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }	


#nav ul li a.noleftm {
	padding: 6px 4px 1px 0px;
	margin-left: 0;
	}
	



#nav ul{
	float:left;
	margin:0 0 0 13px;
	display:inline;
}


#nav li {
	float: left;
	margin:0;
	height: 26px;
	padding-left: 8px;
}
	
	
	
/* --------------------- HOME PAGE ---------------- */

#home-column-left {
	width: 28%; 
	min-height: 465px;
	float: left; 
	padding-right: 2%; 
	background: url(images/homeline.png) right no-repeat top;
	}
	
#home-column-right p {
	xfont-size: 95%;
	}
	
#home-column-mid {
	width: 32%; 
	min-height: 465px;
	float: left; 
	padding-right: 2%; 
	padding-left: 2%; 
	background: url(images/homeline.png) right no-repeat top;
	}
	
#home-column-mid #master0 img {
	width: 235px;
	border: 1px solid #ccc;
	padding: 2px;
	}
	
#home-column-right {
	width: 30%; 
	min-height: 465px;
	float: left;
	padding-left: 2%;
	}
	
	
div#home-column-left div.featured-column-home {
	float: none;
	width: 220px;
	height: 80px;
	margin-bottom: 20px
	}
	
div#home-column-left div.featured-column-home span.listpic {
	width: 40%;
	float: left;
	}
	
div#home-column-left div.featured-column-home span.listpic img {
	width: 80px;
	border: 1px solid #ccc;
	padding: 2px;
	height: auto;
	}
	

	
	
/* ------------------- MOST CONTENT AREAS ----------------- */

#column-left {
	width: 30%; 
	min-height: 465px;
	float: right; 
	padding-left: 4%; 
	background: url(images/homeline.png) left no-repeat top;
	}
	
#column-left-template {
	width: 30%; 
	min-height: 465px;
	float: left; 
	padding-right: 4%; 
	background: url(images/line-gradient-tall.png) right no-repeat top;
	}
	
#mainbody {
	xwidth: 60%;
	xfloat: left;
	xpadding-left: 2%;
	}
	
	
#column-left ul {
	background:transparent;
	padding:1px 0 0 0;
	margin: 0 0 10px 0;
	}	
#column-left ul li {
	background:transparent;
	}
	
#column-left ul li a {
	display:block;
	padding:9px 10px 9px 20px;
	border-bottom: 1px solid #E6E6E6;
	}
#column-left ul li a:hover {
	xbackground: #f0f8fb;
	background: #f0f8fb url(images/navarrow-sd-alt.png) 99% 50% no-repeat;
	}	
				
#column-left ul li a span {
	color: #4D4D4D;
	font-size:.94em;
	}


/* ------------------------- CONTACT PAGE / FORMS ------------------- */

form { 	font-family: Verdana, Arial, Helvetica, sans-serif; }

input {
	border: 1px solid #E6E6E6;
	background: #fff;
	padding: 2px 5px 1px 5px;
	font-size: 1em;
	}
	
input:hover {
	border: 1px solid #6699ff;
	font-size: 1em;
	}
	
input:focus {
	color: #000;
	border: 1px solid #6699ff;
	background: #eaf3f9;
	
	}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #E6E6E6;
	background: #fff;
	padding: 2px 5px 1px 5px;
	font-size: 1em;
	}

textarea:hover {
	border: 1px solid #6699ff;
	font-size: 1em;
	}
	
textarea:focus {
	color: #000;
	border: 1px solid #6699ff;
	background: #eaf3f9;
	xbackground: #ebf7c7;
	}
	
select {
	font-size: 1.1em;
	border: 1px solid #BFBFBF;
	xcolor: #949494;
	padding: 0px 0px 0px 0px;
	}
	
	div.row {
  clear: both;
  padding-top: 10px;
  }

div.row label.label {
  float: left;
  width: 30%;
  text-align: right;
	margin-right: 5px;
  }

div.row span.formw {
  float: right;
  width: 65%;
  text-align: left;
  }

div.row span.label {
  float: left;
  width: 30%;
  text-align: right;
	margin-right: 5px;
  }
	
	
.getapproved { clear: left; padding-top: 20px; }

.blank { margin-top: 10px; width: 100%; }

form#contactform span {
	color: #fff;
	padding-left: 5px;
	}
	
span.warn {
	color: #FF6600;
	}

input.invalid {
  background-color: pink;
	}
	
strong.error, span.error {
  color: #CC0000;
	}

div label {
  display: block;
}

	
form#contactform span {
	color: #fff;
	padding-left: 5px;
	}
	
form#contactform span.warn {
	xcolor: #FF6600;
	background: #fff6bf url(images/alert.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 0 0 2px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #333333;
	display: block;
	list-style: none;
	}

input.invalid {
 background: #fff6bf;
 border: 2px solid #ffd324;
	}
	
strong.error {
  color: #CC0000;
	}
	
form#contactform span.error {
  xcolor: #CC0000;
	background: #fff6bf url(images/alert.png) center no-repeat;;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 2px 0 2px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #333333;
	display: block;
	list-style: none;
	}
	
.errorlist {
	margin: 0;
	padding: 0;
	}
	
#error {
	xdisplay: none;
	xvisibility: hidden;
	xheight: 0;
	margin-top: -10px;
	}
	
#error ul.errorlist, #error ul.errorlist li {
	margin-left: 0;
	}
	
li.errormessage {
	background: #fff6bf url(images/alert.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 0 0 2px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #333333;
	display: block;
	list-style: none;
	}
	
div#column-left  ul.errorlist  li.errormessage {
	background: #fff6bf url(images/alert.png) center no-repeat; 
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 0 0 2px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #333333;
	display: block;
	list-style: none;
	}
	


	
	
/*------------------- clearfix --------------------*/

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

.clearfix {
 display: inline-table;
}

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


	
	
/* --------------------- SIFR -------------- */

/* 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 #content h1 {
	visibility: hidden;
	
}

#heading .siFR-hasflash h1 {
 margin-top: -25px;
}



/* -------------------- IMAGE FLOATS ---------------- */


.left {
	float: left;
	margin: 0px 12px 8px 0;
	}

.right {
	float: right;
	margin: 8px 0 8px 12px;
	}
	
.imageborder {
	border: 2px solid #02418e;
	}


/*
** ---------------------  SEARCH RENTALS FORM --------------------- */
form.search-1 {
	background:#02418E url("images/shadow_01.png") no-repeat 50% 100%;
	color:#FFF;
	padding:10px 40px 40px;
	margin-bottom: 2em;
}

form.search-1 h1 {
	background:transparent url("images/icon_03.png") no-repeat 0 50%;
	color:#FFF;
	font-size:1.8em;
	padding:0 0 0 20px;
}

form.search-1 input,form.search-1 select {
	margin:0 7px 0 5px;
}

form.search-1 select.city {
	width:110px;
}

form.search-1 select.beds, form.search-1 select.baths {
	width:60px;
}

form.search-1 input.button-07 {
	margin:0 0 0 10px;
}



/*
** ---------------------  RENTAL PROPERTIES --------------------- */
table.rental-search td {
	width:50%;
}

ul li.error { color:#BD002B; list-style:none;  }



#content ul.rental {
	float:left;
	clear:both;
	width:760px;
	list-style:none;
	margin:0;
	padding:0 0 32px 0;
	xborder-top:1px solid #ccc;
}

#content ul.rental li {
	background: #FFF;
	padding:20px 20px 20px 172px;
	margin:0;
	position:relative;
	list-style:none;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
}

ul.rental li.last {
	border-bottom:1px solid #ccc;
}


ul.rental li a.thumbnail {
	float:left;
	margin:0 -142px 0 -152px;
}

ul.rental li h2 {
	padding-bottom:1ex;
	font-size:1.2em;
}

 ul.rental li table.first {
	width:150px;
	margin-right:16px;
	float:left;
	margin-bottom:2em;
}

 ul.rental li table.second {
	width:280px;
	margin-bottom:2em;
}

ul.rental li .contact {
	background:#E7F1F8;
	padding:1.5ex 1em;
	clear:both;
	
}

ul.rental li .contact .tel,ul.rental li .contact .email {
	margin-left:2em;
}

ul.rental li p.postmetadata {
	position:absolute;
	top:10px;
	right:15px;
}

p.postmetadata a {
	text-align: center;
	padding: 2px 4px 3px 4px;
	background: url(images/topgreenbg.png) bottom repeat-x;
	border: 1px solid #ccc;
	color: #fff;
}


/* rental detail page */

#imageContainer img {
	max-width: 450px; 
	border:1px solid #ccc;
	padding: 4px;
}

#desc {
	
}

#desc img {
	border: 1px solid #ccc;
	padding: 2px;
	margin: 6px 6px 0 0;
	width: 60px;
	}

div.leftcol-holder {
	margin-bottom: 2em;
}

div.holder {
	clear:both;
	margin-bottom: 2em;
}

div.rental2 {
	xfloat:left;
	text-align: left;
	clear:both;
	width:760px;
	list-style:none;
	margin:0 auto;
	padding:0 0 20px;
	margin-bottom:3em;
	overflow-x: hidden;
}

div.rental2 .pad {
	float:left;
	padding:20px 20px 20px 20px;
}

html body div#main div.nobottom {
	padding-bottom:0;
}

div.rental2 .leftcol, div.rental2 .rightcol  {
	float:left;
	display:inline;
	width:350px;
}

div.rental2 .rightcol { margin-left: 15px;}

div.rental2 img.main-image {
	float:left;
	display:inline;
	/*width:340px;*/
	width:720px;
	border:1px solid #8CB4D5;
	background:#D3EEFD;
	padding:4px;
}

div.rental2 .thumbholder {
	padding:2em 0;
	margin:2em 0;
	clear:both;
}

div#column-left-template img.thumbnail {
	float:left;
	display:inline;
	max-width: 80px;
	max-height:127px; 
}

div#column-left-template a.thumbnail {
	float:left;
	margin:0 4px 4px 0;
}

div.rental2 table {
	width:352px;
}

div.rental2 h2 {
	padding-bottom:1ex;
	font-size:1.5em;
}

div.rental2 p.description {
	margin:1em 0;
}

div.rental2 .contact {
	margin:1em 0;
	background:#DEEAF3;
	padding:1.5ex 1em;
	clear:both;
	width:700px;
}

div.rental2 .contact .tel, div.rental2 .contact .email {
 clear:both;
 margin-left:2em;
}


table.rental-detail {
	margin-bottom:2em;
	width:100%;
}

table.rental-detail th {
	width:162px;
	border-bottom: 1px solid #ccc;
}

table.rental-detail td {
	border-bottom: 1px solid #ccc;
}

table#extra-rental-info {
	width:720px;
	clear:both;
}

table#extra-rental-info th {
	width:215px;
}


.thumbholder img {
	border:1px solid #8CB4D5;
	padding:3px;
	background:#D3EEFD;
}


#maps {
	clea:both;
}

#maps a {
	float: left;
	display: block;
	width: 120px;
	margin-right: 1px;
	padding-left: 20px;
	border: 0px solid #ccc;
	background: url(images/mapbutton-bg.png) no-repeat;
	}
	
#maps a:hover {
	background: #eee url(images/mapbutton-bg.png) no-repeat;;
	}




/* pagination on rental properties category */

.pages {
	background: transparent url("images/pagination-bg.png") repeat-x;
	height:25px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.pages .inner-2 {
	background:transparent url("images/corner_02.png") no-repeat 100% 0;
	height:25px;
	width:760px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}


.pages .inner {
	background:transparent url("images/corner_00.png") no-repeat 0 0;
	font-size:1.2em;
	height:25px;
	width:760px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.pages .inner p {
	position:relative;
	top:3px;
	margin:0 0px 0 10px;
	padding:0;
	float:left;
}


.pages .inner a {
	float: left;
}

.pages .inner a span.button-01, .pages .inner a.button-01 {
	float:left;
	margin:2px 0 0 5px;
}

.pages .inner a span.button-02 {
	float:left;
	margin:2px 1em 0 5px;
}

html div.pages div.inner-2 div.inner ul.pagination {
	list-style:none;
	margin:0;
	padding:0 10px 0 10px;
	float: left;
	height:25px;
	overflow: hidden;
}

html div.pages div.inner-2 div.inner ul li {
	display:inline;
	list-style:none;
	float:left;
}

.pages .inner ul li a {
	position:relative;
	top:3px;
	float:left;
	margin-left:-1px;
	padding-left:7px;
	background:transparent url("images/border_01.png") no-repeat 100% 40%;
	color:#114376;
}

.pages .inner ul li a span {
	float:left;
	color:#114376;
	cursor:pointer;
	padding:0 10px 3px 3px;
}

.pages .inner ul li.current a,.pages .inner ul li a:focus,.pages .inner ul li a:hover {
	background:transparent url("images/button_02_start.png") no-repeat 0 0;
	text-decoration:none;
}

.pages .inner ul li.current a span,.pages .inner ul li a:focus span,.pages .inner ul li a:hover span {
	background:transparent url("images/button_02_start.png") no-repeat 100% 0;
	height: 25px;
	color:#FFF;
}