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

html, body {height: 101%;}
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #eeeee6;
	background-image:url(img/bgtile3.jpg);
	background-repeat:repeat;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	min-width:765px;
}

#masthead {
background-image: url(Fireworks/masthead_bg.gif);
background-repeat : repeat-x;
height : 120px;
background-color: #003300;
}


	
#logodiv {
	background-image:url(Fireworks/logo.jpg);
	background-repeat:no-repeat;
	height: 120px;
	width: 565px;
	}
	
	
	
.imgfloatright { 
float : right; 
padding-right: 100px;
} 
.imgfloatleft { 
float : left; 
}	

/* hide from IE mac \*/ 
#logodiv img {float: left;} 
/* end hiding from IE5 mac */ 	
	


#wrapper {
	margin: 40px auto 15px auto;
	width: 770px;
}


#phonediv a:link {
	float: right;
	font-size: .775em;
	color: #003300;
	margin: 0 0 6px 0px;	
	}

h1 {
	font-size: 0.7em;
	margin: 0 0 6px 0px;	
}


h2, h3 {
margin : 0 0 6px 0;
font-size : 1.2em;
letter-spacing : 0.15em;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
h3 {
margin : 16px 0 6px 0 !important ;
font-size : 1em;
letter-spacing : 0.25em;
font-weight : bold;
}
h4 {
margin : 16px 0 6px 0 !important ;
font-size: 1em;
letter-spacing: 0.15em;
font-weight: bold;
}

p {
margin : 6px 0 12px;
}
img {
border : 0;
}


/* this describes how the images will look on the page */


.chip {
padding-top: 0;
padding-bottom: 10px;
margin-top: 0;
}

#machine {
float : right;
width : 250px;
margin : 0;
}

#man {
float : right;
width: 150px;
margin: 0 0 0 10px;
padding:5px;
border: 1px solid #333333;
}


.callout {
float : right;
width : 149px;
margin : 0 8px 0 6px;
padding : 5px;
border : 1px solid #333333;
font-size : 0.75em;
}

.truck {
float :left;
width : 175px;
margin : 0 10px 0 0;
padding : 5px;
border : 1px solid #333333;
font-size : 0.75em;
}

.dt {
float :left;
width : 174px;
margin : 0 10px 0 0;
padding : 5px 5px 0 5px;
border : 1px solid #333333;
font-size : 0.75em;
}

.callout2 { 
float : left; 
width : 150px; 
margin : 6px 8px 0 0; 
padding : 5px; 
border : 1px solid #333333; 
font-size : 0.75em; 
}


.trucks {
float: right;
width: 200px;
margin: 0 0 0 5px;
padding: 5px;
border: 1px solid #333333;
font-size: 0.75em;
}

.chipper {
float :right;
width : 250px;
margin : 0 0 0 5px;
padding : 5px;
border : 1px solid #333333;
font-size : 0.75em;
}

.palm {
float :right;
width : 200px;
margin : 0 0 0 5px;
padding : 5px;
border : 1px solid #333333;
font-size : 0.75em;
}



.ordernow { 
padding : 12px; 
font-size : 1em; 
text-align : center; 
color : #cccccc; 
} 
.ordernow p { 
margin : 0; 
} 
.sidecontent { 
color : #000000; 
font-size : 0.7em; 
margin : 0 0 12px; 
} 
.sidecontent p { 
margin : 0; 
} 
.p7GP05 #cart img { 
border : 1px solid #999; 
} 
.p7GP05 #cart img { 
border : none; 
} 
.p7GP05 #cart { 
color : #fff; 
} 
#cart p { 
margin : 0 0 4px 0; 
} 

#cart a:link, #cart a:visited, #cart a:hover, #cart a:active {
	color: #fff;
	}





/* the list styles */
	

.attr {
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	list-style: disc;
}
	
.testimonial {
	list-style: none;
	margin: 6px 0 0 0;
	padding: 0 0 1.1em 0;
}

.faq {
	list-style:none;
	margin:0;
	padding: 0;
	}
	
	
/* specialty elements */

.caption {
margin: 0;
padding: 0;
font-size: 1em;
text-align:center;
}		
	
.drop {
float : left;
font-family: Arial, Helvetica, sans-serif;
font-size : 300%;
font-weight: bold;
color: #3D4623;
line-height : 1em;
margin : 4px 7px 0 0;
padding : 5px 10px;
border : 1px solid #4a4a4a;
background : #fff;
}


.special a {
	color: red;
	}
	
	


#footer {
font-size : 0.7em;
color : #000000;
padding : 0.5em 0;
margin : 0 auto;
width : 770px;
}
#footer p {
margin : 0 0 6px 0;
}
#footercontent a, #footercontent a:visited {
color : #204dff;
}
#footercontent a:hover {
color : #000000;
}
#footerex {
margin : 12px 0;
}