/*-----------------------------------+
 | Site: Athena Square               |
 | Part: Subpage stylesheet          |
 | Author: Pixels + Points           |
 +-----------------------------------*/
 
/************************/
/* Reset                */
/************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
::selection {
	background: #ddd094; /* Safari */
}
::-moz-selection {
	background: #ddd094; /* Firefox */
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.chatcontact{
	margin-top: 10px;
	margin-left: -6px;
	padding-bottom: 0;
	
}

/************************/
/* Global               */
/************************/

body {
	font-family: "Georgia", Lucida Grande, Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.7em;
	text-align: left;
	background: #eaeae2 url('../images/main_bg.jpg') repeat-x;
}

.clear {
	clear: both;
}
 
.floatleft {
	position: relative;
	float: left;
}
 
.floatright {
	position: relative;
	float: right;
}

span {
	display: none;
}

/************************/
/* Layout               */
/************************/

#container {
	margin: 0 auto;
	width: 976px;
}

#header {}

#header #top {
	width: 976px;
	height: 170px;
	background: transparent url('../images/sub_header.jpg') no-repeat 0 0;
}

#header #nav {
	width: 976px;
	height: 51px;
}

#content {
	position: relative;
	width: 976px;
	height: 400px;
	background: transparent url('../images/sub_content.gif') no-repeat 0 0;
}

#content #text {
	padding: 15px 35px;
}

#content #text_floorplan {
	padding: 15px 35px;
	width: 926px;
	height: 329px;
	background: transparent url('../images/sub_floorplans.png') no-repeat top center;
}

#footer {
	width: 976px;
	height: 113px;
	background: transparent url('../images/main_footer.png') no-repeat 0 0;
	clear: both;
}

/************************/
/* Navigation           */
/************************/

#nav ul {
	list-style: none;
}

#nav li {
	display: inline;
}

#nav ul li a {
	display: block;
	float: left;
	border: none;
}

#nav ul li#home a {
	width: 188px;
	height: 51px;
	background: transparent url('../images/nav_home.jpg') no-repeat 0 0;
}

#nav ul li#floorplans a {
	width: 124px;
	height: 51px;
	background: transparent url('../images/nav_floorplans.jpg') no-repeat 0 0;
}

#nav ul li#featureslist a {
	width: 141px;
	height: 51px;
	background: transparent url('../images/nav_featureslist.jpg') no-repeat 0 0;
}

#nav ul li#neighborhood a {
	width: 144px;
	height: 51px;
	background: transparent url('../images/nav_neighborhood.jpg') no-repeat 0 0;
}

#nav ul li#siteplan a {
	width: 104px;
	height: 51px;
	background: transparent url('../images/nav_siteplan.jpg') no-repeat 0 0;
}

#nav ul li#map a {
	width: 77px;
	height: 51px;
	background: transparent url('../images/nav_map.jpg') no-repeat 0 0;
}

#nav ul li#contact a {
	width: 198px;
	height: 51px;
	background: transparent url('../images/nav_contact.jpg') no-repeat 0 0;
}

#nav ul li#home a:hover {
	background-position: 0 -57px;
}

#nav ul li#floorplans a:hover {
	background-position: 0 -57px;
}

#nav ul li#featureslist a:hover {
	background-position: 0 -57px;
}

#nav ul li#neighborhood a:hover {
	background-position: 0 -57px;
}

#nav ul li#siteplan a:hover {
	background-position: 0 -57px;
}

#nav ul li#map a:hover {
	background-position: 0 -57px;
}

#nav ul li#contact a:hover {
	background-position: 0 -57px;
}

/************************/
/* Content              */
/************************/

#features_1 {
	margin: 10px 10px 0 0;
	padding: 10px;
	background: #afdcea;
	width: 196px;
	float: left;
	position: relative;
	display: block;
}

#features_1 h3 {
	font-weight: bold;
	font-size: small;
	color: #0092d1;
}

#features_1 ul {
	margin-left: 15px;
}

#features_1 ul li {
	list-style: square;
}

#features_2 {
	margin: 10px 10px 0 0;
	padding: 10px;
	background: #afdcea;
	width: 196px;
	float: left;
	position: relative;
	display: block;
}

#features_2 h3 {
	font-weight: bold;
	font-size: small;
	color: #0092d1;
}

#features_2 ul {
	margin-left: 15px;
}

#features_2 ul li {
	list-style: square;
}

#features_3 {
	margin: 10px 10px 0 0;
	padding: 10px;
	background: #afdcea;
	width: 196px;
	display: block;
	float: left;
}

#features_3 h3 {
	font-weight: bold;
	font-size: small;
	color: #0092d1;
}

#features_3 ul {
	margin-left: 15px;
}

#features_3 ul li {
	list-style: square;
}

#features_4 {
	margin: 10px 10px 0 0;
	padding: 10px;
	background: #dbdbdb;
	width: 196px;
	display: block;
	float: left;
}

#features_4 h3 {
	font-weight: bold;
	font-size: small;
	color: #0092d1;
}

#features_4 ul {
	margin-left: 15px;
}

#features_4 ul li {
	list-style: square;
}

#features_5 {
	margin: 10px 10px 0 0;
	padding: 10px;
	background: #dbdbdb;
	width: 196px;
	display: block;
	float: right;
}

#features_5 h3 {
	font-weight: bold;
	font-size: small;
	color: #0092d1;
}

#features_5 ul {
	margin-left: 15px;
}

#features_5 ul li {
	list-style: square;
}

#features_green {
	margin: 10px 10px 0 0;
	padding: 10px;
	background: #d1e49f;
	width: 196px;
	float: left;
	position: relative;
}

#features_green h3 {
	font-weight: bold;
	font-size: small;
	color: #0092d1;
}

#features_green ul {
	margin-left: 15px;
}

#features_green ul li {
	list-style: square;
}

img.siteplan {
	margin: 20px 75px;
	border: 20px solid #dbdbdb;
}

div.slideshow {
	margin: 20px auto;
}

#map_text {
	margin: 10px 10px 0 0;
	padding: 10px;
	width: 196px;
	display: block;
	float: left;
	background: #afdcea;
}
#map_text2 {
	margin: 10px 10px 0 0;
	padding-bottom: 0px;
	margin-bottom: 0px;
	width: 196px;
	display: block;
	float: left;
	background: #afdcea;
}


#map_text h3 {
	font-weight: bold;
	font-size: small;
	color: #0092d1;
}

#map_text ul {
	margin-left: 15px;
}

#map_text ul li {
	list-style: square;
}

img.map {
	margin: 10px auto;
	border: 20px solid #dbdbdb;	
	float: right;
}

#text a {
	color: #0092d1;
}

#text a:hover {
	text-decoration: none;
}

#floorplans_1 {
	margin: 10px 0 0 3px;
	padding: 10px;
	width: 255px;
	height: 200px;
	float: left;
	position: relative;
	display: block;
}

#floorplans_1 h3 a {
	display: block;
	margin: 10px 0;
	width: 255px;
	height: 56px;
	background: transparent url('../images/fp_theathena.png') no-repeat 0 0;
}

#floorplans_1 h3 a:hover {
	background-position: 0 -56px;
}

#floorplans_2 {
	margin: 10px 0 0 39px;
	padding: 10px;
	width: 255px;
	height: 200px;
	float: left;
	position: relative;
	display: block;
}

#floorplans_2 h3 a {
	display: block;
	margin: 10px 0;
	width: 255px;
	height: 56px;
	background: transparent url('../images/fp_theapollo.png') no-repeat 0 0;
}

#floorplans_2 h3 a:hover {
	background-position: 0 -56px;
}

#floorplans_3 {
	margin: 10px 0 0 30px;
	padding: 10px;
	width: 255px;
	height: 200px;
	float: left;
	position: relative;
	display: block;
}

#floorplans_3 h3 a {
	display: block;
	margin: 10px 0;
	width: 255px;
	height: 56px;
	background: transparent url('../images/fp_zeus.png') no-repeat 0 0;
}

#floorplans_3 h3 a:hover {
	background-position: 0 -56px;
}

p.formfield {
	margin: 0 0 10px 0;
}

span.required {
	display: inline;
	color: #555555;
}

#contact_1 {
	margin: 10px 10px 0 0;
	padding: 10px;
	width: 196px;
	height: 295px;
	display: block;
	float: left;
	background: #afdcea;
}

#contact_1 h3 {
	font-weight: bold;
	font-size: small;
	color: #0092d1;
}

#contact_2 {
	margin: 10px 10px 0 0;
	padding: 10px;
	width: 196px;
	height: 295px;
	display: block;
	float: left;
	background: #afdcea;
}

#contact_2 h3 {
	font-weight: bold;
	font-size: small;
	color: #0092d1;
}

#sub_img {
	margin: 10px 0;
	padding: 0;
	width: 196px;
	float: left;
	position: relative;
}

#column {
	width: 216px;
	float: left;
	margin-right: 10px;
}