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

* Filename: styles.css
* Description: Main Styles for Plantation Self Storage (Summerville)
* Version: 1.0.0 (2009.06.15)
* Website: www.summervillestorage.com
* Author: Dana Severance @ Automatit, Inc

== ANCHOR =========================================

	@reset			Standard Reset
	@general		General Declarations
	@typography		Typographic Declarations
	@header			Header Declarations
	@content		Content Declarations
	@aside			Aside 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 {height: 100%; overflow-y: scroll;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
img {border: 0;}
a {outline: none;}

/* @general
-------------------------------------------------------*/
body {background: url(../img/bg.png); color: #000f71; font: 11px/14px Verdana, Arial, Helvetica, sans-serif; height: 100%;}
#wrap {background: url(../img/content-bg.png); height: auto !important; height: 100%; margin: 0 auto; min-height: 100%; position: relative; width: 751px;}
.container {overflow: auto; height: auto !important; height: 400px; min-height: 400px;}
.foot-clear {padding: 0 0 52px 0;}


/* @typography
-------------------------------------------------------*/
.content h1, .content h2 {padding: 5px 0 14px 0;}
.content dt {clear: left; float: left; font-weight: bold;}
	.content dd {padding: 0 0 14px 80px; text-indent: 0;}
	.content dd address {padding: 0 0 0 0;}
.content ul {margin-left: 20px; padding: 0 0 6px 0;}
	.content li {padding: 0 0 8px 0;}
.content p, .content p {font-style: normal; padding-bottom: 14px;}
a:link, a:visited {text-decoration: none;}
a:hover, a:focus {text-decoration: underline;}
a {color: #06533d;}
#sitelink h1 {background: url(../img/programh1.png) no-repeat; text-indent: -99999%;}
#sitelink .content h2 {padding: 5px 0 4px 0;}
#sitelink .content li {padding: 0 0 4px 0;}


/* @header
-------------------------------------------------------*/
#header {background: url(../img/header.png) no-repeat; height: 200px; position: relative; width: 751px;}
	#header #number {left: 230px; position: absolute; top: 2px;}
	#header #logo a {height: 156px; position: absolute; left: 7px; top: 14px; width: 156px;}
	#header ul#nav-top {height: 17px; left: 604px; list-style: none; position: absolute; top: 6px; width: 141px; z-index: 2;}
		#header ul#nav-top li {display: inline;}
		#header ul#nav-top li a {background-image: url(../img/nav-top.png); display: block; float: left; height: 17px; text-indent: -9999%;}
			#header ul#nav-top li a.home {background-position: 0 0; width: 58px;}
				#header ul#nav-top li a.home:hover, #header ul#nav-top li a.home:focus {background-position: 0 -17px;}
			#header ul#nav-top li a.contact {background-position: -58px 0; width: 82px;}
				#header ul#nav-top li a.contact:hover, #header ul#nav-top li a.contact:focus {background-position: -58px -17px;}
	#header ul#nav-mid {height: 24px; left: 165px; position: absolute; top: 170px; width: 581px; z-index: 2;}
		#header ul#nav-mid li {display: inline;}
		#header ul#nav-mid li a {background-image: url(../img/nav-mid.png); display: block; float: left; height: 24px; text-indent: -9999%;}
			#header ul#nav-mid li a.location {background-position: 0 0; width: 193px;}
				#header ul#nav-mid li a.location:hover, #header ul#nav-mid li a.location:focus {background-position: 0 -24px;}
			#header ul#nav-mid li a.reservations {background-position: -193px 0; width: 194px;}
				#header ul#nav-mid li a.reservations:hover, #header ul#nav-mid li a.reservations:focus {background-position: -193px -24px;}
			#header ul#nav-mid li a.payments {background-position: -387px 0; width: 193px;}
				#header ul#nav-mid li a.payments:hover, #header ul#nav-mid li a.payments:focus {background-position: -387px -24px;}
			

/* @content
-------------------------------------------------------*/
.content {float: right; padding: 8px 16px 8px 8px; width: 557px;}
	.content img.border {background: #82A4C3; border: 1px solid #000f71; padding: 3px;}

/* @aside
-------------------------------------------------------*/
.aside {float: left; width: 152px;}
	.aside ul#nav-main {height: 179px; list-style: none; margin-left: 10px; width: 143px;}
		.aside ul#nav-main li {}	
			.aside ul#nav-main li a {background-image: url(../img/nav.png); display: block; height: 20px; text-indent: -9999%;}
				.aside ul#nav-main li a.home {background-position: 0 0;}
					.aside ul#nav-main li a.home:hover, .aside ul#nav-main li a.home:focus {background-position: -143px 0;}
				.aside ul#nav-main li a.location {background-position: 0 -20px;}
					.aside ul#nav-main li a.location:hover, .aside ul#nav-main li a.location:focus {background-position: -143px -20px;}
				.aside ul#nav-main li a.payments {background-position: 0 -40px;}
					.aside ul#nav-main li a.payments:hover, .aside ul#nav-main li a.payments:focus {background-position: -143px -40px;}
				.aside ul#nav-main li a.reservations {background-position: 0 -60px;}
					.aside ul#nav-main li a.reservations:hover, .aside ul#nav-main li a.reservations:focus {background-position: -143px -60px;}
				.aside ul#nav-main li a.hints {background-position: 0 -80px;}
					.aside ul#nav-main li a.hints:hover, .aside ul#nav-main li a.hints:focus {background-position: -143px -80px;}
				.aside ul#nav-main li a.products {background-position: 0 -100px;}
					.aside ul#nav-main li a.products:hover, .aside ul#nav-main li a.products:focus {background-position: -143px -100px;}
				.aside ul#nav-main li a.calculator {background-position: 0 -120px;}
					.aside ul#nav-main li a.calculator:hover, .aside ul#nav-main li a.calculator:focus {background-position: -143px -120px;}
				.aside ul#nav-main li a.fits {background-position: 0 -140px;}
					.aside ul#nav-main li a.fits:hover, .aside ul#nav-main li a.fits:focus {background-position: -143px -140px;}
				.aside ul#nav-main li a.contact {background-position: 0 -160px;}
					.aside ul#nav-main li a.contact:hover, .aside ul#nav-main li a.contact:focus {background-position: -143px -160px;}

/* @footer
-------------------------------------------------------*/
#footer {background: url(../img/footer.png) no-repeat; bottom: 0px; height: 20px; left: 0px; padding: 16px 16px; position: absolute; width: 719px;}
	#footer #foot-box {background: url(../img/aside-bg.png); height: 197px; left: 6px; position: absolute; top: -197px; width: 152px; z-index: 2;}
		#footer #foot-box #facilities {background: url(../img/facility-bg2.png); height: 125px; margin: 40px 0 0 6px; width: 140px;}
			#footer #foot-box #facilities h2 {padding: 20px 0 8px 3px;}
			#footer #foot-box #facilities p {font-size: 12px; line-height: 14px; padding: 0 0 8px 0; text-transform: uppercase; text-align: center;}
	#footer p {color: #FFFFFF; font: bold 11px/20px Arial, Helvetica, sans-serif;}
		#footer p#copy {float: left;}
		#footer p#attribution {float: right;}
		#footer p#attribution a {color: #FFFFFF;}