body {
	margin: 0px 0px 0px 0px;
	padding: 0;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8F8F8F;
	position:relative;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: 700;
	color: #222222;
}

h2 {
	font-size: 3em;
}

p, ol, ul {
	margin-top: 0px;
	padding: 0px;
}

p, ol {
	line-height: 180%;
}

strong {
}

a {
	color: #5C5539;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.border {
}

img.alignleft {
	float: left;
	margin-right: 30px;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	display: none;
}

/** WRAPPER */

#wrapper {
	overflow: hidden;
	background: #FFFFFF;
}

.container {
	width: 1200px;
	margin: 0px auto;
}

.clearfix {
	clear: both;
}

/* Header */

#header-wrapper {
	overflow: hidden;
	background: #8BA446 url(images/bg01.png) repeat;
}

#header {
	width: 1200px;
	height: 165px;
	margin: 0 auto;
	padding: 0px 0px;
}

/* Logo */

#logo {
	float: left;
	width: 210px;
	height: 150px;
	padding: 0px 0px 0px 40px;
}

#logo h1 {
	padding: 20px 0px 0px 0px;
	font-size: 4.5em;
}

#logo h1 a {
	text-decoration: none;
	color: #FFFFFF;
}

#logo p {
	margin-top: -10px;
	color: #D5806F;
}

#logo p a {
	color: #D5806F;
}

/* Menu */

#menu {
	float: right;
	width: 820px;
	height: 80px;
	padding: 20px 40px 0px 0px;
}

#menu ul {
	float: right;
	margin: 0;
	padding: 20px 20px 20px 20px;
	box-shadow: inset 0px 0px 10px 5px rgba(0,0,0,.1);
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	margin-left: 1px;
	padding: 7px 20px 7px 20px;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #FFFFFF;
}

#menu a:hover, #menu .current_page_item a {
	text-decoration: none;
	border-radius: 5px;
	color: #FFFFFF;
}

/* Page */

#page-wrapper {
	overflow: hidden;
}

#page {
	overflow: hidden;
	width: 1120px;
	margin: 0px auto;
	padding: 50px 40px;
	color:black;
	
}

/** CONTENT */

#wide-content {
}

#wide-content h2 {
	padding: 0px 0px 20px 0px;
	letter-spacing: -1px;
	font-size: 36px;
	color: #222222;
}


/** CONTENT */

#content {
	float: right;
	width: 800px;
	padding: 0px 0px 0px 0px;
}

#content h2 {
	padding: 0px 0px 20px 0px;
	letter-spacing: -1px;
	font-size: 32px;
	color: #222222;
}

#content .subtitle {
	padding: 0px 0px 30px 0px;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	color: #81AFC5;
}

/** SIDEBAR */

#sidebar {
	float: left;
	width: 290px;
	padding: 0px 0px 20px 0px;
}

#sidebar h2 {
	padding: 0px 0px 30px 0px;
	letter-spacing: -1px;
	font-size: 2em;
}

/* Footer */

#footer {
	margin: 0 auto;
	padding: 50px 0px 50px 0px;

}

#footer p {
	font-size: 12px;
	color: #555454;
}

#footer a {
	color: #555454;
}

/* Three Column Footer Content */


#footer-bg {
	overflow: hidden;
	padding: 60px 10px 60px 10px;
	background:#F2F2F2 url(images/bg01.png) repeat;
}

#footer-content {
	color: #67C8E3;
}

#footer-content h2 {
	margin: 0px;
	padding: 0px 0px 30px 0px;
	letter-spacing: -1px;
	text-shadow: 1px 1px 0px #FFFFFF;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 700;
	color: #222222;
}

#footer-content a {
}

#footer-content a:hover {
	text-decoration: underline;
}


#column1 {
	float: right;
	width: 280px;
	margin-right: 300px;
}

#column1 p {
	line-height: 1;
}

#column2 {
	float: left;
	width: 280px;
	margin-left: 300px;
}

#column3 {
	float: left;
	width: 280px;
}

#column4 {
	float: right;
	width: 260px;
}


/* Banner Style */

#banner-wrapper {
}

#banner {
	overflow: hidden;
	width: 1160px;
	margin: 20px auto 50px auto;
}

#banner .img-border {
	height: 500px;
	border: 20px solid #FFFFFF;
}

/* Button Style */

.button-style {
	display: inline-block;
	margin-top: 30px;
	padding: 7px 30px;
	background: #FB7820;
	box-shadow: inset 0px 0px 10px 5px rgba(0,0,0,.1);
	border-radius: 5px;
}

.button-style a {
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #FFFFFF;
}

/* List Style 1 */

ul.style1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style1 li {
	padding: 15px 0px 15px 0px;
	border-top: 1px solid #CED1CC;
}

ul.style1 a {
	text-shadow: 1px 1px 0px #FFFFFF;
	text-decoration: none;
	
}

ul.style1 a:hover {
	text-decoration: underline;
	color: #6B6B6B;
}

ul.style1 .first {
	padding-top: 0px;
	border-top: none;
}


/* Recent News */

#recent-news {
	overflow: hidden;
	width: 1120px;
	margin: 0px auto;
	padding: 50px 40px;
	background: #36332E;
	color: #8C8C8C;
}

#recent-news h2 {
	padding: 0px 0px 20px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	color: #EDEDED;
}

#recent-news .date {
	padding: 0px 0px 10px 0px;
	font-weight: bold;
	font-style: normal;
	color: #E3E3E3;
}

#recent-news p {
	font-style: italic;
}

#recent-news a {
	font-style: normal;
	color: #B8B8B8;
}

#recent-news #rbox1 {
	float: left;
	width: 250px;
	margin-right: 40px;
}

#recent-news #rbox2 {
	float: left;
	width: 250px;
	margin-right: 40px;
}

#recent-news #rbox3 {
	float: left;
	width: 250px;
}

#recent-news #rbox4 {
	float: right;
	width: 250px;
}

/* Button Style */

.button-style1 {
	margin-top: 30px;
}

.button-style1 a {
	padding: 10px 25px;
	background: #EBB462;
	border-radius: 5px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #FCE3BB;
	color: #36332E !important;
}




/* styling for drop down menu */

nav ul li:hover {background:#E6E6E6;}
nav ul li ul {position:absolute;width:;background:#8BA446;}
nav ul li ul li {width:px;}

nav ul li ul.sub-menu {display:none;}
nav ul li:hover ul.sub-menu {display:inline;}




#contact
{
	text-align: center;
	font-weight: bold;
	color: black;
	font-size: 1.3em;
  border: 20px solid #8BA446;;
	width: 42%;
	height: 590px;
	border-radius: 100px;
	margin: .5em;
	background-color: #E3E3E3;
	margin-left:30%;	
	
}

#contact a
{
	text-decoration: underline;
}

#contact h1, #other h1
{
	margin-top:.5em;
	
}

#frmFormMailContainer
{
	float: right;
	text-align: center;
	font-weight: bold;
	color: black;
	font-size: 1.3em;
    width: 42%;
    height:590px;
	border: 20px solid #8BA446;;
	border-radius: 100px;
	margin: .5em;
	background-color: #E3E3E3;
	
	
	
}








/* 
styling for the available apartments page
*/

@import "compass/css3";

* {
  margin:0;
  padding:0;
}

@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Droid+Serif:400,700);

html, body {
  height: 100%;
}


/*body {
  text-align:center;
  background-color: #5d4660;
  @include filter-gradient(#5d4660, #f7eec7, vertical);
  $experimental-support-for-svg: true;
  @include background-image(linear-gradient(top, #5d4660    0%,#f7eec7 100%));
  font-family: 'Droid Sans', sans-serif;
}
*/
.wrap {
  width:800px;
  margin:0 auto;
  text-align:left;
  color:#989A8F;
}

.table {
  background-color:#ffffff; 
  height:250px;
  width:100%;
  margin-top:0px;  
}

.table ul li {
  float:left;
  width:195px;
  text-align:center;
  border-left:1px solid #DDDCD8;
}

.top {
  background-color:#EAE9E4;
  height:75px;
  h1 {
    padding-top:20px;
  }
}

.circle {
  width:60px;
  height:60px;
  border-radius:60px;
  font-size:22px;
  color:white;
  line-height:60px;
  text-align:center;
  background:#989A8F;
  margin-left:70px;
  margin-top:10px;
}

.bottom {
margin-top:50px;
margin-bottom:50px;
  p {
     font-size:13px;
     font-family: 'Droid Serif', sans-serif;
     padding:5px;
    span {
     font-weight:bold; 
    }
  }
}

.sign {
  margin-top:20px;
    .button {
   border: 1px solid #989A8F;
   padding: 10px 40px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   color: #989A8F;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
    font-size:17px;
   }
}

.purple {
  background-color:#8BA446;   
}


.white {
 color:#FFFFFF; 
}

.pink {
  background-color:black;
}


.bottom p
{
margin-top: 3em;
font-size: 2em;
font-weight: bold;
color:black;
}


#pay
{
	margin-top: 4em;
}

#ranch1
{
margin-top:2em;
margin-bottom: 1.5em;
font-size: 1.5em;
}






/* tables in 1bed 2bed and ranch */


#customers {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 100%;
    border-collapse: collapse;
}

#customers td, #customers th {
    font-size: .75em;
    border: 1px solid #98bf21;
    padding: 3px 7px 2px 7px;
}

#customers th {
    font-size: 1.1em;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #8BA446;
    color: #ffffff;
}

#customers tr.alt td {
    color: #000000;
    background-color: #EAF2D3;
}

#pricing h2
{
text-align:center;
}

#bed
{
	font-size: 2.5em !important;;
}


#container
{
margin-left:10em;
}



#floor
{
text-align:center;
font-szie: 1.5em !important;;
}

.floorplan
{
margin-left:11em;
}














ul.twitter{
	padding: 1em 2em;
	list-style:none;
	background:#597275;
}
ul.twitter li.twt_icon{
	float: left;
	margin-right: 1em;
}
i.twt{
	width: 60px;
	height: 55px;
	background: url(../images/img-sprite.png) no-repeat -236px -91px;
	display: inline-block;
	margin-top: 8px;
}
ul.twitter li.twt_desc{
	float:left;
	width: 84%;
}
ul.twitter li.twt_desc p{
	color:#9eb3b6;
	font-size:0.85em;
	line-height:1.8em;
}
.footer_midle{
	padding-bottom:2em;
}
ul.social_left{
	padding-left:12em;
	float:left;
	padding-top:2em;
	padding-bottom:6em;
	list-style:none;
}
ul.social_left li.facebook{
	float:left;
	margin-right: 1em;
}
ul.social_left li a:hover{
	opacity:0.8;
}
ul.social_left li.fb_text h4 a{
	color:#637f83;
	font-size:1em;
	font-weight:bold;
}
ul.social_left li.fb_text p{
	color:#b5c7c9;
	font-size:0.85em;
	line-height:0;
	margin-top:10px;
}
ul.social_left li.fb_text{
	float:left;
	margin-top: 1em;
}
i.fb{
	width: 70px;
	height: 70px;
	background: url(../images/img-sprite.png) no-repeat 3px -156px #e4551d;
	display: inline-block;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
}
i.google{
	width: 70px;
	height: 70px;
	background: url(../images/img-sprite.png) no-repeat -54px -158px #e4551d;
	display: inline-block;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
}
i.linked{
	width: 70px;
	height: 70px;
	background: url(../images/img-sprite.png) no-repeat -104px -162px #e4551d;
	display: inline-block;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
}








@media screen and (max-width: 1000px)
	{
		body{
			background:white;
		}
		#banner{
			overflow: hidden;
			width: 100%;
			/*margin:0;*/
			color:white;
			
		}
		/*
		#banner .img-border{
			border:0px;
		{
		*/
		#header{
			width:100%;
			height:100%;
		}
		#footer{
		display:none;
		background-color:white;
		}
		#content{
			float: right;
			width: 75%;
			padding: 0px 55px 0px 0px;
		}
		#page{
			overflow: hidden;
			width: 100%;
			margin: 0px auto;
			padding: 50px 40px;
			color: black;	
			}
		#sidebar{
			float: left;
			width: 18%;
			padding: 0px 0px 20px 0px;
		}
		#menu{
			float:right;
			height: 80px;
			
			}
		#logo
			{
			float: left;
			width: 10px;
			height: 150px;
			padding: 0px 0px 0px 40px;
			}
		#logo h1
			{
			padding: 20px 0px 0px 0px;
			font-size: 3.5em;
			}
		.container{
		width:100%;
		}
		
ul.social_left{
	padding-left:7em;
	float:left;
	padding-top:2em;
	padding-bottom:2em;
	list-style:none;
}

	#frmFormMailContainer, frmFromMail{
	display:none;
	}
	
			
	}