/* CSS Document */



@import url("lightbox.css");



/* html {

background: url(../images/background_repeat.jpg) top repeat-x;

margin: 0;

padding: 0;

} */



body {

/* background: url(../images/background.jpg) top no-repeat; */

background: #383838;

font-family: Verdana;

font-size: 12px;

color: #333333;

margin: 0;

padding: 0 0 50px 0;

}



h1, h2, h3, p, ul, ol {

margin: 0;

padding: 0;

}



li {

margin: 0;

padding: 0;

}



ul li {

list-style: none;

}



img {

border: none;

}



a {

color: #297E54;

text-decoration: none;

}



a:hover {

color: #000000;

}



em {

font-style: italic;

color: #000000;

}

span.orange {

color: #FF9900;

}



a span.orange:hover {

color: #FFFFFF;

}



.header {

font-weight: bold;

font-size: 10px;

color: #91927C;

text-align: right;

width: 980px;

height: 30px;

margin: 0 auto;

padding-top: 20px;

}



.header a {

color: #91927C;

}



.header a:hover {

color: #FFFFFF;

}



.container_top {

background: url(../images/container_top.png) 0 0 no-repeat;

width: 984px;

height: 5px;

margin: 20px auto 0;

}



.container {

background: url(../images/container_bg.png) repeat-y;

width: 980px;

min-height: 840px;

margin: 0 auto;

padding: 5px 2px 0;

}



.container h2 {

font-size: 18px;

color: #333333;

margin-bottom: 10px;

}



.container p, ul {

margin-bottom: 10px;

}



.logo {

background: url(../images/logo2.gif) no-repeat;

float: right;

width: 290px;

height: 50px;

margin: 0 10px 10px 0;

}



.sidebar {

float: left;

}



.nav {

width: 185px;

height: 278px;

margin-left: 10px;

}



.nav a.care {

color: #FFFFFF;

}



.nav ul {

font-family: "Century Gothic";

font-size: 13px;

text-align: right;

}



.nav li {

border-bottom: 1px dotted #666666;

height: 24px;

}



.nav li.last {

border-bottom: none;

}



.nav ul a {

display: block;

color: #4F4B42;

height: 18px;

padding: 6px 10px 0 0;

}



.nav ul a:hover {

color: #FF6600;

}



.nav li:hover ul {

visibility: visible;

}



.nav ul ul {

visibility: hidden;

font-family: Tahoma;

font-size: 11px;

text-align: left;

width: 225px;

margin-top: -25px;

margin-left: 185px;

padding-left: 5px;

position: relative;

z-index: 100;

}



.nav ul ul li {

border: none;

background: url(../images/menu_bg.png) repeat;

height: 25px;

}



.nav ul ul a {

color: #FFFFFF;

width: 215px;

height: 19px;

padding: 6px 0 0 10px;

}



.nav ul ul a:hover {

background: url(../images/menu_select.png) repeat;

color: #FFFFFF;

}

.bucket_login {
width: 200px;
}

.bucket_login input#username, .bucket_login input#password{
	width:160px;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #ccc
}

.bucket_login label{
	margin-left:20px;
}

.bucket_join {

width: 200px;

height: 162px;

}



.bucket_join2 {

width: 200px;

margin-top: 10px;

}



.bucket {

text-align: center;

width: 200px;

height: 250px;

}



.nav2 {

font-family: Tahoma;

font-size: 10px;

text-align: right;

width: 185px;

margin: 70px 0 30px 10px;

}



.nav2 ul {

border-top: 1px dotted #666666;

border-bottom: 1px dotted #666666;

padding: 10px 0;

}



.nav2 li {

line-height: 16px;

padding-right: 10px;

}



.directions {

text-align: center;

height: 90px;

margin: 30px 0 20px 10px;

}



.directions a {

font-size: 12px;

font-weight: bold;

color: #CC6600;

}



.directions a:hover {

color: #333333;

}



.directions img {

padding: 5px;

}



.center {

float: left;

width: 580px;

}



.sub {

background: url(../images/text_bottom.jpg) bottom no-repeat;

padding-bottom: 30px;

}
.subf {
background: url(../images/text_bottom.jpg) bottom no-repeat;
padding-bottom: 30px;

}



.intro {

background: url(../images/intro_bg.gif) no-repeat;

width: 440px;

height: 175px;

padding: 75px 115px 0 25px;

}



.text {

background: url(../images/text_bg.jpg) top no-repeat;

width: 550px;

min-height: 280px;

padding: 30px 20px 0 10px;

}



.text2 {

clear: both;

background: url(../images/text_bg2.jpg) top no-repeat;

width: 720px;

min-height: 90px;

padding: 25px;

}



.text h3, .text2 h3 {

font-size: 13px;

}

.text a, .text2 a {

color: #FF6600;

}



.text a:hover, .text2 a:hover {

color: #297E54;

}



.text ul, .text2 ul {

margin-bottom: 10px;

padding-left: 15px;

}



.form {

padding-top: 10px;

}



.form input {

border: 1px solid #CCCCCC;

background: #FFFFFF;

font-family: Verdana;

font-size: 11px;

font-weight: bold;

color: #666666;

width: 168px;

height: 16px;

margin-bottom: 9px;

padding: 2px 5px 0;

}



.form input.checkbox {

border: none;

background: none;

width: auto;

height: auto;

padding: 0;

}



.form select {

border: 1px solid #CCCCCC;

background: #FFFFFF;

font-family: Verdana;

font-size: 11px;

font-weight: bold;

color: #666666;

width: 262px;

margin-bottom: 9px;

padding: 2px 0;

}



.form textarea {

border: 1px solid #CCCCCC;

background: #FFFFFF;

font-family: Verdana;

font-size: 11px;

font-weight: bold;

color: #666666;

width: 250px;

margin-bottom: 9px;

padding: 2px 5px;

}



.form input.submit {

border: none;

background: none;

width: 79px;

height: 28px;

padding: 0;

}



.community_map {

border-bottom: 6px solid #CC6600;

height: 330px;

}



.community_map .map {

float: left;

width: 520px;

}



.community_map .list {

float: right;

width: 220px;

margin: 10px 15px 0 0;

}



.community_map .tabs  {

border-bottom: 6px solid #897958;

height: 25px;

}



.community_map .tabs a {

display: block;

float: left;

background: url(../images/tab.gif) 0 0 no-repeat;

font-size: 14px;

font-weight: bold;

color: #FFFFFF;

text-align: center;

width: 110px;

height: 23px;

padding-top: 3px;

}



.community_map .tabs a.selected {

background-image: url(../images/tab_selected.gif);

}



.community_map ol {

clear: both;

list-style-position: inside;

}



.community_map li {

border-bottom: 1px dotted #333333;

height: 21px;

line-height: 21px;

}



.community_map li a {

color: #000000;

}



.community_map li a:hover {

color: #CC6600;

}



.properties {

float: left;

padding: 12px 0 25px;

}



.property {

float: left;

border-top: 1px dashed #999999;

border-right: 1px dashed #999999;

font-size: 11px;

width: 350px;

height: 120px;

padding: 15px 0 0 10px;

}



.properties .last {

border-right: none;

}



.property img {

display: block;

float: left;

border: 1px solid #CCCCCC;

width: 160px;

height: 100px;

margin-right: 10px;

padding: 2px;

}



.property a {

font-weight: bold;

color: #CC6600;

}



.property a:hover {

color: #000000;

}



.property p {

line-height: 18px;

}



.right {

background: url(../images/text_bottom2.jpg) bottom no-repeat;

float: right;

width: 770px;

min-height: 540px;

padding: 0 10px 20px 0;

}



.title h1 {

background: url(../images/title_bg.gif) no-repeat;

font-family: "Futura Md";

font-size: 23px;

color: #FFFFFF;

text-align: right;

width: 750px;

height: 35px;

padding: 7px 20px 0 0;

}



.back {

float: right;

font-family: Tahoma;

font-size: 11px;

margin-top: -20px;

}



.back a {

color: #666666;

text-decoration: underline;

}



.back a:hover {

text-decoration: none;

}



.photos {

float: left;

width: 490px;

margin-bottom: 30px;

}



.photos .banner {

margin-bottom: 15px;

}



.thumbs {

padding-left: 1px;

}



.thumbs a img {

display: block;

float: left;

border: 1px solid #333333;

margin-left: 8px;

}



h1.community {

float: right;

background: url(../images/title_bg2.gif) no-repeat;

font-family: "Futura Md";

font-size: 23px;

color: #FFFFFF;

text-align: left;

width: 270px;

height: 35px;

margin-bottom: 20px;

padding: 7px 0 0 10px;

}



.info {

float: right;

color: #666666;

width: 260px;

height: 150px;

padding: 0 10px;

}



.info h2 {

border-top: 1px dotted #333333;

border-bottom: 1px dotted #333333;

font-size: 12px;

color: #666666;

margin-bottom: 5px;

padding: 5px 0;

}



.info p {

line-height: 18px;

}



.floor_plans {

float: right;

width: 270px;

padding-left: 10px;

}



.floor_plans h2 {

font-size: 12px;

color: #CC6600;

height: 12px;

margin-bottom: 15px;

padding: 0;

}



.floor_plans a {

display: block;

float: left;

margin: 0 5px 5px 0;

outline: none;

}



.floor_plans a.virtual_tour {

margin-right: 0;

}



.bubble {

display: none;

background: url(../images/bubble_bottom.png) 0 100% no-repeat;

width: 630px;

height: 424px;

position: absolute;

margin: -130px 0 0 -10px;

}



.bubble .top {

background: url(../images/bubble_top.png) 0 0 no-repeat;

height: 37px;

text-align: center;

padding: 17px 20px 0 60px;

}



.bubble .top h1 {

font-family: "Futura Md";

font-size: 20px;

color: #FFFFFF;

}



.bubble .top .close {

float: right;

color: #FFFFFF;

margin-top: 5px;

}



.bubble #tour_menu {

background: url(../images/bubble_bg.png) 0 0 repeat-y;

width: 576px;

height: 280px;

padding: 70px 27px 0;

position: absolute;

}



.bubble #tour_menu a {

display: block;

float: left;

font-weight: bold;

color: #FFFFFF;

width: 128px;

margin: 0 8px;

outline: none;

}



.bubble #tour_menu img {

padding-top: 7px;

}



.bubble #one, .bubble #two, .bubble #three, .bubble #four {

display: none;

clear: both;

background: #000000;

width: 430px;

height: 335px;

margin: 0 10px;

padding: 15px 90px 0;

position: absolute;

}



.bubble h2 {

float: left;

font-size: 14px;

color: #FFFFFF;

margin-bottom: 5px;

}



.bubble a.menu {

display: block;

float: right;

background: url(../images/arrow_white.png) 0 50% no-repeat;

color: #FFFFFF;

font-size: 12px;

text-decoration: underline;

padding-left: 15px;

}



.bubble .video {

clear: both;

background: #FFFFFF;

width: 430px;

height: 300px;

}



ul.ammenities {

float: left;

padding: 0 60px 10px 15px;

}



.contact {

background: url(../images/form_bg.gif) top no-repeat;

font-size: 10px;

color: #666666;

width: 180px;

height: 275px;

padding: 105px 0 0 10px;

}



.sub_contact {

background-image: url(../images/form_bg2.gif);

}



.contact input {

border: 1px solid #666666;

background: #FFFFFF;

font-family: Verdana;

font-size: 11px;

font-weight: bold;

color: #999999;

width: 168px;

height: 16px;

margin-bottom: 9px;

padding: 2px 5px 0;

}



.contact input.submit {

float: right;

border: none;

background: none;

width: 79px;

height: 28px;

margin: 0;

padding: 0;

}



.contact input.submit2 {

float: right;

border: none;

background: none;

width: 90px;

height: 26px;

margin: 0;

padding: 0;

}



.contact textarea {

border: 1px solid #666666;

font-family: Verdana;

font-size: 11px;

font-weight: bold;

color: #999999;

width: 168px;

margin-bottom: 10px;

padding: 2px 5px 0;

}



.photo_banner {

clear: both;

background: #333333 url(../images/logo3.gif) 96% 50% no-repeat;

width: 970px;

height: 80px;

padding: 20px 0 20px 10px;

}



.photo_banner img {

display: block;

float: left;

padding: 0 10px;

}



.copy {

font-size: 11px;

font-weight: bold;

color: #000000;

text-align: center;

height: 24px;

padding-top: 6px;

}



.container_bottom {

clear: both;

background: url(../images/container_bottom.png) no-repeat;

width: 984px;

height: 2px;

margin: 0 auto 20px;

}



.footer {

font-size: 10px;

color: #999999;

text-align: center;

width: 980px;

margin: 0 auto;

}



.footer a {

color: #999999;

}



.footer a:hover {

color: #FFFFFF;

}



.footer .links {

line-height: 15px;

margin-bottom: 30px;

}



a.c3i3 {

display: block;

background: url(../images/c3i3.png) no-repeat;

color: #FFFFFF;

width: 40px;

height: 60px;

margin: 0 auto 30px;

}



a.c3i3:hover {

background: url(../images/c3i32.png) no-repeat;

}

.nav ul ul li h1{
	padding-left:10px;
	font-size:14px;
	color:#CD6600;
	background:white;
	margin-top:5px;
	height: 25px;
}
