/*================ RESET STYLES =================*/

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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%;
	vertical-align: baseline;
	background: transparent;}
	
body{
	line-height: 1;}
	
ol, ul{
	list-style: none;}
blockquote, q{
	quotes: none;}
	
blockquote:before, blockquote:after, q:before, q:after{
	content: '';
	content: none;}

:focus{
	outline: 0;}

ins{
	background-color: #FF0;
	text-decoration: none;}
	
del{
	text-decoration: line-through;}

table{
	border-collapse: collapse;
	border-spacing: 0;}
	
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
	
/*================ LAYOUT STYLES =================*/
#wrapper{
	width: 900px;
	margin: 0 auto;}
	
#header, #sub-nav-col, #content-col, #media-col, #footer{
	float: left;}

#header{
	width: 100%;
	height: 180px;
	position: relative;}
	
#home{
	position: absolute;
	top: 10px;}
	
#home a{
	display: block;
	width: 360px;
	height: 150px;}
	
#social-networks{
	position: relative;
	top: 15px;
	left: 710px;
	width: 190px;}

#social-networks ul a{
	display: block;
	height: 28px;
	padding-left: 30px;
	font-size: .9em;}

#search{
	position: absolute;
	top: 35px;
	left: 450px;
	width: 206px;
	height: 10px;
	padding: 50px 5px;}
	
#sub-nav-col, #content-col, #media-col{
	margin-bottom: 10px;}
	
#sub-nav-col{
	width: 190px;
	margin-right: 10px;}
		
#tree-tips li.first-list a{
	width: 190px;
	padding-left: 0px;}
	
#tree-tips li a{
	display: block;
	width: 175px;
	margin: 0px;
	padding-left: 15px;}
				
#content-col{
	width: 500px;
	margin-right: 10px;}
	
#media-col{
	width: 190px;}
	
#specials, #videos, #promotions{
	width: 100%;
	margin-bottom: 10px;}
	
#specials{
	height: 246px;
	overflow: hidden;}
	
#promotions{
	height: 170px;}
		
#footer{
	width: 100%;
	clear: both;
	text-align: center;
	padding-top: 10px;}
	
#footer li{
	display: inline;}
	
#footer p{
	clear: both;}
	
.media-img{
	float: right;
	margin: 0px 0px 10px 10px;
	width: 300px;}
	
.item img{
	display: block;
	margin-bottom: 5px;}
	
img.item{
	display: block;
	margin: 0px auto;}
	
.category{
	width: 190px;
	overflow: hidden;}
	
.category a{
	display: block;
	width: 170px;
	height: 25px;
	padding-left: 20px;
	line-height: 25px;}
	
a.item, a.item:link, a.item:visited{
	display: block;
	width: 140px;
	height: 190px;
	overflow: hidden;
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 10px;}
	
/*================ VISUAL STYLES =================*/
body{
	background: #fffef3 url(/graphics/home-interface/Home_Top_BG.jpg) repeat-x top;}
	
#header{
	background: url(/graphics/home-interface/Home_Header.jpg) no-repeat top left;}
				
#social-networks li a{
	background: url(/graphics/standard-interface/Category_BG.png) repeat-y;}
	
#footer{
	border-top: #296631 1px solid;}
	
#search{
	background: url(/graphics/standard-interface/Search_BG.png) no-repeat;}
	
.media-img{
	border: #296631 1px solid;
	background-color: #FFF;}
	
a.item, a.item:link, a.item:visited{
	background-color: #FFF;
	border: #090 solid 2px;
	text-decoration: none;}
	
a.item:hover{
	border: #296631 solid 2px;}
	
img.item{
	border: #296631 solid 3px;}
	
.category li a{
	background: url(/graphics/standard-interface/Category_BG.jpg) repeat-y;}
	
/* DELETE AFTER MOVE TO DATABASE IS COMPLETE */	
.product-img{
	float: left;
	margin: 10px;}
	
hr{
	clear: both;}
/* END DELETE */

/*================ TYPOGRAPHY STYLES =================*/
body{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;}
	
h1{
	font-size: 1.3em;}
	
h2{
	margin-top: 10px;}
	
h3{
	margin-bottom: -5px;
	font-size: .9em;}
	
#social-networks a, #social-networks a:link, #social-networks a:visited{
	color: #666;
	font-weight: bold;
	text-decoration: none;}
	
#social-networks a:hover{
	color: #000;}
			
#tree-tips li.first-list a, #tree-tips li.first-list a:link, #tree-tips li.first-list a:visited{
	color: #296631;
	font-size: 1em;
	font-weight: bold;
	font-variant: small-caps;}
	
#tree-tips li a,#tree-tips li a:link, #tree-tips li a:visited{
	color: #000;
	font-size: .8em;
	font-weight: normal;
	font-variant: normal;
	line-height: 25px;
	text-decoration: none;}

#tree-tips li a:hover{
	text-decoration: underline;}
		
#content-col h1{
	color: #296631;
	font-weight: bold;
	margin: 5px 0 5px 0;}
	
#content-col p{
	font-size: .8em;
	line-height: 1.5em;
	padding: 5px;}
	
#content-col a.link, #content-col a.link:link, #content-col a.link:visited{
	color: #090;
	font-size: .9em;
	font-weight: bold;}
	
#content-col a.link:hover{
	color: #296631;
	text-decoration: none;}
	
#content-col ul{
	padding-left: 10px;}
	
#footer{
	font-size: .6em;}
	
#footer a, #footer a:link, #footer a:visited{
	color: #00F;}
	
#footer a:hover{
	text-decoration: none;}
		
.category a, .category a:link, .ccategory a:visited{
	color: #666;
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;}
	
.category a:hover{
	color: #000;
	text-decoration: underline;}
	
.list{
	list-style-type: inherit;
	margin-left: 30px;}

.numlist{
	margin-left: 30px;
	list-style-type: decimal;}
	
/* ============== TEXAS TREE BLOWOUT OVERWRITES ====================== */
/* Comment this section out when TTB is not going on. DO NOT DELETE IT. */

/*#header{
	background: url(/graphics/TTB-interface/header.jpg) no-repeat top left;}

body{
	background: #fffef3 url(/graphics/TTB-interface/top-bg.jpg) repeat-x top;}*/