@charset "utf-8";
/* 
  *  Safe Key Lock And Storage
  *	 	
*/

/*@import url("helper.css");*/

body { background: #5ca0d4; }
a { text-decoration: none; }
a:hover {  text-decoration: underline; }
form ul li, form ul { list-style: none; list-style-type: none; }
form input.text { color: #999;  text-transform: capitalize; }
form .loading { display: none; width: 560px; height: 100px; text-align: center; }
#main .loading { width: auto; }
form .loading img { display: none; width: 16px; height: 16px; margin: auto;  }

#block-head { background: url("../img/block-head-bg.gif") top center repeat-x; width: 100%; height: 128px;  }
#block-feature { background: url("../img/feature/feature-main.jpg") top center repeat-x; height: 273px; } 

#row-address { height: 24px; padding-top: 5px;}
#row-address p { text-align: right; color: #666;}
#row-feature { height: 275px;  }
#block-content { background: #fff url("../img/block-content-bg.jpg") top  repeat-y;  z-index:1; }
#block-content h2 #block-content h3, #block-content h4, #block-content a { color: #159cb0;   }
#block-content a:hover {text-decoration: underline; }
#block-content h2 { font-size: 1.9em; }
#block-content h3 { font-size: 1.6em; }
#block-content h4 { font-size: 1.3em; }

#content-right { float: right; width: 280px; margin-right: 10px;}
#content-left{
	width: 600px;
}
#row-content { background:url("../img/row-content-bg.jpg") no-repeat; padding: 30px 0 60px 0; z-index: -1; }

#row-footer {  }

#nav { float: right; margin-top:45px;  }
#feature-nav ul, #feature-nav ul li, #nav ul, #nav ul li { list-style: none; list-style-type: none; }
#feature-nav a { font-size: 22px; padding: 0 10px 0 10px;}
#nav ul li { margin: 0 20px 0 0; float: left; color: #fff; padding: 0;}
#nav ul li.last { margin: 0;}
#nav ul li a { display: block; color: #fff; float: left; margin: 0; padding: 0; }
#nav ul li a {   }

#nav-home a, #nav-location a, #nav-contact-us a { background:url(../img/nav/nav-bg.gif) no-repeat; 
	height: 13px; overflow:hidden; display: block; width: 100%; text-indent: -999999px; }

#nav-home { width: 46px; }
#nav-location { width: 80px; }
#nav-contact-us { width: 98px; }

#nav-home a { background-position: 0 0; width: 46px; }
#nav-location a { background-position: -70px 0; width: 89px; }
#nav-contact-us a { background-position: -175px 0; width: 98px; }

#nav-home a:hover { background-position: 0 -13px ; }
#nav-location a:hover { background-position: -70px -13px; }
#nav-contact-us a:hover { background-position: -175px -13px ; }

#feature-content { background:url(../img/feature/feature-main.gif) no-repeat; margin-top:-39px; height: 181px; 
	padding: 76px 30px 0; position: relative;}
	
#feature-nav ul li { float: left; width: 20px; height: 26px; margin-top: 0px; }
#feature-nav ul li, #feature-nav ul li a { color: #fff; display: block;  }
#feature-nav ul li a { font-size: 2em; color: #000; font-weight: bold; display: block; overflow: hidden;  }
/*#feature-nav ul li a span { margin-left: -999em; }*/


#feature-nav-1 span, #feature-nav-2 span, #feature-nav-3 span { position: relative; top: -999em; text-indent: -999em; width: 20px; height: 26px;  }
#feature-nav-1 { background: url(../img/feature-1.gif) left top no-repeat; }
#feature-nav-2 { background: url(../img/feature-2.gif) left top no-repeat; }
#feature-nav-3 { background: url(../img/feature-3.gif) left top no-repeat; }
#feature-nav-1, #feature-nav-2, #feature-nav-3 { width: 20px; height: 26px; }
.feature-nav { width: auto; overflow:visible; display: block; }
.feature-nav a:hover { text-decoration: none; }
.feature-nav:hover, #feature-nav a.activeSlide  { background-position: 0px -27px !important; color: #fff;  }


/*#feature-nav ul li a:hover, #feature-nav ul li a.selected { color: #fff; text-decoration: none; }*/
#feature-right { height: 268px; }

form.gray label { color: #666; }
form label { display: block; width: 100%; text-transform:capitalize; clear: both; }
form input.text { border: 1px solid #ccc; }
form input.submit { background: #fcf886; border: 0; padding: .25em; clear: both; display: block; margin-top: 10px; width: auto; float: left; }
form input.reset { display: block; padding: 0 10px; width: auto; float: left; margin-top: 15px; background: none; border: 0px; }
form#request { padding-left: 10px; }
#request li { margin: 0px; }
form textarea { height: 160px; }
form ul li { margin: 20px 0px; display: block;  }
form #block-content { padding:20px 0; background: #fff;}

#feature-content h1.lead { color: #fcff00; line-height: 1em text-transform: capitalize; }
#feature-content div.details { color: #fff; font-size: 20px !important; }
#feature-content .details-small { color: #fff; font-size: 15px; }
#slides { height: 100%; overflow:hidden; }
#slides .details, .details-small { height: 135px; width: 560px; }


#block-lead { height: 90px;  overflow:visible;}
#lead { background: url(../img/sub/block-lead-bg.png) 50% 0px no-repeat; height: 85px; margin-top: -50px;
	padding-top: 50px; overflow: hidden; position: relative;}
#lead h1 { margin-top: 15px; color: #fff; }	
#block-lead #lead { float: left; }
#block-lead #lead h1 { font-size: 2em; }


/* Colors */
.gray { color: #999; }
.ltblue { color: #5ca0d4; } a.ltblue:hover { color: #2687CF } 
.header-box { background:url(../img/header-box.gif) no-repeat; text-indent: 65px; height: 60px; }


.feature-holder { width: auto; height: 217px; overflow:hidden; }
.plan { background:url(../img/storage-plans-bg.jpg) no-repeat; width: 620px; height: 85px; } 
.plan .item { width: 230px; float: left; padding: 10px; line-height:.8em; font-size: 14px  }
.plan .desc { width: 250px; font-size: .9em; padding: 10px 10px;}
.plan .price { width: 30px; font-size: 2.3em; width: 100px; text-align: center;  }
.plan .price .text { width: 100%; display: block; font-size: 16px; }
.plan, .item, .plan .desc, .plan .price { display: block; color: #fff; float: left; }

.plan + .more-plans { margin-top: -20px;  }
.more-plans {  border: 1px solid #e9e6e0;float: left; padding: 10px; display: block; width: 598px; background: #F2EFE8; color: #fff;  }
.more-plans dl { }
.more-plans dt { width: 100%; line-height:.8em; font-size: 14px; color: #fff; clear: both;  }
.more-plans dd { width: 350px; line-height:1.5em; float: left; padding-left: 250px;  color: #000; font-size:  14px; ;padding-top: 10px; padding-bottom: 10px;
}
.more-plans dd.odd { background: #e9e6e0;}
.more-plans dd span, .more-plans dd.first span { float: right; display: block; width: 30px;  }
.more-plans dd.first { padding-left: 0px; margin-top: 20px; }
.more-plans dt a { font-weight: bold; color: #333; font-size: 18px;}

.bottom_highlights { height: 350px; }
.bottom_highlights ul { padding-left: 0; margin-left: 0;}
.bottom_highlights li { padding-left: 0; margin-left: 15px;}

.item .area { font-size: 2em; line-height: 2.5em; font-weight: bold; }
.border-ltblue { border: 1px solid #a6d4db;}
.border-ltblue  h2 { margin-bottom: 0px; }
.lead45px { color: #169DB1; font-size: 3em; }
.lead-green {color: #2E816E; font-size: 1.7em; }
/*.feature { position: relative; display: block; float: left; }*/

.block-green { background: #137155 url(../img/block-green-bg.jpg) right top no-repeat; } 


.panelHolder { overflow: hidden; }
.panel { float: left; position:relative; }

#footer dt.lead { color: #fff; font-weight: bold; font-size: 14px;}
#footer { height: 130px; background: #137156 url(../img/footer-bg.jpg) no-repeat;  }
#footer dl { margin-top: 10px; padding: 0 10px; }
#footer dl dd { color: #fff; }
#block-footer #web-author { float: right; line-height: 2em;  }
#block-footer #web-author, #block-footer #web-author a { color: #fff; font-family: "century gothic", arial, verdana; }