/*
	voice-family: "\"}\"";
	voice-family:inherit;
*/




/* --------------------------------- */
/*                                   */
/* ------>>> GLOBAL STYLES <<<------ */
/*                                   */
/* --------------------------------- */

/* --- TEXT --- */
p {font:12px Arial, Helvetica, sans-serif; color:#555; line-height:16px; margin:0; padding:0px 20px 20px 0px;}
td {font:12px Arial, Helvetica, sans-serif; color:#555; margin:0; padding:0px 0px 0px 0px;}
th {font:12px Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight: bold; line-height:18px;}

/* --- HEADINGS --- */
h1 {font:14px Arial, Helvetica, sans-serif; color:#336699; font-weight:normal; margin:0px 0px 20px 0px; padding:0;}
	.h1Home {position:absolute; top:462px; left:470px; width:210px; font:10px Arial, Helvetica, sans-serif; color:#777; margin:0; padding-bottom:8px; border-bottom:3px solid #333;}

h2 {font:11px Arial, Helvetica, sans-serif; color:#000000; font-weight:normal; margin:0px 0px 5px 0px; padding:0;}
	.h2Home {position:absolute; top:520px; left:470px; width:210px; font:14px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:0;}

h3 {font:12px Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; margin:0; padding:0;}

/* --- HYPERLINKS --- */
a {font:12px Arial, Helvetica, sans-serif; color:#336699; font-weight:normal;}
	a.hpH1Link {font:9px Arial, Helvetica, sans-serif; color:#777;}
	a.hpH1Link:hover {color:#999;}
a:link, a:active, a:visited {text-decoration:none;}
a:hover {color:#333; text-decoration:underline;}

/* --- LISTS --- */
ul {margin:0px 0px 20px 0px; padding:0;}
ol {margin:0px 0px 20px 10px; padding:0;}
li {margin:0px 0px 0px 16px; padding:0; font:11px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#000000;}

/* --- FORMS --- */
form {padding:0; margin:0;}
input {padding:0; margin:0; font-size:11px;}

/* -- EXTRAS -- */
img {border:0; padding:0; margin:0; display:block;}
.noCSS {visibility:hidden;}
.noDisplay {display:none;}
.inline {display:inline;}





/* ---------------------------------- */
/*                                    */
/* --->>> GLOBAL LAYOUT STYLES <<<--- */
/*                                    */
/* ---------------------------------- */

/* BACKGROUNDS */

/* main backgrounds */
#bgSummerlandSky {background-image:url(../images/bg.jpg); background-position:center center; background-repeat:no-repeat;}
#bgSummerlandSky2 {background-image:url(../images/bg2.jpg); background-position:center center; background-repeat:no-repeat;}

/* centering wrap backgrounds */
.bgContent1 {background-image:url(../images/bg_content1.jpg); background-position:top left; background-repeat:no-repeat;}
.bgContent2 {background-image:url(../images/bg_content2.jpg); background-position:top left; background-repeat:no-repeat;}
.bgContent3 {background-image:url(../images/bg_content3.jpg); background-position:top left; background-repeat:no-repeat;} /*-- renderings --*/


/* GLOBAL PAGE STYLES */
img.logo {position:absolute; top:455px; left:770px;}
img.tagline {position:absolute; left:700px; top:0px; z-index:100;}
img.pgTitle {position:absolute; left:190px; top:115px;}

	.btnMacrealty {position:absolute; left:40px; top:490px; background:url(../images/btn_macrealty_on.gif) no-repeat; white-space:nowrap; display:block; width:90px; height:65px; margin:0; padding:0; z-index:20;}
	.btnMacrealty a {display:block; width:90px; height:65px; float:left; padding:0;}
	.btnMacrealty img {width:90px; height:65px; border:0;}
	* html a:hover {visibility:visible;}
	.btnMacrealty a:hover img {visibility:hidden;}

	.btnApchin {position:absolute; left:130px; top:490px; background:url(../images/btn_apchin_on.gif) no-repeat; white-space:nowrap; display:block; width:127px; height:65px; margin:0; padding:0; z-index:20;}
	.btnApchin a {display:block; width:127px; height:65px; float:left; padding:0;}
	.btnApchin img {width:127px; height:65px; border:0;}
	* html a:hover {visibility:visible;}
	.btnApchin a:hover img {visibility:hidden;}


	/* UNIQUE PAGE STYLES */
	
	/* homepage */
	img.hpLogo {position:absolute; left:320px; top:80px;}
	img.hpTagline {position:absolute; left:500px; top:100px;}
	
	.btnHpMacrealty {position:absolute; left:39px; top:385px; background:url(../images/btn_macrealty_on.gif) no-repeat; white-space:nowrap; display:block; width:88px; height:66px; margin:0; padding:0; z-index:20;}
	.btnHpMacrealty a {display:block; width:88px; height:66px; float:left; padding:0;}
	.btnHpMacrealty img {width:88px; height:66px; border:0;}
	* html a:hover {visibility:visible;}
	.btnHpMacrealty a:hover img {visibility:hidden;}


	/* subdivision sitemap */
	img.subdivMap {position:absolute; left:403px; top:68px;}
	
	.lotPricesWrap {position:absolute; left:350px; top:85px; z-index:30;}
	table.lotPrices {margin:10px auto;}
	table.lotPrices td {padding:1px 6px; font-size:11px; color:#336699;}
	table.lotPrices td.lotNum {color:#006600;}
	
	
	/* location map */
	img.map {position:absolute; left:265px; top:34px; z-index:10;}
	
	.btnMap {position:absolute; left:724px; top:192px; background:url(../images/btn_detailedmap_on.jpg) no-repeat; white-space:nowrap; display:block; width:82px; height:31px; margin:0; padding:0; z-index:20;}
	.btnMap a {display:block; width:82px; height:31px; float:left; padding:0;}
	.btnMap img {width:82px; height:31px; border:0;}
	* html a:hover {visibility:visible;}
	.btnMap a:hover img {visibility:hidden;}


	/* detailed location map */
	img.detailedMap {position:absolute; left:295px; top:0px; z-index:10;}
	
	.btnDetailedMap {position:absolute; left:520px; top:249px; background:url(../images/btn_star_on.gif) no-repeat; white-space:nowrap; display:block; width:82px; height:71px; margin:0; padding:0; z-index:20;}
	.btnDetailedMap a {display:block; width:82px; height:71px; float:left; padding:0;}
	.btnDetailedMap img {width:82px; height:71px; border:0;}
	* html a:hover {visibility:visible;}
	.btnDetailedMap a:hover img {visibility:hidden;}

	.btnPrintPdf {position:absolute; left:320px; top:380px; background:url(../images/btn_print_pdf_on.png) no-repeat; white-space:nowrap; display:block; width:83px; height:31px; margin:0; padding:0; z-index:20;}
	.btnPrintPdf a {display:block; width:83px; height:31px; float:left; padding:0;}
	.btnPrintPdf img {width:83px; height:31px; border:0;}
	* html a:hover {visibility:visible;}
	.btnPrintPdf a:hover img {visibility:hidden;}


	/* renderings */
	img.renderingTitle {position:absolute; top:113px; left:293px;}
	
	#loadarea {margin:0; padding:0;}

	.portfolioPic {
	width:495px;
	height:376px;
	position:absolute;
	top:35px;
	left:370px;
	margin:0;
	padding:0;
	}

	#portfolioThumbs {
	width:154px;
	height:318px;
	position:absolute;
	top:60px;
	left:880px;
	margin:0;
	padding:0;
	}

	#portfolioThumbs a {
	width:50px;
	height:38px;
	}

	#portfolioThumbs img {
	width:50px;
	height:38px;
	margin-bottom:2px;
	}

	#portfolioThumbs div#thumbsCol1 {
	width:50px;
	float:left;
	display:inline;
	margin:0px 2px 0px 0px;
	padding:0;
	}


	/* summerland */
	div.lifestyleInfoBoxWrap {clear:both; width:600px; margin-bottom:10px;}
	div.lifestyleInfoBoxWrap img {float:left; display:inline;}
	div.lifestyleInfoBox {float:left; display:inline; margin-left:30px;}
	div.lifestyleInfoBox h3 {font:17px Arial, Helvetica, sans-serif; color:#666; font-weight:normal; margin:0px 0px 2px 0px; padding:0;}


	/* contact */
	div.realEstateInquiriesWrap {position:absolute; left:380px; top:152px;}
	
	div.designInquiriesWrap {position:absolute; left:670px; top:152px;}


/* ---------------------------------- */
/*                                    */
/* ------------->>> NAV <<<---------- */
/*                                    */
/* ---------------------------------- */

div#hpNav {
	position:absolute;
	top:140px;
	left:499px;
	margin:0;
	padding:0;
	font:13px Arial, Helvetica, sans-serif; color:#2669bb;
	}
div#hpNav a {
	font:14px Arial, Helvetica, sans-serif; color:#2669bb; text-decoration:none;
	}
div#hpNav a:hover {
	font:14px Arial, Helvetica, sans-serif; color:#fff;
	}


/* HOMEPAGE NAV */
ul#skyHpNav {
	position:absolute;
	top:80px;
	left:555px;
	margin:0;
	padding:0;
	width:95px;
	}
ul#skyHpNav li {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
	padding:3px 5px;
	}
ul#skyHpNav li a {
	font:16px Arial, Helvetica, sans-serif;
	color:#369;
	font-weight:normal;
	text-decoration:none;
	}
ul#skyHpNav li a:hover {
	color:#fff;
	}
ul#skyHpNav li.lev1_linkOn {
	background-image:url(../images/bg_navlev2_full.gif); background-position:top; background-repeat:no-repeat;
	}
ul#skyHpNav li.lev1_linkOn a {
	color:#99ccff;
	}
ul#skyHpNav li.lev2 {
	background-color:#336699;
	padding:1px 5px;
	}
ul#skyHpNav li.lev2 a {
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:normal;
	}
ul#skyHpNav li.lev2 a:hover {
	color:#9cf;
	}
ul#skyHpNav li.lev1_linkOn.navLev2Top {background-image:url(../images/bg_navlev2_top.gif); background-position:top; background-repeat:no-repeat;}
.navLev2Btm {background-image:url(../images/bg_navlev2_btm.gif); background-position:bottom; background-repeat:no-repeat;}
ul#skyHpNav li.lev2.linkOn a {color:#9cf;}





/* SUBPAGE NAV */
ul#skySubNav {
position:absolute;
top:150px;
left:43px;
margin:0;
padding:0;
width:95px;
}
ul#skySubNav li {
list-style-type:none;
margin:0;
padding:0;
text-align:right;
padding:1px 5px;
}
ul#skySubNav li a {
font:14px Arial, Helvetica, sans-serif;
color:#369;
font-weight:normal;
text-decoration:none;
}
ul#skySubNav li a:hover {
color:#036;
}
ul#skySubNav li.lev1_linkOn {
background-image:url(../images/bg_navlev2_full.gif); background-position:top; background-repeat:no-repeat;
}
ul#skySubNav li.lev1_linkOn a {
color:#99ccff;
}


ul#skySubNav li.lev1_linkOn.navLev2Top {background-image:url(../images/bg_navlev2_top.gif); background-position:top; background-repeat:no-repeat;}
ul#skySubNav ul#skySubNav_lev2 li.linkOn a {color:#9cf;}
	
	
	ul#skySubNav ul#skySubNav_lev2 {
	width:95px;
	margin:0px 0px 0px -5px;
	padding:0;
	}
	ul#skySubNav ul#skySubNav_lev2 li {
	background-color:#336699;
	padding:0px 5px;
	}
	ul#skySubNav ul#skySubNav_lev2 li a {
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:normal;
	}
	ul#skySubNav ul#skySubNav_lev2 li a:hover {
	color:#9cf;
	}
	ul#skySubNav ul#skySubNav_lev2 li.navLev2Btm {background-image:url(../images/bg_navlev2_btm.gif); background-position:bottom; background-repeat:no-repeat; padding-bottom:2px;}
	
	

/* -- COPYRIGHT -- */
#copyrightWrap {
	position:absolute;
	top:570px;
	left:45px;
	margin:0;
	text-align:left;
	font:10px Arial, Helvetica, sans-serif; color:#35557e; margin:0; padding:0;
	}
#copyrightWrap a {
	font:10px Verdana, Arial, Helvetica, sans-serif; color:#35557e; margin:0; padding:0;
	}