/**************************************************************
**CLIENT NAME** Stylesheet
Author: Shane Smith

STYLESHEET CONTENTS
0. Browser Reset
1. Body Formatting
2. Container
3. Heading Tags
4. Paragraph Tags
5. A Tags
6. Reusable Classes
7. Specific Formatting
	 a) Header
	 b) Footer
	 c) Navigation
	 d) Home Page

***************************************************************/


/********************* 0. Browser Reset ********************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}

/********************* 1. Body Formatting ********************/
body, select, input, textarea {
	font: 100%/1.2 Arial, Helvetica, sans-serif;
}

body {
	margin-top:0px;
	background:url(../images/bg-body.jpg) repeat-x #425353;
}

/********************* 2. Container ********************/
#container {
	font-size: 0.8em;
	width: 915px;
	margin: 0 auto;
	background-color:#FFFFFF;
	padding:0 30px;
}

#content-area {
	padding:20px 10px 20px 0px;
	margin-right:14px;
}

/********************* 3. Heading Tags ********************/
h1, h2, h3, h4, h5, h6 {
	padding-bottom: 0.8em;
}

h1 {
font-size: 1.8em;
color:#CDAE6F;
font-weight:normal;
}
h2 {
font-size:18px;
color:#40ADD8;
}
h2.home {
font-size:18px;
color:#333333;
font-weight:normal;
}
h3 {
font-size: 14px;
color:#333333;
}
h4 {
font-size: 1.4em;
}
h5 {
font-size: 1.2em;
}
h6 {
font-size: 1em;
}

/********************* 4. Paragraph Tags ********************/
p {
	padding-bottom: 1.2em;
	line-height:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	color:#7C7C7C;
}

p.intro {
	font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic; }
	
p.miniTitle {
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#58F17A;
	font-weight:bold;
	font-size:11px;
	margin-bottom:10px;
	padding-bottom:0px;
}
	
/********************* 5. A Tags ********************/
a {
	text-decoration: none;
}
a:link {
	color: #000;
}
a:visited {
	color: #000;
}
a:active {
	color: #000;
}
a:hover {
	color: #000;
	text-decoration:underline;
}

/********************* 6. Reusable Classes ********************/
.error {
color: #C00;
font-weight: bold;
}
.confirmation {
color: #080;
font-weight: bold;
}

ul {
	margin-bottom:15px; }

li {
	font-size: 11px;
	line-height: 165%;
	margin: 0 0 5px 33px;
	color:#7C7C7C;}

ol li {
	font-size: 1em;
	line-height: 165%;
	margin: 0 0 5px 50px;
	list-style-type: decimal;
	list-style-position: outside;
	background: none;
	padding: 0; }
	
table {
	font-family:Arial, Helvetica, sans-serif; }
	
#sidelinks div {
	margin-bottom:15px; }
	
.clear {
	clear:both;
}

p.formFeedback { 
	color:#F00;
	margin:0px;
	padding:0px;
}

/********************* 7. Specific Formatting ********************/

/* -------- a) Header -------- */

#header {
	border-top:7px solid #90AE29;
}

	#header .logo {
		float:left;
		padding:50px 0 0 10px;
	}
	
	#header .navigation {
		float:right;
	}
	
	#header .btn-slide1 {
		background:url(../images/newsletter-tab.png) no-repeat;
		width:171px;
		height:31px;
		cursor:pointer;
	}
		#header .btn-slide1 p {
			display:block;
			margin:0px;
			padding:4px 6px;
			color:#FFF;
		}
		#header .panel1 {
			width:151px;
			background-color:#90AE29;
			padding:10px;
			padding-top:0px;
		}
			#header .panel1 p {
				color:#FFF;
			}
		#header .panel1 .formText {
			width:141px;
			font-size:11px;
		}
		
	#header span.telephone {
		font-size:17px;
		color:#ABC15E;
	}
	
/* -------- b) Footer -------- */

#footer {
	border-bottom:9px solid #90AE29;
	border-top:1px dotted #999999;
	height:143px;
	margin-top:36px;
	padding-bottom:10px;
}
	#footer .col1 {
		float:left;
		padding:15px 0 0;
	}
		#footer .col1 a {
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#90AE29;
			font-weight:bold;
		}
	
	#footer .col2 {
		float:right;
		padding:15px 0;
		padding-left:20px;
	}
		#footer .col2 p {
			text-align:left;
			color:#8D8D8D;
			font-size:11px;
			font-family:Arial, Helvetica, sans-serif;
		}

/* -------- c) Navigation -------- */

ul.mainMenu {
	margin:30px -10px 0 0;
	padding:0px;
}
	ul.mainMenu li {
		margin:0px;
		padding:0px;
		float:right;
		list-style-type:none;
		margin-left:3px;
	}
		ul.mainMenu li a {
			display:block;
			padding:8px 10px;
			color:#383335;
			font-size:12px;
			text-transform:uppercase;
		}
		
		ul.mainMenu li a.active {
			color:#8DA927;
			border-bottom:4px solid #89A526;
		}

ul.subMenu {
	margin:0 0 0 0;
	padding:0px;
}
	ul.subMenu li {
		margin:0px;
		padding:0px;
		list-style-type:none;
	}
		ul.subMenu li a {
			display:block;
			padding:8px 25px;
			color:#425353;
			font-size:12px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			border-top:1px solid #CCCCCC;
		}
		
		ul.subMenu li a.active, ul.subMenu li a:hover {
			background:url(../images/bullet-subnav.jpg) no-repeat #90AE29 15px 15px;
			color:#FFF;
		}
		
/* -------- d) Home Page -------- */

.homeMainPanel {
	background-color:#7E9899;
	width:915px;
	height:338px;
	margin:20px 0;
}

.homeMainPanel .textPanel {
	padding:28px;
	float:right;
	width:390px;
	padding-left:0px;
}

	.homeMainPanel .textPanel h1 {
		font-size:27px;
		color:#FFF;
		margin-bottom:10px;
		padding:0px;
		font-weight:bold;
	}
	.homeMainPanel .textPanel p.bodyText {
		color:#FFF;
		line-height:1.6em;
	}
	.homeMainPanel .textPanel p {
		color:#FFF;
		font-family:Verdana, Geneva, sans-serif;
	}
	.homeMainPanel .textPanel p.miniTitle {
		color:#D9E0E1;
	}

.homeMainPanel .imgPanel {
	margin:10px 0 10px 14px;
	float:left;
	position:relative;
	overflow:hidden;
	width:444px;
	height:316px;
}
	.homeMainPanel .imgPanel .pics {
		width:20000em;
		position:absolute;
		clear:both;
	}
		.homeMainPanel .imgPanel .pics img {
			float:left;
			cursor:pointer;
			width:422px;
			margin:0px;
			border:10px solid #6C8788;
		}
		
a.browse {
	background:url(../images/but-scroller.png) no-repeat;
	display:block;
	position:absolute;
	width:48px;
	height:48px;
	cursor:pointer;
	font-size:1px;
	z-index:10;
	margin-top:140px;
}

/* right */
a.right 				{ background-position: 0px 0xp; margin-left:435px; }
a.right:hover 		{ background-position:0px -48px; }

/* left */
a.left				{ background-position: -48px 0px; margin-left:-15px; } 
a.left:hover  		{ background-position:-48px -48px; }

a.disabled { visibility:hidden; }

.homeBoxes {
	margin:20px 0;
}
	.homeBoxes .item {
		width:285px;
		height:251px;
		float:left;
	}
	.homeBoxes .item h2 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		padding:0 16px;
		padding-bottom:10px;
		color:#FFF;
	}
	.homeBoxes .item p {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		padding-left:16px;
		padding-right:16px;
		color:#FFF;
	}
	
		.homeBoxes .item p.miniTitle {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			padding:10px 16px;
			margin-bottom:10px;
			padding-bottom:0px;
		}
	
		.homeBoxes .shop {
			background:url(../images/bg-home-box-shop.jpg) no-repeat;
		}
			.homeBoxes .shop p.miniTitle {
				color:#49E26B;
			}
		
		.homeBoxes .about {
			background:url(../images/bg-home-box-about.jpg) no-repeat;
			margin:0 20px;
		}
			.homeBoxes .about h2 {
				color:#333333;
			}
			.homeBoxes .about p {
				color:#666666;
			}
			.homeBoxes .about p.miniTitle {
				color:#116824;
			}
		.homeBoxes .wholesale {
			background:url(../images/bg-home-box-wholesale.jpg) no-repeat;
		}
			.homeBoxes .wholesale p.miniTitle {
				color:#F1B6C1;
			}
			
.homeCaseStudies {
	background:url(../images/bg-case-studies.jpg) no-repeat;
	width:896px;
	height:143px;
}
	.homeCaseStudies p.miniTitle {
		color:#116824;
		margin:0 0 10px 15px;
		padding:0px;
		padding-top:10px;
	}
	.homeCaseStudies h2 {
		color:#333333;
		margin:0 0 0 15px;
	}
	.homeCaseStudies ul {
		margin:0px;
		padding:0px;
	}
		.homeCaseStudies ul li {
			float:left;
			list-style-type:none;
		}
		
.panes {
	background-color:#90AE29;
	padding:25px;
}
	.panes .item {
		float:left;
		width:147px;
		margin-right:32px;
	}
	.panes .lastItem {
		margin-right:0px;
	}
	.panes .item img {
		margin-bottom:10px;
		border:1px solid #CCCCCC;
	}
	.panes .item p {
		color:#FFF;
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
	}
	.panes .item p.title {
		font-size:12px;
		margin-bottom:10px;
		padding:0px;
		text-decoration:underline;
		font-weight:bold;
	}
	.panes .item p.title a {
		color:#FFF;
	}
	
.tabs {
	margin:0px;
	padding:0px;
	margin-left:10px;
	margin-bottom:11px;
}
	.tabs li {
		margin:0px;
		padding:0px;
		margin-right:5px;
		list-style-type:none;
		float:left;
	}
		.tabs li a {
			background-color:#D9E1E1;
			color:#979B9B;
			padding:11px 20px;
			font-size:16px;
			font-weight:bold;
		}
		
		.tabs li a.current {
			background-color:#90AE29;
			color:#FFF;
		}
		
.box {
	border:1px solid #CCCCCC;
}	

	.aboutus {
		float:left;
		width:476px;
	}
	.aboutus .image {
		float:right;
		width:194px;
	}
	.box .text {
		padding:18px;
		float:left;
	}
		.box .text h2 {
			color:#425353;
			font-size:20px;
		}
		.box .text p {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#425353;
			line-height:180%;
		}
		
	.clients {
		float:right;
		width:413px;
	}
	
	.aboutus .text {
		padding:18px;
		float:left;
	}
		.aboutus .text h2 {
			color:#425353;
			font-size:20px;
		}

/* -------- e) Default Page -------- */

#pageTitle {
	background-color:#425353;
	padding:20px;
	margin-top:20px;
}
	#pageTitle h1 {
		font-size:24px;
		color:#FFFFFF;
		margin:0px;
		padding:0px;
	}
	
#breadcrumb {
	background-color:#90AE29;
	padding:5px 20px;
}
	#breadcrumb p, #breadcrumb a {
		color:#FFF;
		margin:0px;
		padding:0px;
	}
	
#content {
	float:left;
	width:625px;
	padding:20px 0 20px 20px;
}

	#content h2 {
		font-size:20px;
		color:#425353;
	}
	#content p {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#425353;
		line-height:180%;
	}
	#content img {
		padding:5px;
		border:1px solid #CCCCCC;
	}
	#content li {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#425353;
	}
	#content img.noborder {
		border:none;
		padding:0px;
	}
	
#column-right {
	float:right;
	width:240px;
}

	#column-right .submenuBox {
		background-color:#FFFFFF;
		border:1px solid #CCCCCC;
		padding:4px;
		margin-top:-55px;
		margin-right:20px;
	}
		#column-right .submenuBox h3 {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#90AE29;
			padding:10px 20px;
			font-size:14px;
		}

table.list td {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:10px 0;
	border-top:1px solid #CCCCCC;
	text-align:left;
}
table.form td, table.form th {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:10px 0;
	text-align:left;
}



/* -------- e) Contact Page -------- */