@charset "utf-8";
/* -----------------------------------------------------

* Filename: home.css
* Description: Home Page Styles for Fun in the Sun Rentals
* Version: 1.0.0 (2009.04.27)
* Website: funinthesunrentals.com
* Author: Dana Severance @ Automatit, Inc

== ANCHORS =========================================

	@container		General Declarations
	@content		Content Declarations
	@sidebar1		Blue Sidebar Declarations
	@sidebar2		Yellow Sidebar Declarations

-------------------------------------------------------*/

/* @container
-------------------------------------------------------*/
#container {background: url(images/content-bg-2.jpg) repeat-y; padding-top: 8px; position: relative; width: 100%;}
	#content-head {background: url(images/content-head.jpg); height: 21px; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 1;}
	#content-foot {background: url(images/content-foot-2.jpg); clear: both; height: 20px; position: relative; width: 100%;}
	#container2 {overflow: auto; margin: 0 0 0 37px;}
	
/* @content
-------------------------------------------------------*/
#content {float: left; margin: 0 8px 0 0; padding: 13px 0 0 0; position: relative; width: 434px; z-index: 2;}
	#content h1 {background: url(images/home-h1.jpg) no-repeat left 50%; color: #f07c07; font-size: 13px; font-weight: bold; margin: 2px 0 10px 25px; padding: 3px 0 0 18px; text-transform: uppercase;}
	#content .box {background: url(images/shadow-mid.jpg); width: 434px;}
		#content .box .top {background: url(images/shadow-top.jpg); height: 19px; width: 100%;}
		#content .box p {margin: 0 23px 0 28px;}
		#content .box .featured {margin: 0 23px 0 28px; overflow: auto;}
			#content .box .featured img {border: 2px solid #7dc5e6; float: left; margin: 0 13px 14px 0;}
			#content .box .featured h2 {font-style: normal; padding-bottom: 12px; text-decoration: none;}			
			#content .box .featured p {padding-bottom: 12px;}
			#content .box .featured ul {list-style-position: inside;}
		#content .box .foot {background: url(images/shadow-foot.jpg); height: 27px; width: 100%;}
	#content .box2 {}
		#content .box2 h2 {background: url(images/orange.jpg) no-repeat; color: #FFFFFF; font-size: 13px; font-style: normal; font-weight: bold; line-height: 31px; text-align: center; text-transform: uppercase; width: 434px;}
		#content .box2 p {margin: 0 16px 0 18px; padding: 0 0 14px 0;}
	#content #payment-method {margin-top: 10px;}
		#content #payment-method p {font-weight: bold; padding-bottom: 5px; text-align: center;}
		#content #payment-method img {display: block; margin: 0 auto;}
	
	
/* @sidebar1
-------------------------------------------------------*/
#sidebar1 {float: left; margin: 0 8px 0 0; padding: 0; position: relative; width: 238px; z-index: 2;}
	#sidebar1 .box {background: url(images/blue-head.jpg) no-repeat; width: 100%;}
		#sidebar1 .box h2 {color: #000000; font-style: normal; padding: 9px 0 20px 25px;}
		#sidebar1 .box ul {margin: 0 7px 0 25px;}
		#sidebar1 .box .foot {background: url(images/blue-foot.jpg) no-repeat; height: 17px; width: 100%;}

/* @sidebar2
-------------------------------------------------------*/
#sidebar2 {float: left; position: relative; width: 239px; z-index: 2;}
	#sidebar2 .box {background: url(images/yellow-head.jpg) no-repeat; width: 100%;}
		#sidebar2 .box h2 {color: #000000; font-style: normal; padding: 9px 0 20px 25px;}
		#sidebar2 .box img {display: block; border: 2px solid #fde770; margin: 0 auto 10px auto;}
		#sidebar2 .box p {margin: 0 23px 0 28px; text-align: center;}
		#sidebar2 .box .foot {background: url(images/yellow-foot.jpg) no-repeat; height: 17px; width: 100%;}