/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      

======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|

\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
body {
	background: #496959 url("../images/bg-body.png") repeat-x left top;
}

/**************************************/
/*              HEADER                */
/**************************************/

#header {
	position: relative;
	height: 165px;
	width: 950px;
	margin: 0 auto;
	background: url("../images/bg-navbar.png") repeat-x left bottom;
}

#header h1 {
	text-indent: -9999px;
}
#header h1 a{ 
	display:block;
	background: url("../images/bg-header-h1.png") no-repeat left top;
	height: 100px;
	width: 330px;
	}
	
	#header h1 a:hover {
		background: url("../images/bg-header-h1.png") no-repeat left bottom;
		
	}

#header p.billpay {
	position: absolute; 
	top: 0;
	right: 0%;
	background: #436152 url(../images/icons/hand-point-22.png) no-repeat 2px center;
	padding: .5em 1em .5em 2.5em;
	text-align: center;
	border: 1px solid #354C40;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#header p.phoneNumber {
	position: absolute;
	font-size: 21px;
	color:#D9C8B9;
	top:135px;
	right: 0%;
}

/**************************************/
/*             NAVIGATION             */
/**************************************/

#navbar {
	margin: 0 auto;
	}


/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#content {
	background-color: white;
}

#inner-content.twoCol {background: white url('../images/bg-content.gif') repeat-y center top;}


ul.navContent {
	background: #FAF2EB;
	border: 1px solid #D9C8B9;
	margin: 0 0 10px 0;
}
	ul.navContent li {
		display: inline;
	}
	
	
	table caption {font-weight: bold;}
	th {background-color: #23150A; color: white;}
	
	tr.alt td {background-color:#D4F7F4 ;}
	tr.over td {background-color: #bcd4ec;}
	
	#main img[alt~="icon"] {float:left; margin: 10px;}
	
	#main table {font-size: 90%;}
	#main h2 {line-height: 1em; margin-top: 0.8182em; margin-bottom: 0.8182em;}
	
	/* coupons */
	.special { width: 420px; margin: 10px auto; border: 3px dashed black;  text-align: center; padding: 6px;}
		.special p {margin: 0; padding: 0; line-height: 1.25em;}
		.special p.title{font-size: 24px; font-weight: bold; color: #2E6B4C; line-height: 1.25em; margin-top: 10px;}
		.special p.secondary{font-size: 14px;}
		.special p.company{font-size: 30px; font-weight: bold; text-transform: uppercase;}
		.special p.highlight{margin-bottom: 10px;}
		.special p.note, .special p.expire{font-size: 12px;margin-bottom: 10px;}
		
		#secondary p, #secondary li {padding-right: 10px;}
		
		#main img[title~="Photo"] {border: 1px solid #ccc; padding: 4px;
			background-color: white;
			-moz-box-shadow: 4px 4px 4px #666;
			-webkit-box-shadow: 4px 4px 4px #666;
			box-shadow: 4px 4px 4px #666;
			}

/**************************************/
/*               FOOTER               */
/**************************************/
#footer {position: relative;
		color: #eee;
		width: 960px;
		margin: 0 auto;
		padding-top: 30px;
		}
	#footer blockquote {font: italic  1em/1.5em Georgia, serif; color: white;}
#inner-footer { width: 960px; margin: 0 auto;}


#footerNav li {display: inline; font-size: 90%;}


#content a {color: #80634D;}
#content a:link {color: #80634D;}
#content a:visited {color: #80634D;}
#content a:hover {color: #54361F;}
#content a:active {color: #80634D;}


#header a, #footer a {color: #B3D7E6;}
#header a:link, #footer a:link {color: #B3D7E6;}
#header a:visited, #footer a:visited {color: #B3D7E6;}

#header a:hover, #footer a:hover {color: #EBF6FA;}
#header a:active, #footer a:active {color: #B3D7E6;}

#header #navbar  li ul li a {color: #80634D;}
#header #navbar  li ul li a:link {color: #80634D;}
#header #navbar  li ul li a:hover {color: #D4C4B8;}
#header #navbar  li ul li a:active {color: #80634D;}

#header #navbar a {padding-bottom: 4px; padding-top: 6px;}

#header #navbar .current a,  #header #navbar .sf-breadcrumb a{
	background: #436152;
	color: #FFF;
	border: 1px solid #354C40;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#header #navbar li ul li.current a {
	background: transparent;
	border: none;
	color: white; font-weight: normal;
}

/**************************************/
/*                TABS                */
/**************************************/
.usual {
  background:#eee;
  color:#111;
  padding:15px 20px;
  border:1px solid #ddd;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  margin:8px auto;
}

.usual li { list-style:none; float:left; width: 175px;}
.usual ul a {
	display:block;
	margin: 0; padding: 0;
	width: 175px; height: 83px;
	text-decoration:none!important;
	margin:1px;
	margin-left:0;
	font-size:18px;
	color:#FFF;
	background:#E5DBD3;
}

.usual ul a:hover {
  color:#FFF;
  background:#BEA694 url(../images/bg-tab.png) repeat-x left top;
  }
  
  .usual ul a.selected {
  margin-bottom:0;
  color:#000;
  background:#e5dbd3;
  border-bottom:1px solid #e5dbd3;
  cursor:default;
  }
  
  
  .usual div {
  padding:10px 10px 8px 10px;
  clear:left;
  background:#e5dbd3;
  font-size:10pt;
  position: relative;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.usual div a { color:#000; font-weight:bold; }

li#selfStorage {text-indent: -9999px; margin-bottom:-2px}
li#selfStorage a { background: url(../images/bg-tab-storage.png) no-repeat left 100%;}
li#selfStorage a:hover {background: url(../images/bg-tab-storage.png) no-repeat left top;}
li#selfStorage a.selected {background: url(../images/bg-tab-storage-current.png) no-repeat left top;}

li#movingSupplies {text-indent: -9999px;}
li#movingSupplies a { background: url(../images/bg-tab-moving.png) no-repeat left 100%;}
li#movingSupplies a:hover {background: url(../images/bg-tab-moving.png) no-repeat left top;}
li#movingSupplies a.selected {background: url(../images/bg-tab-moving-current.png) no-repeat left top;}

li#truckRental {text-indent: -9999px;}
li#truckRental a { background: url(../images/bg-tab-truck.png) no-repeat left 100%;}
li#truckRental a:hover {background: url(../images/bg-tab-truck.png) no-repeat left top;}
li#truckRental a.selected {background: url(../images/bg-tab-truck-current.png) no-repeat left top;}
#usual1 ul li {
	margin-bottom: -1px;
}
#usual1 h3 {text-transform: uppercase;}
#usual1 p {font: 18px/1.5em Arial;}
#usual1 img {float: left; border: 5px solid white; margin-right: 10px;}


#content .box {
	background-color: #efefef;
	border: 1px solid #ddd;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#footer .box {
	background-color: #436152;
	border: 1px solid #354C40;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}


#payment h6, #specials h6 {font-size: 14px;}
div#payment h6, div#payment p {margin-left: 70px;}
div#specials h6, div#specials p {margin-left: 90px;}

div#payment { background: url('../images/icons/dollar_64.png') no-repeat left center; }
div#specials { background: url('../images/icons/sale_64.png') no-repeat 4px center; }