/***** Global Settings *****/

html, body, form, table, tr, td {
	margin:0;
	padding:0;
}

body {
	text-align:left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	line-height: 21px;
	color:#05213D;
	background-color:#C7E6E3;
	background-image:url(/images/background_tile_top.gif);
	background-repeat:repeat-x;
}
body.home {
	color:#FFFFFF;
	background-color:#031e39;
	background-image: url(/images/background_tile_top_home.gif);
}
body.artesia_homes {
	background-image: url(/images/background_tile_top_homes.gif);
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin:  0;
	padding: 0;
}

.wrapper {
	width:100%;
	min-width:960px;
	margin:0 auto;
	text-align:left;
	background-image: url(/images/background_top.jpg);
	background-repeat: no-repeat;
	float:left;
}
body.home .wrapper {
	background-image: url(/images/background_top_home.jpg);
}
body.artesia_homes .wrapper {
	background-image: url(/images/background_top_homes.jpg);
}

/***** Common Formatting *****/

h1 {
	font-family: Georgia;
	font-size: 17px;
	color:#0078AB;
	margin-bottom: 10px;
}
body.home h1 {
	font-size: 16px;
	color:#5CBACC;
}

h2 {
	font-family: Georgia;
	font-size: 14px;
	color:#05213D;
	margin-bottom: 10px;
}

h3 {
	font-size: 11px;
	line-height: 18px;
	color:#0078AB;
	margin-bottom: 10px;
}

p {
	margin-bottom: 10px;
}

ol {
	margin: 0px 0px 10px 29px;
}

ul {
	list-style-type: none;
	margin: 0px 0px 10px 1px;
}

ul li {
	background-image: url(/images/bullet.gif);
	background-repeat: no-repeat;	
	padding-left: 10px;
}

small {
	font-size:0.85em;
}

img {
	border:0;
}

hr {
	height:1px; 
	width:313px;
	border:0px; 
	color:#D9EEEC; 
	background-color:#D9EEEC; 
	margin:10px 0 10px 0;
	padding:0;
}

sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}

sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}

table.border {
	border-collapse:collapse;
	border:1px solid #999999;
}

/***** Forms *****/

input, select, textarea {
	font-size: 100%;
}

/***** Links *****/

a {
	text-decoration:none;
	font-weight: bold;
}

.content a:link, .footer a:link {
	color:#5CBACC;
}
.content a:visited, .footer a:visited {
	color:#669999;
}
.content a:hover, .footer a:hover  {
	color:#DE7008;
}

/***** Global Classes *****/

.clear 			{ clear:both; }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

.hr {
	clear:both;
	height:1px; 
	width:313px;
	background-image: url(/images/hr.gif);
	background-repeat: no-repeat;	
	margin:18px 0 18px 0;
}

/***** layout *****/

.logo {
	position: absolute;
	top:75px;
	left:53px;
	display:block;
	background-image: url(/images/artesia_logo.jpg);
	background-repeat: no-repeat;
	width:139px;
	height:71px;
}
.logo span {display:none;}

body.home .logo {
	background-image: url(/images/artesia_logo_home.jpg);
}

.topNav {
	margin:103px 30px 64px 213px;
	list-style-type: none;
	min-height: 57px;
	min-width: 760px;
	height: 57px; /* IE6 min-height fix */
	width: 760px; /* IE6 min-width fix */
}
html>body .topNav {height:auto;width:auto} /* recover from IE6 min fix */

body.home .topNav {	
	margin-bottom:27px;
}

body.artesia_homes .topNav {
	margin-bottom: 20px; /* reduce the top nav margin bottom when subnav is present */
}


.topNav li {
	display:block;
	float:left;	
	margin: 0px 11px 0px 0px;
	padding: 0px;
	background-image: url(/images/topNav_divider.png);
	background-repeat: no-repeat;	
	height: 30px; /* IE6 min-height fix */
}
html>body .topNav li {height:auto} /* recover from IE6 min-height fix */

.topNav li.firstNavItem {
	background-image: none;
}
.topNav li.firstNavItem a {
	margin-left: 0px;
}
.topNav li a {
	display:block;
	margin: 5px 0px 0px 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight: normal;
	color:#FFFFFF;	
	min-height: 29px;	
}

.topNav li a:hover {
	color:#C7E6E3;
}

.subNavContainer {
	clear:both;
	margin:0px 30px 23px 402px;
}
.subNavGradLeft {background-image: url(/images/background_subNavLeft.gif);background-repeat: repeat-y;padding:0px;}
.subNavGradMiddle {background-color:#AACACC;}
.subNavGradRight {background-image: url(/images/background_subNavRight.gif);background-repeat: repeat-y;}

.subNav {	
	float:left;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.subNav li {
	display:block;
	float:left;	
	margin: 1px 14px 0px 0px;
	padding: 0px;
	background-repeat: no-repeat;	
	background-image: url(/images/subNav_divider.gif);	
}
.subNav li.firstNavItem {
	background-image: none;
}
.subNav li.firstNavItem a {
	margin-left: 0px;
}
.subNav li a {
	display:block;
	margin: 3px 0px 1px 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:13px;
	font-weight: normal;
	color:#FFFFFF;
	min-height: 15px;
}

.subNav li a:hover {
	color:#C7E6E3;
}

body.about_artesia a.about_artesia,
body.artesia_homes .artesia_homes,
body.scottsdale_lifestyle .scottsdale_lifestyle,
body.property_map .property_map,
body.about_starpointe .about_starpointe,
body.contact_us .contact_us,
body.overview .overview,
body.residences .residences,
body.townhomes .townhomes,
body.brownstones .brownstones,
body.penthouses .penthouses
{
	color:#fef593;
}

.content {
	clear:both;	
	width:960px;
	margin-bottom:35px;
}
.content .column1{
	float:left;
	width: 553px;
	text-align: right;
	margin-top:3px;
}
.content .column2{		
	margin-left:35px;
	float:left;
	width: 372px;
}
body.home .content {
	width:1002px;
	margin-bottom:0px;
}

body.home .content .column2{	
	margin-top:37px;
	width: 375px;
}
body.home .content .column3{	
	float:left;
	margin:5px 0px 0px 33px;
	width: 1px;
}


.footer {
	clear:both;	
	width: 960px;
	padding:0px 0px 10px 0px;
	text-align: right;
	font-size: 10px;
	color:#8C8C8C;
}
.footer span {
	margin:0px 3px 0px 3px;
	font-size: 11px;
}
.footer a {
	font-weight: normal;
}