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

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

* Filename: styles.css
* Description: master external style sheet for the Judson Storage web site
* Version: 1
* Website: http://www.judsonstorage.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 {background-color:#87888d; color: #010101;}
body, select, input {font:11pt/18px Arial, Helvetica, sans-serif;}


/* @typography
------------------------------------------------------*/
/* h1 {font: 20px Arial, Helvetica, sans-serif; padding-bottom: 16px;} */
h2 {
	font-size:18px;
	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:10px 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 14px;}
li {display:list-item; list-style:disc; margin:0 0 .15em 3.55em;}
a:link, a:visited {color:#ce3539; text-decoration:underline;}
a:hover {color:#ce3539; text-decoration:none;}


/* @defined classes 
------------------------------------------------------*/
.clearFloat {clear:both; height:0; font-size:1px;}
.error {font: bold 12px Arial, Helvetica, sans-serif; color: #CC0000;}
.pageTitle {padding-bottom:8px;}
.sidebar-yellowtext {color:#fbdb4a;}
.sidebar-whitetext {color:#fafdfe;}
	.sidebar-whitetext a:link {color:#fafdfe; text-decoration:underline;}
	.sidebar-whitetext a:visited {color:#fafdfe; text-decoration:underline;}
	.sidebar-whitetext a:hover {color:#fafdfe; text-decoration:none;}
.subhead-blue {font:bold 16px Arial, Helvetica, sans-serif; color: #007ac2;}
.subhead-red {
	font:bold 16px Arial, Helvetica, sans-serif;
	color: #FF0F0F;
}

.buttons {
	float: right;
	padding-top: 20px;
	padding-right: 20px;
}

.divider {border-top: 4px solid #242020; width:960px; height:0px; padding:0; margin:0px;}
.locationAddress {
	float: left;
}
.locationContainer {
	width: 900px;
	height: 100px;
}


/* @defined ids
------------------------------------------------------*/
#wrapper {margin:0 auto; width:1000px; background:url(../images/wrapper_bgrepeat.jpg) repeat-y;}

#header {margin:0 auto; position:relative; background:url(../images/header_bg.jpg) no-repeat top; width:960px; height:208px; z-index:2;}
	#logo {position:absolute; top:19px; left:39px;}
	#tagline-boxes {position:absolute; top:0; left:453px;}
	#navMain {position:absolute; top:177px; left:0px; width:960px; z-index:3;}
	
#container {margin:0 auto; position:relative; background:#d6eaf5 url(../images/container_bg.jpg) no-repeat; width:960px; z-index:1;}
	#regular-copy {margin:0 auto; position:relative; background:url(../images/regular-copy_bg.png) repeat-y; width:960px; min-height:889px;}
		#leftcol {position:relative; padding:0; margin:25px 0; width:650px; float:left;}	
			#location-box {position:relative; background:url(../images/location_box.jpg) no-repeat; width:655px; height:212px; left:20px;}
				#box-buttons {position:relative; top:68px; left:15px; width:225px;}					
				#box-link {position:relative; top:134px; left:69px; width:114px;}
			#content {position:relative; padding:30px 28px 0; width:640px;}		
				#get-to-know {position:relative; padding-top:20px; width:640px;}
					#mover {position:relative; float:left; margin:10px 25px 15px 0; width:122px;}
					#get-to-know-content {position:relative; float:right; width:493px;}
			#content-internal {position:relative; padding:0 28px 7px; width:640px;}
		#rightcol {position:relative; width:265px; float:right;}
			#box-transactions-home {position:relative; background:url(../images/box_transactions_bg.png) no-repeat; height:244px; width:245px; margin:0 0 25px 19px;}
			#box-transactions {position:relative; background:url(../images/box_transactions_bg.png) no-repeat; height:244px; width:245px; margin:19px 0 50px 20px;}
				#btn-pay {position: relative; top:18px; left:12px;}
				#btn-reserve {position:relative; top:14px; left:12px;}
			#location-header {position:relative; padding:0 0 35px 0; text-align:center; font:14px/16px Verdana, Arial, Helvetica, sans-serif;}
			#locations-list {position:relative; padding:0 0 56px 58px; text-align:left; font:13px/16px Verdana, Arial, Helvetica, sans-serif;}				
			#box-fits-home {position:relative; background:url(../images/box_fits_bg.png) no-repeat; height:235px; width:225px; margin:23px 0 57px 21px;}
			#box-fits {position:relative; background:url(../images/box_fits_bg.png) no-repeat; height:235px; width:225px; margin:0 0 25px 21px;}
				#box-fits-content {position:relative; font:13px/22px Arial, Helvetica, sans-serif; color:#010101; padding:50px 15px 25px 25px;}
	#content-transactions {position:relative; margin:32px 0 32px; padding:0 28px; width:900px;}
	#content-noside {position:relative; margin:25px 0 32px; padding:0 28px; width:900px;}
		#map_canvas {
	border: 1px solid #400A0A;
	height: 350px;
	width: 350px;
}
#location-rightside {
	float: right;
	width: 350px;
	padding-left: 20px;
}

		#map_canvas address {font-size: 13px; line-height: 15px; padding: 10px 0 0 0; text-align: center;}

#footer {position:relative; margin:0 auto; background:url(../images/footer_bg.jpg) no-repeat; width:1000px; height:75px; color:#010101; font-size:12px;}
    #footer a {color: #383434; font-weight:normal; font-size:11px;}
#flashsize {
	padding-left:50px;
	padding-top: 15px;
}

	#footer a:link, #navFoot a:visited {text-decoration: underline; font-weight:normal; font-size:11px;}
	#footer a:hover {text-decoration: none; font-weight:normal; font-size:11px;}
	#navFoot {margin:0px; padding: 7px 0 0 0; text-align: center;}		
		#navFoot li {display:inline; margin:0;}
		#navFoot li a {border-right: 1px solid #383434; padding: 0 12px 0 9px;}
		#navFoot li.last a {border-right: none; padding: 0 12px 0 9px;}
	#copyright {margin:0px; padding: 6px 0 7px 0; text-align: center;}