/**************************************************************************************************
// Cascading Style Sheet for Cornerstone On The Square for The Marketing Directors
// Style Sheet for index.php
// Copyright (C) 2007 The Marketing Directors
**************************************************************************************************/

/**************************************************************************************************
// GENERAL
**************************************************************************************************/
html, body, ul, ol, li, p, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	font-family: Times New Roman, serif;
	font-size: 16px;
	color: #415E71;
	background-color: #FFF7DD;
}

a {
	text-decoration: none;
	color: #415E71;
}

a:hover {
	color: #5D87A1;
}

a.current {
	color: #935403;
}

#background_content {
	width: 800px;
	height: 561px;
	margin: 0px auto;
	background-repeat: no-repeat;
}

#bg_bluetext_container {
	float: right;
	width: 540px;
	height: 371px;
	padding: 17px 17px 0px 0px;
}


#bg_bluetext_container_lg {
	float: right;
	width: 541px;
	height: 407px;
	padding: 14px 15px 0px 0px;
}

.bg_bluetext_standard {
	width: 540px;
	height: 371px;
	background-image: url(../images/bg_bluetext_standard.jpg);
	background-repeat: no-repeat;
}

/**************************************************************************************************
// CONTENT - HOME PAGE
**************************************************************************************************/
#content_home {
	float: right;
	width: 567px;
	height: 400px;
	padding: 152px 0px 0px 13px;
}

.bg_bluetext_home {
	width: 530px;
	height: 304px;
	background-image: url(../images/bg_bluetext_home.jpg);
	background-repeat: no-repeat;
}

.bg_bluetext_home_standard {
	width: 530px;
	height: 304px;
	background-image: url(../images/bg_bluetext_home_standard.jpg);
	background-repeat: no-repeat;
}


.home_txt_welcome {
	padding: 16px 0px 4px 30px;
	font-size: 22px;
}

.home_txt_cornerstone {
	text-align: center;
	font-size: 26px;
	color: #935403;
}

.home_txt_left_container {
	float: left;
	width: 240px;
	height: 210px;
	padding: 8px 8px 0px 30px;
	text-align: left;
}

#home_slideshow_container {
	float: right;
	width: 219px;
	height: 135px;
	padding: 0px 27px 0px 0px;
}

.home_txt_right_container {
	float: right;
	width: 232px;
	padding: 8px 14px 0px 0px;
	text-align: center;
	font-size: 14px;
}

.home_txt_right_container a {
	text-decoration: underline;
	font-style: italic;
}

.home_txt_right_container a:hover {
	text-decoration: underline;
	font-style: italic;
}

/**************************************************************************************************
// CONTENT - GENERAL
**************************************************************************************************/
#content_script {
	float: right;
	width: 580px;
	height: 420px;
	margin-top: 14px;
}

#text_container {
	text-align: left;
}

#text_container.text_only {
	width: 480px;
	padding: 18px 8px 4px 30px;
}

#text_container p {
	padding-top: 10px;
	line-height: 18px;
}

#text_container p.headline {
	font-size: 22px;
	color: #935403;
}

#text_container span.bold_up {
	font-size: 18px;
	font-weight: bold;
}

#text_container a {
	text-decoration: underline;
	font-style: italic;
}

#text_container a:hover {
	text-decoration: underline;
	font-style: italic;
}

/**************************************************************************************************
// CONTENT -> RESIDENCES
**************************************************************************************************/
.bg_bluetext_floorplans {
	width: 539px;
	height: 397px;
	padding: 4px;
	background-image: url(../images/residence/bg_bluetext_floorplans.jpg);
	background-repeat: no-repeat;
}

.overview_residences {
	float: left;
	width: 278px;
	padding: 18px 8px 4px 30px;
}

.floorplan_image {
	float: right;
	padding: 6px 24px 0px 0px;
}

.options {
	float: right;
	width: 540px;
	height: 39px;
	padding: 0px 17px 0px 0px;
	margin-top: -1px;
}

.option_townhouse {
	float: left;
}

.option_courtyard {
	float: left;
	margin-left: 19px;
}

.option_condo {
	float: right;
	margin-right: 2px;
}

#floorplan_txt_container {
	float: left;
	width: 122px;
	height: 196px;
	padding: 28px 0px 0px 97px;
}

.floorplan_txt_bg {
	width: 122px;
	height: 186px;
	padding-top: 10px;
	text-align: center;
	font-size: 15px;
	background-image: url(../images/residence/floorplan_txt_bg.jpg);
	background-repeat: no-repeat;
}

.desc_txt {
	font-size: 13px;
	padding-bottom: 2px;
	color: #935403;
}

#floorplan_nav {
	width: 100%;
	height: 25px;
	padding-top: 8px;
}

#floorplan_nav .prev {
	float: left;
	padding-left: 6px;
}

#floorplan_nav .description {
	float: left;
	width: 388px;
	padding: 2px;
	text-align: center;
	font-size: 16px;
	color: #935403;
}

#floorplan_nav .next {
	float: right;
	padding-right: 16px;
}

/**************************************************************************************************
// CONTENT -> COMMERCIAL
**************************************************************************************************/
.bg_bluetext_commercial {
	width: 540px;
	height: 371px;
	background-image: url(../images/commercial/bg_bluetext_commercial.jpg);
	background-repeat: no-repeat;
}

/**************************************************************************************************
// CONTENT -> LOCATION
**************************************************************************************************/
.bg_bluetext_overview_location {
	width: 540px;
	height: 371px;
	background-image: url(../images/location/bg_bluetext_overview.jpg);
	background-repeat: no-repeat;
}

#neighborhood_map_container {
	float: right;
	width: 543px;
	height: 404px;
	padding: 16px 25px 0px 0px;
}

.neighborhood_map {
	width: 543px;
	height: 402px;
	background-image: url(../images/location/neighborhood_map.jpg);
	background-repeat: no-repeat;
}

.neighborhood_link {
	float: right;
	padding: 376px 14px 0px 0px; 
}

.neighborhood_key {
	float: left;
	width: 145px;
	height: 160px;
	padding: 60px 0px 0px 79px;
}

#community_map_top_container {
	float: right;
	width: 540px;
	height: 206px;
	padding: 18px 20px 0px 0px;
}

.community_map_top {
	width: 538px;
	height: 206px;
	background-image: url(../images/location/community_map_top.jpg);
	background-repeat: no-repeat;
}

#community_map_bottom_container {
	float: right;
	width: 625px;
	height: 205px;
	padding: 0px 20px 0px 0px;
}

.community_map_bottom {
	width: 623px;
	height: 205px;
	background-image: url(../images/location/community_map_bottom.jpg);
	background-repeat: no-repeat;
}

.community_link {
	float: left;
	padding: 2px 0px 0px 20px; 
}

/**************************************************************************************************
// CONTENT -> TEAM
**************************************************************************************************/
.bg_bluetext_team {
	width: 540px;
	height: 371px;
	background-image: url(../images/team/bg_bluetext_team.jpg);
	background-repeat: no-repeat;
}

.bg_bluetext_morsberger {
	width: 540px;
	height: 371px;
	background-image: url(../images/team/bg_bluetext_morsberger.jpg);
	background-repeat: no-repeat;
}

.bg_bluetext_noro {
	width: 540px;
	height: 371px;
	background-image: url(../images/team/bg_bluetext_noro.jpg);
	background-repeat: no-repeat;
}

.bg_bluetext_bbt {
	width: 540px;
	height: 371px;
	background-image: url(../images/team/bg_bluetext_bbt.jpg);
	background-repeat: no-repeat;
}

.img_left_bld {
	float: left;
	padding: 34px 0px 0px 16px;
}

.img_left_arch {
	float: left;
	padding: 24px 16px 0px 0px;
}

.txt_right {
	float: right;
	width: 370px;
}

/**************************************************************************************************
// CONTENT -> UPDATES
**************************************************************************************************/
.bg_bluetext_updates {
	width: 540px;
	height: 405px;
	padding: 4px;
	background-image: url(../images/updates/bg_bluetext_updates.jpg);
	background-repeat: no-repeat;
}

#gallery_holder {
	width: 475px;
	height: 315px;
	margin: 25px;
	border: 4px solid #546e7e;
}

/**************************************************************************************************
// VALIDATION MESSAGES
**************************************************************************************************/
#inf_first_name, #inf_last_name, #inf_phone, #inf_email {
	font-style: italic;
	color: #D3262A;
}

/**************************************************************************************************
// SCROLL AREA
// Styles for scrolling layers
// Specify width and height in hold and wn, and in clip for wn
**************************************************************************************************/
div#hold {
	position: relative;
	overflow: hidden;
	width: 490px;
	height: 280px;
	z-index: 100;
}

div#wn {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 488px;
	height: 278px;
	overflow: hidden;
	z-index: 1;
}

div.content_scroll {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	z-index: 1;
}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar {
  position: relative;
  left: 0;
  top: 0;
  width: 14px;
  height: 223px;
  font-size: 1px;
  z-index: 1;
}

div#track {
  position: absolute;
  left: 0;
  top: 8px;
  width: 14px;
  height: 207px;
  background-image: url(../images/track2.gif);
  background-repeat: repeat;
  z-index: 1;
}

div#dragBar {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 14px;
  background-image: url(../images/track_bar_b.gif);
  background-repeat: no-repeat;
  z-index: 1;
}

div#up {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2
}
div#down {
	position:absolute;
	left: 0;
	bottom: 0;
	z-index: 3
}

table.main {
	width: 538px;
	margin: auto;
	text-align: left;
}

td#scroll_links  {
	width: 20px;
}

/**************************************************************************************************
// FOOTER
**************************************************************************************************/
#ftr {
	clear: both;
	text-align: center;
	width: 800px;
	height: 55px;
	margin: 0px auto;
	background-repeat: no-repeat;
}

#ftr .ftr_txt {
	float: left;
	height: 55px;
	padding: 14px 0px 0px 60px;
	text-align: left;
	font-size: 12px;
	color: #525252;
	background-image: url(../images/logo_equal_housing2.jpg);
	background-repeat: no-repeat;
}

#ftr .ftr_txt a {
	color: #525252;
	text-decoration: none;
}

#ftr .ftr_txt a:hover {
	color: #5D87A1;
}

#ftr .ftr_images {
	float: right;
	padding-right: 10px;
}