@charset "utf-8";
/* CSS Document */

/*
=============================================
 Development By: Jayson Fanning - www.jaysonfanning.com, © Copyright 2010 - All rights reserved.
 Description: Public CSS Styles
 Date: 6/20/2010
=============================================
*/



body{
	background: #fff url('images/body-BG.gif') repeat-x;
	margin: 0;
	padding: 0;
}

img{
	margin: 0;
	padding: 0;
	border: 0;
	
}

p, a, ul, li{
	margin: 0;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	
}

li{
	line-height: 19px;
	
}

ul{
	margin-bottom: 35px;	
}

p{
	line-height: 21px;
	margin-bottom: 25px;
		
}

a{
	color: #999;
	outline: none;
	text-decoration: none;

}

a:hover{
	color: #0CC;
	outline: none;
	text-decoration: none;

}


h1, h2, h3, h4, h5{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
}


h1{
	font-size: 23px;
	color: #666;
	margin: 0 0 25px 470px;
	padding: 25px 0 0 0;
}

h2{
	font: 18px  Arial, Helvetica, sans-serif;
	color: #999;
	margin: 0 0 0 470px;
	line-height: 25px;
}

h3{
	color: #3eccc8;
	font-size: 24px;
	font-weight: bold;
	float: left;
	margin-left: 3px;
}

h4{
	color: #3eccc8;
	font-size: 19px;
	font-weight: normal;
	margin: 0 0 5px 0;
	
}

.b{
	font-weight: bold;
}

.i{
	font-style: italic;
}

.highlight{
	color: #3eccc8;	
}

.gray-highlight{
	font-size: 14px;
	color: #333;
	line-height: 25px;
}

.copyright{
	font: 12px Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: left;
}


.small{
	font-size: 11px;
	line-height: 11px;
	color: #999;
	float: left;
}

.marginL{
	margin-left: 460px;	
}

#cb{
	clear: both;
	margin: 0;
	padding: 0;
}

.cb{
	clear: both;
	margin: 0;
	padding: 0;
}


#wrapper{
	width: 833px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 25px;
	padding: 4px 0 0 0;
	
}


#content-container{
	background: url('images/main-shadow.jpg') repeat-y;
	width: 833px;
	height: auto;
	margin: 0;
	padding: 0;
}

	
	
	#header{
		background: url('images/header-img-index.jpg') no-repeat bottom left;
		width: 725px;
		height: 295px;
		margin: 0 0 25px 50px;
		padding: 20px 0 0 0;
		
	}
	
		#header-security{
		background: url('images/header-img-security.jpg') no-repeat bottom left;
		width: 725px;
		height: 295px;
		margin: 0 0 25px 50px;
		padding: 20px 0 0 0;
		}
		
		#header-covered-storage{
		background: url('images/header-img-covered-storage.jpg') no-repeat bottom left;
		width: 725px;
		height: 295px;
		margin: 0 0 25px 50px;
		padding: 20px 0 0 0;
		}
		
		#header-daily-parking{
		background: url('images/header-img-daily-parking.jpg') no-repeat bottom left;
		width: 725px;
		height: 295px;
		margin: 0 0 25px 50px;
		padding: 20px 0 0 0;
		}
		
		
		#header-enclosed{
		background: url('images/header-img-enclosed.jpg') no-repeat bottom left;
		width: 725px;
		height: 295px;
		margin: 0 0 25px 50px;
		padding: 20px 0 0 0;
		}

		#header-office{
		background: url('images/header-img-office.jpg') no-repeat bottom left;
		width: 725px;
		height: 295px;
		margin: 0 0 25px 50px;
		padding: 20px 0 0 0;
		}

		#header-contact{
		background: url('images/header-img-contact.jpg') no-repeat bottom left;
		width: 725px;
		height: 295px;
		margin: 0 0 25px 50px;
		padding: 20px 0 0 0;
		}
		
		#header-lake-mead{
		background: url('images/header-img-lake-mead.jpg') no-repeat bottom left;
		width: 725px;
		height: 295px;
		margin: 0 0 25px 50px;
		padding: 20px 0 0 0;
		}
		
			.fields{
				width: 200px;
				height: 20px;
				margin: 0 0 10px 0;;
				padding: 5px 0 0 0;
			}
			
			.comments-field{
				width: 350px;
				height: 100px
				
			}


		#top{
			background:  url('images/top-shadow.jpg') no-repeat;
			width: 833px;
			height: 56px;
			margin: 0;
			padding: 30px 0 0 0;
		}

			#nav{
				width: 452px;
				height: auto;
				margin: 0 0 0 15px;
				padding: 25px 0 0 0;
				float: left;
				
			}


		#logo-div{
			width: 276px;
			height: 51px;
			margin: 0 0 0 50px;
			padding: 0;
			float: left;
		}
		
		
	#body{
		background: url('images/content-BG.gif') repeat-x bottom;
		width: 800px;
		height: auto;
		margin: 0 0 0 16px;
		padding: 0;
		
	}
	
		#cta-div{
			width: 840px;
			height: 180px;
			margin: 0 0 25px 31px;
			padding: 0;
			text-align: center;
		}
		
			.covered-storage{
				width: 139px;
				height: 125px;
				margin: 0 6px 0 0 ;
				padding: 0;
				float: left
			}
			
			#covered-storage{
				width: 152px;
				height: 125px;
				margin: 0 0 0 22px;
				padding: 0;
				border: 1px solid #0F9;
			}
			
		
		#content-left{
			width: 435px;
			height: auto;
			margin: 0 0 0 35px;
			padding: 0;
			float: left;
		}
		
		#content-right{
			width: 240px;
			height:auto;
			margin: 0 0 0 15px;
			padding: 0 0 0 35px;
			float: left;
		}
		
		#bottom{
			background: url('images/bottom-shadow.gif') no-repeat;
			width: 833px;
			height: 26px;
			margin: 0;
			padding: 0;
		}

#footer{
	width: 800px;
	height: 15px;
	margin: 0 0 0 16px;
	padding: 0;
}
	
	#footer-nav ul{
		margin: 0 0 0 220px;
		padding: 0;
	}

	#footer-nav ul li{
		float: left;
		list-style: none;
		margin: 0px 8px 0 0;
		padding: 0;
	}
	
	#footer-nav ul li a{
		font: 11px Arial, Helvetica, sans-serif;	
	}



/*######JQUERY NAV CSS######*/


#menu * {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-decoration: none;
}
div#menu {
position:relative;}
#menu ul.menu {
  white-space: nowrap;
}

/* Geometrical arrangement */
#menu ul.menu li {
  display: inline-block;
  height: 25px;
  position: relative;

}

#menu ul.menu li div {
  position: absolute;
  top: 25px;
  left: 0px;
}

#menu ul.menu li div div {
  position: absolute;
  top: -6px;
  left: 188px;
}

/* Escaping style for lower levels */
#menu ul.menu li div ul li {
  display: block;
  float: none;
  width: auto;
  height: auto;

}

/** Graphics **/

/* Horizontal sliding doors */
#menu ul.menu li a {
  padding-left: 0px;
  background-position: left -1000px;
  display: inline-block;
  margin: 0px 2px;

}

#menu ul.menu li a span {
  padding-right: 0px;
  padding-left: 10px;
  background-position: right -1000px;
  display: inline-block;
  height: 27px;
  line-height: 27px;
  cursor: pointer;

}

#menu ul.menu li:hover a {
  background-position: left -54px;
}

#menu ul.menu li:hover a span {
  background-position: right -81px;
}

#menu ul.menu li.active a {

  background-position: left 0px;
}


/* Escape Horizontal doors */
#menu ul.menu li div ul li a {
  display: block;
  padding: 0px;
  margin: 0px;
  background: none;

}

#menu ul.menu li div ul li a span {
  display: block;
  padding: 0px;
  background: none;
  height: auto;
  width: 165px;
  padding: 7px 0 7px 9px;
  white-space: normal; 

}

/* Vertical sliding doors */
#menu ul.menu li div { 
  width: 200px;
  padding-top: 6px;
  background-image: url("images/submenu-top.png");
  background-repeat: no-repeat;
  background-position: 0px top;

}

#menu ul.menu li div ul { 
  padding: 6px 6px 9px 6px;
  padding-top: 0;
  background-image: url("images/submenu-bottom.png");
  background-repeat: no-repeat;
  background-position: 0px bottom;
}

/* Hover Effect on Submenus */
#menu ul.menu ul li:hover
{

}
#menu ul.menu li.active ul li a span {
	color: #999;
	width: 165px;}
#menu ul.menu li.active ul li a span:hover {
	color:#999;}
	
#menu ul.menu ul li a span:hover
{
	color:#999; 
}


/* Main header line */
#menu {
  height: 30px;
  padding-top: 0px;

}

/* Text shadow */
#menu span
{
  color: #38b8c8;
}

#menu li:hover>a>span 
{
  color: #999;
}

/* Fonts */
#menu ul.menu li a span
{ 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

#menu ul.menu li div ul li a span
{ color:#38b8c8;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

/* Lines between li */
#menu ul.menu li div ul
{
  padding-bottom: 8px;
}

#menu ul.menu li div ul li:first-child
{
  border-top-width: 0px;
}


/* Menu logic */
#menu li>div { visibility: hidden; }
#menu li:hover>div { visibility: visible; }
/* */

/* Hover Effect on Submenus */
#menu ul.menu ul li:hover
{
  background-color: #fff;
}

/* Lines between li */
#menu ul.menu li div ul li
{
  background-image:url(images/hr.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
}
#menu ul.menu ul a.parent {
  background: url(images/arrow.gif) no-repeat right center;
  margin-right: -1px;
}


/* ie7 */
#menu ul.menu li {
  *zoom: 1;
  *display: inline;
}

#menu ul.menu li a {
  *zoom: 1;
  *display: inline;
}

#menu ul.menu li a span {
  *zoom: 1;
  *display: inline;
}

/* IE6 */
#menu ul.menu li a {
  _background-image: url("images/item.gif");
}

#menu ul.menu li a span {
  _background-image: url("images/item.gif");
}

#menu ul.menu li div { 
  _background-image: url("images/submenu-top.gif");
}

#menu ul.menu li div ul { 
  _background-image: url("images/submenu-bottom.gif");
}

#menu ul.menu li a:hover {
  _background-position: left -54px;
}

#menu ul.menu li a:hover span {
  _background-position: right -81px;
  _color: #999;
}
#menu ul.menu li li a:hover span {
  _color:#999; 
}

/* Menu logic for IE6 */
#menu div { _display: none; }
#menu div li:hover div { _visibility: visible;_display: block; }
#menu div li:hover li:hover div { _display: block; }
#menu div li:hover li:hover li:hover div { _display: block; }
/* */