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

* Filename: style.css
* Description: Global Styles for Fun in the Sun Rentals
* Version: 1.0.0 (2009.04.24)
* Website: funinthesunrentals.com
* Author: Automatit, Inc

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

	@reset			Standard CSS Reset 
	@general		General Layout Declarations
	@typography		Overreaching Type Declarations
	@header			Header Declarations
	@container		Container and Content Declarations
	@footer			Footer Declarations

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

/* @reset
-------------------------------------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin: 0; padding: 0;}
html {overflow-y: scroll;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
img {border: 0;}

/* @general
-------------------------------------------------------*/
body {background: #FFFFFF url(images/bg.jpg) repeat-x; font: 12px/14px Arial, Helvetica, sans-serif;}
#wrapper {margin: 0 auto; width: 1000px;}

/* @typography
-------------------------------------------------------*/
h1 {background: url(images/h1-bg.jpg) no-repeat left; color: #f07c07; font-size: 13px; font-weight: bold; margin: 0 0 25px 0; padding: 0 0 0 20px; text-transform: uppercase;}
h2, h3, h4, h5, h6 {color: #f07c07; font-style: italic; padding-bottom: 14px;}
ul {list-style: circle outside url(images/bullet.gif); line-height: 16px; margin-left: 30px; padding-bottom: 11px;}
ol {line-height: 16px; margin-left: 30px; padding-bottom: 11px;}
li {padding-bottom: 5px;}
p {padding-bottom: 14px;}
a:link, a:visited {text-decoration: underline;}
a:hover {text-decoration: none;}
a {color: #074d91;}
em {color: #064f96; font-style: normal;}
strong {color: #ff0000;}

/* @header
-------------------------------------------------------*/
#header {height: 343px; margin: 0 auto; position: relative; width: 936px;}
	#header #logo {}
	#header #nav-top {color: #FFFFFF; display: block; font-weight: bold; list-style: none; position: absolute; right: 35px; top: 15px;}
		#header #nav-top li {display: inline; padding: 0 8px;}
			#header #nav-top a:link, #header #nav-top a:visited {color: #FFFFFF; text-decoration: none;}
			#header #nav-top a:hover {text-decoration: underline;}
			#header #nav-top a {color: #FFFFFF;}
	#header #call-box {position: absolute; right: 28px; top: 56px;}
	#header #nav-main {height: 28px; left: 27px; position: absolute; top: 125px; width: 879px; z-index: 4;}
	#header .box {bottom: 0px; height: 190px; left: 0px; overflow: auto; position: absolute; width: 936px;}
		#header .box #availability {background: url(images/check-availability.jpg); float: left; position: relative; height: 190px; width: 282px;}
			#header #availability h2 {margin: 18px 0 0 30px;}
			#header #availability form {bottom: 7px; left: 12px; position: absolute;}
				#header #availability form select, #header #availability form option {font-size: 10px;}
				#header #availability form td {vertical-align: top;}
		#header .box #my_banners {background: url(images/banner-1.jpg); overflow: hidden; float: right; height: 190px; width: 654px;}
			#header .box #my_banners img {height: 190px; width: 654px; float: right;}	

/* @container
-------------------------------------------------------*/
#container {background: url(images/content-bg.jpg) repeat-y; width: 100%;}
	#content-head {background: url(images/content-head.jpg); height: 21px; width: 100%;}
	#content-foot {clear: both; background: url(images/content-foot.jpg); height: 20px; width: 100%;}
	#content {margin: 0 53px 0 58px;}
	
	/* Gallery-Esque Pages
	-------------------------------------------------------*/
	#pg-gallery #content table.box {margin: 0 auto; width: 80%;}
	#pg-gallery #content .box td {border-bottom: 1px dotted #7dc5e6; margin: 0 auto; padding: 14px 0; width: 80%;}
	#pg-gallery #content .box img {background: #E9E9E9; border: 1px solid #7dc5e6; float: right; padding: 3px;}

/* @footer
-------------------------------------------------------*/
#footer {clear: both; margin: 10px 53px 0 58px;}
	#footer #nav-foot {color: #074d91; display: block; text-align: center; padding-bottom: 16px;}
		#footer #nav-foot li {display: inline; line-height: 16px; list-style: none; padding: 0 3px 0px 3px;}
			#footer #nav-foot a:link, #footer #nav-foot a:visited {text-decoration: none;}
			#footer #nav-foot a:hover {text-decoration: underline;}
			#footer #nav-foot a {color: #074d91;}
	#footer #copy {color: #074d91; text-align: center;}