/* Encore 5/10 */

/* FONTS */

@font-face {
    font-family: 'ITCKabelStdBook';
    src: url('fonts/itckabelstd-book-webfont.eot');
    src: url('fonts/itckabelstd-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/itckabelstd-book-webfont.woff') format('woff'),
         url('fonts/itckabelstd-book-webfont.ttf') format('truetype'),
         url('fonts/itckabelstd-book-webfont.svg#ITCKabelStdBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ITCKabelStdMedium';
    src: url('fonts/itckabelstd-medium-webfont.eot');
    src: url('fonts/itckabelstd-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/itckabelstd-medium-webfont.woff') format('woff'),
         url('fonts/itckabelstd-medium-webfont.ttf') format('truetype'),
         url('fonts/itckabelstd-medium-webfont.svg#ITCKabelStdMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ITCKabelStdDemi';
    src: url('fonts/itckabelstd-demi-webfont.eot');
    src: url('fonts/itckabelstd-demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/itckabelstd-demi-webfont.woff') format('woff'),
         url('fonts/itckabelstd-demi-webfont.ttf') format('truetype'),
         url('fonts/itckabelstd-demi-webfont.svg#ITCKabelStdDemi') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ITCKabelStdBold';
    src: url('fonts/itckabelstd-bold-webfont.eot');
    src: url('fonts/itckabelstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/itckabelstd-bold-webfont.woff') format('woff'),
         url('fonts/itckabelstd-bold-webfont.ttf') format('truetype'),
         url('fonts/itckabelstd-bold-webfont.svg#ITCKabelStdBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ITCKabelStdUltra';
    src: url('fonts/itckabelstd-ultra-webfont.eot');
    src: url('fonts/itckabelstd-ultra-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/itckabelstd-ultra-webfont.woff') format('woff'),
         url('fonts/itckabelstd-ultra-webfont.ttf') format('truetype'),
         url('fonts/itckabelstd-ultra-webfont.svg#ITCKabelStdUltra') format('svg');
    font-weight: normal;
    font-style: normal;

}



body  {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	background: white;
	margin: 0;
	padding: 0;
	text-align: center; /* center for IE 5* - text aligned left in #content */
	color: white;
	behavior: url(csshover.htc);
}

#header_wrapper {width: 100%; margin: 0; padding: 0; text-align: center; background: url(images/header/bg_header.gif) repeat-x;}

#header {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	/*background: url(images/header/bg_header.gif) repeat-x;*/
}

/* global sms header form */

#sms {position: absolute; top: 10px; left: 680px; width: 320px; text-align: left;}
#sms .sms_icon {float: left; width: 140px; margin-right: 10px;}
#sms .sms_input {float: left; width: 100px; margin-right: 10px;}
#sms .sms_input input {width: 94px;}
#sms .sms_input .sms_label {font-size: 10px; margin-top: 2px;}
#sms .btn {float: left; width: 60px;}
#sms #msg {visibility: hidden;}

/* sms body form */

#sms_body_wrapper {float: left; clear: both; width: 100%; margin: 40px 0 0;}
#sms_body {width: 560px; margin: 0 auto;}
#sms_body .sms_icon {float: left; width: 370px; margin-right: 20px;}
#sms_body .sms_input {float: left; width: 100px; margin: 30px 10px 0 0;}
#sms_body .sms_input input {width: 94px;}
#sms_body .sms_input .sms_label {font-size: 12px; margin-top: 2px;}
#sms_body .btn {float: left; width: 60px; margin-top: 30px;}

/* home page sms & social links */

#sms_banner {float: left; width: 1000px; margin: 10px auto;}
#sms_banner .column_1 {float: left; width: 480px; margin-top: 24px; margin-left: 20px;}
#sms_banner {float: left; width: 1000px; margin: 10px auto 0;}
#sms_banner .column_1 img {float: left; display: block; margin-right: 10px;}
#sms_banner .column_2 {float: right; width: 480px; margin-right: 20px; text-align: right;}


/* BEGIN NAV */


#nav {
	float: left;
	width: 100%;
	font-size: 14px; /* SET GLOBAL FONT-SIZE HERE */
	text-transform: uppercase; /* GLOBAL */
	background-color: #904a2d; /* colors the div */
}

#nav ul {
	margin: 0;/* indents ul from edge of container - NOTE: diff value for IE in hacks below */
}

#nav li {
	float: left;	/* causes the list to align horizontally instead of stack */
	position: relative; /* positioning context for the absolutely positioned drop-down */
	left: -40px; /* force menu to start at left of #nav div - check other browsers */
	list-style-type: none;	/* removes the bullet off each list item */
}

#nav li:hover { 
	background-color: #a75634; /*sets the hover background of ALL menu items */
}

#nav a {
	display: block;
	padding: 8px 10px 8px 40px; /*creates space each side of menu item's text - left padding for bg image icon */
	text-decoration: none;	 /* removes the underlining of the link */
	color: white;	/* sets the type color */
	/*border-left: 1px solid green;*/
	border-right: 1px solid #dec3a6;
}

/* 2ND LEVEL drop-down */

#nav ul li ul {
	margin: 0; 
	z-index: 10; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position: absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	left: -1px; /* align with border on top level */
	width: 100%; /* width of 2nd level matches 1st */
}

#nav ul li ul li {
	padding: 0;
	width: 100%; /* makes the list items fill the list container (ul) */
	background: #3c3c3c; /*BACKGROUND COLOR OF SUB NAV LEVEL 1 */
	font-size: 12px;
	/*border: 1px solid white;*/
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	text-transform: none; /* eliminates uppercase from top level */
}

#nav ul li ul li:hover {background-color: #904a2d;} /* hover color for 2nd level items */

/*#nav ul li ul li.firstlink {border-top: none; border-bottom: none;}*/

#nav ul li ul li a {padding: 6px 10px; border: none;} /* remove right border from top level style */

#nav ul li ul {display:none;} /* conceals the 2ND LEVEL drop-down when menu not hovered */

#nav ul li:hover ul {display:block; } /* shows the 2ND LEVEL drop-down when the menu is hovered */


/* individual nav icons */

#nav #home {background-image: url(images/nav/icon_home.gif); background-position: 0 center; background-repeat: no-repeat;}

#nav #about {background-image: url(images/nav/icon_about.gif); background-position: 0 center; background-repeat: no-repeat;}

#nav #features {background-image: url(images/nav/icon_features.gif); background-position: 0 center; background-repeat: no-repeat;}

#nav #apartment {background-image: url(images/nav/icon_apartment.gif); background-position: 0 center; background-repeat: no-repeat;}

#nav #location {background-image: url(images/nav/icon_location.gif); background-position: 0 center; background-repeat: no-repeat;}

#nav #contact {background-image: url(images/nav/icon_contact.gif); background-position: 0 center; background-repeat: no-repeat;}

#nav #blog {background-image: url(images/nav/icon_blog.gif); background-position: 0 center; background-repeat: no-repeat;}


/* END NAV */


#wrapper { 
	width: 1000px;
	margin: 0 auto;
	/*padding-bottom: 20px;*/
	text-align: left; /* override text-align: center on body element */
}

#outer {width: 100%; background: #3c3c3c url(images/common/bg_content.gif) center top repeat-y;}
#content {padding: 20px 0; clear: both;}
#content_color {/*margin-bottom: 20px; */ padding: 20px 20px 20px 40px; clear: both; background: #f5f6ee; color: #3c3c3c;}
#content #title, #content_color #title {margin-bottom: 10px;}

#columns_home {float: left; width: 1000px;}
#columns_home .column_1 {float: left; width: 300px; margin-right: 20px;}
#columns_home .column_2 {float: left; width: 330px; margin-right: 20px; background: #ebecdc; color: black;}
#columns_home .column_2 ul {margin-right: 20px;}
#columns_home .column_2 a {color: #904a2d; font-weight: bold;}
#columns_home .column_3 {float: left; width: 330px; background: white; font-size: 12px; color: #3c3c3c;}
#columns_home .column_3 a {color: #199a88;}
#columns_home .column_3 .btn {margin: 10px;}

#apartment_tour,
#apartment_tour_gallery {position: relative; margin-bottom: 40px;}
#apartment_tour_gallery {margin-left: -64px;}

#apartment_tour .thumb_wrap_left, #apartment_tour_gallery .thumb_wrap_left {width: 160px; margin-right: 24px; position: absolute; top: 0; left: 130px;}
#apartment_tour .thumb_wrap_right, #apartment_tour_gallery .thumb_wrap_right {width: 160px; position: absolute; top: 0; left: 320px;}
#apartment_tour .caption, #apartment_tour_gallery .caption {margin-top: 6px; font-size: 12px; text-align: center;}

/* home feature column layout */

#home_feature {float: left; width: 998px; margin: 0 auto 10px; padding: 20px 0; background: white; border: 1px solid white; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; color: #3c3c3c;}
#home_feature .columns {float: left; background: white url(images/home/feature_bg.gif) center repeat-y;}
#home_feature .column_1 {float: left; width: 293px; margin-left: 20px; padding-right: 20px; /*border-right: 1px solid gray;*/}
#home_feature .column_2 {float: left; width: 292px; margin-left: 20px; padding-right: 20px; /*border-right: 1px solid gray; background: #ebecdc;*/}
#home_feature .column_3 {float: left; width: 293px; margin-left: 20px; padding-right: 20px;}
#home_feature .loc_link a {color: #a86b00;}

/* WP styles for home column 3 */

#columns_home .column_3 .post {margin: 10px; border-bottom: 1px solid #82c8b2;}
#columns_home .column_3 .entry-title, #columns_home .column_3 .entry-title a {margin: 0; font-size: 18px; color: #904a2d; text-decoration: none;}
#columns_home .column_3 .entry-meta {font-size: 11px; color: #9d9d9d;}
#columns_home .column_3 .entry p {margin: 0 0 10px;}

#leftcolumn {float: left; width: 480px;}
#leftcolumn_home {float: left; width: 550px;}
#leftcolumn_plan {float: left; width: 340px;}

#leftcolumn ul li {margin: 8px 0;}

#rightcolumn {float: right; width: 480px;}
#rightcolumn_home {float: right; width: 420px; margin-top: 30px; *margin-bottom: 20px; background-color: #eeeedd; color: black;}
#rightcolumn_home a {color: #904a2d; font-weight: bold;}
#rightcolumn_plan {float: right; width: 640px;}

#rightcolumn ul {margin-left: -20px;}

#rightcolumn .ctr_img {text-align: center; margin-bottom: 10px;}

#footer_wrapper {width: 100%; text-align: left; background: white; border-top: 10px solid #82c8b2 /*#c17e27*/;}
#footer {position: relative; width: 1000px; height: 130px; background: url(images/footer/bg_footer.gif) no-repeat; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #464646;}
#footer p {margin: 0;}
#footer a {color: #8baefe;}
#footer .info {position: absolute; top: 34px; left: 210px;}
#footer .links {position: absolute; top: 80px; left: 210px;}
#footer #logo {position: absolute; top: 16px; left: 0;}
#footer .imglink {position: absolute; top: 24px; right: 0;}
#footer .imglink img {margin-left: 10px;}



/* TEXT STYLES */

a {color: #aae3cf;}
h1 {font-weight: normal; font-size: 24px; color: #aae3cf;}
h1, h1.caps, h1.caps_green {font-weight: normal; font-size: 24px; color: #a86b00;}
h1.caps {margin: 0; font-size: 34px; font-family: ITCKabelStdMedium; text-transform: uppercase;}
h1.caps_green {margin: 0; font-size: 34px; font-family: ITCKabelStdBook; text-transform: uppercase; color: #aae3cf;}
.h1text {font-size: 24px; color: #aae3cf;}
.h1text18 {font-size: 18px; color: #aae3cf;}
h2 {font-size: 20px;}

.first {margin-top: 0;}

.smalltext {font-size: 10px;}

.phone_link {background: url(images/common/icon_phone.png) 0 center no-repeat; padding: 2px 0 2px 20px;}

.jump_link {margin: 6px 0;}
.jump_link a {font-size: 12px; color: white; text-decoration: none; background: url(images/common/icon_jump.gif) 0 center no-repeat; padding: 2px 0 2px 20px;}
.jump_link a:hover {text-decoration: underline;}

.loc_link {margin: 6px 0;}
.loc_link a {font-size: 12px; color: white; text-decoration: none; background: url(images/common/icon_location.png) 0 center no-repeat; padding: 2px 0 2px 20px;}
.loc_link a:hover {text-decoration: underline;}

.doc_link {margin: 6px 0;}
.doc_link a {font-size: 12px; color: white; text-decoration: none; background: url(images/common/icon_doc.gif) 0 center no-repeat; padding: 2px 0 2px 20px;}
.doc_link a:hover {text-decoration: underline;}

.zoom {margin: 6px 0;}
.zoom a {font-size: 12px; color: white; text-decoration: none; background: url(images/common/icon_zoom.gif) 0 center no-repeat; padding: 2px 0 2px 20px;}
.zoom a:hover {text-decoration: underline;}



.jump_btn {margin: 16px 0;}



/*************** FLOAT ******************/


.float_right {
	float: right;
	margin-left: 8px;
}
.float_left {
	float: left;
	margin-right: 8px;
}
.clearfloat { /* final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clear_left { /* EX: clear left float photo while wrapping right float */
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



/*************** FORMS ******************/



.formtable td {padding: 4px;}
.formtable .formtext {text-align: right;}


/*************** FLOOR PLANS ******************/

.plan {float: left; position: relative; width: 800px; margin: 10px 0 10px 100px;}
.plan .thumb {float: left; width: 530px;}
.plan .description {float: right; width: 250px;}

.plan_up {margin-top: -40px;} /* move floor plan image up */

.plan_title {position: relative;}
.plan_title img.checklink {position: absolute; top: 0; right: 0;}