/* -------------------------------------- */
/* -------  GLOBAL ELEMENTS  ------------ */
body,h1,h2,h3,h4,h5,h6,form,img,span,div,ul,li,p {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body {
	background: #ffffff;
	font: 0.75em Georgia;
	text-align: center;
	color: #131414;
}

/* general elements */
a { text-decoration: underline; color: #46710b; }
a:hover { text-decoration: none; }
.floatleft { float: left; }
.block { display: block; }
.floatright { float: right; }

/* Centers the layout */
#centered 
{
	position:relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: #FFFFFF url(../images/content_area_bg.jpg) repeat-y scroll 0 0 ;
}


/* -------------------------------------- */
/* -------  HEADER  --------------------- */
#header {
	height: 110px;
	position:relative;
}
	/* Navigation */
	ul#navigation {
		float: right;
		display: table;
		margin: 28px 20px 10px 0;
	}
		ul#navigation li {
			display: inline;
			padding-left: 2px;
			float:left;
			margin-left:3px;
		}
			ul#navigation li a {
				display: block;
				background: url(images/bullet2.gif) no-repeat 0px 10px;
				padding: 5px 2px 0px 2px;
				color: #131414;
				text-decoration: none;
				border-bottom:solid 2px #ffffff;
			}
				ul#navigation li a:hover {
					text-decoration: none;
					background-color:#ffffff;
					border-bottom:solid 2px #ff9600;
				}
				ul#navigation li.active a {
					background: #ff9600;
					border-bottom: solid 2px #FFA200;
					padding: 5px 10px;
					color: #ffffff;
				}
				ul#navigation li.active a:hover
				{
					background-color:#ffffff;
					color:#333333;	
				}
				ul#navigation li.separator
				{
					color:#cccccc;
					font-size:8pt;
					font-family:Verdana, Tahoma, Sans-Serif;
					
					margin:6px 0 0 4px !important;
					padding:0 !important;
				}
				ul#navigation li span.subtoggle { /*--Drop down trigger styles--*/
				width: 12px;
				height: 35px;
				float: right;
				padding-left:4px;
				background: url(../Images/menu_dropdown_arrow.png) no-repeat center top;
				}
				ul#navigation li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
				ul#navigation li ul.subnav {
					list-style: none;
					position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
					left: 0; top: 50px;
					background: #333;
					margin: 0; padding: 0;
					display: none;
					float: left;
					width: 170px;
					border: 1px solid #111;
				}
				ul#navigation li ul.subnav li{
					margin: 0; padding: 0;
					border-top: 1px solid #252525; /*--Create bevel effect--*/
					border-bottom: 1px solid #444; /*--Create bevel effect--*/
					clear: both;
					width: 170px;
				}
				html ul#navigation li ul.subnav li a {
					float: left;
					width: 145px;
					background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
					padding-left: 20px;
				}
				html ul#navigation ul.subnav li.active a {
					float: left;
					width: 145px;
					background: #FFF6C4 url(dropdown_linkbg.gif) no-repeat 10px center;
					padding-left: 20px;
				}
				html ul#navigation li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
					background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
				}

		ul#buy_it
		{

			position:absolute;
			height:70px;
			width:300px;
			top:61px;
			right:40px;
			
		}
		ul#buy_it li
		{
			display:block;
			list-style:none;
			position:absolute;
			height:70px;
			width:300px;
			float:left;
		}
		ul#buy_it a
		{
			display:block;
			height:70px;
			width:300px;
			background:transparent url(../images/buy_now_sprite.png) no-repeat -2px 4px;	
			text-decoration:none;
		}
		ul#buy_it a:hover
		{
			background:transparent url(../images/buy_now_sprite.png) no-repeat -2px -63px;	
		}
		#springPromo
		{
			position:relative;
			float:left;
			margin: 46px 0 0 288px !important;
			height:70px;
			width:10px !important;
			overflow:visible;	
		}


/* Banner */
#banner {
	margin: 16px 20px 10px 20px;
	height: 320px;
	width: 920px;
	border:solid 2px #fcf01e;
}
	#banner img {
		display: block;
	}
	#banner .info {
		width: 280px;
		height: 320px;
		background: url(images/banner_overlay.png);
		position: relative;
		top: -320px;
		color: #ffffff;
	}
		#banner .info div {
			padding: 35px;
		}
			#banner .info div h1 {
				font: 1.9em Georgia;
				margin-bottom: 10px;
			}
			#banner .info div p {
				font: 1.0em Georgia;
				line-height: 1.8em;
				margin-bottom: 10px;
			}
			#banner .info a.more {
				display: inline-block;
				padding: 5px 10px;
				background: #46710b;
				color: #ffffff;
			}
			#banner .info a.buy {
				display: inline-block;
				padding: 5px 10px;
				background: #FFA200;
				color: #ffffff;
				text-decoration:none;
				font-weight:bold;
				position:absolute;
				bottom:30px;
				left:76px;
				border:solid 1px #ededed;
			}
			#banner .info a.buy:hover {
				text-decoration:underline;
				color:#ffffff;
				background-color:#e5960c;
				border:solid 1px #333333;
			}
		#banner .emphasis
		{
			color:#ffa200;
			font-weight:bold;
			font-style:italic;	
		}

/* -------------------------------------- */
/* -------  PORTFOLIO  ------------------ */		
#portfolio {
	float: left;
	width: 940px;
}
	#portfolio .column {
		width: 300px;
		margin-right: 20px;
		float: left;
		margin-bottom: 20px;
	}
	
	/* Portfolio titles */
	#portfolio h2 {
		padding: 10px 5px;
		font: 1.6em Georgia;
	}
	/* Portfolio description */
	#portfolio p {
		line-height: 1.8em;
		padding: 6px 6px;
	}
	/* The last portfolio image in a column */
	#portfolio .last {
		margin-right: 0px;
	}
	/* Portfolio images */
	#portfolio img {
		border-bottom: 5px solid #ffffff;
		padding-bottom: 2px;
	}
	#portfolio a:hover img {
		border-bottom: 5px solid #446f0b;
	}

/* -------------------------------------- */
/* -------  FOUR COL LAYOUT  ------------ */
#four-col {
	margin: 10px 10px 35px 10px ;
	float: left;
	width: 940px;
	position:relative;
	height:300px;
}
	/* One column */
	#four-col .column {
		width: 220px;
		margin-right: 20px;
		float: left;
		position:relative;
	}
		/* Column title */
		#four-col h2 {
			padding: 8px 5px;
			font: 1.7em Georgia;
			margin-bottom:0px;
		}
		/* Column descriptions */
		#four-col p {
			line-height: 1.8em;
			padding: 7px 6px;
		}
		/* More buttons */
		#four-col a.more {
			float: right;
			display: block;
			background: url(images/bullet1.gif) 0px 12px no-repeat;
			padding: 5px 5px 5px 14px;
			color: #46710c;
		}
		#four-col .last {
			margin-right: 0px;
		}

/* Some page specifications */
.page {
	padding-top: 40px;
}
.border {
	border-top: 4px solid #446f0b;
	padding-top: 20px;
}

/* -------------------------------------- */
/* -------  THREE COL LAYOUT  ----------- */
#three-col {
	float: left;
	width: 940px;
	margin-bottom: 35px;
}
	/* Columns */
	#three-col #left {
		float: left;
		width: 440px;
	}
	#three-col #right1 {
		float: right;
		width: 220px;
	}
	#three-col #right2 {
		float: right;
		width: 220px;
		margin-right: 20px;
	}
	
	/* Headers */
	#three-col h1 {
		margin-bottom: 13px;
		font: bold 2.2em Georgia;
	}
	#three-col h2 {
		padding: 8px 5px;
		font: 1.7em Georgia;
	}
		#three-col #left h2 {
			margin-bottom: 13px;
			font: bold 1.8em Georgia;
			padding: 0px;
		}
		#three-col #left h3 {
			margin-bottom: 13px;
			font: bold 1.6em Georgia;
			padding: 0px;
		}
		#three-col .box1 h2 {
			padding: 0px;
			margin-bottom: 6px;
			padding: 0px;
		}
		#three-col .box2 h2 {
			padding: 10px;
			padding: 0px;
			margin-bottom: 6px;
		}
		
	/* Paragraph styles */
	#three-col #left p {
		font: 1.1em Georgia;
		line-height: 1.8em;
		margin-bottom: 25px;
	}
	
	/* Right side styles */
	#three-col #right1 p, #three-col #right2 p {
		line-height: 1.8em;
		padding: 7px 6px;
	}
		#three-col #right1 .box1 p, #three-col #right2 .box1 p {
			line-height: 1.8em;
			padding: 4px 0px;
		}
		#three-col #right1 .box2 p, #three-col #right2 .box2 p {
			line-height: 1.8em;
			padding: 4px 0px;
		}
	#three-col .cite {
		display: block;
		text-align: right;
	}
	#three-col a.more {
		display: inline-block;
		background: url(images/bullet1.gif) 0px 12px no-repeat;
		padding: 5px 5px 5px 14px;
		color: #46710c;
	}
	
/* -------------------------------------- */
/* -------  TWO COL LAYOUT  ------------- */
#two-col {
	
}

/* Left column */
#two-col #left {
	float: left;
	width: 580px;
	margin-bottom: 35px;
}
	#two-col #left h1 {
		margin-bottom: 13px;
		font: bold 2.2em Georgia;
	}
	#two-col #left h2 {
		margin-bottom: 13px;
		font: bold 1.8em Georgia;
	}
	#two-col #left p.intro {
		font: 1.2em Georgia;
		line-height: 1.8em;
		margin-bottom: 35px;
	}
	#two-col #left p {
		font: 1.1em Georgia;
		line-height: 1.8em;
		margin-bottom: 25px;
	}
	#two-col #left .img1 {
		float: left;
		margin: 5px 20px 10px 0px;
	}

/* -------------------------------------- */
/* -------  TWO COL LAYOUT  ------------- */
#one-col {
	
}

/* Left column */
#one-col #left {
	float: left;
	width: 940px;
	margin:20px 10px 35px 10px;
	
}
	#one-col h1 
	{
		font-family:"MS Sans-Serif", "Segoe UI", Sans-Serif;
		text-align:center;
		font-size:26pt;
		font-weight:900;
		color:#ff6735;
		margin-bottom:10px;
		letter-spacing: -1px;
	}
	#one-col p
	{
		color:#222222;
		font-weight:bold;
		font-family:"MS Sans-Serif", "Segoe UI", Sans-Serif;
		text-align:left;
		margin:10px 80px 10px 80px;	
		font-size:16pt;
	}
	#one-col #left h1 {
		margin-bottom: 13px;
		font: bold 2.2em Georgia;
	}
	#one-col #left h2 {
		margin-bottom: 13px;
		font: bold 1.8em Georgia;
	}
	#one-col #left p.intro {
		font: 1.2em Georgia;
		line-height: 1.8em;
		margin-bottom: 35px;
	}
	#one-col #left p {
		font: 1.1em Georgia;
		line-height: 1.8em;
		margin-bottom: 25px;
	}
	#one-col #left .img1 {
		float: left;
		margin: 5px 20px 10px 0px;
	}
	#one-col .buyittext
	{
		font-weight:normal;
		color:#ff0000;	
		font-size:22pt;
		text-align:right;
		margin-right:60px;
	}
	#one-col .buyittext a
	{
		display:block;
		float:right;
		height:40px;
		width:100px;
		background-color:#ff0000;
		line-height:40px;
		font-size:14pt;
		text-align:center;
		color:#ffffff;
		font-weight:bold;
		margin-left:10px;
	}
	#one-col .buyittext a:hover
	{
		
	}
		
	/* Blog section */
	#blog {
		
	}
		#blog .post {
			background: url(images/blog_div.gif) no-repeat;
			padding: 30px 0px;
		}
			#blog .post h2 {
				font: 2.1em Georgia;
			}
				#blog .post h2 a {
					color: #131414;
				}
			#blog .post .details {
				background: url(images/bullet3.gif) no-repeat 0px 8px;
				font-size: 1.2em;
				display: block;
				margin: 8px 0px 15px 0px;
				padding-left: 25px;
			}
				#blog .post .details a {
					color: #131414;
				}
			#blog .post img {
				border: 10px solid #e4e2d2;
				float: left;
				margin: 7px 20px 15px 0px;
			}
			#blog .post p {
				line-height: 1.9em;
			}
			#blog a.moreposts {
				font-size: 1.5em;
				color: #48720c;
				float: right;
			}
			
			/* Two column layout inside left column */
			.left-col {
				float: left;
				width: 280px;
				line-height: 1.8em;
			}
				.left-col h3 {
					font: 1.6em Georgia;
					margin-bottom: 7px;
				}
				.left-col img {
					float: left;
					margin: 7px 16px 3px 0px;
				}
			.right-col {
				float: right;
				width: 280px;
				line-height: 1.8em;
			}
				.right-col h3 {
					font: 1.6em Georgia;
					margin-bottom: 7px;
				}
				.right-col img {
					float: left;
					margin: 7px 16px 3px 0px;
				}
			
/* Right column */
#two-col #right {
	float: right;
	width: 280px;
	margin-bottom: 35px;
}
	/* Lists */
	ul.catlist {
		list-style: none;
	}
		 ul.catlist li {
			border-bottom: 1px solid #d1cfbd;
			padding: 4px 10px;
		}
			ul.catlist li a {
				color: #000000;
			}
			
	/* Box 1 (tan) */
	.box1 {
		background: #e4e2d2;
		padding: 18px;
		line-height: 1.8em;
		margin-bottom: 20px;
	}
		.box1 .img1 {
			margin: 4px 15px 9px 0px;
			float: left;
		}
		.box1 h2 {
			font: 1.7em Georgia;
			margin-bottom: 6px;
		}
		.box1 h3 {
			background: url(images/bullet2.gif) no-repeat 0px 9px;
			font-size: 1.0em;
			padding: 0px 0px 5px 18px;
		}
	
	/* Box 2 (green twitter) */	
	.box2 {
		background: url(images/green_box.gif) no-repeat #46710b;
		padding: 22px;
		color: #ffffff;
		margin-bottom: 25px;
	}
		.box2 h2 {
			font: normal 1.9em Georgia;
			margin-bottom: 8px;
		}
		.box2 span.cite {
			text-align: right;
			display: block;
		}
		.box2 span.cite a {
			background: url(images/bullet4.gif) no-repeat 0px 10px;
			display: inline-block;
			padding: 5px 0px 5px 14px;
			color: #ffffff;
		}
		
	/* News updates */	
	.news {
		
	}
		.news h2  {
			background: url(images/bullet2.gif) no-repeat 0px 8px;
			padding: 0px 19px;
			margin-bottom: 10px;
		}
		.news div {
			background: url(images/news_div.gif) no-repeat bottom left;
			padding: 13px 15px 27px 18px;
		}
		.news div a.big {
			color: #000000;
			font-size: 1.2em;
			display: block;
			margin-bottom: 3px;
		}
		.news div span {
			font-size: 0.9em;
		}
		
/* -------------------------------------- */
/* -------  FOOTER  --------------------- */		
#footer {
	border-top: 2px solid #bbbbbb;
	padding: 23px 15px 0px 15px;
	clear: both;
	height: 60px;
}
	#footer .copyright {
		float: right;
	}
	#footer ul {
		list-style: table;
		float: left;
	}
		#footer ul li {
			display: inline;
			float:left;
			padding-right: 4px;
			margin-left:4px;
		}
	
	
/* -------------------------------------- */
/* -------  SLIDER  --------------------- */	
/* Slider controls */
#controls {
	position: relative;
	left: 680px;
	top: -60px;
	width: 226px;
}
	
#slider { }	
	#slider ul, #slider li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#slider li { 
		width: 940px;
		height: 320px;
		overflow: hidden;
	}	
#prevBtn, #nextBtn { 
	display: block;
	margin: 0;
	overflow: hidden;	
	position: absolute;
	top: 20px;
}	
#nextBtn { 
	left: 116px;
}														
#prevBtn a, #nextBtn a {
	display: block;
	width: 106px;
	padding: 7px 0px;
	background: #111212;
	color: #ffffff;
	text-align: center;
}
	#prevBtn a:hover, #nextBtn a:hover {
		background: #47720c;
	}
	#nextBtn a { 
		background: url(images/next_previous.gif) no-repeat top right;
		width: 106px;
		padding: 7px 0px;
		background: #111212;
		color: #ffffff;
		text-align: center;
	}
			
/* -------------------------------------- */
/* -------  FORM  ----------------------- */
#form {
	padding: 10px;
}
	#form fieldset {
		border: 0px;
		padding: 0px;
		margin: 0px;
	}
		/* Labels */
		#form label {
			font-size: 1.2em;
			width: 90px;
			display: inline-block;
			text-align: right;
			margin-right: 15px;
			margin-bottom: 15px;
		}
		
		/* The regular inputs */
		#form .input1 {
			border: 1px solid #e4e2d2;
			padding: 5px 7px;
			margin-bottom: 15px;
			width: 200px;
		}
		
		/* Selection list */
		#form select {
			width: 210px;
			font: 1.2em Tahoma;
			border: 1px solid #e4e2d2;
			padding: 5px 7px;
			margin-bottom: 15px;
		}
		
		/* Text area */
		#form textarea {
			border: 1px solid #e4e2d2;
			vertical-align: top;
			width: 350px;
			font: 1.1em Tahoma;
			line-height: 1.7em;
			padding: 9px;
			height: 200px;
		}
		
		/* Indentation for the submit button */
		#form .indent {
			padding-left: 107px;
			padding-top: 15px;
		}
		/* The button */
		#form .submitbutton {
			width: 200px;
			padding: 6px 0px;
		}