@charset "utf-8";

.flex-caption {
	margin-top:0px;
	background-color: #444;
	padding-top: 10px;
	padding-bottom:10px;
	margin-bottom: 0px;
	width: 100%;
	font-family: Roboto Slab;
	top: 0px;
	left: 0px;
	height: 20px;
	color: #fff;	
}

div#cart-id {
    position: absolute;
    top: 0 !important;
}

div.ecwid-minicart {
     background-image:url(../images/aboutus.png); background-position:center;
}
#shoppingcart:hover {
	opacity: 1;
}
html {
	min-height: 100%;	
}
body {
	background-color: #fff;
	background-image:url(../images/bg.png);
	background-repeat:repeat-x;
	font-family: Roboto;
	font-size: 10.5pt;
	min-height: 100%;
	margin: 0px;
	line-height:20px;
	background-position:inherit;
}
b {
	font-weight: 700;
	font-family: Roboto Slab;
}
html#ecwid_html body#ecwid_body div.ecwid-minicart-clickArea {
    top: 43px !important;
}
html#ecwid_html body#ecwid_body div.ecwid-minicart-counter {
    top: 58px !important;
}
html#ecwid_html body#ecwid_body div.ecwid-minicart {
    border: 0 !important;
}
#container {
	width: 1050px;
	background-color: none;
	height: auto;
	z-index: 80;
	position: relative;
	margin: 0px auto;
	min-height: 100%;
	background-color: none;
}
footer {
	width: 100%;
	height: 200px;
	background-color: #fff;
	float: right;
	margin: 0px;
	position: relative;
	padding:0px;
	bottom: 0px;
	background: rgba(227,229,200,0);
background: -moz-linear-gradient(top, rgba(227,229,200,0) 0%, rgba(227,229,200,1) 35%, rgba(227,229,200,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(227,229,200,0)), color-stop(35%, rgba(227,229,200,1)), color-stop(100%, rgba(227,229,200,1)));
background: -webkit-linear-gradient(top, rgba(227,229,200,0) 0%, rgba(227,229,200,1) 35%, rgba(227,229,200,1) 100%);
background: -o-linear-gradient(top, rgba(227,229,200,0) 0%, rgba(227,229,200,1) 35%, rgba(227,229,200,1) 100%);
background: -ms-linear-gradient(top, rgba(227,229,200,0) 0%, rgba(227,229,200,1) 35%, rgba(227,229,200,1) 100%);
background: linear-gradient(to bottom, rgba(227,229,200,0) 0%, rgba(227,229,200,1) 35%, rgba(227,229,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e5c8', endColorstr='#e3e5c8', GradientType=0 );
	margin-top:70px;
}
h2 {
	font-family:Droid Sans;
	font-size: 18pt;
	font-weight: bold;
	color: #3cb2da;
	margin-top:0px;
	margin-bottom: 0px;
}
nav {
	background-color: none;
	width: 660px;
	float: left;
	top:19px;
	z-index: 98;
	position: relative;
	padding-left: -20px;
	text-align: center;
	height: 70px;
	margin-left: auto;
	margin-right: auto;
}

a.nav:link, a.nav:active, a.nav:visited {
	text-decoration: none;
	font-family: Roboto Slab;	
	font-size: 13pt;
	font-weight: normal;
	color: #fff;
	text-shadow: 1px 1px #000;
	text-align: center;
	padding: 15px;
}

a.nav:hover {
	color: #fff;	
}

a.bottomnav:link, a.bottomnav:active, a.bottomnav:visited {
	color: #6b9823;
	font-family:Patua One;
	font-size: 13px;
	text-decoration:none;
}

article {
	width: 900px;
	background: rgba(255, 255, 255, 0.7);
	height: 500px;	
	margin-right: 0px;
	margin-left: 60px;
	font-size: 16px;
	float: left;
	text-align: left;
	margin-top: 50px;
}

#logocont {
	width: 1050px;
	position:relative;
	margin: 0px auto;
top: 80px;
	padding: 0px;
}

main {
	width: 94%;
	padding: 10px;
	float: left;
	text-align: left;
	margin-top:-80px;
	position: relative;
	height:auto;
	line-height: 22px;
	font-size: 11.5pt;
}

header {
	font-family: Roboto Slab;
	font-size: 30pt;
	color: #5f5943;
	font-weight: 700;
	margin: 0px;
	line-height: 35px;
}

h1 {
	
	font-family: Roboto Slab;
	font-size: 28pt;
	color: #5f5943;
	font-weight: 700;
	margin: 0px;
	line-height: 35px;
}

.green {
	color: #6b9823;
}

.blue {
	color:	#3cb2da;
}

.greenb {
	color: #444;
	font-weight: bold;
margin-bottom: 15px;
}

.blueb {
	color: #444;
	margin-bottom: 15px;
	font-weight: bold;
}


a:link, a:visited, a:active, a:hover {
	color: #000;
}

aside {
	width: 340px;
	margin-bottom: 15px;
	float: right;
	text-align: left;
	height:400px;
	position:relative;	
}

#box {
	
	width:350px;
	padding: 10px;
	height: 160px;
	margin-bottom: 30px;
	color: #4c4c4c;
	font-size: 18px;
}

.fs {
	background: #ccd77a; /* Old browsers */
background: -moz-linear-gradient(left, #ccd77a 0%, #a9b54a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ccd77a), color-stop(100%,#a9b54a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ccd77a 0%,#a9b54a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ccd77a 0%,#a9b54a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #ccd77a 0%,#a9b54a 100%); /* IE10+ */
background: linear-gradient(to right, #ccd77a 0%,#a9b54a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccd77a', endColorstr='#a9b54a',GradientType=1 ); /* IE6-9 */

}

a.fsbutton:link, a.fsbutton:active, a.fsbutton:visited {
	background-color: #6b9823;
	color: #fff;
	width: 60px;
	transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
	height: 20px;
	font-size: 14px;
	font-family: Droid Sans;
	text-decoration:none;
	text-transform: lowercase;
	border: 1px solid #fff;
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
}

a.otbutton:link, a.otbutton:active, a.otbutton:visited {
	background-color: #3cb2da;
	color: #fff;
transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
	width: 60px;
	height: 20px;
	font-size: 14px;
	font-family: Droid Sans;
	text-decoration:none;
	text-transform: lowercase;
	border: 1px solid #fff;
	padding: 5px 5px 5px 5px;
	border-radius: 5px;
}

a.otbutton:hover {
	background-color: #fff;
	color: #3cb2da;	
	border: 1px solid #3cb2da;
}

a.fsbutton:hover {
	background-color: #fff;
	color: #6b9823;	
	border: 1px solid #6b9823;
}

.ot {
	background: #93e2ff; /* Old browsers */
background: -moz-linear-gradient(left, #93e2ff 0%, #67d9ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#93e2ff), color-stop(100%,#67d9ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #93e2ff 0%,#67d9ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #93e2ff 0%,#67d9ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #93e2ff 0%,#67d9ff 100%); /* IE10+ */
background: linear-gradient(to right, #93e2ff 0%,#67d9ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93e2ff', endColorstr='#67d9ff',GradientType=1 ); /* IE6-9 */
}


/* navigation */

nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}
	
nav ul {
	border-radius: 10px;  
	list-style: none;
   
	position: relative;
	display: inline-table;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}
	nav li:last-child a {
		border-bottom:none;	
	}
	nav li:last-child a:hover {
		border-bottom:none;	
	}
nav ul li {
	float: left;
	background-color: none;
	border-radius: 10px 10px 0px 0px;
}
	nav ul li:hover {
		background: #94e3ff;
		background: linear-gradient(top, #67d9ff 0%, #93e3ff 40%);
		background: -moz-linear-gradient(top, #93e3ff 0%, #67d9ff 40%);
		background: -webkit-linear-gradient(top, #93e3ff 0%, #67d9ff 40%);
	}
		nav ul li:hover a {
			color: #4c452b;
			
			font-weight: bold;
			
		}
	
	nav ul li a {
		display: block;
		
		color: #444; text-decoration: none;
		
		
	}
	
	nav ul ul {
	background: #fff;  padding: 0;
	position: absolute; top: 100%;
	border-radius: 0px;
	text-align: left;
}
	nav ul ul li {
		float: none; 
		position: relative;
		border-radius: 0px;
	}
		nav ul ul li a {
			padding: 10px 30px;
			border-bottom: 1px solid #eee;
			width: 180px;
			
			font-size: 10pt;
			color: #fff;
		}	
		
					nav ul ul li a:hover {
				background: #c6d174;
				border-radius: 0px;
				color: #fff;
				
				background: linear-gradient(top, #a9b64a 0%, #c6d174 40%);
		background: -moz-linear-gradient(top, #a9b64a 0%, #c6d174 40%);
		background: -webkit-linear-gradient(top, #a9b64a 0%, #c6d174 40%);
				
			}
			
			nav ul ul ul {
	position: absolute; left: 100%; top:0;
}