/*
Theme Name: Callaghan Ravines
Theme URI: http://www.callaghanravines.com/
Description: The 2010 default theme for Callaghan Ravines.
Author: Pure Vision Inc. (www.purevisioninc.com)
Version: 1.0
*/

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 /*background-image:url(images/bg-center.jpg);*/
 background-position:center top;
 background-repeat:no-repeat;
 background-color:#191919;
 
} 

p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#676767;
	line-height:20px;
}

h1{
	font-family: 'Yanone Kaffeesatz', arial, serif;
	color:#C5103B;
	font-weight:500;
	font-size:32px;
	line-height:32px;
	margin: 15px 0 0px 0px;
}

h1#smaller {
	font-size:23px;
}

h2{
	font-family: 'Yanone Kaffeesatz', arial, serif;
	color:#C5103B;
	font-weight:500;
	font-size:21px;
	line-height:21px;
	margin: 15px 0 0px 0px;
}

 
#pagewidth{ 
 	position:relative;
 	width:900px;
 	height:443px;
 	text-align:left;  
	margin-left:auto; 
 	margin-right:auto;  
 
} 

#menu-bg{
	background-image:url(images/menu-bg.jpg);
	position:relative;
	float:left; 
	width:100%; 
	min-height:87px;
	background-color:#1a1a1a; 
	background-position:top center ;
	background-repeat:no-repeat;
	text-align:left;
	padding: 0;
	margin: 0; 
} 
 
#header{
    position:relative;
	width:900px;
 	height:86px; 
	background-repeat:no-repeat;
	text-align:left;  
	margin-left:auto; 
 	margin-right:auto;  
}

#home-btn{
	position:relative;
	padding-left:25px;
	
}

#home-btn a{
	position:relative;
	float:left;
	width:124px;
	height:87px;
	
	
}

ul#menu{
	margin:0;
	padding:0;
	padding-top:20px;
	padding-right:30px;
	list-style-type:none;
	width:auto;
	position:relative;
	float:right;
	display:block;
	height:35px;
	text-transform:uppercase;
	font-size:11px;
	background:transparent url("images/blue.jpg") repeat-x top left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
ul#menu li{
	display:block;
	float:left;
	margin:0;
	pading:0;
	}
ul#menu li a{
	display:block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	padding:5px 20px 0 20px;
	height:24px;
	height:20px;
	margin:12px 0 0 0;
	
	}
ul#menu li a:hover{
	color:#3d3d3d;
	background-color:#85be33;
	}
ul#menu li a#current{
	color:#3d3d3d;
	background-color:#85be33;
	}	
	

#large-bg{
	position:relative;
	float:left; 
	width:100%; 
	height:356px;
	background-color:#fff; 
	background-image:url(images/large-bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	text-align:left;
	padding: 0;
	margin: 0 0 0 0; 

 }

#flashcontent{
	position:relative; 
 	height:356px;
	width:900px; 
	background-color:transparent;
	border:none;
	margin-left:auto; 
 	margin-right:auto; 
	text-align:left;
} 
 
#flash-sitemap {
	position:relative; 
	padding-top:20px;
 	height:513px;
	width:900px; 
	background-color:transparent;
	border:none;
	margin-left:auto; 
 	margin-right:auto; 
	text-align:left;
}

#myAltContent {
	background-color:transparent;
	border:medium none;
	height:513px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:left;
	width:900px;
}

#myAlternativeContent{
	position:relative; 
 	height:356px;
	width:900px; 
 	background-color:#fff;
	border:none;
	margin-left:auto; 
 	margin-right:auto; 


} 
#maincol{
	position:relative;
	float:left; 
	width:100%; 
	min-height:236px;
	*min-height:100%;
	background-color:#fff; 
	background-image:url(images/main-bg.jpg);/**/
	background-position:top center ;
	background-repeat:no-repeat;
	text-align:left;
	
	margin: 0; 

 }
 
 #maincol-content{
 	width:900px; 
	min-height:236px;
	*min-height:100%;
 	text-align:left;  
	margin-left:auto; 
 	margin-right:auto;
 }
 	
	#content-left{
		position:relative;
		min-height:236px;
		*min-height:100%;
		float:left;
		width:500px;
		padding: 0 0 20px 0;
		padding-left:31px;/**/
		padding-right:25px;
	}
	
	
	#content-right{
		position:relative;
		float:left;
		width:319px;
		padding-top:30px;
		padding-bottom:30px;
	}
	
	#right-text{
		position:relative;
		float:left;
		width:280px;
	}
 	
	#right-text h3{
		font-family:'Yanone Kaffeesatz', arial, serif;
		color:#64BB46;
		font-size:30px;
		padding: 0px 0 0px 30px;
		margin: 0px 0 0px 0px;
		line-height:30px;
	}
	
	#right-text p{
		padding: 0px 0 0px 30px;
	}
	
	
	#right-text a{
		color:#64BB46;
	}
	
#footer{
	position:relative;
	float:left; 
	width:100%;
	height:163px; 
	background-color:#191919; 
	clear:both;
	background-image:url(images/footer-bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	text-align:left;
 }  
 
#footer-txt{
	width:900px; 
 	text-align:left;  
	margin-left:auto; 
 	margin-right:auto;
	color:#B3B2B3;  
}

#footer-txt p{
	color:#B3B2B3;
}

#footer-txt a{
	color:#B3B2B3;
}

#footer-left{
	padding-top:8px;
	padding-left:30px;
	position:relative;
	float:left;
}

#footer-right{
	padding-top:8px;
	padding-right:20px;
	position:relative;
	float:right;
}

#footer-logo{
	padding-top:7px;
	padding-right:30px;
	position:relative;
	float:right;
}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	 content: "."; 
	 display: block; 
	 height: 0; 
	 clear: both; 
	 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/************ ABOUT CHANGES **************/

#flashcontent-250{
	position:relative; 
	width:900px;
 	height:250px; 
 	background-color:#fff; 
	text-align:left;  
	margin-left:auto; 
 	margin-right:auto;
}

#logo-bottom{
	padding-left:26px;
}

#logo-bottom a{
	position:absolute;
	display:block;
	width:132px;
	height:77px;
	background-image:url(images/logo-bottom.png);
	z-index:1;
	
}

#under-image{
	position:absolute;
	width:900px;
 	height:250px;
	z-index:0;
}

#small-bg{
	position:relative;
	float:left; 
	width:100%; 
	height:250px;
	background-color:#fff; 
	background-image:url(images/small-bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	text-align:left;
	padding: 0;
	margin: 0; 

 }
#big-content-left{
		position:relative;
		float:left;
		width:595px;padding: 0 0 20px 0;
		padding-left:31px;/**/
		padding-right:25px;
		min-height:256px;
		*min-height:100%;
	}
	
	#big-content-left li{
	line-height:20px;
	padding:0 0 8px 0;
	}

#big-content-left a{
	color:#64BB46;
	text-decoration:none;
	font-weight:bold;
}

#big-content-left a:hover{
	color:#C5103B;
}
	
#small-content-right{
		position:relative;
		float:right;
		width:219px;
		padding-top:30px;
		padding-right:30px;
	}
	
	#small-right-text{
		position:relative;
		float:left;
		width:219px;
		text-align:center;
		padding:5px 0 0 0;
	}
	
	#small-right-text a{
		color:#64BB46;
		font-size:11px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;

		text-transform:uppercase;
	}
	
	#small-right-text a:hover{
		color:#C5103B;
	}
	
	#small-right-text a#current{
		color:#C5103B;
	}
	
	#under-menu-image{
		position:relative;
		float:left;
		width:210px;
		padding-top:20px;
	}
	
/************ Home Style Main CHANGES **************/

	#content-all{
		position:relative;
		float:left;
		width:865px;padding: 0 0 20px 0;
		padding-top:20px;
		padding-left:10px;/**/
		padding-right:25px;
		min-height:236px;
		*min-height:100%;
	}
	
	#home-style-1{
		position:relative;
		float:left;
		display:block;
		width:405px;
		height:200px;
		
	}
	#home-style-1 img{
		border:none;
	}
	
	#home-style-2{
		position:relative;
		float:right;
		display:block;
		width:405px;
		height:200px;

	}
	#home-style-2 img{
		border:none;
	}
	#home-style-logo{
		position:relative;
		float:left;
		width:150px;
		height:155px;
	}
	
	#home-style-building{
		position:relative;
		float:left;
		width:255px;
		height:102px;
	}
	
	#home-style-text{
		position:relative;
		float:left;
		width:225px;
		height:53px;
		font-size:11px;
		padding-left:30px;
	}
	
	#home-style-text p{
		line-height:15px;
	}
	
	.home-style-text-1{
		font-weight:bold;
	}
	
	#home-style-text a{
		text-decoration:none;
		color:#95C63D;
		font-weight:bold;
	}
	
	#home-style-text a:hover{
		color:#C5103B;
	}
	
	#sold-out{
		position:absolute;
		width:86px;
		height:86px;
		background-image:url("images/sold-out.png");
		z-index:1;
		top:14px;
		right:0px;
	}

/************ Home Style About CHANGES **************/

	li{
		font-size:11px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#676767;
	}
	
	ul{
		padding:0 0 0 15px;
		margin:0;
	}
	
	#small-right-text ul{
	list-style-type:none;
	padding:0 0 0 0px;
	}
	
	#small-right-text li{
		line-height: +1.5;
		padding: 7px 0 7px 0;
	}
	
	#small-right-text li.current_page_item a{
		color:#C5103B;
	}
/************ Home Style Floorplan CHANGES **************/	

#floorplan-info{
	position:relative;
	float:left;
	width:310px;
	padding-bottom:20px;
}

#floorplan-pdf{
	position:relative;
	float:right;
	width:285px;
	padding-top:20px;/**/
}

#floorplan-pdf a{
	color:#95C63D;
}

#floorplan-pdf a:hover{
	color:#C5103B;
}

#floorplan-notice p{
	font-size:10px;
	color:#B3B2B3;
}


/************ Contact Us CHANGES **************/	

#map-contact-right{
	position:relative;
	float:right;
	width:485px;
	padding-top:60px;

}

#contact-content-left{
	position:relative;
	float:left;
	width:359px;
	padding-left:31px;/**/
	padding-right:25px;
	min-height:236px;
	*min-height:100%;
}

#contact-content-left a{
		text-decoration:none;
		color:#95C63D;
		font-weight:bold;
	}
	
	#contact-content-left a:hover{
		color:#C5103B;
	}

/************ Amenities CHANGES **************/

#amenities-content{
	position:absolute;
	width:900px;
	min-height:531px;
	*min-height:531px;
}


#amenities-text{
	position:absolute;
	padding-left:30px;
	display:block;
	width:350px;
	height:105px;
	z-index:1;
	
}

#maincol-amen{
	position:relative;
	float:left; 
	width:100%; 
	min-height:531px;
	*min-height:531px;
	height:531px;
	background-color:#fff; 
	background-image:url(images/main-bg.jpg);
	background-position:top center ;
	background-repeat:no-repeat;
	text-align:left;
	padding: 0 0 20px 0;
	margin: 0; 

 }
 
 #maincol-content-amen{
 	width:900px; 
	min-height:531px;
	*min-height:531px;
 	text-align:left;  
	margin-left:auto; 
 	margin-right:auto;
 }
 
 #big-content-sitemap{
		position:absolute;
		float:left;
		z-index:1;
		width:350px;padding: 0 0 20px 0;
		padding-left:31px;
		padding-right:25px;
		min-height:75px;
		*min-height:100%;
		/*background-color:#999999;*/
	}