/* Cascading Style Sheet	*/
/* Effective Design Studio	*/
/* © Copyright 2008-2009	*/


body {
	color:				#666;
	width:				807px;
	cursor:				default;
	margin:				0px auto;
	position:				relative;
	font-size:			13px;
	text-align:			center;
	font-family:			"Times", "Times New Roman", sans-serif, "Arial", "Verdana", "Helvetica", "Tahoma";
	background-color:	#d0bf8c;
	background-image:	URL(images/bg.jpg);
	background-repeat:	repeat;
}

div.shadow_top {
	height:				10px;
	font-size:			2px;
	background-image:	URL(images/shadow_top.gif);
	background-repeat:	no-repeat;
}

div#wrapper {
	position:				relative;
	visibility:			visible;
	background-image:	URL(images/shadow_right.gif);
	background-repeat:	repeat-y;
}

div.shadow_bottom {
	height:				10px;
	font-size:			2px;
	background-image:	URL(images/shadow_bottom.gif);
	background-repeat:	no-repeat;
}

.container {
	display:				block;
	margin:				-7px 10px 0px 3px;
	position:				relative;
}

.content {
	border:				1px solid #999;
	display:				block;
}

.header {
	height:				130px;
	border-bottom:		1px solid #999;
}

a:active, a:link, a:visited {
	font-family:			"Arial", "Verdana", "Helvetica", "Tahoma", sans-serif;
	text-decoration:		none;
}

a:hover {
	text-decoration:		underline;
}

a.bodylink:active, a.bodylink:link, a.bodylink:visited {
	color:				#666;
	font-family:			"Times", "Times New Roman", sans-serif, "Arial", "Verdana", "Helvetica", "Tahoma";
	text-decoration:		underline;
}

a.bodylink:hover {
	text-decoration:		none;
}




/****** Navigation Styles ******/

.navigation {
	height:				26px;
	text-align:			left;
	border-bottom:		1px solid #999;
}

#navlist {
	top:					132px;
	margin:				0px;
	position:				absolute;
	padding:				0px;
	margin-left:			104px;
	list-style-type:		none;
}

#headlinks {
	float:				right;
	color:				#666;
	font-size:			9px;
	margin-top:			15px;
	font-weight:			bold;
	margin-right:			40px;
	vertical-align:		top;
}

#headlinks a {
	color:				#666;
	font-size:			9px;
	font-weight:			bold;
}

#sublist {
	color:				#999;
	font-weight:			bold;
	margin:				0px;

	list-style-type:		none;
/*
	top:					6px;
	color:				#999;
	margin:				0px;
	position:				relative;
	padding:				0px;
	font-weight:			bold;
	list-style-type:		none;
*/
}

#sublist li {
line-height: 24px;
}

#sublist a {
	color:				#999;
	font-size:			9px;
	font-weight:			bold;
	padding:				6px 13px;
}


#sublist a:hover {
cursor: hand;
cursor: pointer; 
}

#navspace {
	float:				left;
	width:				48px;
	height:				26px;
	display:				block;
	position:				relative;
	background-image:	URL(images/nav_spacer.gif);
	background-repeat:	no-repeat;
}

#subspace {

	text-align:			center;
}

#navCom {
	float:				left;
	width:				74px;
	height:				26px;
	display:				block;
	position:				relative;
	background-image:	URL(images/nav_com_off.gif);
	background-repeat:	no-repeat;
}

#navCom:hover {
	top:					-3px;
	float:				left;
	width:				74px;
	cursor:				pointer;
	height:				26px;
	cursor:				pointer;
	display:				block;
	position:				relative;
	border-top:			3px solid #a0230f;
	background-image:	URL(images/nav_com_on.gif);
	background-repeat:	no-repeat;
}

#navComSolid {
	top:					-3px;
	float:				left;
	width:				74px;
	cursor:				pointer;
	height:				26px;
	cursor:				pointer;
	display:				block;
	position:				relative;
	border-top:			3px solid #a0230f;
	background-image:	URL(images/nav_com_on.gif);
	background-repeat:	no-repeat;
}

#navVis {
	float:				left;
	width:				42px;
	height:				26px;
	display:				block;
	position:				relative;
	background-image:	URL(images/nav_vis_off.gif);
	background-repeat:	no-repeat;
}

#navVis:hover {
	top:					-3px;
	float:				left;
	width:				42px;
	cursor:				pointer;
	height:				26px;
	display:				block;
	position:				relative;
	border-top:			3px solid #a0230f;
	background-image:	URL(images/nav_vis_on.gif);
	background-repeat:	no-repeat;
}

#navVisSolid {
	top:					-3px;
	float:				left;
	width:				42px;
	cursor:				pointer;
	height:				26px;
	display:				block;
	position:				relative;
	border-top:			3px solid #a0230f;
	background-image:	URL(images/nav_vis_on.gif);
	background-repeat:	no-repeat;
}

#navDes {
	float:				left;
	width:				45px;
	height:				26px;
	display:				block;
	position:				relative;
	background-image:	URL(images/nav_des_off.gif);
	background-repeat:	no-repeat;
}

#navDes:hover {
	top:					-3px;
	float:				left;
	width:				45px;
	cursor:				pointer;
	height:				26px;
	display:				block;
	position:				relative;
	border-top:			3px solid #a0230f;
	background-image:	URL(images/nav_des_on.gif);
	background-repeat:	no-repeat;
}

#navDesSolid {
	top:					-3px;
	float:				left;
	width:				45px;
	cursor:				pointer;
	height:				26px;
	display:				block;
	position:				relative;
	border-top:			3px solid #a0230f;
	background-image:	URL(images/nav_des_on.gif);
	background-repeat:	no-repeat;
}

#navOpp {
	float:				left;
	width:				88px;
	height:				26px;
	display:				block;
	position:				relative;
	background-image:	URL(images/nav_opp_off.gif);
	background-repeat:	no-repeat;
}

#navOpp:hover {
	top:					-3px;
	float:				left;
	width:				88px;
	cursor:				pointer;
	height:				26px;
	display:				block;
	position:				relative;
	border-top:			3px solid #a0230f;
	background-image:	URL(images/nav_opp_on.gif);
	background-repeat:	no-repeat;
}

#navOppSolid {
	top:					-3px;
	float:				left;
	width:				88px;
	cursor:				pointer;
	height:				26px;
	display:				block;
	position:				relative;
	border-top:			3px solid #a0230f;
	background-image:	URL(images/nav_opp_on.gif);
	background-repeat:	no-repeat;
}

#navNew {
	float:				left;
	width:				34px;
	height:				26px;
	display:				block;
	position:				relative;
	background-image:	URL(images/nav_new_off.gif);
	background-repeat:	no-repeat;
}

#navNew:hover {
	top:					-3px;
	float:				left;
	width:				34px;
	cursor:				pointer;
	height:				26px;
	display:				block;
	position:				relative;
	border-top:			3px solid #a0230f;
	background-image:	URL(images/nav_new_on.gif);
	background-repeat:	no-repeat;
}

#navNewSolid {
	top:					-3px;
	float:				left;
	width:				34px;
	cursor:				pointer;
	height:				26px;
	display:				block;
	position:				relative;
	border-top:			3px solid #a0230f;
	background-image:	URL(images/nav_new_on.gif);
	background-repeat:	no-repeat;
}

#navCon {
	float:				left;
	width:				56px;
	height:				26px;
	display:				block;
	position:				relative;
	background-image:	URL(images/nav_con_off.gif);
	background-repeat:	no-repeat;
}

#navCon:hover {
	top:					-3px;
	float:				left;
	width:				56px;
	cursor:				pointer;
	height:				26px;
	display:				block;
	position:				relative;
	border-top:			3px solid #a0230f;
	background-image:	URL(images/nav_con_on.gif);
	background-repeat:	no-repeat;
}

#navConSolid {
	top:					-3px;
	float:				left;
	width:				56px;
	cursor:				pointer;
	height:				26px;
	display:				block;
	position:				relative;
	border-top:			3px solid #a0230f;
	background-image:	URL(images/nav_con_on.gif);
	background-repeat:	no-repeat;
}




/****** Registeration Styles ******/

.req {
	color:				#a0230f;
}

.reset {
	color:				#999;
	width:				109px;
	height:				24px;
	border:				1px solid #f2e9d1;
	font-size:			10px;
	border-top:			1px solid #d7c99f;
	font-family:			"Times", "Times New Roman", sans-serif, "Arial", "Verdana", "Helvetica", "Tahoma";
	border-right:			1px solid #d7c99f;
	letter-spacing:		1px;
	background-color:	#f9f3e3;
	
}

input.text, input.req, select, textarea {
	width:				250px;
	border:				1px solid #f2e9d1;
	border-top:			1px solid #d7c99f;
	border-right:			1px solid #d7c99f;
}

input.check {

}

input.req {
	border:				1px solid #d7a79f;
	border-top:			1px solid #a0230f;
	border-right:			1px solid #a0230f;
	background-color:	#fffbfb;
}

img, a img {
border: 0px;
}

.community_container {
border-bottom:1px solid #999; 
background-repeat:no-repeat;  
background-position: 3px 4px;
}

.new_heights {
background-image: url(images/background/comm_heights.jpg); 
}

.hawkstone_village {
background-image: url(images/background/comm_village.jpg); 
}


.hawkstone_residences {
background-image: url(images/background/comm_residences.jpg); 
}

.interactive_neighborhood {
background-image: url(images/background/comm_neighborhood.jpg);
height: 376px; 
position: relative;
}

.interactive_neighborhood table {
margin-top: 377px;
}
.community_container table.text {
width:548px; margin: 0px 0px 0px 200px; 
padding-top: 3px;
}

.text td {
vertical-align:bottom; 
height: 373px; 
margin: 0px; padding: 0px;
}

#hide, #show {
width: 548px;
height: 17px;
font-family: "Arial", "Verdana", "Helvetica", "Tahoma", sans-serif;
background-image: url(images/nav_text.png);
background-repeat: no-repeat;
font-size: 9px;
padding-top: 3px;
text-align: left;
}

#hide span, #show span {
padding-left: 20px;
}

#hide:hover, #show:hover{
color: #A0230F;
cursor: hand;
}

.register_button {
border-right:1px solid #999;
width:196px;
padding:3px;
}

.register_button img {
width:196px;
height:22px;
}

.bottom_text {
text-align: right;
width: 100%;
}

.interactive_button {
display: block; 
width: 38px; 
height: 37px; 
background-image: url(images/button_interactive.png); 
background-repeat: no-repeat;
}

.interactive_text {
width: 255px;
text-align: left;
padding: 12px 10px 12px 12px;
color: #000000;
font-family: "Arial", "Verdana", "Helvetica", "Tahoma", sans-serif;
font-size: 11px;
line-height: 16px;
background-image: url(images/background/1px_white.png);
}

.interactive_text .title{
font-family: "Times", "Times New Roman", sans-serif, "Arial", "Verdana", "Helvetica", "Tahoma";
color: #A0230F;
font-size: 14px;
font-weight: bold;
}

#townhomes_button {
position: absolute;
top: 85px;
left:184px;
}

#townhomes_bubble {
position: absolute;
top: 120px;
left: -2000px;
}

#townhomes_text {
position: absolute;
top: 179px;
left: 30px;
}

#lofts_button {
position: absolute;
top: 147px;
left: 350px;
}

#lofts_bubble {
position: absolute;
top: 180px;
left: -2000px;
}

#lofts_text {
position: absolute;
top: 239px;
left: 140px;
}

#village_button {
position: absolute;
top: 287px;
left: 446px;
}

#village_bubble {
position: absolute;
top: 233px;
left: -2000px;
}

#village_text {
position: absolute;
top: 130px;
left: 425px;
}

#park_button {
position: absolute;
top: 72px;
left: 475px;
}

#park_bubble {
position: absolute;
top: 105px;
left: -2000px;
}

#park_text {
position: absolute;
top: 164px;
left: 430px;
}

#cottages_button {
position: absolute;
top: 60px;
left: 665px;
}

#cottages_bubble {
position: absolute;
top: 92px;
left: -2000px;
}

#cottages_text {
position: absolute;
top: 151px;
left: 455px;
}

#not-shown_button  {
position: absolute;
top: 180px;
left: 744px;
}

#not-shown_bubble {
position: absolute;
top: 200px;
left: -2000px;
}

#not-shown_text {
position: absolute;
top: 125px;
left: 411px;
}

/* text styles */

.footnote {
	color: #666;
	font-family: Arial;
	font-size: 10px;
	text-align: center;
}