/*
-----------------------------------------------
Harbour Homes Screen Styles
Version:  25 September 2006
----------------------------------------------- */


/* =Body
----------------------------------------------- */
body{
	background:#958672;
	margin:10px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0D1E6B;
}
body.email{
	background:#FFF;
	margin:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}


/* Common=Structure
----------------------------------------------- */
p{
	display:block;
}
#page{
	width:780px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#mainBrdr{
	border:1px solid #000;
	width:778px;
	padding:1px;
	background:#FFF;
}
.home div#wrapper{
	background:#FFF url(http://harbourhomes.com/gmi/gmi/custom/harbour/images/home/wrapper_bg.gif) repeat-y 0 0;
}
.interior div#wrapper{
	background:#FFF url(http://harbourhomes.com/gmi/gmi/custom/harbour/images/common/wrapper_bg.gif) repeat-y 0 0;
}


/* =Branding
----------------------------------------------- */
img#logo{
	float:left;
}
.home img#logo{
	margin:0 0 0 18px;
}
.interior img#logo{
	margin:0 0 0 18px;
}
.home #branding{
	height:59px;
	background:#f2E4C3 url(http://harbourhomes.com/gmi/gmi/custom/harbour/images/home/brand_bg.gif) no-repeat 0 0;
}
.interior #branding{
	height:74px;
	background:#F2E4C3 url(http://harbourhomes.com/gmi/gmi/custom/harbour/images/common/brand_bg.gif) no-repeat 0 0;
}
div.greeting{
	font-size:10px;
	color:#003580;
	float:right;
	display:inline;
	text-align:right;
	line-height:14px;
}
.home div.greeting{
	margin:10px 85px 0 18px;
}
.interior div.greeting{
	margin:8px 20px 0 18px;
}
div.greeting span{
	display:block;
	font-size:9px;
}
div.greeting a,
div.greeting a:link{
	color:#003580;
	text-decoration:none;
}
div.greeting a:hover{
	color:#006F7A;
	text-decoration:underline;
}


/* Navigation =Main Navigation
----------------------------------------------- */
ul#navigation{
	margin:0;
	padding:0 0 1px 0;
	list-style:none;
	border-bottom:1px solid #528f95;
	width:188px;
	background:transparent;
	list-style-image:none;
}
ul#navigation li{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin:0;
}
ul#navigation li.nav{
	margin:0;
	padding:0;
	line-height:34px;
	vertical-align:middle;
	background:url(http://harbourhomes.com/gmi/gmi/custom/harbour/images/common/nav_bg.gif) no-repeat -188px bottom;
}
ul#navigation li.nav a,
ul#navigation li.nav a:link{
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	width:178px;
	background:url(http://harbourhomes.com/gmi/gmi/custom/harbour/images/common/nav_bg.gif) no-repeat 0 bottom;
	display:block;
	border-top:1px solid #528f95;
	padding:0 0 0 10px;
}
ul#navigation li.nav a:hover{
	color:#003580;
	text-decoration:none;
	background:none;
}
ul#navigation li.firstNav{
	background:url(http://harbourhomes.com/gmi/gmi/custom/harbour/images/common/nav01_bg.gif) no-repeat 0 -34px;
}
ul#navigation li.firstNav a,
ul#navigation li.firstNav a:link{
	background:url(http://harbourhomes.com/gmi/gmi/custom/harbour/images/common/nav01_bg.gif) no-repeat 0 0;
	border-top:0;
}
ul#navigation li.firstNav a:hover{
	background:none;
	border-top:0;
}
ul#navigation li.nav a.active,
ul#navigation li.nav a.active:link,
ul#navigation li.nav a.active:hover{
	color:#003580;
	background:none;
}
ul#navigation li.firstNav a.active,
ul#navigation li.firstNav a.active:link,
ul#navigation li.firstNav a.active:hover{
	background:none;
}
ul#navigation li.subnav{
	padding:2px 6px 2px 0;
	background:#009999;
}
ul#navigation li.subnav a,
ul#navigation li.subnav a:link{
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding-left:20px;
	display:block;
	margin:0;
}
ul#navigation li.subnav a:hover{
	color:#F2E4C3;
	display:block;
}
ul#navigation li.lastSub{
	padding-bottom:14px;
	background:#009999 url(http://harbourhomes.com/gmi/gmi/custom/harbour/images/common/subnav_bg.gif) repeat-x bottom;
}
ul#navigation li.firstSub{
	padding-top:14px;
}
ul#navigation li.onlySub{
	padding-top:14px;
	padding-bottom:14px;
	background:#009999 url(http://harbourhomes.com/gmi/gmi/custom/harbour/images/common/subnav_bg.gif) repeat-x bottom;
}
ul#navigation li.subnav a.active,
ul#navigation li.subnav a.active:link,
ul#navigation li.subnav a.active:hover{
	font-weight:bold;
	color:#F2E4C3;
	background:url(http://harbourhomes.com/gmi/gmi/custom/harbour/images/common/pixarrow.gif) no-repeat 12px 5px;
}


/* Navigation =Tertiary Navigation
----------------------------------------------- */
ul#navigation li.tertnav{
	padding:2px 6px 2px 0;
	background:#009999;
}
ul#navigation li.tertnav a,
ul#navigation li.tertnav a:link{
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding-left:30px;
	display:block;
	margin:0;
}
ul#navigation li.tertnav a:hover{
	color:#F2E4C3;
	display:block;
}
ul#navigation li.lastTert{
	padding-bottom:5px;
}
ul#navigation li.firstTert{
	padding-top:5px;
}
ul#navigation li.onlyTert{
	padding-top:5px;
	padding-bottom:5px;
}
ul#navigation li.tertnav a.active,
ul#navigation li.tertnav a.active:link,
ul#navigation li.tertnav a.active:hover{
	font-weight:bold;
	color:#F2E4C3;
	background:url(http://harbourhomes.com/gmi/gmi/custom/harbour/images/common/pixarrow.gif) no-repeat 23px 5px;
}


/* Navigation =Quaternary Navigation
----------------------------------------------- */
ul#navigation li.quatnav{
	padding:2px 6px 2px 0;
	background:#009999;
}
ul#navigation li.quatnav a,
ul#navigation li.quatnav a:link{
	color:#FFF;
	font-size:11px;
	text-decoration:none;
	padding-left:40px;
	display:block;
	margin:0;
}
ul#navigation li.quatnav a:hover{
	color:#F2E4C3;
	display:block;
}
ul#navigation li.lastQuat{
	padding-bottom:5px;
}
ul#navigation li.firstQuat{
	padding-top:5px;
}
ul#navigation li.onlyQuat{
	padding-top:5px;
	padding-bottom:5px;
}
ul#navigation li.quatnav a.active,
ul#navigation li.quatnav a.active:link,
ul#navigation li.quatnav a.active:hover{
	color:#F2E4C3;
	background:url(http://harbourhomes.com/gmi/gmi/custom/harbour/images/common/pixarrow.gif) no-repeat 33px 5px;
}
ul#navigation li#finalNav{
	padding-bottom:14px;
	background:#009999 url(http://harbourhomes.com/gmi/gmi/custom/harbour/images/common/subnav_bg.gif) repeat-x bottom;
}


/* Navigation =Utility Navigation
----------------------------------------------- */
#utnav{
	background:#00134D;
	margin:0;
	clear:both;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	padding:8px 10px 0 10px;
	width:758px;
	border-top:1px solid #FFF;
	height:22px;
}
#utnav p{
	margin:0;
	padding:0;
}
#utnav a,
#utnav a:link{
	margin:0 0 0 8px;
	padding-right:9px;
	background:transparent url(http://harbourhomes.com/gmi/gmi/custom/harbour/images/common/divider.gif) no-repeat right;
	color:#FFF;
	text-decoration:none;
}
#utnav a:hover{
	color:#FFF;
	text-decoration:underline;
}
#utnav span.disable{
	margin:0 0 0 8px;
	padding-right:9px;
	background:transparent url(http://harbourhomes.com/gmi/gmi/custom/harbour/images/common/divider.gif) no-repeat right;
	color:#CCC;
}
#utnav a.last,
#utnav a.last:hover{
	background-image:none;
}


/* =Footer
----------------------------------------------- */
div#footer{
	clear:left;
	width:780px;
	color:#D0CAC1;
	text-align:center;
	font-size:10px;
	line-height:16px;
	margin-bottom:16px;
}
div#footer p{
	margin:10px 0 0 0;
}
div#footer a,
div#footer a:link{
	color:#D0CAC1;
	text-decoration:none;
}
div#footer a:hover{
	color:#D0CAC1;
	text-decoration:underline;
}
span.house{
	padding:2px 0 0 22px;
	background:transparent url(http://harbourhomes.com/gmi/gmi/custom/harbour/images/common/footer_house.gif) no-repeat 0 0;
}


/* =Survey
----------------------------------------------- */
#survey{
	display:none;
	width:255px;
	position:absolute;
	bottom:166px;
	z-index:10;
	border:1px solid #999;
	padding:0 0 10px 0;
	margin-left:-85px;
	background:#FFF;
	COLOR:#333;
}
#survey p{
	margin-bottom:4px;
}
#surveyForm{
	display:block;
	margin:0 10px 0 10px;
	border:0;
	padding:0;
	background:#FFF;
}
#surveyForm label{
	display:block;
	color:#333;
	margin:0;
	font-size:11px;
	padding-bottom:5px;
}
#surveyForm textarea#comments{
	width:235px;
	height:70px;
	margin:2px 0 10px 0;
	border:1px solid #999;
}
#surveyForm input.submitBtn{
	width:140px;
	padding:2px 0;
	margin-top:10px;
}
img#rateLogo{
	margin:12px 3px 0 3px;
	padding:0 76px 12px 76px;
	display:block;
	border-bottom:1px solid #006F7A;
}
a.close,
a.close:link{
	position:absolute;
	top:3px;
	right:5px;
	color:#999;
	text-decoration:none;
	font-size:9px;
}
a.close:hover{
	color:#333;
}


/* Home=Content
----------------------------------------------- */
.home #flashContent{
	float:left;
}
.home div#leftCol{
	float:left;
	background:transparent url(http://harbourhomes.com/gmi/gmi/custom/harbour/images/home/leftcol_top.gif) no-repeat 0 0;
	padding:15px 0 0 0;
}
div#rightCol{
	float:right;
	width:588px;
}
.home div#tagline{
	float:left;
	background:#003580;
	padding:94px 0 0 0;
	height:120px;
}
.home #arcBg{
	background:transparent url(http://harbourhomes.com/gmi/gmi/custom/harbour/images/home/arc_bg.gif) no-repeat 190px 214px;
}
.home [id=arcBg]{
/*  This style definition is only read by modern browsers - 
	Used here to correct an error in Safari  */
	overflow:hidden;
}
#lowerContainer{
	font-size:10px;
}
div#locations{
	text-align:center;
	float:left;
	width:190px;
}
div#locations img{
	display:block;
	margin:auto;
}
div#locations img.map{
	margin-bottom:9px;
	border:3px solid #00134D;
}
div#locations p.title{
	color:#003580;
	font-weight:bold;
	font-size:11px;
}
div#locations p.text{
	color:#006F7A;
	font-size:10px;
	padding-bottom:16px;
}
div#specials{
	padding:16px 16px 10px 16px;
	width:218px;
	float:left;
	font-size:12px;
}
div#specials ul{
	margin:3px 0 0 20px;
	padding:2px 0 0 0;
	list-style-image:url(http://harbourhomes.com/gmi/gmi/custom/harbour/images/home/specials_bullet.gif);
}
div#specials ul li{
	margin:0 0 10px 0;
	padding:0;
}
div#specials a,
div#specials a:link{
	text-decoration:none;
	font-weight:bold;
}
div#specials a.nonbold,
div#specials a.nonbold:link {
	font-weight:normal;
}
div#specials a.nonbold:hover {
	font-weight:normal;
}	
div#specials a:hover{
	text-decoration:underline;
	font-weight:bold;
}
div#designCenter{
	padding:16px 16px 20px 10px;
	/* OLD DESIGN CENTER padding:16px 16px 20px 25px; */
	font-size:10px;
	width:234px;
	float:left;
}
img.heading{
	display:block;
}
div#dcImage{
	margin:9px 0 0 0;
	float:left;
	width:96px;
}
div#dcImage a,
div#dcImage a:link{
	color:#009999;
	text-decoration:none;
}
div#dcImage a:hover{
	color:#006F7A;
	text-decoration:underline;
}
div#dcImage img{
	display:block;
	margin:0 0 10px 0;
}
div.dcDescription{
	margin:7px 16px 0 0;
	float:right;
	width:110px;
	display:inline;
}
img.homePromo{
	margin:20px 0 0 0;
}


/* Interior=Content
----------------------------------------------- */
.interior div#content{
	float:left;
	width:100%;
	background:transparent url(http://harbourhomes.com/gmi/gmi/custom/harbour/images/common/content_bg.gif) no-repeat right top;
}
div#interiorContainer{
	margin: 0 0 0 195px;
	padding:12px 13px 0 8px;
}
div#clear{
	width:auto;
	height:40px;
	clear:both;
	margin:0;
	padding:0;
}
.interior div#leftCol{
	float:left;
	width:190px;
	margin-left:-778px;
	padding:0;
}
ul#breadcrumb{
	font-size:11px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 10px 0;
	list-style:none;
	color:#006F7A;
}
ul#breadcrumb li{
	display:inline;
}
ul#breadcrumb a,
ul#breadcrumb a:link{
	color:#006F7A;
	text-decoration:none;
}
ul#breadcrumb a:hover{
	color:#006F7A;
	text-decoration:underline;
}
ul#breadcrumb a.active,
ul#breadcrumb a.active:link,
ul#breadcrumb a.active:hover{
	color:#B0985F;
}
.quote{
	float:left;
	margin:0 0 12px 14px;
	display:inline;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#003580;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	width:230px;
	line-height:20px;
}
.quote span.reference{
	display:block;
	text-align:right;
	margin-top:20px;
}
div#intro img{
	float:left;
	margin-bottom:12px;
}
div#copy{
	clear:both;
	margin:0;
}
div#intro{
	display:block;
	padding:12px 0 0 0;
}
.interior div#locations{
	margin-top:30px;
}
a,
a:link{
	color:#009999;
	text-decoration:underline;
}
a:hover{
	color:#006F7A;
	text-decoration:underline;
}
#copy p{
	line-height:16px;
}
ul{
	list-style-image:url(http://harbourhomes.com/gmi/gmi/custom/harbour/images/common/blue_bullet.gif);
}
ul li{
	margin-bottom:8px;
}
ol li{
	margin-bottom:8px;
}
.bold{
	font-weight:bold;
}
h1,
h1 a,
h1 a:link,
h1 a:hover{
	margin:10px 0;
	padding:0;
	font-size:16px;
	color:#0D1E6B;
}
h2,
h2 a,
h2 a:link,
h2 a:hover{
	margin:0;
	padding:10px 0;
	color:#0D1E6B;
	font-size:13px;
	font-weight:bold;
}
h3,
h3 a,
h3 a:link,
h3 a:hover{
	color:#006F7A;
	font-size:12px;
	font-weight:bold;
}
h4,
h4 a,
h4 a:link,
h4 a:hover{
	color:#003580;
	font-size:12px;
	font-weight:bold;
}
h5,
h5 a,
h5 a:link,
h5 a:hover{
	color:#006F7A;
	font-size:11px;
	font-weight:bold;
}
h6,
h6 a,
h6 a:link,
h6 a:hover{
	color:#003580;
	font-size:11px;
	font-weight:bold;
}

/* amenities style */
a.ttamenity{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
	border-bottom:1px dotted #72aefa;
}
a.ttamenity span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.ttamenity:hover{ z-index:25; color: #3f79c2; background:;}
a.ttamenity:hover span.tooltipamenity{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #990000;
    text-align: center;
}
a.ttamenity:hover span.topamenity{
	display: block;
	padding: 20px 8px 0 8px;
    background: url('http://admin.geonerco.com/gmi/admin/Files.do?&file=harbour/content/bubble.gif') no-repeat top;
}
a.ttamenity:hover span.middleamenity{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url('http://admin.geonerco.com/gmi/admin/Files.do?&file=harbour/content/bubble_filler.gif') repeat bottom;
	color:#3f79c2; 
}
a.ttamenity:hover span.bottomamenity{
	display: block;
	padding:0 8px 0 8px;
	color: #548912;
    background: url('http://admin.geonerco.com/gmi/admin/Files.do?&file=harbour/content/bubble.gif') no-repeat bottom;
}