/*
-----------------------------------------------
Alpine Homes Screen Styles
Version:  10 March 2006
----------------------------------------------- */


/* =Body
----------------------------------------------- */
body{
	background: #D6D6C2;
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}


/* Common=Structure
----------------------------------------------- */
#page{
	background-color:#FFFFFF;
	width:780px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.home #page{
	position:relative;
}
.home #wrapper{
	background:#ffffff url(http://alpinehomes.com/gmi/gmi/custom/alpine/images/home/page_bg.gif) repeat-y 0 0;
	padding:0;
	margin:0;
}
.home #brandingContainer{
	background:transparent url(http://alpinehomes.com/gmi/gmi/custom/alpine/images/home/branding_bg.jpg) no-repeat 3px 10px;
}
.interior div#wrapper{
	background:#ffffff url(http://alpinehomes.com/gmi/gmi/custom/alpine/images/common/page_bg.gif) repeat-y 0 0;
	padding:0;
	margin:0;
}
div#columnContainer{
	background:transparent url(http://alpinehomes.com/gmi/gmi/custom/alpine/images/home/columns_bg.gif) no-repeat 3px 155px;
	/* OLD background:transparent url(http://alpinehomes.com/gmi/gmi/custom/alpine/images/home/columns_bg.gif) no-repeat 3px 166px; */
	overflow:hidden;
}
#branding{
	height:129px;
	background:transparent url(http://alpinehomes.com/gmi/gmi/custom/alpine/images/common/branding_bg.jpg) no-repeat 0 0;
	margin:0 3px;
}
img#tagline{
	float:right;
	margin:14px 14px 0 0;
	clear:both;
	display:inline;
}


/* =Navigation
----------------------------------------------- */
ul#navigation{
	list-style:none;
	padding:0;
	margin:0;
	background:transparent url(http://alpinehomes.com/gmi/gmi/custom/alpine/images/home/navigation_bg.gif) no-repeat 0 0;
}
.home ul#navigation{
	background:transparent url(http://alpinehomes.com/gmi/gmi/custom/alpine/images/home/navigation_bg.gif) no-repeat 0 0;
}
.interior ul#navigation{
	background:transparent url(http://alpinehomes.com/gmi/gmi/custom/alpine/images/common/navigation_bg.gif) no-repeat 0 0;
}
#navigation li{
	border-bottom:1px dashed #CCC;
	background:none;
	margin:0 12px 0 11px;
	padding:0;
}
#navigation li.last{
	border:0;
}
#navigation li a,
#navigation li a:link{
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
	padding:8px 4px 9px 7px;
	display:block;
}
#navigation li a:hover{
	color:#005F30;
	text-decoration:none;
}
ul#navigation ul,
ul#navigation ul li{
	list-style:none;
	padding:0;
	margin:0;
	border:0;
}
#navigation ul li a,
#navigation ul li a:link{
	color:#006233;
	font-size:11px;
	text-decoration:none;
	display:block;
	margin:0;
	padding:4px 4px 4px 0;
	font-weight:normal;
	/*  padding for IE defined in ie.css  */
}
#navigation ul li a:hover{
	color:#5F9BF1;
	text-decoration:none;
}
#navigation ul#subNav{
	padding:0 0 14px 0;
}
#navigation ul#subNav a,
#navigation ul#subNav a:link{
	padding-left:18px;
}
#navigation ul#subNav .active a,
#navigation ul#subNav .active a:link{
	color:#5F9BF1;
	background:url(http://alpinehomes.com/gmi/gmi/custom/alpine/images/common/pixarrow_blue.gif) no-repeat;
	background-position:10px 50%;
}
#navigation ul#subNav .active ul a,
#navigation ul#subNav .active ul a:link{
	color:#006233;
	background-image:none;
}
#navigation ul#subNav .active ul a:hover{
	color:#5F9BF1;
}
#navigation ul#terNav a,
#navigation ul#terNav a:link{
	padding-left:33px;
}
#navigation ul#terNav .active a,
#navigation ul#terNav .active a:link{
	background-position:25px 50%;
}
#navigation ul#quaNav a,
#navigation ul#quaNav a:link{
	padding-left:48px;
}
#navigation ul#quaNav .active a,
#navigation ul#quaNav .active a:link{
	background-position:40px 50%;
}
div#utnav{
	clear:both;
	width:774px;
	background:#005F30;
	margin:0 3px;
	height:31px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
}
div#utnav p{
	margin:0;
	padding:0;
	line-height:31px;
	vertical-align:middle;
}
div#utnav a,
div#utnav a:link{
	color:#D6D6C2;
	text-decoration:none;
	padding:0 11px;
	border-right:1px solid #D6D6C2;
}
div#utnav #rateLinkDisabled{
	color:#AAA;
	text-decoration:none;
}
#utnav span.disable{
	margin:0 0 0 8px;
	padding-right:11px;
	border-right:1px solid #D6D6C2;
	color:#AAA;
}
div#utnav a:hover{
	color:#D6D6C2;
	text-decoration:underline;
}
div#utnav a.last,
div#utnav a.last:link,
div#utnav a.last:hover{
	border-right:none;
}


/* =Footer
----------------------------------------------- */
div#footer{
	background:#d6d6c2 url(http://alpinehomes.com/gmi/gmi/custom/alpine/images/common/page_bot.gif) top left no-repeat;
	padding-top:10px;
	text-align:center;
	color:#84847A;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
}
div#footer p{
	margin:0;
	padding:0 0 1em 0;
}
div#footer a,
div#footer a:link{
	color:#84847A;
	text-decoration:none;
}
div#footer a:hover{
	color:#84847A;
	text-decoration:underline;
}
span.house{
	padding:2px 0 0 22px;
	background:transparent url(http://alpinehomes.com/gmi/gmi/custom/alpine/images/common/foot_house.gif) no-repeat 0 0;
}


/* =Survey
----------------------------------------------- */
#survey{
	display:none;
	position:absolute;
	bottom:120px;
	width:255px;
	z-index:10;
	border:1px solid #C0C0AE;
	padding:0 0 10px 0;
	background:#FFF;
	margin-left:-75px;
}
#survey p{
	margin-bottom:4px;
}
#surveyForm{
	display:block;
	margin: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 #C0C0AE;
}
#surveyForm input.submitBtn{
	width:140px;
	padding:2px 0;
	margin-top:10px;
}
img#rateLogo{
	margin:9px 3px 12px 3px;
	padding:0 80px 9px 81px;
	display:block;
	border-bottom:1px solid #006233;
}
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 img#logo{
	position:absolute;
	top:10px;
	left:34px;
	margin-top:8px;
}
div#flash{
	float:left;
	width:100%;
}
.home div#content{
	margin:0 205px;
	background-color:#FFFFFF;
}
.home div#leftCol{
	float:left;
	width:202px;
	margin-left:-777px;
	padding:0 0 0 0;
}
div#rightCol{
	float:left;
	width:202px;
	margin-left:-205px;
	padding:0 0 0 0;
}
div#logoContainer{
	height:129px;
	/*background:#FFF url(http://alpinehomes.com/gmi/gmi/custom/alpine/images/home/logo_bg.jpg) no-repeat 0 0;*/
}
img#homefinder{
	margin:16px 0 8px 11px;
}
div#specialsHd{
	background:transparent url(http://alpinehomes.com/gmi/gmi/custom/alpine/images/home/specials_hd_bg.gif) repeat-x 0 0;
	padding:0 0 0 11px;
	margin:0 2px;
}
div#specials{
	color:#003366;
	font-size:11px;
	margin:0;
	padding:6px 16px;
}
div#specials{
	color:#003366;
	font-size:12px;
	margin:0 0 12px 0;
	padding:6px 16px;
	font-family: Arial, Verdana, Helvetica, sans-serif;

}
#specials ul{
	margin:0 0 12px 0;
	padding:0;
}
#specials ul li{
	margin:12px 0 0 0;
	padding:0;
	line-height:15px;
	list-style:none;
	background:none;
}
div#specials a,
div#specials a:link{
	color:#003366;
	font-weight:bold;
	text-decoration:none;
}
div#specials a:hover{
	color:#003366;
	text-decoration:underline;
}
div.greeting{
    color: #fff;
	text-align:right;
	padding:7px 17px 0 0;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.interior div.greeting{
	float:right;
	display:inline;
}
div.greeting a,
div.greeting a:link{
	color:#FFF;
	text-decoration:none;
}
div.greeting a:hover{
	color:#FFF;
	text-decoration:underline;
}
div.greeting a.login_link {
	padding:0 0 0 33px;
	background:transparent url(http://alpinehomes.com/gmi/gmi/custom/alpine/images/home/login_arrows.gif) no-repeat 0 2px;
}
p.greeting,
p.greeting a,
p.greeting a:link{
	font-size:11px!important;
}
div#tagline{
	/*background:transparent url(http://alpinehomes.com/gmi/gmi/custom/alpine/images/home/tagline_bg.jpg) no-repeat 0 0;*/
}
div#tagline img{
	margin:14px 0 81px 0;
	/*  OLD margin:14px 0 83px 0;	*/
}
div#experience{
	height:0.01%;
/*	background:transparent url(http://alpinehomes.com/gmi/gmi/custom/alpine/images/home/experience_bg.gif) no-repeat right top;	*/
}
div#experience img.homePromo{
	margin:20px 0 0 14px;
}
div#rightCol p{
	line-height:15px;
	width:100px;
	margin:24px 0 0 0;
	padding:0 0 0 20px;
}
div#rightCol ul{
	margin:23px 44px 0 35px;
	padding:0 0 33px 0;
	list-style-image:url(http://alpinehomes.com/gmi/gmi/custom/alpine/images/home/home_bullet.gif);
}
div#rightCol li{
	margin:16px 0 0 0;
	padding:0;
	line-height:15px;
	list-style-image:url(http://alpinehomes.com/gmi/gmi/custom/alpine/images/home/home_bullet.gif) !important;
	background:none;
}
img#startBtn{
	margin:0 22px 30px 25px;
}


/* Interior=Content
----------------------------------------------- */
ul#breadcrumb{
 font-size:11px;
 font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 margin:0;
 padding:0 0 20px 0;
 list-style:none;
 color:#006233;
 overflow:hidden;
}
ul#breadcrumb li{
	display:inline;
	padding:0;
}
ul#breadcrumb a,
ul#breadcrumb a:link{
 color:#006233;
 text-decoration:none;
}
ul#breadcrumb a:hover{
 color:#006233;
 text-decoration:underline;
}
ul#breadcrumb a.active,
ul#breadcrumb a.active:link,
ul#breadcrumb a.active:hover{
 color:#5F9BF1;
}
.interior img#logo{
	margin:8px 0 0 31px;
}
div#contentContainer{
	float:left;
	width:100%;
}
.interior div#content{
	margin:0 3px 0 205px;
	background:#FFFFFF url(http://alpinehomes.com/gmi/gmi/custom/alpine/images/common/content_bg.gif) no-repeat right top;
	padding:12px 15px 50px 15px;
	/*  margin and padding for IE7 defined in ie.css  */
}
.interior #clear{
	clear:both;
	height:45px;
}
.interior div#leftCol{
	float:left;
	width:202px;
	margin-left:-777px;
	padding:0 0 0 0;
}
.interior div#content ul li{
	background:url(http://alpinehomes.com/gmi/gmi/custom/alpine/images/common/main_bullet.gif) no-repeat 0 2px;
	list-style-image: none !important;
	list-style-position: outside !important;
	list-style-type: none !important;
	padding: 0 0 1px 18px;
}
ul#breadcrumb li,
.interior div#content ul#breadcrumb li,
.interior div#content ul#neighborNav li,
.interior div#content ul.specs li,
#rightCol div.experience ul li,
#leftCol #navigation{
	background:none;
	padding:0;
	/* Gets rid of blue main_bullet.gif and padding for other ULs */
}
.interior div#content ul.horizontal li{
	border-left:1px solid #92BBF4;
	float:left;
	list-style-type:none;
	padding:0 5px;
	background:none;
}
.interior div#content ul.horizontal li.first{
	border-left:none;
	padding:0 5px 0 0;
}
ul.horizontal li.singleFirst,
.interior div#content ul.horizontal li.singleFirst{
	border-left:none;
	padding:0 5px 0 0;
}
.interior div#content ul.specs li{
	padding-right:8px;
}
img.imgRight{
	float:right;
	margin:20px 0 20px 20px;
}
div#content p{
	line-height:16px;
}
#copy{
	clear:left;
}
#copy a,		/*  Need generic link styles  */
#copy a:link{

}
				/*  Need generic link styles  */
#copy a:hover{

}
#copy ul{
	list-style-image:url(http://alpinehomes.com/gmi/gmi/custom/alpine/images/home/home_bullet.gif);
}
#copy ul li{
	margin-bottom:8px;
}
#copy ol li{
	margin-bottom:8px;
}


/* =User Styles
----------------------------------------------- */
h1{
    margin: 0 0 1em 0;
	font-size:18px;
	color:#006233;
}
h2{
    margin: 0 0 0.25em 0;
	font-size:14px;
	color:#274c9f;
}
				/*  Need h3 styles  */
/*h3{
	font-size:12pt;
	font-weight:bold;
	color:#5f9bf1;
}
h3 a,
h3 a: link{
	font-size:12pt;
	font-weight:bold;
	color:#5f9bf1;
	text-decoration:none;

}
h3 a: hover{
	color:#5f9bf1;
	text-decoration:underline;
}*/
h4{
	font-size:12px;
	color:#274c9ff;
}

a,
a:link{
	color:#006233;
	text-decoration:underline;
}
a:hover{
	color:#5F9BF1;
	text-decoration:underline;
}

.blue{
	color:#5F9BF1;
}
.blue a,
.blue a:link{
	color:#274c9f;
	text-decoration:none;
}
.blue a:hover{
	color:#274c9f;
	text-decoration:underline;
}

.green{
	color:#006233;
}
.bluebold{
	color:#5F9BF1;
	font-weight:bold;
}
.greenbold{
	color:#006233;
	font-weight:bold;
}
.bold{
	font-weight:bold;
}
/* Amenties */
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;
}