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

* Filename: style.css
* Description: global styles
* Version: 1.0.0 (2009.10.18)
* Website: www.islandselfstorage.bm
* Author: Dana Severance @ Automatit, Inc

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

	@reset				Standard Reset
	@general			General Declarations
	@typography			Typographic Declarations
	@header				Header Declarations
	@container			Container, Content, & Aside
	@footer				Footer Declarations

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

/* @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: url(../img/bg.png);}
body, select, input, option {font: 13px/18px Verdana, Arial, Helvetica, sans-serif; word-spacing: -1px;}
#wrap {margin: 0 auto; position: relative; width: 985px;}
	.floatright {clear: right; display: inline; float: right; margin: 3px 22px 30px 70px;}
	.floatright2 {clear: right; display: inline; float: right; margin: 3px 22px 0px 70px; border: solid 2px #666;}
	.floatleft {clear: left; display: inline; float: left; margin: 0 0 0 0;}
	.floatleft2 {clear: left; display: inline; float: left; margin-right: 20px; margin-bottom: 5px; border: solid 2px #666;}
/* @typography
-------------------------------------------------------*/
h1 {margin-left: -3px; padding-bottom: 10px;}
h2 {margin-left: -3px; padding-top: 5px; padding-bottom: 10px;}
h3, h4, h5, h6 {}
p, address {font-style: normal; padding-bottom: 14px;}
ul, ol {margin-left: 20px; padding-bottom: 10px;}
li {padding-bottom: 4px;}
a {color: #ff7d02; font-weight: bold;}
	a:link, a:visited {color: #ff7d02; text-decoration: underline;}
	a:hover, a:focus {color: #ff7d02; text-decoration: none;}
img.border {border: 2px solid #615b57; padding:0px; margin: 0px;}
strong {color: #383131;}
	dt {color: #ff7d02; clear: left; float: left; font-weight: bold;}
	dd {padding: 0 0 14px 80px; text-indent: 0;}
		dd address {padding: 0 0 0 0;}
#flashsize {
	padding-left: 100px;
	padding-top: 7px;
}

/* @header
-------------------------------------------------------*/
#header {background: url(../img/header.png) no-repeat; height: 252px; position: relative; width: 985px; z-index: 4;}
	#header #logo {left: 523px; position: absolute; top: 20px; z-index: 3;}
	#header #address {left: 31px; position: absolute; top: 48px;}
	#header #nav-top {height: 22px; left: 365px; list-style: none; position: absolute; top: 154px; width: 148px; z-index: 4;}
		#header #nav-top li {display: inline;}
			#header #nav-top li a {background-image: url(../img/nav-top.png); display: block; float: left; height: 22px; text-indent: -9999em;}
				#header #nav-top li a.home {background-position: 0 0; width: 57px;}
					#header #nav-top li a.home:hover, #header #nav-top li a.home:focus {background-position: 0 -22px;}
				#header #nav-top li a.contact {background-position: -57px 0px; width: 91px;}
					#header #nav-top li a.contact:hover, #header #nav-top li a.contact:focus {background-position: -57px -22px;}
	#header #nav-main {display: block; height: 33px; font: 12px/15px "Times New Roman", Times, serif; left: 17px; list-style: none; margin: 0; padding: 0; position: absolute; top: 201px; width: 951px;}
		#header #nav-main li {display: inline; float: left; margin: 0; padding: 0; position: relative;}
			#header #nav-main li a {background-image: url(../img/nav.gif); display: block; float: left; font-weight: normal; height: 33px; text-indent: -9999em;}
				#header #nav-main li a.loc {background-position: 0 0; width: 110px;}
					#header #nav-main li a.loc:hover, #header #nav-main li a.loc:focus, #header #nav-main li a.loc.current {background-position: 0 -33px;}
				#header #nav-main li a.res {background-position: -110px 0; width: 155px;}
					#header #nav-main li a.res:hover, #header #nav-main li a.res:focus, #header #nav-main li a.res.current {background-position: -110px -33px;}
				#header #nav-main li a.pay {background-position: -265px 0; width: 130px;}
					#header #nav-main li a.pay:hover, #header #nav-main li a.pay:focus, #header #nav-main li a.pay.current {background-position: -265px -33px;}
				#header #nav-main li a.opt {background-position: -395px 0; width: 131px;}
					#header #nav-main li a.opt:hover, #header #nav-main li a.opt:focus, #header #nav-main li a.opt.current {background-position: -395px -33px;}
				#header #nav-main li a.calc {background-position: -526px 0; width: 155px;}
					#header #nav-main li a.calc:hover, #header #nav-main li a.calc:focus, #header #nav-main li a.calc.current {background-position: -526px -33px;}
				#header #nav-main li a.fits {background-position: -681px 0; width: 87px;}
					#header #nav-main li a.fits:hover, #header #nav-main li a.fits:focus, #header #nav-main li a.fits.current {background-position: -681px -33px;}
				#header #nav-main li a.supplies {background-position: -768px 0; width: 183px;}
					#header #nav-main li a.supplies:hover, #header #nav-main li a.supplies:focus, #header #nav-main li a.supplies.current {background-position: -768px -33px;}	
				#header #nav-main ul {border: 3px solid #cab393; display: none; left: 0px; margin: 10px 0 0 0; padding: 0; position: absolute; top: 20px; width: auto; z-index: 4;}	
					#header #nav-main li:hover ul {display: block;}
					#header #nav-main ul li a {background: #addfea; color: #2f2524; display: block; float: left; font-size: 12px; height: auto; line-height: 14px; padding: 5px; text-decoration: none; text-indent: 0em; text-transform: uppercase; width: 12em;}
					#header #nav-main ul li a:hover, #header #nav-main ul li a:focus, #header #nav-main ul li a.current {background: #faa452;}
				#header #nav-main ul.sub2 {border: 3px solid #cab393; display: none; left: 3px; margin: 10px 0 0 0; padding: 0; position: absolute; top: 20px; width: auto; z-index: 4;}

/* @container
-------------------------------------------------------*/
#container {background: url(../img/container.png); position: relative; width: 985px; min-height: 300px; z-index: 2;}
	#content {/*overflow: auto;*/ padding: 8px 48px 0 37px;}
	#news {
	background-image: url(../img/news_events.png);
	width: 276px;
	height: 48px;
	padding-top: 50px;
	margin-top: 10px;
}
	#news img {padding-top: 5px;}
	#news span {padding-left: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
	#testimonialbg {background-image: url(../img/testimonials_aside.png); width: 276px; height: 48px; margin-top: 13px; padding-top: 50px;}
	#testimonialbg img {padding-top: 5px;}
	#testimonialbg span {padding-left: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}


/* @footer
-------------------------------------------------------*/
#footer {background: url(../img/footer.png) no-repeat top; color: #000000; height: 41px; margin: 0 auto 10px; padding: 25px 20px 2px; position: relative;}
#index #footer {background: url(../img/footer-index.png) no-repeat top;}
	#footer p {float: left; font-size: 9px; font-weight: bold; line-height: 14px; width: 330px;}
		#footer p a {color: #000000;}
	#footer #nav-foot {float: right; font-size: 9px; list-style: none; margin: 0; padding: 0; text-align: right; width: 550px;}
		#footer #nav-foot li {display: inline; margin: 0; padding: 0; text-align: right;}
			#footer #nav-foot li a {border-right: 1px solid #000; color: #000; padding: 0 .55em 0 .5em; text-align: right; text-decoration: underline;}
				#footer #nav-foot li a:hover, #footer li a:focus {text-decoration: none;}
			#footer #nav-foot li.last a {border-right: none; padding: 0 0 0 .5em;}
.hours {
	font-family: Verdana, Geneva, sans-serif;
}