@charset "utf-8";

/* ---------------------
   MAIN BASIC FORMATTING 
   ----------------------*/

body {
		background-image:url(../images/bg.gif);
		background-repeat:repeat-x;
		background-position:top;
		margin:0;
		}
		
.wrapper {
		width:809px;
		margin:5px auto;
		position:relative;
		}
		
.spacer {
		clear:both;
		}
		
.facebook-icon {
	padding-left: 15px;
	float: right;
	text-align: center;
	font-size: 10px;
	text-transform: capitalize;
}

.facebook-icon img, .twitter-icon img {
}

.facebook-icon a:link, .facebook-icon a:visited, .twitter-icon a:link, .twitter-icon a:visited {
	text-decoration: none;
}

.facebook-icon a:hover, .facebook-icon a:visited:hover, .twitter-icon a:hover, .twitter-icon a:visited:hover {
	text-decoration: underline;
}

#facebook-badge {
	position: absolute;
	top: 1013px;
	left: 513px;
}
		
A:link {
		color:#00A2B3;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		}
		
A:visited {
		color:#00A2B3;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		}
		
A:hover {
		color:#00A2B3;
		text-decoration:underline;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		}

.picborder {
		border:1px #01A1B1 solid;
		}
		
.ratedays {
		color:#01A1B1;
		}
		
		
/* ---------------------
     HEADER FORMATTING 
   ----------------------*/
   
.header {
		background-image:url(../images/header-bg.gif);
		background-repeat:no-repeat;
		width:797px;
		margin:0 auto;
		height:99px;
		}
		
/* ---------------------
   CONTENT AREA FORMATTING 
   ----------------------*/
   
.main-container {
		background-image:url(../images/content-bg.gif);
		background-repeat:repeat-y;
		margin:0 auto;
		width:809px;
		}
		
.main-content {
		width:797px;
		margin:0 auto;
		background-color:#FFFFFF;
		padding:5px 0px 10px 0px;
		}	
		
.div-top {
		background-image:url(../images/top-border.gif);
		background-repeat:no-repeat;
		height:6px;
		width:809px;
		margin:0 auto;
		}
		
.div-bottom {
		background-image:url(../images/bottom-border.gif);
		background-repeat:no-repeat;
		height:6px;
		width:809px;
		margin:0 auto;
		}

.maincontent-top {
		background-image:url(../images/main-content-bordertop.gif);
		background-repeat:no-repeat;
		height:9px;
		width:809px;
		margin:0 auto;
		}
		
.maincontent-bottom {
		background-image:url(../images/main-content-borderbottom.gif);
		background-repeat:no-repeat;
		height:6px;
		width:809px;
		margin:0 auto;
		}

		
.left-content {
		width:486px;
		float:left;
		padding:0px 20px 10px 20px;
		background-color:#FFFFFF;
		color:#4a4747;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		} 
		
.right-content {
		width:263px;
		float:left;
		background-color:#ffffff;
		color:#4a4747;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		padding-bottom:10px;
		}
		
.right-content-box {
		width:248px;
		color:#4a4747;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		padding:0px 5px 0px 5px;		
		border-left:#e9e9e9 2px solid;
		border-right:#e9e9e9 2px solid;		
		}
		
.rightcontent-top {
		background-image:url(../images/featured-topborder.gif);
		background-repeat:no-repeat;
		height:6px;
		width:263px;
		margin:0 auto;
		}
		
.rightcontent-bottom {
		background-image:url(../images/featured-bottomborder.gif);
		background-repeat:no-repeat;
		height:7px;
		width:263px;
		margin:0 auto;
		}

.featured-content-title {
		color:#4a4747;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		}
		
.page-headers {
		height:43px;
		width:797px;
		margin: 0 auto;			
		}
		
/* ---------------------
   RATES AND WEATHER BAR 
   ----------------------*/
   
.ratesbar {
		background-image:url(../images/rates-bg.gif);
		background-repeat:repeat-x;
		height:57px;
		width:797px;
		margin:0 auto;
		font-size:12px;
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		}

.checkrates {
		width:503px;
		height:37px;
		float:left;
		padding:15px 0px 5px 5px;
		}
		
.checkweather {
		width:267px;
		height:51px;
		float:left;
		padding-top:6px;
		padding-left:15px;
		border-left:#DDDDDD 2px solid;
		}

		
/* ---------------------
   	  NAV FORMATTING 
   ----------------------*/
   
 .nav {	
 		width:797px;
		margin:0 auto;
		text-align:center;
		height:29px;
		}
		
/* ---------------------
   	 FLASH FORMATTING 
   ----------------------*/
		
.flash {
		width:797px;
		margin:0 auto;
		}

		
/* ---------------------
   	 FOOTER FORMATTING 
   ----------------------*/
   
.footer {
		width:797px;
		margin:0 auto;
		background-color:#01a1b1;
		padding:10px 0px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#FFFFFF;	
		}

.footer-links {		
		text-align:center;
		padding-bottom:10px;
		}
		
.footer A:link {		
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#FFFFFF;
		text-decoration:none;
		}
		
.footer A:visited {		
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#FFFFFF;
		text-decoration:none;
		}
		
.footer A:hover {		
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#FFFFFF;
		text-decoration:underline;
		}
		
.emailalerts {
		width:450px;
		margin:0px 20px 0px 10px;
		background-color:#4cc7cb;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#FFFFFF;
		text-align:left;
		float:left;
		}

.emailtext {
		padding:15px 5px 5px 10px;
		}
		
.emailalertsheader {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#FFFFFF;
		text-align:left;
		font-weight:bold;
		}

.footer-right {
		float:left;
		width:292px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#FFFFFF;
		text-align:right;
		padding:10px 10px 0px 0px;
		}