/* Basic Elements */

body { 
	font: 12px Arial, Helvetica, Geneva, Verdana, sans-serif;
	color: #666666; 
	}
	
a img, a:link img {border: 0px;} 

img {margin:0px; padding:0px;}
	
p {padding-top:8px; margin:0px;}
	
h1 {font-size:16px;
	color:#666666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	}
	
h2 {font-size:12px;
	color:#000000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0px;
	display:inline;}
	
h3 {font-size:16px;
	color:#ffffff;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0px;
	display:inline;}
	
h5 {font-size:15px;
	color:#ffffff;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:0px;
	display:inline;}
	
h6 {font-size:13px;
	color:#ffffff;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:20px 0px 0px 0px;
	margin:0px;
	line-height:16px;}
	
.subhead {font-size:12px;
	color:#000000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 20px 0px 5px 0px;}
	
/*link styles*/

a, a:link, a:visited, a:active {
	text-decoration: none;
	color:#000066;
	}
a:hover {
	text-decoration: underline;
	color:#000066;
	}

h6 a, h6 a:link, h6 a:visited, h6 a:active {
	text-decoration: none;
	font-weight:bold;
	color:#ffffff;
	}
h6 a:hover {text-decoration: underline; }


/* ----------------------------------------------- */
/*                  first level nav                */
/* ----------------------------------------------- */
#navlist, #navlist ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#navlist li {
	float: left;
	padding: 0px;
	margin: 0px auto;
	border-right:1px solid #666;
	text-align:center;
}

#navlist ul li, #navlist ul li a, #navlist ul li a:link {height:26px; display:block;}

#navlist a, #navlist a:link,  #navlist a:visited {color:#333; text-decoration:none; font-size: 11px; height:26px; line-height:26px;}
#navlist a:hover, #navlist a:active {color:#000; text-decoration:none;}

#navlist li.quote a, #navlist li.quote a:link, #navlist li.quote a:visited {color:#e6e7e8; text-decoration:none; font-size:11px; font-weight:bold;}
#navlist li.quote a:hover, #navlist li.quote a:active {color:#fff; text-decoration:none;}

/* ---- main items ---- */
#navlist li.office, #navlist li.household, #navlist li.special, #navlist li.international, #navlist li.storage {background: url(../images/menu-btn_nm.jpg) repeat-x;}
#navlist li.office {width:116px;}
#navlist li.household {width:116px;}
#navlist li.international {width:87px;}
#navlist li.special {width:157px;}
#navlist li.storage {width:102px;}

#navlist li.quote {width:140px; background: url(../images/red-menu-btn.jpg) repeat-x; border-right:1px solid #660000 ;border:none;}
#navlist li.track {border-right:1px solid #660000; width:105px; background: url(../images/track-btn-bkg.jpg) repeat-x;}

#navlist li.tech a, #navlist li.tech a:link, #navlist li.tech a:active,#navlist li.tech a:visited{width:116px; background: url(../images/menu-btn-av.jpg) repeat-x; color:#fff; font-size:11px; font-weight:bold; line-height:26px;}

#navlist li.tech a:hover {color:#000000;}


/* ---- rollover items ---- */ 
#navlist li:hover, #navlist li.sfhover { color: #000; height:26px;}
/* IE6 doesn't allow reference to multiple classes, so these hover states don't have corresponding .sfhover styles */
#navlist li.office:hover, #navlist li.household:hover, #navlist li.special:hover, #navlist li.international:hover, #navlist li.storage:hover {background: url(../images/menu-btn_hv.jpg) repeat-x;}

#navlist li.quote:hover {background: url(../images/red-menu-btn_hv.jpg) no-repeat; color:#FFFFFF;} 
#navlist li.track:hover {background: url(../images/track-btn-ovr-bkg.jpg) repeat-x; color:#000;}


/* ---- active items ---- */
#navlist li.office-av, #navlist li.household-av, #navlist li.special-av, #navlist li.international-av, #navlist li.storage-av {background: url(../images/menu-btn-av.jpg) repeat-x; color:#fff; font-size:11px; font-weight:bold; line-height:26px;}
#navlist li.office-av {width:116px;}
#navlist li.household-av {width:116px;}
#navlist li.international-av {width:87px;}
#navlist li.special-av {width:157px;}
#navlist li.storage-av {width:102px;}

/* ----------------------------------------------- */

#topbarnavigation a, #topbarnavigation a:link, #topbarnavigation a:visited, #topbarnavigation a:active {
	color: #FFF;
	font-weight:bold;
	text-decoration: none;
	padding:0px 4px;
	}
	
#topbarnavigation a:hover {
	color: #000;
	text-decoration: none;
	}
	
#topbarnavigation {
	color:#FFF;
	font-size:11px;
	display:block;
	background-color: #7b7b7b;
	vertical-align: middle;
	padding: 0px 0px 0px 70px;
	margin: 0px 0px 0px 0px;
	clear: both;
	height: 20px;
	text-align: center;
	line-height:18px;
	position: relative;
}
	
/* ----------------------------------------------- */


	
/* Classes */
		
.bigger {font-size:20px;
		color:#ffffff;
		padding-top:16px;}
		
.small {font-size:11px;}
		
.big {font-size:16px;
		color:#000;
		padding-top:20px;}
		
.titles {font-size:20px;
		color:#000;
		z-index:5000;
		position:absolute;
		left:110px;
		top:300px;}	
		
.pagetitles {font-size:20px;
		color:#000;
		z-index:5000;
		padding-left:50px;}		
	
.map {background:url(../images/map-bkg.jpg) center top no-repeat; }
.red {color:#CC0000;}
.blue {color:#003399;}
.white {color:#ffffff;}
.black {color:#000000;}
.grey {color:#333333;}
.right {float:right;}
.left {float:left;}
.clearall { clear: both; }
.top {padding-top:15px; float:left;}

.leftspace {margin-left:30px;}
	
.nospace {padding:0px; margin:0px;}
	
.nav {padding:0px 8px; border-right: 1px solid #666666; float:left; display:inline;}

.hometext {width:300px; padding-top:20px;}

td {padding-left:5px;}

.label {font-weight:bold; font-size:12px; color:#000; padding-top:14px;}
.howtosubheads {font-weight:bold; font-size:13px; color:#333333; padding:10px 0px 0px 0px;}
.rule {border-top:1px solid #333333; margin:0px; padding:0px;}

.howto {padding:10px 40px 0px 40px; margin-top:0px;}

.howto li {padding-top:6px;}

.testamonials {font-style:italic; padding:0px 0px 20px 0px;}
.howtolnk {padding-left:50px; line-height:20px;}

.st {font-size:12px; font-style:italic; font-weight:normal;}


/* Divs */

/*#officeform, #residentialform {display:none; }*/

#page {
	width:988px;
	padding:0px 0px 30px 0px;
	margin:10px auto;
	position:relative;
	}
	
#content{
	width:958px;
	border:1px solid #7b7b7b;
	border-top:none;
	float:left;
	 background:#fffbf7;
	 position:relative;
	 margin-bottom:30px;
	}
	
#masthead{
	height:105px;
	width:988px;
	vertical-align:bottom;
	float:left;
	position:relative;
	}
	
#header {
	width:829px;
	height:97px;
	float:left;
	padding:8px 0px 0px 0px;
	}
	
#tagline {
	width:421px;
	height:77px;
	background:url(../images/header-bkg.jpg) repeat-x bottom;
	float:left;
	padding:0px 5px 0px 5px;
	position:relative;
	}
	
#headerfix {position:absolute;
	top:50px;
	left:6px;
	margin-top:-1px;}
	
#menu {
	width:829px;
	border-left:1px solid #7b7b7b;
	float:left;
	vertical-align: middle;
	display: block;
	padding: 0px;
	margin: 0px;
	clear: both;
	height: 26px;
	}
	
#rotateimg {
	width:958px;
	height:435px;
	float:left;
	background:#000000;
	}
	
#homecopy {
	width:400px;
	float:left;
	background:#ffffff;
	}
	
#text {
	width:305px;
	padding:5px 55px 20px 40px;
	height:395px;
	overflow:auto;
	float:left;
	background:url(../images/gold-map-bkg.jpg);
	border-right:1px solid #7b7b7b;
	}
	
#redbar {
	width:958px;
	height:auto;
	background:#ac1e22 url(../images/red-bkg.jpg) repeat-x;
	border-top:1px solid #7b7b7b;
	float:left;
	}

#footer {
font-size:9px;
	text-align:center;
	padding:5px 0px;
	margin:0px auto;
	line-height:12px;
	width:958px;
	border-top:1px solid #7b7b7b;
	background:#ffffff;
	float:left;
	}
	
#top {z-index:5000; float:left; position:absolute; padding:23px 40px; width:479px;}

#pics {float:left; width: 300px; background:#fffbf7; z-index:1000;}

#sub-text {width:627px; padding: 20px 0px 0px 30px; background:#fffbf7 url(../images/bar-shadow-content.jpg) top no-repeat; float:left;}
.rightcol {width:368px; float:left; padding-right:19px; border-right:1px solid #333333; margin-bottom:12px;}
.leftcol{width:193px; float:left; padding:50px 18px 0px 18px; }
.singlecolumn{padding-right:60px;}

	
#referral {width:500px; background:#fffbf7; padding:20px 50px;}

#legalnotice {
	background:#FFF;
	border:solid 1px #999;
	width:380px;
	height:auto;
	padding:10px;
	text-align:center;
	color:#999;
	margin-left:50px;
}

#notice {
	background:#FFF;
	border:solid 1px #333;
	width:480px;
	height:auto;
	padding:10px;
	color:#333;
}

#truck {float:right; vertical-align:bottom; padding:20px 0px 20px 0px;}

#referbtns {z-index:5000; top:375px; left:30px; position:absolute; }
#referbtns img {padding-right:10px;}