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

* Filename: styles.css
* Description: master external style sheet for U Securit Storage web site
* Version: 1
* Website: http://www.conyersselfstorage.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/background.jpg); color: #000000; margin-top: 0px;}
body, select, input {font: 12px Verdana, Arial, Helvetica, sans-serif; line-height: 16px;}
a {color: #039cff;}
	a:link, a:visited {text-decoration: underline;}
	a:hover {text-decoration: none;}


/* @typography
------------------------------------------------------*/
h1 {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #fb8800;
	padding-bottom: 15px;
}
h2 {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-style: italic;
	display: inline;
}
h3	{
	font: Verdana, Arial, Helvetica, sans-serif 14px;
	color: #fb8800;
	display: inline;
}
h4 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #fb8800;
}
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.65em 3.55em;
}

/* @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:1023px; background-image: url(../images/wrapper_bg.png); background-position: center; background-repeat: repeat-y;}

#headerHome {position:relative; width:525px; height:31px; z-index:2; background-image: url(../images/topmenu_bg.jpg); float: right;}
	#headerHome #home {display: block; width: 55px; height: 14px; background-image: url(../images/top_home.png); margin-top: 10px; float: left; margin-left: 325px;}
	#headerHome #home:hover {background-position: 0 -14px;}
	#headerHome #home span {display:none;}
	#headerHome #contact {display: block; width: 101px; height: 14px; background-image: url(../images/top_contact.png); float: right; margin-top: 10px; margin-right: 20px;}
	#headerHome #contact:hover {background-position: 0 -14px;}
	#headerHome #contact span {display: none;}
	
#header {background-image: url(../images/header_bg.jpg); background-repeat: no-repeat; background-position: bottom; width:965px; height: 170px; margin-left: 29px; z-index:2;}
	#logo {position: relative; top:25px; left:100px; float: left;}
	#slogan {position: relative; float: right; margin-top: 25px; padding-right: 120px;}
		#slogan img {margin-left: 15px;}
	#onlineButtons {position: relative; top: 5px; z-index:3; height: 71px; width: 369px;}
		#onlineButtons #reservations {display: block; width: 198px; height: 71px; background-image: url(../images/reservation_button.png); float:left;}
		#onlineButtons #reservations:hover {background-position: 0 -71px;}
		#onlineButtons #reservations span {display: none}
		#onlineButtons #payments {display: block; width: 171px; height: 71px; background-image: url(../images/payments_button.png); float:right;}
		#onlineButtons #payments:hover {background-position: 0 -71px;}
		#onlineButtons #payments span {display: none}

#container {background-image: url(../images/content_bg.jpg); background-repeat: no-repeat; width: 965px; min-height: 550px; margin-left: 29px; padding-bottom: 20px;}
	#slideshowbg {background-image: url(../images/slideshow_bg.png); background-repeat: no-repeat; width: 952px; height: 357px; margin-left: 5px;}
		#navMain {padding-top: 30px; padding-left: 32px; width:890px; height:41px;}
		#slideshow {padding-left: 27px;}
	#content {float: left; width: 550px; height: auto; margin-top: 10px; margin-left: 35px;}
		#content a, a:visited {color: #039cff; text-decoration: underline;}
		#content a:hover {text-decoration: none;}
		#map {margin-top:15px; float:right; width:306px; height:343px; margin-right:3px; background-image: url(../images/map_bg.png); text-align:center; padding-top:8px; padding-left:29px; padding-right:31px; font-size: 11px;}
			#map a, visited, active {color: #FFFFFF;}
			#map a:hover {text-decoration: none;}
		#hints {float: left; width: 250px; border-right: 2px solid #fb8800; padding-right: 20px;}
			#hints a, a:visited {color: #fb8800; text-decoration: underline;}
			#hints a:hover {text-decoration: none;}
		#calculator {float: right; width: 250px;}
			#calculator a, a:visited {color: #fb8800; text-decoration: underline;}
			#calculator a:hover {text-decoration: none;}
				
/* Internal Pages */
#internalcontainer {background-image: url(../images/content_bg.jpg); background-repeat: no-repeat; width: 965px; min-height: 500px; margin-left: 29px; padding-bottom: 10px;}		
	#topimg {background-image: url(../images/internal_slideshowbg.png); background-repeat: no-repeat; width: 952px; height: 252px; margin-left: 5px;}
		#internalimg {padding-left: 27px;}
	#internalcontent {margin-left: 35px; margin-bottom: 15px; margin-right: 35px; margin-top: 10px;}
		#internalcontent a, a:visited {color: #039cff; text-decoration: underline;}
		#internalcontent a:hover {text-decoration: none;}
	
#map_canvas {border: 1px solid #000000;	height: 300px; width: 550px; float: left;}
#map_canvas address {font-size: 13px; line-height: 15px; padding: 10px 0 0 0; text-align: center;}	
.ProgramH2 {color: #fb8800; font-size: 12px;}
				
#footer {position:relative; background-image: url(../images/footer_bg.png); width:1023px; height:189px; color: #000000; overflow: hidden; margin-left: auto; margin-right: auto; text-align: center; padding-top: 20px; font-size: 10px;}
	#footer a {color: #000000;}
	#footer a:link, #navFoot a:visited {text-decoration: underline;}
	#footer a:hover {text-decoration: none;}
	#smalllogo {float: left; width: 170px; margin-left: 90px; margin-top: 5px;}
	#address {float: left; width: 440px; font-weight: bold;}
	#creditcards {float: right; width: 250px; margin-right: 70px; margin-top: 15px;}