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

* Filename: styles.css
* Description: Global CSS for Axis Self Storage
* Version: 2.0.0 (2009.02.27)
* Website: axisstorage.com
* Author: Dana Severance @ Automatit Net

== STRUCTURE =========================================

* Page width: 

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

/* 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;}

/* Main Layout
-------------------------------------------------------*/
body {background: #022a99; color: #4c4b4b; font: 11px/12px Tahoma, Geneva, sans-serif;}
img {border: 0px;}
#wrapper {background: url('images/bg.jpg'); margin: 0px auto; width: 939px;}


/* General Text
-------------------------------------------------------*/
h1 {left: -20px; padding-bottom: 10px; position: relative;}
h2 {left: -10px; padding-bottom: 10px; position: relative;}
h3 {left: -5px; padding-bottom: 10px; position: relative;}
h4 {left: -5px; padding-bottom: 10px; position: relative;}
h5 {left: -5px; padding-bottom: 10px; position: relative;}
h6 {left: -5px; padding-bottom: 10px; position: relative;}
p {padding-bottom: 15px;}
ul {margin-left: 15px; padding-bottom: 12px;}
li {padding-bottom: 10px;}
a:link {color: #63aaed; font-weight: bold; text-decoration: underline;}
a:visited {color: #63aaed; font-weight: bold; text-decoration: underline;}
a:hover {color: #63aaed; font-weight: bold; text-decoration: none;}

/* Header
-------------------------------------------------------*/
#header {background: url('images/header.jpg'); height: 161px; position: relative; width: 100%;}
#logo {left: 20px; position: absolute; top: 25px;}
#top-nav {color: #FFFFFF;}
#top-nav p a:link {color: #FFFFFF; text-decoration: underline;}
#top-nav p a:visited {color: #FFFFFF; text-decoration: underline;}
#top-nav p a:hover {color: #FFFFFF; text-decoration: none;}
#top-nav p {left: 20px; position: absolute; top: 5px;}
#top-nav ul {display: inline; position: absolute; right: 20px; text-transform: uppercase; top: 5px;}
#top-nav li {display: inline; padding-left: 10px;}
#top-nav li a:link {color: #FFFFFF; text-decoration: none;}
#top-nav li a:visited {color: #FFFFFF; text-decoration: none;}
#top-nav li a:hover {color: #FFFFFF; text-decoration: underline;}
#main-nav {right: 103px; position: absolute; top: 25px;}
#main-nav img {display: block; float: left;}

/* Content
-------------------------------------------------------*/
#container {margin: 0px 21px; width: 897px;}
#aside {background: url('images/aside.gif'); float: left; height: 336px; padding: 20px 14px 27px 20px; width: 164px;}
#aside ul {list-style: square outside url('images/check.gif');}
#content2 {float: right; margin-right: 75px; padding-top: 20px; width: 741px;}
#content {float: right; margin-right: 75px; padding-top: 20px; width: 550px;}
#content h2, #content2 h2 {padding-top: 5px;}
.clear {clear: both;}

/* Facility Information
-------------------------------------------------------*/
.facility {border-bottom: 1px dashed #333333; height: 150px; margin-bottom: 25px; position: relative; width: 370px;}
.facility .btn-res {left: -10px; position: absolute; top: 100px;}
.facility .btn-pay {left: 125px; position: absolute; top: 100px;}
.facility .facility-image {background: #CCCCCC; border: 1px solid #999999; float: left; margin-right: 75px;}
.facility h3 {font-size: 100%; padding: 10px 0px 5px 0px;}
.facility address {font-style: normal;}

/* Footer
-------------------------------------------------------*/
#footer {background: url('images/footer.jpg'); clear: both; height: 67px; padding: 15px 25px 10px 25px; width: 889px;}
#footer p {color: #FFFFFF; display: block; text-align: center; width: 100%;}
#footer ul {color: #FFFFFF; display: block; font-weight: bold; margin: 0px auto; padding: 0px 0px 15px 0px; text-align: center; width: 100%;}
#footer li {display: inline; padding-right: 15px;}
#footer li.last {padding-right: 0px;}
#footer a:link {color: #FFFFFF; text-decoration: underline;}
#footer a:visited {color: #FFFFFF; text-decoration: underline;}
#footer a:hover {color: #FFFFFF; text-decoration: none;}