@charset "UTF-8";
@import url(reset.css);
/* CSS Document */

/*COLORS
Orange > #FF9900
Blue > #5AA1C1
Dark Green > #3C7822
Light Green > #8CC655
*/

body {
	background: url(../images/layout/bg1_brown2.jpg) repeat;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	}

a img {
	border: none;
	}

b, strong {
	color: #FF9900;
	font-weight: bold;
	}
em { font-style:italic; color:#777; }
	
p {
	font-size: .85em;
	line-height: 160%;
	margin: 0 0 10px 0;
	}

h1 {
	font-size: 17px;
	padding: 14px 0 0 29px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	}
h2 {
	font-size: 15px;
	padding: 0;
	margin-top:1em;
	color: #FF9900;
	text-transform: uppercase;
	border-bottom: 1px solid #999;
	}
h3 {
	font-size: 15px;
	padding: 0;
	margin-top:1em;
	color: #5AA1C1;
	margin-bottom: 4px;
	}
	
/*Layout*/	
#wrapper {
	width: 957px; /*960*/
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0;
	border: 2px solid #fff;
	border-top: none;
	background: url(../images/layout/sidebar_bg.jpg) repeat-y #fff;
	}

#header {
	background-image: url(../images/layout/header.jpg);
	height: 133px;
	}
	#header_bottom {
			background-image: url(../images/layout/header_bottom.jpg);
			width: 742px; /*777*/
			height: 20px; /*26*/
			padding-top: 6px;
			padding-left: 30px;
			margin: 0;
			}
			#header_bottom p {
				margin: 0;
				font-size: 11px;
				color: #666;
				}

#left_column {
	width: 180px; /*180*/
	min-height: 600px;
	padding: 0;
	margin: 0;
	float: left;
	/*border-right: 3px solid #fff;*/
	}
	
	#left_column p {
		font-size: .75em;
		line-height: 120%;
		}
		#left_column a { color:#5AA1C1; }
		#left_column a:hover { color:#3C7822; }
			
	
.sidebar_one {
	width: 162px; /*180*/
	height: 88px; /*133px;*/
	background: url(../images/layout/sidebar_1.jpg) no-repeat;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 45px 5px 0 13px;
	}
	
	
/* Main Nav */
#nav ul {
	padding: 0;
	margin: 0;
	}
#nav ul li {
	padding:0;
	margin:0;
	background: url(../images/layout/main_nav.jpg) 0 0 no-repeat;
	height:30px;
	line-height:1;
	list-style: none;
	border-top: 1px solid #fff;
	}
	#nav ul li:hover {
		background-position: -180px;
		}
#nav ul a {
	width:180px;
	height:30px;
	line-height:1;
	text-decoration: none;
	color: #fff;
	font-size:12px;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	padding:9px 0 0 15px;
	padding:0 0 0 15px; line-height:30px;
	}
	#left_column #nav a:hover { color:#fff; }
		
/*End Nav */

#content {
		background: #fff url(../images/layout/content_bg.jpg) repeat-x;
		float:right;
		width: 774px;
		padding: 0;
		padding-bottom: 10px;
		border-left: 3px solid #fff;
		overflow:visible;
		}	
		
		#category_wrap {
			margin:0 0 0 20px;
			clear:both;
			float:none;
			}
					
		.shadow_bg {
			background: url(../images/layout/shadow_bg.png) top left no-repeat;
			width: 215px;
			height: 142px;
			padding: 12px 0 0 12px;
			margin: 0;
			float:left;
			}
			.shadow_bg img {
				float:none;
				}
				#contact_bg {
					background: url(../images/layout/contact.jpg) no-repeat;
					padding: 10px 0 0 35px;
					width: 196px;
					height: 130px; 
					}
					#contact_bg p {
						font-size: .65em;
						line-height: 120%;
						}
						#contact_bg strong {
							color: #FF9900;
							}
				
			#textarea_wrap {
				margin: 0 0 0 20px;
				padding: 0;
				width: 727px;
				float:none;
				}
				#textarea_header {
					background: url(../images/layout/text_area_header.png) no-repeat;
					width:727px;
					height:42px;
					margin: 0;
					padding: 0;
					}
					
				#textarea {
					background: url(../images/layout/text_area.png) repeat-y;
					width: 647px; /*727*/
					min-height: 250px;
					padding: 15px 50px 25px 30px;
					margin: 0;
					}
					#textarea a {
						color: #3C7822;
						text-decoration: none;
						border-bottom: 1px dotted #3C7822;
						}
						#textarea a:hover {
							color: #999;
							border-color: #aaa;
							}
					#textarea ul {
							padding:0;
							margin:0 0 10px 0;
							}
							#textarea ul li {
								background: url(../images/layout/bullet_list.gif) no-repeat 0 6px;
								list-style: none;
								font-size: .75em;
								line-height: 150%;
								padding: 0 0 0 14px;
								margin: 0;
								}
									
				#textarea_footer {
					background: url(../images/layout/text_area_footer.png) no-repeat;
					width: 727px;
					height: 22px;
					margin: 0;
					padding: 0;
					float:none;width:100%;clear:both;
					}
					
#footer {
	width: auto;
	height: 17px;
	margin: 5px 0 0 35px;
	}
	#footer ul, #textarea ul.list1, #textarea .list1 {
		display:block;
		padding: 0;
		margin: 0;
		font-size: .72em; 
		list-style: circle;
		clear:both;
		}
		#footer ul li, #textarea .list1 li {
			float: left; 
			display: inline;
			line-height:1;
			padding: 0 3px 0 10px;
			background: url(../images/layout/bullet.gif) left no-repeat;
			}
			#footer ul li a, #textarea .list1 li a {
				color: #888;
				text-decoration: none;
				}
				#footer ul li a:hover, #textarea .list1 li a:hover {
				color: #000;
				text-decoration: none;
				}
				
				#footer li.noBullet, #textarea .list1 li.noBullet {
					background-image: none;
					padding-left: 0;
					}
			#textarea ul.list1, #textarea .list1 { width:100%; margin:0 0 10px 0; padding:5px 0; font-size:.92em; }


/*Tables*/
table {
	border: 2px solid #ccc;
	outline:0;
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
	margin:.3em 0 .5em;
	border-collapse: collapse;
	font-size: .85em;
	}	
tr {
	border: none;
	margin: 0;
	padding: 0;
	outline:0;
	border-collapse:collapse;
	border-spacing:0;
	}
th {
	border: none;
	background-color:#f90;
	padding: 5px;
	margin: 0;
	color: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	outline:0;
	border-collapse:collapse;
	border-spacing:0;
	vertical-align:middle;
	}
td {
	border: none;
	padding: 3px;
	margin: 0;
	text-align: center;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	outline:0;
	border-collapse:collapse;
	border-spacing:0;
	}
table.smaller { font-size:11px; }
table.smaller th { padding:1px 2px; }
table.smaller td { padding:0 1px; }
table td.shaded { background-color: #cfcfcf; border-color: #aaa; }
			
/*Misc*/
#textarea .tubesCorner { width:74px; height:60px; background:#f90 url(../images/tubes/tube_table_callouts.gif) 0 0 no-repeat; }

#textarea a.backToTop {
	background: url(../images/layout/bullets/arrow_fat_up.gif) 0 2px no-repeat;
	padding-left: 14px;
	}

.floatLeftPad {
	float: left;
	margin-right: 14px;
	}
.floatRightPad {
	float: Right;
	margin-left: 14px;
	}

.clearRight { clear:right; }

.clearfix:after, #textarea_wrap:after {
     visibility: hidden;
     display: block;
     content: " ";
     height: 0;
     font-size: 0;
     line-height: 0;
     clear: both;
     }
.clearfix, #textarea_wrap { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
	html[xmlns] #textarea_wrap { display: block; }
	* html .clearfix { height: 1%; }
	* html #textarea_wrap { height: 1%; }
	
.noDisplay {
	display:none;
	font-size: 1px;
	visibility: hidden;
	}

.fix {
	margin: 0; padding: 0;
	visibility:hidden;
	clear:both;
	display:block;
	font-size: 1px;
	height: 0;
	border: none;
	background: none;
	}
	
.thumbnails {
	float: right;
	}
	
hr {
	border: none;
	border-bottom: 1px dotted #999; 
	clear: both;
	padding: 10px;
	}

#contact_form {
	padding: 0;
	margin-top: 13px;
	}
	#contact_form p {
		line-height: 150%;
		}	
input {
	margin: 0 13px 0 2px;
	border: 1px solid #ccc;
	}
	
.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	color: #666;
	font-style: italic;
	text-align: center;
	}
	
.preview_list {
	width: 265px;
	height: 75px;
	background-color: #5AA1C1;
	border: 1px solid #3C7822;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 0;
	float: left;
	}
	.preview_list:hover {
		background-color: #8CC655; 
		}
	.preview_list img {
		border-right: 1px solid #3C7822;
		float: left;
		margin-right: 15px;
		}
		.preview_list a {
				display: block;
				height: 75px;
				}
				.preview_list h4 {
					font-size: 1.17em;
					text-transform: uppercase;
					font-weight: 100;
					color: #fff;
					margin: 0;
					padding: 0;
					line-height: 75px;
					}
	
/*COLORS
Orange > #FF9900
Blue > #5AA1C1
Dark Green > #3C7822
Light Green > #8CC655
*/
