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

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

* Filename: styles.css
* Description: master external style sheet for The Self Storage Center web site
* Version: 1
* Website: http://www.theselfstoragecenter.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, hr {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 {
	color: #000000;
	background-repeat: repeat-x;
	background-image: url(../images/background_repeat.jpg);
	background-color:  #e7d1a8;
}
body, select, input {font:11pt/18px Arial, Helvetica, sans-serif;}


/* @typography
------------------------------------------------------*/
h1 {font: 20px Arial, Helvetica, sans-serif; padding-bottom: 16px;}
h2 {
	font-weight:bold;
	padding-bottom: 8px;
	padding-top: 16px;
	color: #000000;
}
h3 {font: bold 15px Arial, Helvetica, sans-serif; padding:16px 0 0; margin:0;}
h4 {font: bold 15px Arial, Helvetica, sans-serif; padding:16px 0 6px; margin:0;}
h5 {font: bold 15px Arial, Helvetica, sans-serif; padding:22px 0 8px; margin:0;}
p, address {text-align:left; padding:16px 0 8px;}
/* dl {padding: 0 0 10px 0;}
   dt {clear: left; float: left; font-weight: bold;}
   dd {padding: 0 0 5px 70px;} */
ul {margin:10px 0 8px;}
li {display:list-item; list-style:disc; margin:0 0 .15em 3.55em;}
a:link, a:visited {color:#a04d1f; text-decoration:underline;}
a:hover {color:#a04d1f; text-decoration:none;}


/* @defined classes 
------------------------------------------------------*/
.clearFloat {clear:both; height:0; font-size:1px;}
.error {font: bold 12px Arial, Helvetica, sans-serif; color: #CC0000;}
.facilityinfoBtn {margin:17px 0 37px 21px;}
.facilityinfoBtn-sideInternal {margin:17px 0 12px 0;}
.viewnowBtn {margin:22px 0 37px 21px;}
.arrowBullet {margin-right:10px; margin-top:5px;}
.arrowBullet-sideInternal {margin-right:10px;}
.orangeTextHome {color:#b15421; font-weight:bold; font-size:16px; line-height:22px;}
.orangeText {color:#b15421;}
.featuredPhoto {margin-top:15px;}
.caption {font-size:12px;}
.first {margin:16px 0 8px;}


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

#header {position:relative; width:1048px; height:112px; z-index:1;}
	#logo{position:absolute; top:0px; left:0px;}
	#navTop{position:absolute; top:10px; left:370px; width:620px;}		
		#navTop a {color:#ffffff; font:italic bold 12px Verdana, Arial, Helvetica, sans-serif;}
		#navTop a:link, #navTop a:visited {color:#ffffff; text-decoration: none;}
		#navTop a:hover {color:#ffffff; text-decoration: underline;}		
			#navTop li {display:inline; margin:0;}
			#navTop li a {border-right: 1px solid #ffffff; padding: 0 15px 0 12px;}
			#navTop li.last a {border-right: none; padding: 0 0 0 12px;}
	#navMain {position:absolute; top:55px; left:377px; width:610px; z-index:2;}
	
#container {position:relative; width:1048px; min-height:627px;}
	#leftcol {position:relative; padding:0; margin:40px 0 40px 56px; width:681px; float:left;}
		#3boxes {position:relative; width:681px;}
			#locations {position:relative; background:url(../images/locations_bg.png) no-repeat; width:224px; height:353px; float:left; margin-right:3px;}
				#locationsContent {font:13px Arial, Helvetica, sans-serif; color:#fdfcfb; padding:80px 26px;}
			#fits {position:relative; background:url(../images/fits_bg.png) no-repeat; width:224px; height:353px; float:left; margin-right:3px;}
				#fitsContent {font:13px Arial, Helvetica, sans-serif; color:#fdfcfb; padding:190px 26px 80px 26px;}
				
			#coupons {
	position:relative;
	width:224px;
	height:353px;
	float:right;
	margin-right:3px;
	background-image: url(../images/coupons_bg.png);
			}
			
			#coupons2 {
	position:relative;
	width:224px;
	height:353px;
	float:right;
	margin-right:3px;
	background-image: url(../images/coupon-home.png);
}
				#couponsContent {font:13px Arial, Helvetica, sans-serif; color:#fdfcfb; padding:80px 26px;}
					#couponsContent ul {margin-top:0;}
					#couponsContent li {display:list-item; list-style:disc; color:#fdfcfb; font:italic bold 14px Arial, Helvetica, sans-serif; margin:0.85em 0 0 6.05em;}
		#content-home {position:relative; padding:28px; width:615px;}
		#content {position:relative; padding:0 28px 0px; width:615px;}
		#content-transactions {position:relative; margin:40px auto; padding:0 28px 0px; width:970px;}
		#content-noside {position:relative; margin:40px 0 40px 56px; padding:0 28px 0px; width:870px;}
			#addressPhoneHours {float:left; width:320px;}
			#aside {float:right; width:550px; padding:15px 0 0 0; text-align:center;}
			#map_canvas {border: 1px solid #400A0A;	height: 350px; width: 100%;}
			#map_canvas address {font-size: 13px; line-height: 15px; padding: 10px 0 0 0; text-align: center;}
	#rightcol {position:relative; background:url(../images/sidebar_bg.png) no-repeat; padding:0; margin:40px 56px 40px 0; width:255px; height:914px; float:right;}
		#sideContent {position:relative; padding:19px 22px 22px; font:13px Arial, Helvetica, sans-serif;}
			#featuredLocations {text-align:center;}
	#map_coupon {
	height: 249px;
	width: 469px;
	margin-left: 298px;
	margin-top: 172px;
	position: absolute;
}

#footer {position:relative; background:url(../images/footer_bg.jpg) repeat-x; width:100%; height:82px; color:#383434; font-size:12px;}
    #footer a {color: #383434; font-weight:normal; font-size:12px;}
	#footer a:link, #navFoot a:visited {text-decoration: underline; font-weight:normal; font-size:12px;}
	#footer a:hover {text-decoration: none; font-weight:normal; font-size:12px;}
	#navFoot {margin:0px; padding: 18px 0 0 0; text-align: center;}		
		#navFoot li {display:inline; margin:0;}
		#navFoot li a {border-right: 1px solid #383434; padding: 0 6px 0 3px;}
		#navFoot li.last a {border-right: none; padding: 0 0 0 3px;}
	#copyright {margin:0px; padding: 12px 0 0 0; text-align: center;}
	
#couponcutout {
	height: 310px;
	width: 160px;
	border: thin dotted #333333;
	margin-top: 20px;
	margin-left: 35px;
	background-color: #B5BD8E;
}	

.coupontitle {
	font-size: 20px;
	font-weight: bold;
}
.coupon_head_title {
	font-size: 22px;
	font-weight: bolder;
	text-align: center;
}
.couponsubinfo {
	font-size: 14px;
	font-weight: bolder;
	text-align: center;
}
.internetspecial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}



.locationtitle {
	font-size: 15px;
	font-weight: bold;
}
.locationaddress {
	font-size: 14px;
}