/* =================================
Copyright 2009
Fifth Gear Marketing Systems Inc.  
DNN Skin Styles - Ladera Resort (Ladera.com)
Version: 1.0
================================== */    

/* GLOBAL DEFAULTS */

	* { margin: 0px; padding: 0px; border: 0px; }
	* a:hover { text-decoration: none; }
	* a:active { outline: none; }
	* -moz-any-link:focus { outline: none; }
	* :focus { outline: none; }
	object { outline:none; }
	
	html, body { height: 100%; font-size: 12px; font-family: 'Trebuchet MS',Tahoma,Helvetica,Arial,Sans-Serif; color: #666;}
	body { height: 100%; background: #6b841d url(img/backgroundMain.jpg) center top fixed repeat; }
	.clear { clear: both; line-height: 0px; }	
	#controlPanelContainer { padding: 0 0 8px 0; }

/* FONTS */

	.Normal { font-size: 1em; font-family: Tahoma,Arial,Helvetica,Sans-Serif; }
	h1 { font-size: 1.6em; font-family: Tahoma,Arial,Helvetica,Sans-Serif; color: #666; margin: 24px 0 24px 0; }
	h2 { font-size: 1.4em; font-family: Arial,Helvetica,Sans-Serif; color: #7bc142; margin: 16px 0; }
	h3 { font-size: 1em; font-family: Tahoma,Arial,Helvetica,Sans-Serif; font-weight: bold; color:#666; margin: 16px 0; }		
	p { line-height: 1.5em; margin-bottom: 12px; }
	.disclaimer { font-style: italic; font-size: 1em; line-height: 1.3em; margin: 24px 0; }
	.bold { font-weight: bold; color: #505050; }

	a,
	a:link, 
	a:visited,
	a:active { color: #02667c; text-decoration: none; } 
	a:hover { color: #7bc142; text-decoration: underline; }

/* PAGE WRAPPER */

	#pageWrapper { width: 900px; height: 100%; margin: 0 auto; background-color: #fff; }

/* PAGE CONTENT */

	.banner { margin: 12px; auto; text-align: center; }

/* PAGE CONTENT */

	.pageContent { width: 900px; height: 100%; background-color: #fff; }

	/* Header */

	.header { height: 141px; padding-top: 30px; }
	.header .logo { float: left; margin: 0px 0 22px 48px; }
	.buttonBookOnline { float: right; height: 92px; width: 92px; margin: 0px 30px 0 0;}
	.buttonFacebookFan { float: right; height: 88px; width: 88px; margin: 0px 30px 0 0;}	
	.buttonBookOnline2 { margin-left: 24px;}
	.mainParadise { background: #fff url(flash/mainParadise.jpg) top no-repeat; }		

	/* Top Navigation Bar */
	
	.topNavBar { height: 28px; background: #fff url(img/backgroundTopNavBar.gif) bottom no-repeat; padding-left: 36px; }
	.facebook { text-align: right; }

	/* Page Body */

	.pageBodyHome { width: 802px; padding: 48px;  background-color: #fff; }
	.pageBodyHome .leftColumn { float: left; width: 400px; }	
	.pageBodyHome .rightColumn { float: right; width: 325px; padding-left: 48px; }
	.pageBodySec .leftColumn { float: left; width: 530px; padding: 48px 12px 48px 48px; }	
	.pageBodySec .rightColumn { float: left; width: 248px; padding: 48px 48px 48px 12px; }
	.pageBodySec1Col { width: 802px; padding: 48px; }	

	.imagesSideBar { text-align: right; margin-top: 12px; padding-left: 24px; }
	.imageSideBar01,
	.imageSideBar02,
	.imageSideBar03 { width: 224px; height: 149px; }	
	.imageSideBar01,
	.imageSideBar02 { margin-bottom: 48px; }

/* E-MAIL EXCLUSIVES */

	.downloadBrochure { float: left; font-size: 11px; line-height: 16px; }
	#optInForm { float: left; width: 400px; font-size: 11px; margin: auto; padding: 0px 24px 6px 0; } 
	#optInForm .formLabel { float: left; padding: 2px 12px 0 0; }
	#optInForm .formInput { float: left; }
	#optInForm input, textarea, select { width: 120px; border: 1px solid #999; border-collapse: collapse; padding: 1px 6px 1px 4px;  font-size: 11px; color: #666; line-height: 18px; font-family: 'Trebuchet MS', Tahoma,Verdana, Arial, sans-serif; }	
	#optInForm .optInSubmit { float: left; cursor: pointer; }

	#optInForm .highlightOff { border-color: #d9d9d9; }
	#optInForm .highlightOn { border-color: #9bc940; }

	#optInForm .buttonOptIn { font-family: 'Trebuchet MS',Tahoma,Helvetica,Arial,Sans-Serif; font-size: .9em; border-style: solid; border-width: 1px; padding: 2px 8px; text-align: center; display: inline-block; margin-top: -1px; color: #fff; text-transform: uppercase; }
	#optInForm .buttonLink a:hover { text-decoration: none; }
	#optInForm .buttonOff { background-color: #7bc142; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-bottom: 1px solid #333; border-right: 1px solid #333;  -moz-border-radius: 6px; -webkit-border-radius: 6px; }
	#optInForm .buttonOn { background-color: #93da5a; border-color: #7bc142; border-top: 1px solid #333; border-left: 1px solid #333; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; -moz-border-radius: 6px; -webkit-border-radius: 6px; cursor: pointer; }

	
/* PAGE FOOTER */

	#footer { width: 802px; margin: 24px auto 24px; text-align: center; padding-top: 8px; border-top: 1px solid #999; }
	#footer a,
	#footer a:visited,
	#footer a:active { color: #666; text-decoration: none; }
	#footer a:hover { color: #666; text-decoration: underline; }
	#footer .footerLinks1 { font-size: .9em; }
	#footer .footerLinks2{ font-size: .8em; }
	#footer .copyright { font-size: .8em; padding-top: 12px; }
    #footerBar {width: 802px; padding-bottom: 24px; border-top: 1px solid #999; }

/* SOCIAL NETWORKING BAR */
	
	#socialBar { padding-bottom: 6px; padding-left: 24px;  }
	#socialBar ul { list-style: none; margin: 0; padding: 0; }
	#socialBar li { float: left; padding: 1px; display: block; margin-right: 1px; overflow: hidden; height: 25px; text-align:left;}
	#socialBar a { display: block; overflow: hidden; height: 25px; width: 30px; }
	#socialBar img { position: absolute; border: 0px solid #fff; }
	#socialBar p { margin: 0; padding: 0 0 0 30px; width: 130px; display: block; font-size:.9em; }
	
/* BANNER ROTATOR */
	
/* rotator in-page placement */

    div#rotator { text-align: center; width: 600px; height: 60px; margin: 12px auto; }
	
/* rotator css */

	div#rotator ul li { position:absolute; top:0; left:0; list-style: none; }

/* rotator image style */	

.rotator { margin: 10px auto; overflow:hidden; width: 600px; height: 60px; } 

	div#rotator ul { padding: 0px; margin: 0px;]
	div#rotator ul li img {}
    div#rotator ul li.show { z-index: 500 }