/*
Site: San Moritz Condos - Crested Butte, CO
Author: Christian Ross (http://twitter.com/christianross)
Author URI: http://www.thinairmediasolutions.com  
August 26, 2010 
*/


/* ---- Reset CSS ---- */

html, body, img {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }

html { overflow-x: auto; overflow-y: auto; }

body { line-height: 1; }
p { margin:0; padding:0; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
em { font-style: italic; }
strong { font-weight: bold; }

.clear:after { content: "."; display: block; height: 0;	font-size: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */ 
.image { display: block; font-size: 0; text-indent: -9999px; outline: none; }
td { vertical-align:top; }


/*  San Moritz Condos - CSS  */
/*  Layout  */
html { background:#B2C3EE url(../images/bg1.jpg) 0 0 repeat-x; height:100%; }
body {
	margin: 0;
	background:url(../images/column-bg.jpg) 50% 0 repeat-y;
	font: 14px/20px Arial, Helvetica, sans-serif; 
	color:#000;
	text-align:left;
	height:100%;
}

#container	{ width:960px; margin:0 auto; z-index:1; background:url(../images/column-bg.jpg) 0 0 repeat-y; }
#header		{ height:220px; background:url(../images/san-moritz-condos.jpg) 0 0 no-repeat; }
  #signup	{ width:400px; height:30px; float:right; text-align:right; margin:10px 12px; }
  #email	{ width:40px; float:right; margin:86px 21px 0; text-align:right; }
#nav		{ background:url(../images/nav-bg.jpg) 0 0 repeat-x; height:33px; padding:11px 0 0 22px; }
#content	{ background:url(../images/content-bg.jpg) 0 0 repeat-x; padding-top:30px; width:952px; margin:0 auto; padding-bottom:20px; }
  #main		{  }
    #map	{ width:620px; height:273px; position:relative; background:url(../images/map.jpg) 0 0 no-repeat; margin-bottom:20px; }
  #sidebar  { padding-top:5px; }
#footer 	{  }

/* Map */
.keystone		{ position:absolute; width:110px; height:40px; background:url(../images/map-hover-sprite.png) 0 0 no-repeat; top:170px; left:92px }
.keystone:hover	{ background:url(../images/map-hover-sprite.png) 0 -40px no-repeat; }

.jokerville		{ position:absolute; width:110px; height:40px; background:url(../images/map-hover-sprite.png) 0 -105px no-repeat; top:115px; left:160px; }
.jokerville:hover { background:url(../images/map-hover-sprite.png) 0 -155px no-repeat; }

.international	{ position:absolute; width:110px; height:40px; background:url(../images/map-hover-sprite.png) 0 -200px no-repeat; top:15px; left:302px; }
.international:hover { background:url(../images/map-hover-sprite.png) 0 -240px no-repeat; }

.paradise		{ position:absolute; width:110px; height:40px; background:url(../images/map-hover-sprite.png) 0 -300px no-repeat; top:22px; left:482px; }
.paradise:hover { background:url(../images/map-hover-sprite.png) 0 -340px no-repeat; }

/*  Styles  */

a:link    { color: #FF3; text-decoration: none; } 
a:visited { color: #FF3; text-decoration: none; }
a:active  { color: #FF3; text-decoration: none; }
a:hover   { color: #FFF; 	text-decoration: underline; }

a.completesite:link    { color: #FF3; text-decoration: none; } 
a.completesite:visited { color: #FF3; text-decoration: none; }
a.completesite:active  { color: #FF3; text-decoration: none; }
a.completesite:hover   { color: #FFF; 	text-decoration: underline; }

a.mainNav:link,	a.mainNav:active,a.mainNav:visited  { 
	color:#1F3979; font-size: 16px; line-height:22px; 
	text-decoration:none; text-transform:uppercase; padding:0 10px;
	font-family: "museo-sans-1", sans;
}

a.mainNav:hover   { 
	color:#3C6AD6; font-size: 16px; line-height:22px; 
	text-decoration:none; padding:0 10px;
	font-family: "museo-sans-1", sans;
}

a.vertNav:link, a.vertNav:visited, a.vertNav:active { font-size: 18px; line-height:28px; color:#FF3; text-decoration:none; font-weight:normal; }
a.vertNav:hover { color:#FFF; }

a.emailsignup 		{ border:none; background: url(../images/email-signup.png) 0 0 no-repeat; width:400px; height:30px; display:block; }
a.emailsignup:hover { border:none; background: url(../images/email-signup.png) 0 -30px no-repeat; }


.completesite 	{ font: 14px/20px Arial, Helvetica, sans-serif; }
.pipe		  	{ font-size:10px; color:#888; padding:0 20px 0 12px; }
.space			{ padding:0 12px; }
.footerNav		{ padding:0 6px; }
.underline		{ border-bottom:1px solid #E4E9EE; display:block; margin-top:10px; }
.sans			{ font:12px/18px Arial, Helvetica, sans-serif; color:#FFF; }

p.completesite  { margin-bottom:20px; }

h1.completesite { margin: 0 0 10px 0; font-size: 28px; line-height:34px; color:#FFF; font-family: "museo-sans-1", sans; text-shadow: 1px 1px #000; }
h2.completesite { margin: 0 0 10px 0; font-size: 24px; line-height:30px; color:#FFF; font-family: "museo-sans-1", sans; text-shadow: 1px 1px #000; }
h3.completesite { margin: 5px 0;  font-size: 20px; line-height:26px; color:#FFF; font-family: "museo-sans-1", sans; text-shadow: 1px 1px #000; }
h4.completesite { margin: 14px 0 5px 0;  font-size: 18px; line-height:22px; color:#FFF; font-family: "museo-sans-1", sans; text-shadow: 1px 1px #000; }


p { padding:0; margin:0; }
ul { padding:0; margin:0; }
li { padding:0 0 0 0; margin:0 0 0 20px; border:0; }

input {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

#sidebar ul { margin:0; padding:0; }
#sidebar li { margin:0; padding:0; list-style:none; }

#sidebar h2.completesite { border-bottom:3px double #FFF; }

small { font-size:14px; line-height:20px; }