/* 
	Uncle Bob's Storage Estimator
	Master Screen CSS
	Beth Dewey
	June 2009
	
	COLORS
	Blue: #004e96
		
 */

/* ------------------------ 
		reset
------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

	ol, ul {
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
		caption, th, td {
			text-align: left;
			font-weight: normal;
		}

		
	body {
		background:#14356B url(../images/site/bg.jpg) repeat-x center top;
		font-family: tahoma, Arial, Helvetica, sans-serif;
		color:#4d4d4d;
		font-size:11px;
		line-height: 1.4;
		}
	
	
		a,
		a:link,
		a:visited,
		a:active {
			color:#004e96;
			font-weight:bold;
			text-decoration:underline;
			font-size: 110%;
		}				
			a:hover {
				text-decoration:none;
			}
	
		 #accessibility {
			position: absolute;
			left: -9999px;
		 }
		 
		 #skiplink {
		 	position: absolute;
			left: -9999px;
		 }
	
		 #container {
		 	margin:0 auto;
			width:980px;
		 }
	
	
/* ------------------------ 
		head
------------------------ */
	#head {
		background:url(../images/site/Header.gif) no-repeat;
		display:block;
		margin:0 auto;
		width:980px; 
		height:88px;
	}
	
	h1 {
		display: block;
		float: left;
		_display: inline;
		
	}
		 
		 h1 a {
		 	display:block;
			width:420px; 
			height:69px;
			text-indent: -9999px;
			overflow: hidden;
		 }
		 
	
	#phoneHours {
		float: right;
		_display: inline;
		text-align: right;
		color: #fff;
		font-size: 12px;
		padding-top: 30px;
		margin-right: 30px;
	}
	
		#phoneHours strong {
			display: block;	
			font-size: 2.2em;
		}

/* ------------------------ 
		nav
------------------------ */
	#navigation {
		height:47px;
		width:980px;
		margin: 0 auto;
	}
	
	#navigation li {
		display: block;
		float: left;
		_display: inline;
		text-indent: -9999px;
	}
		
		#navigation li a,
		#navigation li span {
			display: block;
			height: 47px; 
			background:url(../images/site/nav.gif) no-repeat;
		}
			
			#navigation li#size a {
				width: 208px;
				}
				#navigation li#size a:hover {
					background-position: 0 -47px;
					}
					
			#navigation li#tips a {
				width: 152px;
				background-position: -208px 0;
				}
				#navigation li#tips a:hover {
					background-position: -208px -47px;
					}
					
			#navigation li#environments a {
				width: 238px;
				background-position: -360px 0;
				}
				#navigation li#environments a:hover {
					background-position: -360px -47px;
					}

			#navigation li#vehicles a {
				width: 188px;
				background-position: -598px 0;
				}
				#navigation li#vehicles a:hover {
					background-position: -598px -47px;
					}
			#navigation li#find a {
				width: 194px;
				background-position: -786px 0;
				}
				#navigation li#find a:hover {
					background-position: -786px -47px;
					}
			
/* ------------------------ 
		content
------------------------ */
	#content {
		width:980px;
		width: 830px;
		margin:0 auto;
		padding: 25px 75px;
		background: url(../images/site/bg-content.png) no-repeat top;
		_background: url(../images/site/bg-content.gif) no-repeat top;
	}	
	
		#innerContent {
			width: 580px;
			float: left;
			_display: inline;
			margin-right: 30px;
			font-size: 1.1em;
		}
		
			#innerContent h2 {
				color: #004F96;
				font-size: 2.2em;
				font-weight: bold;
			}
			
			
			#innerContent h3 {
				color: #004F96;
				font-size: 1.8em;
				font-weight: bold;
				margin-top: 15px;
			}
			
			
			#innerContent h4 {
				color: #004F96;
				font-size: 1.6em;
				font-weight: bold;
				margin-top: 6px;
			}
			
				ol#environment-options h4 {
					display:block;
					height:30px;
					margin-bottom:-10px;
					padding-top:5px;
					position:relative;
					text-indent:34px;
				}
			
				ol#environment-options h4.DryGuard{
					background:url(../images/site/Icon_DG.gif) no-repeat;
				}
				
				ol#environment-options h4.Climate{
					background:url(../images/site/Icon_CC.gif) no-repeat;
				}
				
				ol#environment-options h4.Humidity{
					background:url(../images/site/Icon_CB.gif) no-repeat;
					height:40px;
				}
				ol#environment-options h4.Traditional{
					background:url(../images/site/Icon_TR.gif) no-repeat;
				}
				#environment-options ul li {
					margin-left:46px
				}
		
			#innerContent p,
			#innerContent ul,
			#innerContent ol {
				padding: .3em 0;	
			}
				#innerContent p.p-indention {
					margin-left:1.5em;
				}			
				#innerContent li {
					margin: .5em 0 0 0;
					padding: 0 0 0 10px;
					background: url(../images/site/bullet.gif) no-repeat 0 5px;
					margin-left:1.9em;
				}
				
				#innerContent p strong {
					font-size:1.2em;
				}
					#innerContent p strong span {
					font-size:3em;
				}
				
				#tagline {
					color: #004F96;
					font-size: 1.4em;
					font-weight: bold;
					margin-top:1em;
				}
					
					#tagline span {
						font-size: 1.5em;
						margin-top:.15em;
					}
					
				.image-right {
					float:right;
					margin-left:1.2em;
					display:block;
				}
				.image-left {
					float:left;
					margin-right:1.2em;
					display:block;
				}
		
		#sideBar {
			width: 220px;
			float: left;
			_display: inline;
		}
		
			#needSpace a {
				text-indent: -9999px;
				overflow: hidden;
				display: block;
				height: 137px;
				width: 220px;
				background: url(../images/site/need-space.png) no-repeat;
				_background: url(../images/site/need-space.gif) no-repeat;
			}
	
	/* find facility */
	#Find-Facility {
		padding: 20px 24px;	
		background: url(../images/site/sidebar-bg.png) no-repeat top;
		_background: url(../images/site/sidebar-bg.gif) no-repeat top;
		height: 172px;
	}
	
		#Find-Facility legend {
			display: none;	
		}
	
		#Find-Facility select {
			width:176px;
			display:block;
			font-size:11px;
			padding:1px;
			margin-bottom: .9em;
		}
		
		#Find-Facility #selectSize {
			width: 114px;
			float: left;
		}
		
		#Find-Facility label {
			line-height: 1.3;
			margin-bottom: .5em;
			display: block;
			padding: .5em 5px 0 0;
		}
		
		#findIt {
			float: right;	
			_display: inline;
			position: relative;
			top: -3px;
		}
		
		

		
	
		
/* ------------------------ 
		footer
------------------------ */
	#footer {
		padding: 30px 0;
		clear:both;
		text-align: center;
		background: url(../images/site/bg-footer.png) no-repeat top;
		_background: url(../images/site/bg-footer.gif) no-repeat top;
		_margin-left: 5px;
	}
	
	#footer ul {
		padding: .5em 0;
	}
	
	#footer li {
		display:inline;
		background: url(../images/site/bullet-white.gif) no-repeat right 5px;
		padding: 0 11px 0 4px;
		*padding: 0 6px 0 7px;
	}
	
	#footer li.last {
		background: transparent;	
	}
	
		#footer li a {
			text-decoration: none;
			color:#d0d7e2;
			font-size:11px;
			font-weight:normal;
		}
			#footer li a:hover {
				text-decoration: underline;
			}
	
	#footer p {
		font-size:10px;
		color: #8a9ab6;
	}
		#footer p a {
			color: #8a9ab6;
			font-size: 100%;
		}
	
/* ------------------------ 
		EASY CLEARING 
------------------------ */
.clear { clear:both;}

/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */