/* 
	cloudsplitterguides.com
*/
body{
	margin:0; padding:0;
	width:100%;
}

#page{
	margin:0; padding:0;
	background:url('../images/bg/page.gif') top center; 
	overflow:hidden;
}

#heading{
	margin:0; padding:0;
	width:100%; height:152px;
	overflow:visible;
	background:url('../images/bg/heading.jpg') top center repeat-x; 
	z-index:300px;
}

#heading #logo{
	position:absolute;
	top:3px; left:9px;
	width:227px;
	height:133px;
	background:url('../images/logo.gif') no-repeat;
}

#logo h1 { 
	display:none; 
}

#heading div{
	position:relative;
	width:900px; margin:0 auto;
	z-index:2000;
}

/* homepage intro */
.intro{
	position:relative;
	margin:0 0 0 7px; padding:0;
	width:992px;
	height:369px;	
	overflow:hidden;
	z-index:5;
}

.text{
	position:absolute; top:0; left:0;
	width:359px;
	height:369px;
	color:#FFF;
	background-color:#6DA7C5;
	text-align:center;
	font-size:16px;
	line-height:40px;
	padding:5px 35px;
	overflow:hidden;
}

.photos{
	position:absolute;
	left:433px;
	z-index:1;
}

.homephoto{
	position:absolute;
	width:243px;
	height:182px;
	overflow:hidden;
	z-index:1;
}

.homephoto img{
	position:relative;
	width:243px;
	height:182px;
	z-index:1;
}

#ice{ 
	top:0;
	left:247px;
	z-index:1;
}

#ski{
	left:247px;
	top:186px;
	z-index:1;
}

.intro .actscallout{
	position:absolute;
	top:186px;
	left:433px;
	z-index:1;
}
.actscallout{
	width:243px;
	height:182px;
	background-color:#000;
	padding:5px 0 0 0;
	z-index:1;
}
.actscallout a:link, 
.actscallout a:visited {
	display:block;
	color:#FFF;
	font-size:16px;
	float:none;
	margin:14px 20px;
	text-decoration:none;	
}
#content{
	position:relative;
	width:932px; 
	margin:0 auto;
	overflow:hidden;
	z-index:1;
}

#right .actscallout{
	padding:10px 0 0 0;
	width:243px;
	height:183px;
	background-color:#000;
	z-index:10;	
}
#content #left{
	position:relative;
	width:645px;
	float:left;	
	overflow:hidden;
}
#content #right{
	
	padding:0 2px 0 0;
	position:relative;
	width:243px;
	float:right;
	overflow:hidden;	
	z-index:1;
	
}

#content .fade{
	margin:0 0 0 5px; padding:0;
	width:932px; height:106px;
	background:url('../images/bg/content_fade.jpg') 2px 0 no-repeat;
}

.photomatte{
		display:none; 
		position:absolute;
		top:0; left:0; 
		width:100%; height:100%; 
		z-index:6000; 
		background-color:#000;
}

.photomatte span{
		position:absolute; top:370px;
	 	width:100%;		
		text-align:center;
		color:#FFF;
		letter-spacing:15px;
}



/* articles layouts */
.breadcrumbs{
	margin:15px 0 0 30px;
}

.article{
	padding:20px 10px 20px 30px;
	overflow:hidden;
}

.article ul{
	list-style:url('../images/bullet.gif');
}



.post object{ float:left; margin:10px; }

.contents{
	width:200px;
	float:left;
	margin:10px 15px 10px 0;
	background-color:#EEEEEE;
}

.contents ul{
	margin:0;
	padding:5px 10px;
	list-style:none;
}

.article li, .contents ul li{
	margin:5px 0;
}

.article img{
	border:0;
}
.article .body{
	margin:10px 0;
}

.article blockquote{
	display:block;
	float:right;
	margin:0 0 5px 15px;
	padding:0 10px 10px 10px;
	width:210px;
	background-color:#EEE;
	border-bottom:2px solid #CCC;
}

/* blog post layouts */
.blogtitle{
	width:auto; height:20px;
	margin:5px 0;
}
.post{
	clear:both;
	display:block;
	margin:20px 20px 15px 25px;
}
.post .date{
	display:block;
	margin:15px 0 2px 0;
}
.post .headline, .article h1{
	display:block;
	margin:5px 0 20px 0;
}
.post .readpost{
	display:block;
	margin:2px 0;
}
.one .headline{
	margin:0; 
}
.one .headline a{
	display:block;
	float:none;
	margin:2px 0 0 0;
}
.two .headline a{
	clear:both;
	display:block;
	margin:0;
}
.summaryblock{
	position:relative;
	width:45%;
	margin:1%;
	float:left;	
}
#right .headline{
	display:inline;
}
.post .categories{
	margin:0;
}
.photo{
	position:relative;
	background-color:#EEE;
}
.alignleft{
	margin:10px 10px 10px 0;
}
.alignright{
	margin:10px 0 10px 10px;
}
.photo img{
	display:block;
}


td p{
	
	text-align:center;
}

form{
	margin:0 0 0 20px;
}
/* forms */
.fieldwrap, .selectwrap{
	clear:both; 
	margin:15px 0 0 0;
}

.textareawrap{
	clear:both;
}

input, textarea, select{
	float:left; margin:2px 6px 10px 0;
	padding:2px; font-size:15px; font-family:Georgia, "Times New Roman", Times, serif;
	border-top:1px solid #222;
	border-left:1px solid #222;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	width:250px;
}
textarea{
	width:300px;
}
.checkboxwrap{
	clear:both;
	margin:5px 0 5px 100px;
}
.checkboxwrap input, .checkboxwrap label{
	width:auto; font-size:12px;
	cursor:pointer;
}
.submit { clear:both; margin:0 0 0 100px; }
.submit input{ 
	width:auto;
	border-bottom:1px solid #222;
	border-right:1px solid #222;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC; 
}
.error{
	color:#FFF;
	background-color:#CC0000;
	padding:5px;
}
.notify{
	display:none;
	color:#FFF;
	background-color:#FF9900;
}
label{
	display:block;
	width:120px;
	float:left;
}

.reservations label{
	width:510px;
	font-size:9pt;
}

.reservations input, .reservations textarea{
	width:500px;
}

.signup{
	height:100px;
}

.signup input{
	width:170px;
}

input.submit{
	float:left; width:auto; clear:none;
	font-size:13px;
	border-bottom:1px solid #222;
	border-right:1px solid #222;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	margin:0;
}
.disabled{
	color:#888;
}



/* editable regions */
.footer{
	position:relative; 
	margin:0 auto; padding:0;
	width:100%; height:124px;
	background:url('../images/bg/footer.gif') top center repeat-x;	
	overflow:hidden;
}
.footer .center{
	width:950px;
	margin:5px auto; height:124px;
	background:url('../images/bg/footer_slides.jpg') 2px 0 no-repeat;
}
.footer p{ 
	margin:15px 25px;
	float:left; 
	clear:both;
}
.footer address{
	display:block;
	margin:15px 25px;
	float:right;
}

#legitify{
	margin:0 auto;
	width: 110px;
	padding-top: 25px;
}

/* the clearer */
.clear{
	clear:both; 
	margin:0; padding:0;
	width:0; height:0;
}