/* CSS Document */
body {
	font-family:"Times New Roman", Times, serif;
	font-size:62.5%;
}

h2 {
	margin:8px;
	margin-left:10px;
	font-size:2.7em;
	font-weight:bold;
}

h3 {
	font-size:2em;
	font-weight:bold;
	margin:8px 0 15px;
}

h4 {
	font-size:1.6em;
	font-weight:bold;
	margin:8px 0 15px;
}

p {
	font-size:1.8em;
	line-height:1.2em;
}

strong {
	font-weight:bold;
	
}

em {
	font-style:italic;
}


blockquote { padding:5px 15px; margin:5px; line-height:28px; font-size:18px; }
blockquote p { text-align:right; clear:both; font-size:16px; font-style:italic; font-weight:bold; margin-top:20px; color:#333 !important; }


#container {
	width:960px;
	margin:0 auto;
	padding:0;
	border:1px solid #333;
	position:relative;
}
.disclaimer-emp {
	color:#00618B;	
}
.preferred {
	margin:25px 0 0 40px;
}

.about-image { float:right; width:565px; margin-left:10px; }

#about-text { position:absolute; z-index:1000; top:322px; left:38px; width:315px; }
#about-text p { font-size:12px !important; line-height:14px; text-align:center }

.community-pages {
	background:url(../images/left-side-bg.jpg) left repeat-y;
}

#header {
	background:url(../images/full-classic-header.jpg);
	width:960px;
	height:155px;
	margin:0;
	padding:0;
}	

#header h1 a {
	display:block;
	width:215px;
	text-indent:-9999px;
	height: 155px;
	/*background:url(../images/logo-classic-header.jpg);*/
}
/* social */

.social { position:absolute; top:8px; right:3px; }
.social a { width:40px; height:40px; display:block; text-indent:-9999em; margin:0px 8px; float:left; }

.facebook { background: url(../images/classic-social.png) 0 0; }
.youtube { background: url(../images/classic-social.png) -40px 0px; }

.time-message { font-size:18px; text-align:center; float:left; padding:8px; }

#main-nav {
	width:100%;
	height:40px;
	background-color:#00618B;
	font-size:17px;
	font-weight:bold;
	border-top:3px solid #fff;
	border-bottom:3px solid #fff;
}

#main-nav li {
	display:inline;
	margin:0 38px;
	text-transform:uppercase;
	float:left;
	line-height:40px;
}

#main-nav a {
	color:#ddd;
	text-decoration:none;
}
#main-nav a:hover {
	color:#fff;
}


/* - - - - - - - - - -  DROP DOWN - - - - - - - - - -  */

#main-nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 240px;
	font-weight: normal;
	margin: 0;
	background:#082f60;
	z-index:1000;
}

#main-nav li ul li {
	padding:0;
	margin:0;
	width: 240px;
	border-bottom:1px solid #aaa;
	display:block;
	height:auto;
	
}

#main-nav li ul li a {
	padding:0px 15px;
	display:block;
}

#main-nav li:hover ul ul, #main-nav li:hover ul ul ul, #main-nav li.sfhover ul ul, #main-nav li.sfhover ul ul ul {
	left: -999em;
}

#main-nav li:hover ul, #main-nav li li:hover ul, #main-nav li.sfhover ul, #main-nav li li.sfhover ul, #main-nav li li li.sfhover ul {
	left: auto;
}

#main-nav ul li a:hover, #main-nav ul li a.sfhover {
	background:#00618B;
}

#main-nav li:hover ul, #main-nav .sfhover ul {
   left: auto;
}
/* - end dropdown - */

#slider {
    position:relative;
    width:680px !important; /* Change this to your images width */
    height:350px; /* Change this to your images height */
    /*background:url(../images/loading.gif) no-repeat 50% 50%;*/
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
	display:block;
	width:45px;
	height:50px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}

a.nivo-nextNav {
	background-position:-45px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}


#right-content {
	float:right;
	width:680px;
	border-left:5px solid #082F70;
	background:url(../images/classic-home-pattern.jpg) repeat;
}

#right-content h2 {
	font-size:24px;
	line-height:27px;
}
#home-quotes { float:left; width:660px; margin-bottom:8px; min-height:200px; }
/*#home-quotes { float:left; width:450px; margin-bottom:8px; }*/
#home-quotes blockquote { color: #082f70; background:#fff; box-shadow:6px 6px 0px #082F70; -webkit-box-shadow:6px 6px 0px #082F70; -moz-box-shadow:6px 6px 0px #082F70;  }	

#left-content {
	float:left;
	width:270px;
	background:#082F70 /*url(../images/classic-home-pattern.jpg) repeat*/; color:#fff;
}

#left-content h2 { font-size:24px; line-height:32px; margin-left:5px; text-align:center;}

.center-text {
	text-align:center;
}

.indent {
	margin-bottom:35px;
	margin-right:3px;
	float:left;
}

#main-content p{
	font-size:1.6em;
	margin:8px 10px 15px;
}
#main-content.centered { margin:0 auto; width:530px; }
#landing-content p {
	font-size:16px;
	margin:6px 8px 13px;
}
#landing-content {
	padding:5px 20px;	
}

#landing-content h2 img {
	padding-right:30px;
}

.all-communities {
	width:44%;
	padding-left:6%;
	margin:0;
	float:left;
}

.all-communities h2{
	margin:8px 0 15px;
	font-style:italic;
}

#contact-form { background:#efefef; border:1px solid #bbb; margin:8px; padding:10px; width:685px; }

#contact-form label, #contact-form input, #contact-form textarea {
	display:block;
	float:left;
	line-height:1.5em;
	font-size:1.5em;
	margin-bottom:10px;
}	


#contact-form label {
	width:100px;
	text-align:right;
}

#contact-form br {
	clear:left;
}

.float-left {
	float:left !important;
}

.float-right {
	float:right !important;
}

#images {
	position:relative;
	height:349px !important;
}
#images li {
	position:absolute;
	top:0;
	left:0;
}

.clear {
	clear:both;	
}


#community-sidebar {
	width:229px;
	background:url(../images/community-bar-top.jpg) no-repeat top #082F70;
	float:left;
	font-size:1.6em;
	font-weight:bold;
}

#community-sidebar ul {
	margin:0;
	padding:0;
	margin-top:70px;
	margin-left:5px;
	margin-bottom:50px;
	width:210px;
}

#community-sidebar li{
	color:white;
	text-transform:uppercase;
	text-decoration:none;
	background:#1A3054;
	border-bottom:1px solid #08074B;
	border-right:1px solid #08074B;
	margin:6px;
	padding-right:3px;
	margin-right:0;
}

#community-sidebar li a {
	color:white;
	text-decoration:none;
	display:block;
	padding:4px;
	padding-left:4px;
	padding-right:0;
	margin:0;
	width:100%;
}

#community-sidebar li a:hover {
	color:#1A3054;
	background:#fff;
	text-decoration:none;
	display:block;
}

#back-to-communities {
	width:229px;
	margin:0;
	padding:0;
	/*height:135px;*/
	background:#fff;
	position:absolute;
	bottom:73px;
	left:0;
	display:block;
}

#community-content {
	width:705px;
	float:right;
	margin-right:10px;
	position:relative;
}

#community-content h2{
	font-size:3em;
	font-weight:bold;
	margin:10px 10px 20px 0;
}

#community-content h2 img {
	padding-right:80px;
}

#community-content h3 {
	clear:left;
}

#community-content p{
	clear:both;
}

#community-content li {
	font-size:1.7em;
	margin-left:15px;
	list-style:circle;
}

.left-community {
	width:45%;
	float:left;
	margin-bottom:10px;
}
.left-community1 {
	width:38%;
	margin-bottom:10px;
	text-align:right;
	float:left;
	font-size:13px;
}

.photos {
	margin:0;
	padding:0;
	clear:both;
}

.photos a img {
	border:3px solid #00618B;
}

.photos a:hover img {
	border:3px solid #BBD0E5;
}

.integrity {
	margin-left:40px;
	clear:both;
	float:left;
}
#interest-rates {
	float:right;	
	margin:57px 17px 0 0;
}

.right-community {
	width:45%;
	float:right;
	text-align:left;
	margin-bottom:20px;
}
.right-community1 {
	width:47%;
	float:right;
	margin-bottom:20px;
	font-size:13px;
}

.right-community p {
	font-size:1.8em;
	margin:10px;
}

.floorplan-box {
	width:150px;
	text-align:center;
	height:150px;
	margin:10px;
	display:block;
	float:left;
	font-size:1.5em;
}

.floorplan-box img{
	margin-bottom:5px;
	text-decoration:none;
	border:1px solid blue;
}

.utility-box {
	width:160px;
	text-align:left;
	margin:5px;
	margin-top:0;
	padding-top:0;
	display:block;
	float:left;
	font-size:1em;
}

.larger-utility-box {
	width:320px;
	text-align:left;
	margin:10px;
	margin-top:0;
	padding-top:0;
	display:block;
	float:left;
	font-size:1em;
}


.utility-box p, larger-utility-box p {
	margin-top:0;
	padding-top:0;
}

.realtor-box {
	width:300px;
	text-align:center;
	margin:10px;
	margin-top:0;
	padding-top:0;
	display:block;
	float:left;
	font-size:1.1em;
}

#directions-map {
	width: 400px; 
	height: 400px;
	float:right;
	margin-right:15px; 
	
}

.disclaimer {
	margin-top:20px;
	padding-top:10px;
	font-style:italic;
	text-align:center;
	clear:both;
}
.bluedisclaimer {
	margin-top:20px;
	font-style:italic;
	text-align:center;
	clear:both;
	color:#00F;
}


#footer {
	clear:both;
	border-top:3px solid #fff;
	width:100%;
	/*background-color:#00618B;*/
	background-color:#082f70;
	text-align:center;
	color:#fff;
	position:relative;
}

.equalhousing {
	position:absolute;
	top:15px;
	left:10px;
}


#footer li {
	display:inline;
	margin:5px;
	line-height:2em;
	font-size:1.4em;
}

#footer a {
	color:#ddd;
}

#footer a:hover {
	color:#fff;
}

#footer p {
	font-size:1.5em;
	margin:6px;
}

#footer small {
	font-size:1.3em;
	margin:0 10px;
}
#overlay {
	position:absolute;
	top:187px;
	right:276px;
	z-index:4;
}

.awesome {
	background-color: #00618B;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;	
	font-size:20px;
}
.awesome:hover { background-color:#666; }

/*		CONTACT RIGHT SIDEBAR Buttons 		*/
#contact-sidebar {
	margin-top:14px;
	width:225px;
	text-align:center;
}

#contact-sidebar a {
	
	display:block;
	background:#072E6F; 
	padding:5px; 
	color:white;
	border:2px solid #555;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin:15px auto;
	font-size:20px;
	width:200px;
	line-height:28px;
	text-align:center;
}

#contact-sidebar a:hover { background:#ccc; color:#082F60;}

.oi-community-description {margin: 20px 20px 20px 40px !important;}
.oi-community-description p {font-size: 14px !important;color: #082F60 !important;width:600px !important;float: right !important;}
.oi-community-description p strong, .oi-community-description p a {font-weight: normal !important;text-decoration: none !important;color: #072e6f !important;}


#request-main, #request-pricing {
			margin:0;
			padding:0;
		}
		
		#request-main p {
			background: url(../images/request.png) no-repeat bottom;
			height:30px;
			width:182px;
			margin:0;
			padding:0;
		}
		
		#request-pricing p {
			background: url(../images/pricing.png) no-repeat bottom;
			height:30px;
			width:128px;
			margin:0;
			padding:0;
		}
		
		#request-main button, #request-pricing button {  
			display:block;
			background: url(../images/request.png) no-repeat top;
			height:30px;
			width:182px;
			border:0;
			text-indent:-9999px;
			cursor:pointer;
		}
		
		#request-pricing button {
			background: url(../images/pricing.png) no-repeat top;
			width:128px;
		}
		
		
		#request-main button:hover {
			/*background-position: bottom;*/
		}
		
.testimonial {
	width:900px;
	padding:10px 20px;
	margin:10px;
	background:#eee;
	overflow:auto;
}

.testimonial blockquote {
	font-size:22px;
	font-style:italic;
	
}

.testimonial p {
	font-size:16px;
	margin-top:0;
	padding-top:0;
	display:block;
	clear:right;
	float:right;
	font-weight:bold;
	color:#333;
}

/* - - - - - - - - - -  TABLES - - - - - - - - - - */

#coming-soon {
	margin:20px;
	width:920px;
	text-align:left;
	border-collapse:collapse;
}
#coming-soon th {
	font-size:18px;
	font-weight:normal;
	padding:12px;
	background:#00618B;
	border:1px solid #ddd;
	color:#fff;
	text-align:center;
}
#coming-soon td {
	padding:12px;
	background:#e2e2e2; 
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	color:#666;
	border-top:1px solid transparent;
	font-size:14px;
}
#coming-soon tr:hover td {
	background:#ccc;
	color:#000;
}

.coming-soon-page { background: url("../images/classic-home-pattern.jpg") repeat scroll 0 0 transparent; }
.coming-soon-page h2 { margin-top:1px; padding-top:8px; }

#soon-realtor { text-align:center; margin-bottom:0; padding-bottom:10px; }