@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #fff;
}
.oneColFixCtrHdr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	position: relative;
	padding: 0;  
}


.oneColFixCtrHdr #header h1 {
	margin: 0 0 -30px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	float: left;
    width: 780px;
    height: 253px;
    position: relative;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.5em;
	line-height: 1em;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: #f8e600;	 
	
}

.oneColFixCtrHdr #header h1 span { 

         background: url(../images/logo.jpg) no-repeat;
		  position: absolute;
		  width: 750px;
		  height: 253px;
		
}

.oneColFixCtrHdr #header h2 {
    margin: -20px 0 0 0;	
    float: left;
	clear: left;
	width: 750px;
	height: 25px;
	position: relative;
	font-size: 0.6em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #fff;
	overflow: hidden;
	
	
	
}

.oneColFixCtrHdr #header h2 span { 

        background: url(../images/h2_span_image.jpg);
		position: absolute;
		width: 750px;
		height: 25px;
		
}

.oneColFixCtrHdr #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float: left; 
	clear: left;
	background: #085728;
	width: 780px;
	height: 100%;
	
	
}


#topnav { margin: 0;
          padding: 0;
		  
		  
			 }
			 
#topnav ul {
           	margin: 0;
			padding: 0;}			 
			 
			 
#topnav ul li { float: left;
	display: block;
	width: 130px;
	height: 40px;
	position: relative;
	float: left;	

}



#topnav a:link, 
#topnav a:visited,
#topnav a:hover,
#topnav a:active {display: block;
	height: 40px;
	line-height: 40px;
	font-size: x-small;

}

#moving,
#storage,
#packing,
#designer,
#contact,
#fulfillment {width: 130px;}

#topnav span { position: absolute;
	top: 0;
	left: 0;
	height: 40px;
}

#moving span { background: url(../images/moving.jpg)       no-repeat 0 0;
              width: 130px;
}

#moving a:link,
#moving a:visited,
#moving a:hover,
#moving a:active { width: 130px;

}

#moving a:hover span,
#moving a.selected:link span,
#moving a.selected:visited span,
#moving a.selected:hover span,
#moving a.selected:active span {background: url(../images/moving_ro.jpg) no-repeat 0 0;
              width: 130px;

}


#storage span { background: url(../images/storage.jpg)       no-repeat 0 0;
              width: 130px;
}

#storage a:link,
#storage a:visited,
#storage a:hover,
#storage a:active { width: 130px;

}

#storage a:hover span,
#storage a.selected:link span,
#storage a.selected:visited span,
#storage a.selected:hover span,
#storage a.selected:active span {background: url(../images/storage_ro.jpg) no-repeat 0 0;
              width: 130px;

}

#packing span { background: url(../images/packing_shipping.jpg)       no-repeat 0 0;
              width: 130px;
}

#packing a:link,
#packing a:visited,
#packing a:hover,
#packing a:active { width: 130px;

}

#packing a:hover span,
#packing a.selected:link span,
#packing a.selected:visited span,
#packing a.selected:hover span,
#packing a.selected:active span {background: url(../images/packing_shipping_ro.jpg) no-repeat 0 0;
              width: 130px;

}

#designer span { background: url(../images/designer_services.jpg) no-repeat 0 0;
              width: 130px;
}

#designer a:link,
#designer a:visited,
#designer a:hover,
#designer a:active { width: 130px;

}

#designer a:hover span,
#designer a.selected:link span,
#designer a.selected:visited span,
#designer a.selected:hover span,
#designer a.selected:active span {background: url(../images/designer_services_ro.jpg) no-repeat 0 0;
              width: 130px;

}


#contact span { background: url(../images/contact_us.jpg) no-repeat 0 0;
              width: 130px;
}

#contact a:link,
#contact a:visited,
#contact a:hover,
#contact a:active { width: 130px;

}

#contact a:hover span,
#contact a.selected:link span,
#contact a.selected:visited span,
#contact a.selected:hover span,
#contact a.selected:active span {background: url(../images/contact_us_ro.jpg) no-repeat 0 0;
              width: 130px;

}

#fulfillment span { background: url(../images/fulfillment.jpg) no-repeat 0 0;
              width: 130px;
}

#fulfillment a:link,
#fulfillment a:visited,
#fulfillment a:hover,
#fulfillment a:active { width: 130px;

}

#fulfillment a:hover span,
#fulfillment a.selected:link span,
#fulfillment a.selected:visited span,
#fulfillment a.selected:hover span,
#fulfillment a.selected:active span {background: url(../images/fulfillment_ro.jpg) no-repeat 0 0;
              width: 130px;

}

		 
#toppix img{ float: left; 
            width: 130px;
            margin: 0;
			padding: 0;
			border: none;
}

#toppix h3 { margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	float: left;
    width: 130px;
    height: 130px;
    position: relative;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.8em;
	line-height: 1em;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: #f8e600;	
	overflow: hidden;}

#toppix h3 span { background: url(../images/services_announce.jpg) no-repeat;
                  position: absolute;
				  top: 0;
				  left: 0;			
				  height: 130px;
				  width: 131px;}
				  
#mainleft {float: left;
           clear: left;
		   width: 450px;
		   margin: 0 5px 0 0;
		   padding: 0px 15px 0 30px;
		   line-height: 1.5em;
		   font-size: 0.9em;
                  
		  
		  
}

#mainleft h1 {
	font-size: 1.3em;
	line-height: 1.5em;
	color: #fce700;
}

#mainleft h2 {
	font-size: 1.2em;
}

span.emph { font-size: 1.1em;
            font-weight: bold;
            color: #fce700;
			}
			
#mainleft a { text-decoration: none;
             color: #fff;
}

#mainleft a:hover { color: #fce700;}

#mainright {float: right;
                       
           	width: 300px;
			height: 265px;
			margin: -150px 0 0 0px;
			padding: 0px 5px 0 0;
			font-size: 0.9em;
			color: #69c3b7;
			text-align: right;
			background: url(../images/frontpage_flap.jpg) no-repeat 100% 100%;
                        
		
}

#mainright-inside {
	         float: right;
	                 
           	width: 260px;
			height: auto;  
			margin: 0;
			padding: 60px 0 0 0;
			background-image: none;}
			
#mainright-inside img { float: left;
                         clear: left;
						 margin: 10px 10px 10px 0;
						 padding: 0;
						 width: 225px;}

#mainright p { margin: 0 0 0 0;
                              }


}


#mainright a { color: #f8e600;
                position: relative;}

#mainright a:hover {color: #ac9535;
                    position: relative;}
                    
div.pullquote {
	margin: 130px 0 0 140px;
	width: 150px;
	font-size: 0.75em;
}

div.pullquote a {
	display: block;
	margin: 5px 0;
}

.pullquote span.satisfied {
	                       font-size: 1.1em;
                           	color: #f8e600;
}



div.pullquote a {
	color: #f8e600;
	
}
				  


.oneColFixCtrHdr #footer {
	float: left;
	background: #ac9535;
	width: 780px;
	height: 1%;
	
	
}


.oneColFixCtrHdr #footer ul { margin: 0;
                             padding: 5px;
                   

}

.oneColFixCtrHdr #footer ul li {display: inline;
                                font-size: 0.7em;
								text-transform: uppercase;
								color: #085728;
								
                              
                                }
								
								
.oneColFixCtrHdr #footer ul li#first { font-size: 0.9em;
                                       font-weight: bold;
									   text-transform: uppercase;
									   color: #000;
									   margin: 0 3px 0 0;}
									   
f<!--Form Styles-->

form#hardpackForm {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
}

fieldset {  
	float: left;
	clear:left;
	width: 40em;  
	margin: 0 10px 1.5em 15px;  
	padding: 0px;  
	border-top: 1px solid black; 
	border-left: none;
	border-right: none;
	border-bottom: none;  
	
}
legend {
	float: left;
	width: 45em;  
	margin: 10px 0 10px 20px;
	color: #8c0000;  
	font-weight: bold;
	
}
fieldset ol {  
	padding: 1em 1em 0 1em;  
	list-style: none;
}
fieldset ol li {  
	padding-bottom: 1em;
	width: 40em;
}
fieldset.submit {  
	border-style: none;
	float: none;  
	width: auto;  
	border-style: none;
	padding-top: 1.0em;  
	padding-left: 12em;  
	background-color: transparent;
}

fieldset.submit input {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-size: 1.1em;
	background-color: #FFCC66;
	
}

label {  
	float: left;  
	width: 10em;  
	margin-right: 1em;  
	text-align: left;
}

fieldset li {  
	float: left;  
	clear: left;  
	width: 100%;  
	padding-bottom: 1em;
}