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

* Filename: style.css
* Description: General Site-Wide Stylesheet
* Version: 3.0.0 (2009.07.01)
* Website: www.citystorageatlanta.com
* Author: Bryan LaPerle

== 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:#A11919 url(../img/background.jpg) repeat-x;
	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;
	background-color: #A11919;
}
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;
	color: #D71F27;
}
	

/* @typography
-------------------------------------------------------*/
h1 {color: #000000; font-size: 18px; font-style: italic; line-height: 20px; font-weight: bold;}
h2 {color: #000000; font-size: 14px; padding-bottom: 14px; padding-top:7px;}
#internalcontent h2 {
}

h3 {color: #000000; font-size: 13px; padding-bottom: 14px; padding-top:7px;}
h4 {color: #bd3201; font-size: 12px; font-style:italic; 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;}
#aside #asideinfo ul {
	padding-bottom: 0px;
}

li {padding-bottom: 5px;}
a:link, a:visited {text-decoration: underline;}
a:hover, a:focus {text-decoration: none;}
a {
	color: #A11919;
}
.contactimg {
	float: right;
	padding-left: 25px;
}


/* @header
-------------------------------------------------------*/
#header {background: url(../img/header.png) no-repeat; height: 199px; position: relative; width: 100%;}
	#header #logo {
	left: 13px;
	position: absolute;
	top: 61px;
}
	#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: #F9E3AA;
	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: 59px;
	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: #A11919;
	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;}
#aside #asideinfo a {
	padding-left: 25px;
	font-size: 12px;
}

#container   h1 {
	left: 20px;
	top: 170px;
	position: absolute;
}
#services1 {
	float: left;
	padding-right: 50px;
	height: 250px;
	padding-left: 30px;
}
#services2 {
	float: left;
	padding-right: 50px;
	height: 300px;
}
#services3 ul {

}

#services3 {
	width: 200px;
	float: left;

}
#tools {

}
#tools h2 {

}
#internalcontent h2 {
	padding: 0px 0px 0px;
	font-size: 14px;
	color: #000000;
}
#internalcontent p {
	padding-bottom: 1px;
}




	/* 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;
	color: #F9E3AA;
	text-decoration: underline;
}
				#footer ul#nav-foot li a:hover, #footer ul#nav-foot li a:focus {text-decoration: none;}
	#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;}
#footer .copyright {
	color: #F9E3AA;
}
.error {
	color: #A11919;
}