/************************************************************
	Title: 	Beaches Master CSS
	Author:	AgencyNet
	Date: 	Aug 08
	Desc:		Global styles applied to all pages of Beaches Site.  
					Modifying Styles here will affect entire site.
	
	Reference:
		darkBlue(fonts) : #59849d
		borderBlue: #87b1c9
		lightBlue : #bbdcef
		cream(fonts) : #f7f1e8
		darkBrown(fonts) : #423229 
		limeColor	: #9edf4d
		
		**All styles on this page should be as generic as possible,
			applying to all pages.
		
************************************************************/

/* ------ >>> Imported StyleSheets <<< ------ */ 
@import url("/css/homeStyles.css");
@import url("/css/interiorStyles.css");
@import url("/css/loginStyles.css");
@import url("/css/dashBoardStyles.css");
@import url("/css/topTenStyles.css");
@import url("/css/phasesStyles.css");
@import url("/css/detailPagesStyles.css");
@import url("/css/searchResultsStyles.css");
@import url("/css/signinStyles.css");

/* ------ >>> Global Styles <<< ------ */ 

html {
	width:100%;
	height:100%;
	overflow-y:auto;
	overflow-x:hidden;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	background-color:#58443b;
	margin:0;
	padding:0;
	width:100%;
	height:100%;

}

#siteWrapper {
	/*overflow-x: hidden;*/
	width:100%;
	height:100%;
}

h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
}

.clear {
	clear:both;
}
.displayNone {
	display:none;
}

ul{
	margin:0px;
	padding:0px;
}
li{
	list-style:none;
}
span.required {
	color:#ff0000;
	font-size:14px;
}
form {
	margin:0px;
	padding:0px;
}
input {
	padding:0px 4px;
}
/* ------ >>> Login Header <<< ------ */ 
#header #loginHeader {
	width:100%;
	height:17px;
	background-color:#87b1c9;
}
#loginHeader #loginHeaderWrapper{
	/* Width needs to be defined in homeStyles and interiorStyles if widths are different */
	margin:0px auto;
	padding:0px;
	font-size:11px;
	color:#fff;
	text-align:right;
}

#loginHeader #loginHeaderWrapper a:link, #loginHeader #loginHeaderWrapper a:visited {
	height:17px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}
#loginHeader #loginHeaderWrapper a:hover {
	text-decoration:underline;
}

/* ------ >>> Header Styles <<< ------ */ 
#header {
	width:100%;
	background-color:#bbdcef;
	border-bottom:#87b1c9 5px solid;
}

/* ------ >>> Main Content Styles <<< ------ */ 
#content {
	width:100%;
	background: url(/images/_allPages/contentRepeatingBkrnd.jpg) top repeat-x;
	display:block;
}
#contentWrapper {
	width:950px;
	margin:auto;
	background:url(/images/_allPages/rtSideBkrnd.jpg) right repeat-y;
	position:relative;
	padding-bottom:130px;
}

/* ------ >>> Left Content Styles <<< ------ */
#leftContentWrapper {
	float:left;
	width:600px;	
	color:#f7f1e8;
	font-size:12px;
	z-index:1;
	position:relative;
}

/* ------ >>> Right Content Styles <<< ------ */
#rightContentWrapper {
	float:left;
	width:350px;
	position:relative;
/*	height:100%; will want to remove this attribute :: need to figure how to keep always at the bottom */
	z-index:10;
	padding:50px 0 0px 0;

}
#rightContentWrapper #rightContent {
	margin:auto;
	width:308px;
	padding:0 21px;

}
#leavesBottom{
	position:absolute;
	bottom:0px;
	left:478px;
	z-index:0;
	height:202px;
	width:600px;
	background:url(/images/interior/interiorRtBottom_wLeafs.jpg) top left no-repeat;
}			
#rightContent .seperator {
	background:url(/images/_allPages/rightSideSeperator.jpg) center no-repeat;
	width:285px;
	height:20px;
	margin:25px auto;
	clear:both;
}

#rightContent p {
	margin:0px;
	padding:0px;
}
/* ------ >>> Search Bar Styles <<< ------ */
#searchBar{
	width:100%;
}
 
#searchBar #smartSearchBkrnd{
	width:255px;
	height:39px;
	margin:0px auto;
	background: url(/images/_allPages/searchBarBkrnd.jpg) center center no-repeat;
}
#searchBar #smartSearchBkrnd:hover{
	background: url(/images/_allPages/searchBarBkrnd_over.jpg) center center no-repeat;
}
#searchBar form {

}
#searchBar #smartSearchBkrnd #smartSearch {
	background-color:#fff;
	border:#fff 1px solid;
	float:left;
	width:188px;
	height:17px;
	margin:9px 0 0 9px;
}
#searchBar #smartSearchBkrnd #smartSearchSubmit{
	float:left;
	margin:5px 0 0 5px;
}

/* ------ >>> Tag Cloud Styles <<< ------ */
#tagCloud {
	margin:30px 0 0px 0;
	text-align:justify;
	padding:0px 8px;
}
#tagCloud .imageTitle {
	width:100%;
	background:url(/images/_allPages/popularTagTitle.jpg) center center no-repeat;
	height:32px;
	margin-bottom:7px;
}/*
#tagCloud ul{
	clear:both; 
}
#tagCloud ul li {
	float:left;
	margin:0px;
	padding:0px;
}

#tagCloud ul li.tagLevel_1{
	color:#71645e;
	font-weight:bold;
	font-size:20px;
}
#tagCloud ul li.tagLevel_2{
	color:#8b807b;
	font-size:16px;
	font-weight:900;
}
#tagCloud ul li.tagLevel_3{
	color:#aaa19c;
	font-size:14px;
	font-weight:700;
}
#tagCloud ul li.tagLevel_4{
	color:#b3ada8;
	font-size:12px;
}
*/
#tagCloud a:hover {
	background-color:#58443B;
	color:#f7f1e8;
}
#tagCloud .tagLevel_1 {
	color:#71645e;
	font-weight:bold;
	font-size:20px;
	text-decoration:none;
	padding:3px 4px;
	margin-bottom:20px;
	line-height:25px;
}
#tagCloud .tagLevel_2 {
	color:#8b807b;
	font-size:16px;
	font-weight:900;
	text-decoration:none;
	padding:3px 4px;
	margin-bottom:5px;
	line-height:23px;
}
#tagCloud .tagLevel_3 {
	color:#aaa19c;
	font-size:14px;
	font-weight:700;
	text-decoration:none;
	padding:3px 4px;
	margin-bottom:5px;
	line-height:20px;
}
#tagCloud .tagLevel_4 {
	color:#b3ada8;
	font-size:12px;
	text-decoration:none;
	padding:3px 4px;
	line-height:18px;
}


/* ------ >>> Footer Styles <<< ------ */ 
#footer {
	clear:both;
	width:100%;
	height:95px;
	background-color:#bbdcef;
	border-top:#87b1c9 5px solid;
	display:block;
}
#footerWrapper {
	font-size:12px;
	margin: 20px auto;
	width:950px;
}
#footerRSS{
	padding-top:5px;
	float:right;
}
#footerRSS a:link, #footerRSS a:visited {
	padding:5px 0 5px 27px;
	text-decoration:none;
	color:#59849d;
	background:url(/images/_allPages/rssBlue.jpg) left 3px no-repeat;
	line-height:20px;
}
#footerRSS a:hover {
	text-decoration:underline;
}
#footerWrapper ul{
	margin:0px;
	padding:10px 0 0 0;
	float:right;
	clear:both;
}
#footerWrapper ul li{
	float:left;
	border-right: #59849d 1px solid;
}
#footerWrapper ul li #end{
	border-right:none;
}
#footerWrapper li a:link, #footerWrapper li a:visited {
	color:#59849d;
	padding:5px 10px;
	text-decoration:none;
}
#footerWrapper li a:hover {
	text-decoration:underline;
}


/* ------ >>> Right - Side Banner Styles <<< ------ */ 
#sideBanner {
	width:300px;
	height:250px;
	background-color:#ffffff;
	overflow:hidden;
	margin:auto auto;
}
#flashContent320x250{
	width:300px;
	height:250px;
}
#sideBanner a:link, #sideBanner a:visited {

}
#sideBanner a:hover {
	
}	

/* ------ >>> Footer Images Styles <<< ------ */ 
#sandCastleImg {
	width:337px;
	height:177px;
	background: url(/images/_allPages/footer_sandCastle.png) no-repeat;
	position:absolute;
	bottom:-1px;
	left:-240px;
}
#lotionImg {
	width:146px;
	height:130px;
	background:url(/images/_allPages/footer_lotion.png) no-repeat;
	position:absolute;
	bottom:0px;
	right:240px;
}