/* RESET */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* Wordpress LAYOUT Elements*/
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
.clear {clear:both;}

/* Useful Styles */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */

/*Structure*/
body {
	font:14px Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	background: url(/images/WoodBG.jpg) center top;
}
#wrapper {
	margin: auto;
	width: 100%;
	position: relative;
	z-index: 1;}
#header {width:950px; margin: 0 auto; overflow:auto; padding: 0 0 20px 0;}
#greenbar {width:100%; margin: 0 auto; background:#7e7a35 url(/images/gradient-green.png) repeat-x;}
#content {width:950px; margin: 0 auto; padding: 17px 0 17px 0; overflow: hidden;}
#bluebar {width:100%; margin: 0 auto; background:#00687e; margin: 25px 0 0 0;}
#bluebarmain {width:100%; margin: 0 auto; background:#00687e;}
#content2 {width:950px; margin: 0 auto; padding: 17px 0 25px 0; overflow:hidden;}
h1.logo {
	text-indent: -9999px;
	width: 164px;
	height: 133px;
	background: url(/images/CarsonReidLogo.jpg) no-repeat;
}
.homelink { position:absolute; left:0px; top:0px; z-index:10;}
#current a {font-size:27px; color:#38c3e1; text-decoration: none;}

.nav {float:left; width:690px; padding: 0 0 0 237px; margin: -20px 0 0 0}
.nav a:hover {font-size:27px; color:#38c3e1; text-decoration: none;}
.nav a {font-size:27px; color:#FFF; text-decoration: none;}
.nav li {display:inline; padding: 0 27px 0 0;}

/*Home Page*/
   /*News*/
   .news {width: 325px; float:right; padding: 0 27px 0 0}
   .news h2 a {color:#FFF; text-decoration:none;}
   .news h2 a:hover {color:#FFF; text-decoration:underline;}
   .NewsFeed li {display:inline; float: left;}
.locations {width:590px; float: left;}
#slider img {padding: 7px 0 0 35px;}
#bluebar #slider h2 {font-size:25px; padding: 0 0 0 35px;}
.welcome {width:330px; float:right; padding: 0 25px 0 0;}
.imgpad {padding: 15px 0 0 0;}
.imgpad2 {padding: 10px 0 0 0;}


/*AboutUs*/
.family {float:left; width:459px}
.ourhomes {float:right; width:459px;}

/*Communities*/
.woodbanner {width:950px; height:50px; background: url(/images/WoodBanner.jpg) repeat-x; margin: 5px 0 0 0;}
.homelocations {width:175px;}
.summary {float:left; width:695px;}
.summary p {padding: 0 0 10px 227px;}
.summary h3 { font-weight:bold; font-size:20px; color:#000;}
.homelocations h3 {padding: 5px 0 10px 0;}
h1.city {color:#a49e3c; padding: 5px 0 0 226px;}
.top_btn {padding: 0 148px 0 0;}
.imgpadright {padding: 5px 15px 15px 0;}
 
/*Selected Communities*/
.alignleftselected {float: left; width:712px;}
.leftcol {float:left; width:222px; padding: 333px 0 0 0;}
.middlecol {float:left; width:460px; padding: 0 15px 0 15px;}
.rightcol {float:right; width:222px; padding: 333px 0 0 0;}
.middlecol p {padding: 0 0 20px 0}
.leftcol img {padding: 0 0 20px 0;}
.rightcol img {padding: 0 0 20px 0;}

/*Form*/
.contactcenter {width: 460px; margin: 0 auto; display:block;}
#contentcontact {width:950px; margin: 0 auto; padding: 17px 20px 25px 0; overflow:auto;}

/*Home Designs*/
.imgpadright2 {padding: 0 15px 10px 0;}
#contenthomedesigns {width:950px; margin: 0 auto; padding: 17px 0 25px 0; overflow:hidden;}
#contenthomedesigns p {padding: 0 0 10px 0;}
/*Contact*/
.alignleft1 {float:left;width:220px;}
.alignright1 {float:right;width:220px;}
.contactreid {float:left; width:459px}
.contactsales {float:right; width:459px;}
.contactreid ul {padding: 0 0 25px 0;}
.contactsales ul {padding: 0 0 25px 0;}
.formleft {float: left; width:213px}
.formleft li {padding: 0 0 5px 0;}
.formright {float: right; width:223px}

/*Typography*/

a { color:#ea2643; text-decoration: underline; }
a:hover { color:#ea2643; text-decoration: none; }

h1 { font-size:27px; color:#FFF;}
h2 { font-size:27px; color:#024350;}
h3 { font-size:25px; color:#01697f;}
h4 { font-size:23px; color:#00687e;}
h5 { font-size:14px }
h6 { font-size:10px }
h1.carsonreid {font-size:27px; color:#FFF;}
.bluetxt {color:#38c3e1;}
#bluebar h2 {padding: 0 0 5px 0;}

/*Single*/
.postinfo {padding: 10px 0 0 0;}
.commentform li{padding: 0 0 5px 0;}
.submit_btn {float:left; padding: 10px 0 5px 0;}
#contentsingle {width:500px; margin: 0 auto; padding: 17px 0 25px 20px; overflow:auto;}

/* Footer */
.footer {
	position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	width: 950px;
	clear:both;
	z-index:10;
	margin: 0 auto;}
.footer-inside {width: 950px; margin:0 auto;}
.SiteMap {float:left; width:130px; padding: 0 0 0 135px;}
.Locations {float:left; width:130px; padding: 0 43px 0 0;}
.Contact {float:left; width:130px; padding: 0 47px 0 0;}
.CarsonMap {float:left; width:230px;text-align:center; padding: 0 0 35px 0;}	
.footer-copy {clear:left; margin:0 auto; width:950px; text-align:center;}


/*Sticky Footer */
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
#main {padding-bottom: 50px;}  /* must be same height as the footer */

/* CLEAR FIX*/
.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;}

/*Gradient and DropShadow*/
.dropshadowtop {background: url(/images/DropShadowTop.png) repeat-x top left !important; 
	margin: -23px 0 0 0; 
	position: absolute;
	display: block;
	width: 100%;
	height: 23px;
}
.dropshadowbottom {background: url(/images/DropShadowBottom.png) repeat-x top left !important; 
	margin: 0 0 -23px 0; 
	position: absolute;
	display: block;
	width: 100%;
	height: 23px;
}
.dropshadowbottom2 {background: url(/images/DropShadowBottom.png) repeat-x top left !important; 
	margin: 39px 0 0 0; 
	position: absolute;
	display: block;
	width: 100%;
	height: 23px;
}

/* Modified s3Slider */
#slider1 {
   position: relative;
   overflow: hidden;
}

#slider1, #slider1 img, #slider1 ul{
  width: 580px;
  height: 391px;
}

#slider1 li,#slider1 ul{
  padding:0;
  margin:0;
}

#slider1 ul {
   position: absolute;
}

#slider1 .slide {
   float: left;
   position: relative;
   display: none;
}

/*For sane browsers..*/
#slider1 .slide:first-child{
  display: block;
}

#slider1 .slide span {
  position: absolute;
  left:0;
  padding: 10px 13px 10px 10px;
  opacity: 0.7; /*this is only used for non-IE on the first slide, before js is loaded, use spanOpacity option to change opacity*/
  background-color: #000;
  color: #FFF;
  bottom: 0; /*get rid of to move to top*/
  font-size:12px;
}


/*Small CTA Slider Image jQuery*/
#slider{
	margin: 0 0 0 23px;
	float:left;}	

#slider li{ 
	width:535px;
	height:200px;
	overflow:hidden;
	background:#FFF; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	position:absolute;
	width:22px;
	height:200px;
	}
#prevBtn {  left:0; top:36px;}	
#nextBtn{ 
	left:557px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:22px;
	height:200px;
	text-indent:-9999px;
	background:url(/images/prev_btn.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(/images/next_btn.gif) no-repeat 0 0;	
	}