/*
Theme Name: Self Storage
*/

* { padding:0; margin:0; outline:0; }
.cl { font-size:0; line-height:0; height:0; display:block; clear:both; }
a img { border:0; }

body {
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-size:12px;
	line-height:17px;
	color:#050505;
	background:#f6f6ee url(images/body.gif) repeat-x 0 0;
	padding-bottom:20px;
}
.left { float:left; display:inline; }
.right { float:right; display:inline; }

.notext { font-size:0; line-height:0; background-repeat:no-repeat; background-position:0 0; text-indent: -4000px;}

a { color:#0030b9; text-decoration: none; cursor:pointer; }
a:hover { color:#000; }

h2 { font-size:17px; line-height:21px; }

h2.h-call { height:115px; width:244px; background-image:url(images/h-call.gif); float:right; }
h2.h-slogan { height:115px; width:552px; background-image:url(images/h-slogan.gif); float:right; }

.shell { width:980px; margin:0 auto}

#header { height:115px; }

h1#logo { font-size:0; line-height:0; height:115px; width:186px; float:left; }
h1#logo a{ display:block; height:115px; background:url(images/logo.gif); text-indent: -4000px;}

#navigation { height:54px; background:url(images/navigation.gif) repeat-x 0 0}
#navigation ul{ list-style-type: none; padding:13px 25px 0 25px; text-transform: uppercase; font-weight: bold;}
#navigation ul li{ float:left; display:inline; padding-right:20px; position:relative; z-index:2;}

#navigation ul li a,
#navigation ul li a span{ float:left; height:28px; background:url(images/nav.gif) no-repeat 0 -200px;; padding: 0 0 0 10px; }
#navigation ul li a span{ background-position:right -200px; padding: 0 10px 0 0; }
#navigation ul li a { line-height:28px; color:#2d2d2d; }
#navigation ul li.hover a { background-position: 0 0; color:#fff !important; }
#navigation ul li.hover a span{ background-position: right 0; }

#navigation ul li a:hover,
#navigation ul li.current_page_item a,
#navigation ul li a.active{ color:#0030b9; }

#navigation ul li .sub { position:absolute; top:28px; left:0; width:200px; background:#3f3f3f url(images/sub-t.gif) no-repeat 0 0; display:none;}
#navigation ul li.hover .sub ul{ background:url(images/sub-b.gif) no-repeat 0 bottom; padding:10px 0;}
#navigation ul li.hover .sub ul li{ float:none; padding:0; display:block; line-height:17px; position:static;}
#navigation ul li.hover .sub ul li a{ float:none; display:block; width:150px; background:transparent; padding:2px 20px 2px 30px; }
#navigation ul li.hover .sub ul li a:hover{ background:#909090 url(images/sub-arr.gif) no-repeat 15px 50%; }

#head { height:232px; background:url(images/head.jpg) no-repeat 0 0; position:relative; }
#head-info { position:absolute; top:20px; left:35px; width:251px; height:103px; background:url(images/head-info.gif) no-repeat 0 0; font-size:15px; line-height:18px; }
#head-info p{ padding:10px 15px 0 15px; }
#head-info strong{ color:#ff0008; font-size:1.2em;}


#main { width:980px; background:url(images/main-c.gif) repeat-y 0 0;}
#main-t { width:980px; background:url(images/main-t.gif) no-repeat 0 0;}
#main-b { height:100%; background:url(images/main-b.gif) no-repeat 0 bottom; padding:35px 25px;}

#footer { background:url(images/footer.gif) no-repeat 0 0; margin-top:90px; padding-top:20px; font-weight: bold; color:#515151; }
#footer a{ color:#515151; }
#footer a:hover{ color:#000; }
#footer p.smaller{ font-weight: normal; font-size: 10px;}

.left-side { float:left; width:374px; }
.right-side { float:right; width:541px; }

.content-inner .left-side { width:385px; }
.content-inner .right-side { width:530px; }

.text-content { padding-top:30px; font-size:14px; line-height:19px; position:relative; }

ul.spec { list-style-type: none; }
ul.spec li{ background:url(images/li-brd.gif) no-repeat 0 bottom; padding:4px 10px; }
ul.spec li.last{ background:transparent; }
ul.spec li a{ color:#050505; }
ul.spec li a.active{ color:#0030b9; font-weight: bold;}
ul.spec li a:hover{ color:#0030b9; }

.map-small { padding-top:13px; }
a.map-link { display:block; background:#8f0f13; color:#fff !important; font-size:11px; font-weight: bold; padding:5px 10px; text-align: right;}
a.map-link span{ background:url(images/arr.gif) no-repeat 0 0; padding-left:30px;}

.boxes { padding:20px 0 0 10px;}
.box { float:left; display:inline; width:289px; background:url(images/box-c.gif) repeat-y 0 0; margin-right:45px; }
.last-box { margin-right:0; }
.box .box-cnt { height:100%; background:url(images/box-b.gif) no-repeat 0 bottom; padding:15px 25px 25px 25px; line-height:19px; font-style: italic; font-weight: bold; min-height:160px;}
.box .box-cnt a{ font-style: normal;}
.box h3 { height:39px; background:url(images/box-h.gif) no-repeat 0 0; color:#fff; font-size:16px; text-transform: uppercase; line-height:42px; overflow:hidden; padding:0 15px;}
.box p.padd { padding-top:20px; }


a.green-link { background:#3e6925;}
a.blue-link { background:#02557a;}

.article { padding-bottom:30px; }
.article h2{ padding-bottom:5px; }
.article p{ padding-bottom:15px; }

img.percent-ico { position:relative; margin-top:-15px; margin-right:-14px;}

.entry p { padding-top:15px; }
.entry ul,
.entry ol { padding:15px 0 0 30px; }
.entry li { padding:1px 0; }


.phone { float:right; white-space:nowrap; font-size:13px; line-height:1; color:#050505; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; text-align: right; padding-top:35px;}
.phone strong{ display:block; font-size:34px; color:#b70106; }

.text-content p { padding-bottom:15px; }

#mopac-coupon {width: 470px; height: 130px; background: url('http://myaustinstorage.com/my-content/mopac-coupon-bck.png') no-repeat; padding: 60px 15px 10px 15px; } 
#pond-coupon {width: 470px; height: 130px; background: url('http://myaustinstorage.com/my-content/pond-coupon-bck.png') no-repeat; padding: 60px 15px 10px 15px; } 
#benwhite-coupon {width: 470px; height: 130px; background: url('http://myaustinstorage.com/my-content/benwhite-coupon-bck.png') no-repeat; padding: 60px 15px 10px 15px; } 

#unit-table1 {
	width: 400px; 
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	border: 1px solid #c6d9e8;
}

#unit-table2 {
	width: 400px; 
	float: right;
	margin-right: 20px;
	margin-top: 20px;
	border: 1px solid #c6d9e8;
}

#unit-table1 table {
	background-color: #ffffff;
	width: 400px;
	font-size: 1.6em;
	margin: 0px 0 0 0;
}

#unit-table1 td th {
	border: 1px solid #c6d9e8;
	padding: 10px;
	background-color: #c8e3f2;
}

#unit-table1 td {
	border: 1px solid #c6d9e8;
	padding: 10px;
}
#unit-table1 td:hover {
	background-color: #c8e3f2;
}

#unit-table1 table span {
	font-size: .6em;
}
.availability .special {
	font-size: 1.2em;
}
#unit-table1 h3 {
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
}




#unit-table2 table {
	background-color: #ffffff;
	width: 400px;
	font-size: 1.6em;
	margin: 0px 0 0 0;
}

#unit-table2 td th {
	border: 1px solid #c6d9e8;
	padding: 10px;
	background-color: #c8e3f2;
}

#unit-table2 td {
	border: 1px solid #c6d9e8;
	padding: 10px;
}
#unit-table2 td:hover {
	background-color: #c8e3f2;
}

#unit-table2 table span {
	font-size: .6em;
}
#unit-table2 h3 {
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
}


div.coupon-holder {
	position:relative;
}
div.coupon-holder h1 {
	color:#f00;
	font-weight:bold;
	position:absolute;
	bottom:55px;
	text-indent:15px;
	left:0px;
	width:500px;
	height:30px;
	line-height:30px;
}
div.coupon-holder pre {
	text-align:center;
	position:absolute;
	bottom:10px;
	left:0px;
	width:500px;
	height:25px;
}
div.coupon-holder p {
	margin:10px 0 15px;
	padding:0;
}
img.side_image {
	position:absolute;
	right:0px;
	top:51px;
}

td.units {
	font-size: small;
	line-height: 15px;
	border-bottom: #E0EBF4 3px solid;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	}


#head-specials-form {
	position:absolute;
	top:10px;
	left:550px;
	width:320px;
	font-size:12px;
	line-height:18px;
	border: 3px solid #333;
	padding: 5px;
	background-color: #FFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.contact7textarea {
	width: 310px;
	border: 3px solid #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	height: 34px;
}
.contact7text {
	width: 310px;
	border: 3px solid #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
.contact7button {
	width: 150px;
	border: 3px solid #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	background-color: #333;
}