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

* Filename: style.css
* Description: General Site-Wide Stylesheet
* Version: 3.0.0 (2009.07.01)
* Website: www.usastoragecenter.com
* Author: Dana Severance @ Automatit, Inc

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

	@reset			Standard Reset
	@general		General Declarations
	@typography		Typographical Declarations
	@header			Header Declarations
	@container		Container Declarations
	@footer			Footer Declaration

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

/* @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: #e1d7c0; font: 11px/13px Arial, Helvetica, sans-serif; height: 100%;}
#wrap {background: ; height: auto !important; height: 100%; margin: 0 auto; min-height: 100%; position: relative; width: 750px;}
div.hr {border-bottom: 1px solid #CCCCCC; border-top: 1px solid #000000; height: 0; margin: 0 auto 14px auto; width: 90%;}
div.hr hr {display: none;}

	/* menu */
	ul {position: relative;}
	ul.nav {display: block; font-style: bold; height: 1%; list-style: none; padding: 0; margin: 0;}
	ul.nav:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
		ul.nav li {float: left; padding: 0; margin: 0;}
			ul.nav li a {display: block;}
	

/* @typography
-------------------------------------------------------*/
h1 {color: #0a5326; font-size: 18px; font-style: italic; line-height: 20px; font-weight: bold;}
h2 {color: #0E833A; font-size: 14px; padding-bottom: 14px;}
h3 {color: #0a5326; padding-bottom: 14px;}
h4 {color: #0E833A; padding-bottom: 14px;}
h5 {color: #0a5326; padding-bottom: 14px;}
h6 {color: #0E833A; padding-bottom: 14px;}
p, address {font-style: normal; padding-bottom: 14px;}
ol, ul {margin-left: 20px; padding-bottom: 9px;}
li {padding-bottom: 5px;}
a:link, a:visited {text-decoration: underline;}
a:hover, a:focus {text-decoration: none;}
a {color: #0E833A;}

/* @header
-------------------------------------------------------*/
#header {background: url(../img/header.png) no-repeat; height: 199px; position: relative; width: 100%;}
	#header #logo {left: 3px; position: absolute; top: 53px;}
	#header ul#nav-top {float: right; font-weight: bold; padding: 20px 0 0 0; position: relative;}
		#header ul#nav-top li {background: url(../img/bullet-nav-top.gif) no-repeat left 2px; margin: 0 10px 0 0; padding: 0 0 5px 15px;}
			#header ul#nav-top li a {color: #0E833A; text-decoration: none; text-transform: uppercase;}
				#header ul#nav-top li a:hover, #header ul#nav-top li a:focus {text-decoration: underline;}
	#header ul#nav-main {font-weight: bold; left: 211px; position: absolute; top: 61px; width: 495px;}
		#header ul#nav-main li {background: url(../img/bullet-nav-main.gif) no-repeat left 2px; padding: 0 0 5px 20px;}
			#header ul#nav-main li a {color: #0a5326; text-decoration: none; text-transform: uppercase; width: 145px;}

/* @container
-------------------------------------------------------*/
#container {background: url(../img/container.png); height: auto !important; height: 300px; min-height: 300px; padding: 20px 25px;}
	#container h1 {left: 20px; position: absolute; top: 170px;}

	/* content */
	

/* @footer
-------------------------------------------------------*/
#footer {background: url(../img/footer.png) no-repeat top; font-size: 11px; padding: 20px 0 0 0; position: relative; width: 100%;}
	#footer ul#nav-foot {margin: 0 auto 14px auto; width: 675px;}
		#footer ul#nav-foot li {background: url(../img/bullet-nav-foot.gif) no-repeat left 4px; padding: 0 0 10px 15px;}
			#footer ul#nav-foot li a {width: 120px;}
	#footer address {text-align: center; padding: 0;}
	#footer .boxes {position: absolute; top: 130px;}
		#footer .right {right: 120px;}
		#footer .left {left: 120px;}
	#footer #pay {display: block; margin: 5px auto;}
	#footer p {text-align: center;}