@charset "utf-8";
@import url(menu.css);
/* -----------------------------------------------------

* Filename: styles.css
* Description: master external style sheet
* Version: 1
* Website: http://www.atlantagaselfstorage.com
* Author: Automatit, Inc

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

	@reset				Standard Reset

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

/* @reset
-------------------------------------------------------*/
html, body, 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; -ms-interpolation-mode: bicubic;}
a {outline: none;}

/* @general
------------------------------------------------------*/
body {background:#ffffff url(../images/bg.jpg); color: #000000; margin-top: 0px;}
body, select, input {font: 12px Arial, Helvetica, sans-serif; line-height: 18px;}
a, a:visited {text-decoration: underline; color: #e51837;}
	a:hover {text-decoration: none;}


/* @typography
------------------------------------------------------*/
h1 {
	padding-bottom: 20px;
}
h2 {
	text-align: center;
	padding-bottom: 15px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-bottom: 5px;
}
h4 {
	font: bold 18px Arial, Helvetica, sans-serif; 
	color: #000000;
}
h5 {font: bold 12px Arial, Helvetica, sans-serif; color: #d71920; display: inline;}
h6 {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #d71920;}
p, address {text-align:left; padding:0 0 16px;}
/* dl {padding: 0 0 10px 0;}
   dt {clear: left; float: left; font-weight: bold;}
   dd {padding: 0 0 5px 70px;} */
ul {margin:0; padding: 8px 0;}
li {
	display:list-item;
	list-style:disc;
	margin:0 0 0 3em;
}

/* @defined classes
------------------------------------------------------*/
.pageHeader {padding:0 0 16px;}
.clearFloat {clear:both; height:0; font-size:1px;}
.error {font: bold 14px Arial, Helvetica, sans-serif; color: #CC0000;}

/* @defined ids
------------------------------------------------------*/
#wrapper {overflow: hidden; margin-top: 0px; margin-left: auto; margin-right: auto; width:966px;}
#top {height: 70px; margin-top: 20px;}
	#logo {float: left; width: 369px; margin-right: 30px; margin-left: 10px;}
	#payBtn {display: block; width: 119px; height: 39px; background: url("../images/pay_btn.png") no-repeat 0 0; float: left; margin: 20px;}
		#payBtn:hover {background-position: 0 -39px;}
		#payBtn span {display: none;}
	#reserveBtn {display: block; width: 133px; height: 39px; background: url("../images/reserve_btn.png") no-repeat 0 0; float: left; margin: 20px;}
		#reserveBtn:hover {background-position: 0 -39px;}
		#reserveBtn span {display: none;}
	#contactUs {display: block; width: 158px; height: 20px; background: url("../images/contactus.png") no-repeat 0 0; float: right; margin: 30px;}
		#contactUs:hover {background-position: 0 -20px;}
		#contactUs span {display: none;}
#menu {background: url(../images/header_bg.png) no-repeat; width: 955px; height: 43px; padding-left: 11px; padding-top: 9px;}

#container {background: url(../images/wrapper_bg.png) repeat-y; vertical-align: top; width: 957px; height:auto; padding-left: 9px;}
	#bottombg {background: url(../images/content_bg.jpg) no-repeat bottom #FFFFFF; width: 948px; min-height: 530px;}
	#banner {background: url(../images/banner.jpg) no-repeat; width: 948px; height: 364px;}
		#slogan {float: left; text-align: center; font-family: "Times New Roman", Times, serif; font-size: 18px; width: 350px; font-weight: bold; margin-top: 230px; margin-left: 160px; line-height: 20px;}
			#slogan a, a:visited {color: #002a5c; font-size: 15px; text-decoration: underline;}
			#slogan a:hover {text-decoration: none;}
		#slideshow {float: right; width: 300px; height: 300px; margin-right: 30px; margin-top: 22px;}
	#content {float: left; width: 670px; height: auto; margin-left: 20px; margin-top: 15px; padding-bottom: 15px;}
		#content a, a:visited {color: #e51837; text-decoration: underline;}
		#content a:hover {text-decoration: none;}
	#internalContent {float: left; width: 900px; min-height: 300px; margin-left: 20px; margin-top: 15px; padding-bottom: 20px;}
		#internalContent a, a:visited {color: #e51837; text-decoration: underline;}
		#internalContent a:hover {text-decoration: none;}
	#payres {float: right; width: 217px; margin-right: 20px; margin-top: 10px; padding-bottom: 20px;}
	#toolsTop {clear: both; background: url(../images/toolsdiv_header.png) no-repeat; width: 901px; height: 13px; margin-left: 23px;}
		#toolsContent {background-image: url(../images/toolsdiv_bg.jpg); height:auto; width: 901px; margin-left: 23px; padding-top: 5px; padding-bottom: 5px;}
			#toolsContent a, a:visited {color: #e51837; text-decoration: underline;}
			#toolsContent a:hover {text-decoration: none;}
			#movinghints {float: left; width: 270px; margin-left: 20px;}
			#spaceestimator {float: left; width: 270px; margin-left: 25px;}
			#whatfits {float: right; width: 270px; margin-right: 20px;}
		#toolsBottom {background: url(../images/toolsdiv_footer.png) no-repeat; width: 901px; height: 14px; margin-left: 23px; padding-bottom: 10px;}
		
/* Locations page */
#address {float: left; width: 480px;}
	#payBtn2 {display: block; width: 119px; height: 39px; background: url("../images/pay_btn.png") no-repeat 0 0; float: left; margin-right: 10px; margin-top: 15px;}
		#payBtn2:hover {background-position: 0 -39px;}
		#payBtn2 span {display: none;}
	#reserveBtn2 {display: block; width: 133px; height: 39px; background: url("../images/reserve_btn.png") no-repeat 0 0; float: left; margin-right: 10px; margin-top: 15px;}
		#reserveBtn2:hover {background-position: 0 -39px;}
		#reserveBtn2 span {display: none;}
	#contactUs2 {display: block; width: 119px; height: 39px; background: url("../images/contact_btn.png") no-repeat 0 0; float: left; margin-right: 10px; margin-top: 15px;}
		#contactUs2:hover {background-position: 0 -39px;}
		#contactUs2 span {display: none;}
	#facilityBtn {display: block; width: 133px; height: 39px; background: url("../images/facility_btn.png") no-repeat 0 0; float: left; margin-right: 10px; margin-top: 15px;}
		#facilityBtn:hover {background-position: 0 -39px;}
		#facilityBtn span {display: none;}
#offers {float: right; width: 400px;}
#map_canvas {border: 1px solid #400A0A;	height: 300px; width: 100%;}
#map_canvas address {font-size: 13px; line-height: 15px; padding: 10px 0 0 0; text-align: center;}

#footer {background-image: url(../images/footer_bg.png); width:966px; height:118px; color: #000000; text-align: center; margin-bottom: 10px;}
	#footer a, a:visited {color: #002a5c; text-decoration: underline; font-size: 12px;}
	#footer a:hover {text-decoration: none;}