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

/*Color palette*/
brown { color:#a1744b;}
darkbrown {color:#603814;}

/*--- General Code ---- */

body {
	margin:0;
	padding:0;
	font:12px arial;
	min-height:1000px;
	background:#fff url('../images/bg.gif') repeat-x left bottom;
}

p {
	margin:0 0 1em 0;
	padding:0;
	line-height:normal;
}

img {
	border:none;
}

div.lclear {
	float:left;
	clear:both;
	width:100%;
}

div#spacer {
	float:left;
	clear:both;
	width:100%;
	height:1px;
	background-color:#a1744b;
}

div.products {
     border:none;
	 }

div#mainWrap {
	position:relative;
	width:820px;
	margin:0 auto;
	padding:0;
}

div#rightwrap {
    clear:right;
	float:right;
	width:656px;
	height:100%;
	margin-top:30px;
	}

div#leftwrap {
     float:left;
	 width:164px;
	 height:100%;
	 margin-top:30px;
	 }
     	

/*---position divs---*/
div#header {
    width:100%;
    height:100px;
	}

div#header ul#menu {
   list-style:none;
   float:left;
   margin-left:95px;
   padding:0;
   }

div#header ul#menu li {
   float:left;
   height:34px;
   margin:0;
   margin-right:2px;
   }
  
div#header ul#menu li a{
   float:left;
   display:block;
   margin:0;
   padding:0;
   }
    	
div#header ul#menu li.Utilityshirt a:link,
			div#header ul#menu li.Utilityshirt a:visited
			{
				width:147px;
				background:url(images/utility.gif) 0 0 no-repeat;
				
			}

			div#header ul#menu li.Utilityshirt a:hover
			{
				width:147px;
				background:url(images/utility.gif) 0 -35px no-repeat;
			}			
			
			div#header ul#menu li.Utilityshirt a:active,
			div#header ul#menu li.Utilityshirt a.active,
			div#header ul#menu li.UtilityshirtActive
			{
				width:147px;
				background:url(images/utility.gif) 0 -70px no-repeat;
			}		
		
		
		
		
div#header ul#menu li.tshirt a:link,
			div#header ul#menu li.tshirt a:visited
			{
				width:89px;
				background:url(images/shirty.gif) 0 0 no-repeat;
				
			}

			div#header ul#menu li.tshirt a:hover
			{
				width:89px;
				background:url(images/shirty.gif) 0 -35px no-repeat;
			}			
			
			div#header ul#menu li.tshirt a:active,
			div#header ul#menu li.tshirt a.active,
			div#header ul#menu li.tshirtActive
			{
				width:89px;
				background:url(images/shirty.gif) 0 -70px no-repeat;
			}		
			
			
		
div#header ul#menu li.blog a:link,
			div#header ul#menu li.blog a:visited
			{
				width:92px;
				background:url(images/blog.gif) 0 0 no-repeat;
				
			}

			div#header ul#menu li.blog a:hover
			{
				width:92px;
				background:url(images/blog.gif) 0 -35px no-repeat;
			}			
			
			div#header ul#menu li.blog a:active,
			div#header ul#menu li.blog a.active,
			div#header ul#menu li.blogActive
			{
				width:92px;
				background:url(images/blog.gif) 0 -70px no-repeat;
			}		
					
		
		
div#header ul#menu li.morestuff a:link,
			div#header ul#menu li.morestuff a:visited
			{
				width:111px;
				background:url(images/morestuff.gif) 0 0 no-repeat;
				
			}

			div#header ul#menu li.morestuff a:hover
			{
				width:111px;
				background:url(images/morestuff.gif) 0 -35px no-repeat;
			}			
			
			div#header ul#menu li.morestuff a:active,
			div#header ul#menu li.morestuff a.active,
			div#header ul#menu li.morestuffActive
			{
				width:111px;
				background:url(images/morestuff.gif) 0 -70px no-repeat;
			}				
		
	

div#header ul#menu li.aboutus a:link,
			div#header ul#menu li.aboutus a:visited
			{
				width:92px;
				background:url(images/usabout.gif) 0 0 no-repeat;
				
			}

			div#header ul#menu li.aboutus a:hover
			{
				width:92px;
				background:url(images/usabout.gif) 0 -35px no-repeat;
			}			
			
			div#header ul#menu li.aboutus a:active,
			div#header ul#menu li.aboutus a.active,
			div#header ul#menu li.aboutusActive
			{
				width:92px;
				background:url(images/usabout.gif) 0 -70px no-repeat;
			}	
	
	

div#header ul#menu li.contactus a:link,
			div#header ul#menu li.contactus a:visited
			{
				width:105px;
				background:url(images/uscontact.gif) 0 0 no-repeat;
				
			}

			div#header ul#menu li.contactus a:hover
			{
				width:105px;
				background:url(images/uscontact.gif) 0 -35px no-repeat;
			}			
			
			div#header ul#menu li.contactus a:active,
			div#header ul#menu li.contactus a.active,
			div#header ul#menu li.contactusActive
			{
				width:105px;
				background:url(images/uscontact.gif) 0 -70px no-repeat;
			}	
			
div#header ul#menu li.morevideo a:link,
			div#header ul#menu li.morevideo a:visited
			{
				width:109px;
				background:url(images/more-video.gif) 0 0 no-repeat;
				
			}

			div#header ul#menu li.morevideo a:hover
			{
				width:109px;
				background:url(images/more-video.gif) 0 -35px no-repeat;
			}			
			
			div#header ul#menu li.morevideo a:active,
			div#header ul#menu li.morevideo a.active,
			div#header ul#menu li.morevideoActive
			{
				width:109px;
				background:url(images/more-video.gif) 0 -70px no-repeat;
			}					
				
div#header ul#cartnav {
    height:20px;
	list-style:none;
	float:right;
	margin-top:30px;
	margin-right:2px;
	}

html>body div#header ul#cartnav {
   	margin-top:10px;
	}
	
div#header ul#cartnav li{
	margin:0;
	padding-left:6px;
	float:left;
	}
	
div#header ul#cartnav li a{
	margin:0;
	padding-left:6px;
	float:left;
	text-decoration:none;
	font-weight:bold;
	}
div#header ul#cartnav li a:link,
div#header ul#cartnav li a:visited{
color:black;
	}
div#header ul#cartnav li a:hover,
div#header ul#cartnav li a:active{
color:#a1744b;
	}
div#space {
    background-color:#CC0000;
	height:3px;
	width:100%;
	margin-bottom:10px;
    padding:0;
	}

div#flasharea {
	width:100%;
		padding:0;
	}
	
div#intro {
    width:100%;
	font-size:14px;
	color:gray;
   	}

div#title {
    width:100%;
	font-size:18px;
	font-weight:bold;
	color:black;
   	}

div#footer{
     float:left;
	 height:10px;
	 margin-top:8px;
        margin-bottom:5px;
	 }