/*-------------------------------------------------------------------------------------------
	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 #000531;
	margin: 0;
}




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

div.top-header {
	width: 900px;
	height: 389px;
	margin: 0 auto;
	border-left: 5px solid #1a1ba8;
	border-right: 5px solid #1a1ba8;
	position:relative;
}


div.navigation {
	width: 900px;
	height: 34px;
	margin: 0 auto;
	border-left: 5px solid #1a1ba8;
	border-right: 5px solid #1a1ba8;
	background-image:url(/images/bg-nav.gif);
	text-align:center;
}
		


/*********************************************
	/ Here is the content box 
	/ and all of the left and rights.
*********************************************/

div.content-block {
	width: 850px;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	background: url(../images/content-bg.jpg) left top no-repeat #fff;
	margin: 0 auto;
	padding: 0 25px 10px 25px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px; 
	color: #000;
	line-height: 14px;
	border-left: 5px solid #1a1ba8;
	border-right: 5px solid #1a1ba8;
}

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



/*********************************************
	/ Content inside of headers
*********************************************/

div.left-side {
	width: 545px;
	padding: 25px 0 0 0;
	float: left;
}


div.right-side {
	width: 290px;
	padding: 4px 0 0 0;
	float: right;
}





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

div.footer {
	width: 850px;
	margin: 0 auto;
	background: #cfcfed;
	padding: 10px 25px 10px 25px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px; 
	color: #1a1ba8;
	font-weight: bold;
	border-left: 5px solid #1a1ba8;
	border-right: 5px solid #1a1ba8;
	border-bottom: 5px solid #1a1ba8;
} 

	/* Links for footer */
	.footer a { 
		text-decoration: none;
		color: #1a1ba8;
	} 
	
	.footer a:hover {
		text-decoration: underline;
		color: #000000;
	}
	
	
	/* Here are the seperate divs inside of the footer */
	div.footer-left {
		width: 240px;
		float: left;
		font-weight: bold;
		text-align: left;
		margin-right: 20px;
		color: #000;
	}
	
	div.footer-middle {
		width: 300px;
		float: left;
	}
	
	
	div.footer-right {
		width: 260px;
		float: right;
		text-align: right;
		color: #000;
	}


/*********************************************
	/ Page Headers
*********************************************/	

div.header-title {
	font-family: Tahoma, Geneva, sans-serif; 
	font-size: 25px;
	font-weight: bold;
	line-height:26px;
	color: #1a1ba8;
}

div.header-rates {
	font-family: Tahoma, Geneva, sans-serif; 
	font-size: 20px;
	font-weight: bold;
	color: #000;
	background: #ccc;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	padding: 10px;
	margin-bottom:5px;
}

.header-home {
	font-family: Tahoma, Geneva, sans-serif; 
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #1a1ba8;
}
/*********************************************
	/ row colors
*********************************************/


div.row-1 {
	width: 97%;
	padding: 10px;
	/*background: #ececfa;*/
	border-bottom: 1px solid #3637b3;
	margin-bottom: 10px;
}

div.row-2 {
	width: 97%;
	padding: 10px;
	/*background: #ececec;*/
	border-bottom: 1px solid #3637b3;
	margin-bottom: 10px;
}


/*********************************************
	/ tornament
*********************************************/

div.t-logo {
	width: 105px;
	margin-right: 10px;
	float: left;
}

	.image-line {
		border: 1px solid #000;
		padding: 2px;
	}
	
div.t-content {
	width: 400px;
	float: left;
}


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

div.spacer {
	clear: both;
}

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

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


.subnav {
	width:900px;
	margin:5px auto 5px auto;
	color:white;
	text-align:right;
	font-weight:bold;
	font-size:12px;
	font-family:arial, helvetica;
	}
.subnav a:link, .subnav a:visited {
	text-decoration:none; 
	color: white;
	}
.subnav a:hover {
	color: yellow;
	}




.starburst {
	background-image:url(/images/star-more-less.png);
	background-repeat:none;
	width:200px;
	height:200px;
	position:absolute;
	top:10px;
	right:-30px;
	}