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

* Filename: styles.css
* Description: master external style sheet for High Tech Storage web site
* Version: 1
* Website: http://www.hightechstorage.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:#f8a457 url(../images/background.jpg) repeat-x; color: #000000;}
body, select, input {font: 14px/16px Arial, Helvetica, sans-serif;}
a {color: #f37838;}
	a:link, a:visited {text-decoration: underline;}
	a:hover {text-decoration: none;}


/* @typography
------------------------------------------------------*/
h1 {
	font: bold 20px Arial, Helvetica, sans-serif;
	padding-bottom: 16px;
}
h2 {
	font: bold 15px Arial, Helvetica, sans-serif;
	padding-bottom: 16px;
}
h3 {
	font: bold 14px Arial, Helvetica, sans-serif;
	padding-bottom: 16px;
	padding-top: 9px;
}
h4 {font: bold 11px Arial, Helvetica, sans-serif;}
h5 {font: italic 12px Arial, Helvetica, sans-serif;}
h6 {font: bold 12px Arial, Helvetica, sans-serif; padding-bottom: 18px;}
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-bottom: 16px;}
li {
	display:list-item;
	list-style:disc;
	margin:0 0 0.65em 3.55em;
	padding-right: 25px;
}

/* @defined classes
------------------------------------------------------*/
.pageHeader {padding:0 0 16px;}
.smallText {font-size:9px;}
.clearFloat {clear:both; height:0; font-size:1px;}
.error {font: bold 14px Arial, Helvetica, sans-serif; color: #CC0000;}
.imgleft {
	float: left;
	margin-right: 12px;
	border-style: solid;
	border-width: 1px;
}
.imgright {
	float: right;
	margin-left: 18px;
	margin-right: 25px;
	border-style: solid;
	border-width: 1px;
}
.location-aside {
	float: right;
	margin-left: 18px;
	margin-right: 25px;
	width:250px;
	clear: right;
	margin-top: 22px;
}

/* @defined ids
------------------------------------------------------*/
#wrapper {margin:0 auto; width:970px;}

#headerHome {position:relative; width:970px; height:259px; z-index:2;}
	#addressPhoneHome {position:absolute; background:url(../images/address_phonehome_bg.jpg) no-repeat; width:970px; height:83px; top:176px; z-index:3;}
		/*#addressPhoneHome img {margin-left:308px; margin-top:18px;}*/
		#offer_button {margin-left: 62px; margin-top: 3px; }
		#address_info {margin-left:30px; padding-bottom: 10px;}
		
#header {position:relative; width:970px; height:270px; z-index:2;}
	#logo {position:absolute; top:15px; left:32px;}
	#tagline {position:absolute; top:39px; left:417px;}
	#toplinks {position:absolute; top:55px; left:694px; width:171px; height:22px;}
		#homelink {position:absolute; width:68px; height:22px; top:5px; left:55px;}
		#contactlink {position:absolute; width:103px; height:22px; top:5px; left:123px;}			
	#navMain {position:absolute; top:140px; left:11px; width:946px; height:35px; z-index:4;}
	#addressPhone {position:absolute; background:url(../images/address_phone_bg.jpg) no-repeat; width:970px; height:94px; top:176px; z-index:3;}
		#addressPhone img {margin-left:308px; margin-top:18px;}

#container {position:relative; width:970px; background:url(../images/container_bgrepeat.png) repeat-y; z-index:1;}	
	#flash {position:relative; width:931px; height:490px; padding:0 0 0 19px;}
	#content {position:relative; width:896; padding:6px 36px 4px; min-height:145px;}
#wrapper #container #content #locationleft {
	width: 450px;
	float: left;
	padding-top: 7px;
}
#wrapper #container #content #locationright {
	width: 420px;
	float: right;
	padding: 10px;
}

		#office-hours {
	float:left;
	margin: 0px;
}
		#gate-hours {
	float:right;
	margin-right: 40px;
}
		#boxes {padding-top:10px;}	
    #gallery {
		margin: 4px 0 0 0;
		padding: 0;
		height: 188px;
		width: 250px;
		background:url(../images/gallery/gallery_1.jpg) no-repeat;
		border-style:solid;
		border-width:1px;
	}		
#wrapper #container #content #facilityoffer {
	clear: left;
	float: left;
	margin-top: 20px;
}

	#map-directions {position:relative; top:33px; margin-bottom:42px;}
	#map_canvas {border: 1px solid #400A0A; height: 300px; width: 894px; margin: 0;}
	#map_canvas address {font-size: 13px; line-height: 15px; padding: 10px 0 0 0; text-align: center;}

#footer {position:relative; background:url(../images/footer_bgrepeat.jpg) repeat-y; width:970px; min-height:178px;}
#footer-contentHome {position:relative; background:url(../images/footerHome_bg.jpg) no-repeat; width:970px; height:120px; color:#42372a; font-size: 12px;}
#footer-content {position:relative; background:url(../images/footer_bg.jpg) no-repeat; width:970px; height:137px; color:#42372a; font-size: 12px;}
    #footer a {color: #42372a;}
	#footer a:link, #navFoot a:visited {text-decoration: underline;}
	#footer a:hover {text-decoration: none;}
	#navFoot {position:relative; margin:0 0 0 5px; padding: 47px 0 0 0; text-align:center; text-transform:uppercase; line-height:18px; width:680px;}		
		#navFoot li {display:inline; margin:0; padding: 0px;}
		#navFoot li a {border-right: 1px solid #42372a; padding: 0 9px 0 6px;}
		#navFoot li.last a {border-right: none; padding: 0 0 0 6px;}
	#copyright {position:relative; margin:0 0 0 5px; padding: 20px 0 0 0; text-align:center; width:680px;}