@charset "UTF-8";
/*
	Main CSS styles for AA Self Storage of Raleigh
	Created by: Neal Saxon, Senior Web Developer, Click Optimize
	02/15/2010
*/

body{
	margin: 0;
	padding: 0;
	color: #000;
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #bebebe;
}

/*--------------------(  )--------------------*/
/*--------------------( Home Only Styles )--------------------*/

body#main{ background: #bebebe url(/images/bg-body-home.jpg) repeat-x; }

#tagline{
	position: absolute;
	top: 23px;
	left: 375px;
	font-size: 36px;
	font-weight: bold;
}

ul#home-nav{
	position: absolute;
	top: 90px;
	left: 353px;
	width: 559px;
	height: 39px;
	margin: 0;
	padding: 2px 15px;
	list-style: none;
	background: url(/images/bg-home-nav.png) no-repeat;
	font: 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
}
ul#home-nav li{
	float: left;
	height: 39px;
}
ul#home-nav li a{
	display: block;
	color: #414042;
	text-align: center;
	line-height: 19px;
	padding: 10px 15px;
	text-decoration: none;
}
ul#home-nav li a:hover,
ul#home-nav li a.cur{
	text-decoration: underline;
}

#flash-container{
	margin: 0 0 15px 0;
	width: 919px;
	height: 329px;
	padding: 12px 13px;
	background: url(/images/bg-flash-container.png) no-repeat;
}

body#main #content-container{
	background: none;
}
body#main #content-container h1{ color: #000; font-size: 40px; }
body#main #content{
	float: left;
	width: 575px;
	padding: 15px 0 0 0;
	color: #000;
}
body#main #sidebar{
	float: right;
	width: 338px;
}

ul#main-sidenav{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
ul#main-sidenav li{
	display: block;
}

body#main #sidebar img{
	border: 1px solid #414042;
}

.sidebar-btn{
	margin-bottom: 10px;
}
.sidebar-btn a{
	display: block;
	width: 338px;
	height: 172px;
	text-indent: -9999px;
	overflow: hidden;
	background-position: left top;
	background-repeat: no-repeat;
}
.sidebar-btn a:hover{ background-position: left -172px; }
a#rv-boat-storage{ background-image: url(/images/btn-rv-boat-storage.jpg); }
a#security{ background-image: url(/images/btn-security.jpg); }


/*--------------------( Interior and common styles )--------------------*/

body#location{ background: #bebebe url(/images/bg-body-location.jpg) repeat-x; }

#wrap{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	text-align: left;
}

#header{
	position: relative;
	width: 960px;
	height: 147px;
}

#logo{
	position: absolute;
	top: 5px;
	left: 0;
	width: 319px;
	height: 132px;
}
#logo a{
	display: block;
	width: 319px;
	height: 132px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/aa-logo.png) no-repeat;
}

#phone-header{
	position: absolute;
	top: 25px;
	right: 25px;
	color: #92191c;
	font-size: 36px;
	font-weight: bold;
}
#address-header{
	position: absolute;
	top: 95px;
	right: 25px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}

#content-container{
	padding: 5px 6px 20px 10px;
	background: #fff;
}

#content-container{
	text-align: justify;
	font-size: 16px;
	line-height: 28px;
}

#content-container h1{
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 36px;
	line-height: normal;
	font-weight: bold;
	color: #92191c;
}
#content-container h2{
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 24px;
	line-height: normal;
	font-weight: bold;
	color: #000;
}

#content-container p{
	margin: 0;
	padding: 0 0 10px 0;
}
#content-container ul{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 10px;
}
#content-container a{
	color: #7b1316;
	text-decoration: none;
}
#content-container a:hover{ text-decoration: underline; }

#content{
	float: right;
	padding: 0 23px 0 0;
	width: 593px;
}

#banner{ margin: 0 0 15px 0; }

#gallery{
	width: 593px;
	height: 500px;
}

#sidebar{
	float: left;
	padding: 0 0 0 19px;
	width: 281px;
}

#location-nav-container{
	width: 281px;
	padding: 13px 0 0 0;
	background: url(/images/bg-location-nav-container.png) no-repeat;
}
ul#location-nav{
	margin: 0 0 15px 0;
	padding: 0 12px 10px 11px;
	list-style: none;
	width: 258px;
	background: url(/images/bg-location-nav.png) left bottom no-repeat;
}
ul#location-nav li{
	width: 258px;
	margin: 0;
	padding: 0 0 5px 0;
	background: url(/images/location-nav-border.png) left bottom no-repeat;
}
ul#location-nav li.last{ background: none; }
ul#location-nav a{
	display: block;
	width: 258px;
	color: #ab1015;
	font: 20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	text-align: center;
	line-height: 43px;
	text-decoration: none;
}
ul#location-nav a:hover,
ul#location-nav a.cur{
	color: #000;
	text-decoration: none;
}

a#browse-locations{
	display: block;
	width: 281px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 15px 0;
}

a#browse-locations{
	height: 109px;
	background: url(/images/bg-browse-spaces.jpg) left top no-repeat;
}
a#browse-locations:hover{ background-position: left -109px; }

a#google-map{
	margin: 0 0 15px 0;
}

img.location-map{
	border: 2px solid #92191c;
}

textarea{
	width: 300px;
	height: 100px;
}

.clear{ clear: both; }

/*--------------------( Location Dropdown )--------------------*/
#location-dropdown{
	position: absolute;
	top: 17px;
	left: 325px;
	width: 345px;
	font-weight: bold;
}
#location-dropdown a#current-section{
	display: block;
	font-size: 30px;
	line-height: 34px;
	margin: 0;
	padding: 7px 0 0 13px;
	height: 41px;
	border: 2px solid #fff;
	border-bottom: none;
	cursor: pointer;
}
#location-dropdown a#current-section.active{
	border: 2px solid #ad1116;
	border-bottom: none;
}
#location-dropdown a#current-section span.name{
	float: left;
	display: block;
	padding: 0 10px 0 0;
}
#location-dropdown a#current-section span.arrow{
	float: left;
	display: block;
	width: 26px;
	height: 33px;
	background: url(/images/dropdown-arrow.png) left top no-repeat;
}
#location-dropdown a#current-section:hover span.arrow,
#location-dropdown a#current-section.active span.arrow{
	background-position: left -33px;
}
#location-dropdown a#current-section span.help-txt{
	float: left;
	display: block;
	padding: 2px 0 0 15px;
	font-size: 10px;
	line-height: 14px;
	width: 80px;
	text-align: center;
}
#location-dropdown ul{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 341px;
	background: #fff;
	border: 2px solid #ad1116;
	border-top: none;
	-moz-opacity:.95;
	filter:alpha(opacity=95);
	opacity:.95;
}
#location-dropdown li{
	display: block;
	width: 301px;
}
#location-dropdown ul a{
	display: block;
	width: 311px;
	padding: 5px 15px;
	color: #636466;
	font-size: 28px;
	line-height: 28px;
	text-decoration: none;
}
#location-dropdown ul a:hover{
	color: #fff;
	background: #ad1116;
	text-decoration: none;
}

/*--------------------( Footer )--------------------*/

#footer-wrap{
	margin: 0;
	padding: 0;
	background: #414042 url(/images/bg-footer-wrap.jpg) repeat-x;
}
#footer{
	position: relative;
	width: 960px;
	min-height: 145px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	text-align: left;
}

#footer ul{
	float: left;
	width: 655px;
	margin: 22px 0 0 0;
	padding: 0;
	list-style: none;
	clear: left;
}
#footer ul li{
	float: left;
	padding: 0 15px;
	border-right: 1px solid #fff;
}

#footer ul li.last{ padding-right: 0px; border: none; }
#footer a{
	color: #fff;
	text-decoration: none;
}
#footer a:hover,
#footer a.cur{ text-decoration: underline; }

#clickoptimize{
	position: absolute;
	top: 60px;
	right: 18px;
	width: 177px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #fff;
}
#clickoptimize a{
	color: #fff;
	text-decoration: none;
}
#clickoptimize a:hover{ text-decoration: underline; }