/* CSS Document for Heirloom Self Storage*/
/* developed by toniCarr.com*/

body { background-image: url(images/background.jpg); background-repeat: repeat-x; background-color: #586464;
padding:0;
margin:0; }

a {
	color: #40806e;
	text-decoration: none;
		}
	
a:hover {
	color: #395f54;
	text-decoration: underline;
	}
	
H1 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 18px;	}	
	
H1.content {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height:12px;
	
		}	
		
H3 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 16px;	}

ul.none {
	list-style: none;
	margin: 0;
	padding:0 0 0 1em;
	text-indent: -1em;
}	
	
img.title { float:left;}
	
#container {
	width: 900px; position: relative; 
}

div.colOne {
	width: 400px; 
	float: left;
	position: relative;
	overflow:hidden;
	padding-left: 10px;
	margin-bottom: 5px; margin-top: 0px; margin-right: 0px;}
	
div.colTwo {
	width: 400px; 
	float: right; 
	position: relative;
	overflow: hidden;
	margin-bottom: 5px; margin-top: 0px; margin-right: 0px;
	padding-left: 10px;
	border-left: solid;
	border-left-width: 1px;
	}



div.header {
	width:900px; height:175px;
	background:url(images/storage-green-ban3.jpg);
	position:relative;
	overflow:hidden;
}
div.footer {
	width:900px;
	background:url(images/background2.gif);
	background-color: #4b5554;
	position:relative;
	overflow:hidden;
	padding-top: 10px;
}

div.nav {background-color: #4b5554;
	width:900px; height:30px;
	position:relative;
	overflow:hidden;	
}
/* top navigation  */
#navcontainer ul
{
padding: .4em 0;/* originally .2em */
margin: 0;
list-style-type: none;
background-color: #495755;
color: #ffcc35;
width: 100%;
font: bold 80% verdana, sans-serif;
text-align: center;
}
#navcontainer li { display: inline; }
#navcontainer li a
{
text-decoration: none;
background-color: #495755;    /*#036;*/
color: #ffcc35;
padding: .4em 1em; /*originally .2em*/
border-right: 1px solid #ffcc35;
}

#navcontainer li a:hover
{
background-color: #40806e;
color: #ffcc35;
}

#navcontainer li.current
{
background-color: #40806e;
color: #ffcc35;
padding: .4em 1em; /*originally .2em*/
border-right: 1px solid #ffcc35;
}

.title {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 18px; color: #c13b61; font-weight: bolder; }	
.title2 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px;  font-weight: bolder; }	

div.hpbanner {border-bottom: 1px dashed #395f54; border-top: 1px dashed #395f54;  padding-bottom: 12px; padding-top: 12px;  }
div.darkstripe {
	background-color:#223438; background:url(images/topborder.gif);
	width:900px; height:14px;
	position:relative;
	overflow:hidden;
}

div.belowBanner {
	background-color:#fff;
	width:900px;
	height:auto;
	position:relative;
	overflow:hidden;
	padding-bottom:5px;
	padding-top:5px;
	border: 1px dashed #395f54;
}

div.coupon {
	background-color:#fff;
	width:450px;
	height:auto;
	position:relative;
	overflow:hidden;
	padding: 5px;
	border: 1px dashed #395f54;
}
div.main { background-color:#fff;
	width:900px; height: auto;
	position:relative;
	overflow:hidden;	
	padding-top:-1px;
	
}
div.mainCenter { background-color:#fff;
	width:900px; height: auto;
	position:relative;
	margin-left: 20px;
	overflow:hidden;	
	padding-top:-1px;
	
}

div.content{
	width: 850px;
	padding-right: 5px;
	padding-left: 25px;	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  color: #000;
	font-size: 12px;
	text-align: left;
}
div.contentCenter{
	width: 700px;
	padding-right: 5px;
	padding-left: 125px;	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  color: #000;
	font-size: 12px;
	text-align: left;
}

div.contentNarrow{
	width: 700px;
	padding-right: 5px;
	padding-left: 5px;	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  color: #000;
	font-size: 12px;
	text-align: left;
}

div.footer {
	width: 900px; 
	background-image:url(images/background3.gif);
	background-repeat: repeat-x;
	position: relative;
	overflow:hidden;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #586464;
	font-size: 10px;	
}





#navfooter ul
{
padding: .4em 0;/* originally .2em */
margin: 0;
list-style-type: none;
width: 100%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
}
#navfooter li { display: inline; }
#navfooter li a
{
text-decoration: none;
color: #495755;
padding: .4em 1em; /*originally .2em*/
border-right: 1px solid #ffcc35;
}
#navfooter li a:hover
{
color: #40806e;
}

a.tonicarr{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: #fff;
float:left;
font-size: 9px;
}





/*#navsite ul {
	padding: 3px 0;
	margin-left: 0;
	border-bottom: 1px solid #778;
	font: bolder 12px verdana, sans-serif;	 
}
#navsite ul li {
	list-style: none;
	margin: 0;
	display: inline;
}

#navsite ul li a {
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	background: #dde;
	text-decoration:none;
}

#navsite ul li a:link {
	color: #448;
}

#navsite ul li a:visited {
	color: #667;
}
#navsite ul li a:link:hover, #navsite ul li a:visited:hover {
	color: #000;
	background: #aae;
	border-color: #227;
}
#navsite ul li a#current {	
	border-bottom: 1px solid white;
	background: white;	
}*/