/*-------------------------------------------------------------------------------------------
	CSS for OC Sunset Island Condos
	MJP // 02-09 // D3Corp
---------------------------------------------------------------------------------------------*/	



/*********************************************
	/ Here goes the main page
	/ properties. Make sure to read the 
	/ notes. 
*********************************************/	
body {
	background: url(../images/bg.jpg) left top repeat-x #8a95ff;
	margin: 0;
}


.pic {
	padding: 2px;
	border: 1px solid #4A69AA;
	}


/*********************************************
	/ Here is the header and the nav
*********************************************/

div.top-header {
	width: 1000px;
	height: 86px;
	margin: 0 auto;
}


div.navigation {
	width: 1000px;
	height: 21px;
	margin: 0 auto;
}


/*********************************************
	/ This is the second part of the header
	/ under the navigation. 
*********************************************/

div.header-holder {
	width: 1000px;
	height: 430px;
	margin: 0 auto;
}

	/* Here is the left and right pieces */
	div.header-left {
		width: 1000px;
		height: 430px;
		float: left;
	}
	
	div.header-right {
		width: 235px;
		height: 430px;
		float: right;
		background: url(../images/header-right.jpg) right top no-repeat;
	}
		
		/* Here is the reserve now button */
		div.header-reserve {
			padding: 331px 0 0 0;
			display: block;
		}
		


/*********************************************
	/ Here is the content box 
*********************************************/

div.content-block {
	width: 900px;
	background: url(../images/content-bg.jpg) left top no-repeat #8ac5ff;
	margin: 0 auto;
	padding: 0 50px 10px 50px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px; 
	color: #000;
}

	.content-block a { 
		color: #009;
		text-decoration: underline;
	}
	
	.content-block a:hover { 
		color: #000;
		text-decoration: none;
	}



/*********************************************
	/ Here is the Footer area 
*********************************************/

div.footer {
	width: 900px;
	margin: 0 auto;
	background: url(../images/footer-bg.jpg) left top no-repeat #fff;
	padding: 130px 50px 10px 50px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px; 
	color: #f46b20;
	font-weight: bold;
	text-align: center;
} 

	/* Links for footer */
	.footer a { 
		text-decoration: none;
		color: #f46b20;
	} 
	
	.footer a:hover {
		text-decoration: underline;
		color: #f46b20;
	}



/*********************************************
	MAIN NAV
*********************************************/

a {outline:none;}
img a {outline:none;}
img {outline:none;}


.main-nav{
	display:block;
	position:relative;
	width:1000px;
	height:17px;
	float:right;
}


.main-nav, .main-nav ul, .main-nav ul li, .main-nav a{
	z-index:1000;
}

.main-nav ul{
	list-style-type:none; 
	margin:0;
	padding:0;	
}

.main-nav ul li{ 
    display:block;
    height:17px;
	float:left;
	text-align:center;
	background: url(/images/nav-main.jpg)  no-repeat;
}

.main-nav li{  
    height:17px;
	background: url(/images/nav-main.jpg)  no-repeat;
}


.main-nav a{
	text-decoration:none;	
}

.main-nav a.main{ 
	text-indent:-9999px;
	position:relative;
	display:block;
	width:100%;
	height:17px;
}


.main-nav ul li.space1{background-position: left top; width:125px;}
.main-nav ul li.space1:hover {background-position: left bottom;}

.main-nav ul li.community{background-position: -125px top; width:170px;}
.main-nav ul li.community:hover {background-position: -125px bottom;}

.main-nav ul li.condo{background-position: -295px top; width:55px;}
.main-nav ul li.condo:hover {background-position: -295px bottom;}

.main-nav ul li.townhouse{background-position: -350px top; width:85px;}
.main-nav ul li.townhouse:hover {background-position: -350px bottom;}

.main-nav ul li.events{background-position: -435px top; width:125px;}
.main-nav ul li.events:hover {background-position: -435px bottom;}   

.main-nav ul li.directions{background-position: -560px top; width:115px;}
.main-nav ul li.directions:hover{background-position: -560px bottom;}

.main-nav ul li.weather{background-position: -675px top; width:65px;}
.main-nav ul li.weather:hover {background-position: -675px bottom;}

.main-nav ul li.contact{background-position: -740px top; width:100px;}
.main-nav ul li.contact:hover {background-position: -740px bottom;}

.main-nav ul li.space2{background-position: -840px top; width:160px;}
.main-nav ul li.space2:hover {background-position: -840px bottom;}

.main-nav ul li:hover{
	cursor:pointer;	
	z-index:1;
}





/*********************************************
	/ I <3 Spacers
*********************************************/	

div.spacer {
	clear: both;
}

div.spacer-padding {
	clear: both;
	padding-bottom: 10px;
}

div.spacer-padding-large {
	clear: both;
	padding-bottom: 20px;
}





.header {
	font-size:18px;
	font-weight:bold;
	}

.formbutton {
	background-color: #0068FF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: #ffffff;
	border: 2px solid #ffffff;
	padding: 3px;
	}


.cal_month {
	font-size:24px;
	font-weight: bold;
	}

.cal_date {
	font-size:18px;
	font-weight: bold;
	color:#0068FF;
	}

.cal_title {
	font-size:16px;
	font-weight: bold;
	}
	
.cal_location {
	font-size:14px;
	font-style: italic;
	}

.cal_body {
	text-align:left;
	padding:10px;
	background-color:#C9E4FF;
	font-size:12px;
	font-family:arial;
	}

.cal_return {
	text-decoration:none;
	font-size:10px;
	}