/*
Design by Free Responsive Templates
http://www.free-responsive-templates.com
Released for free under a Creative Commons Attribution 3.0 Unported License (CC BY 3.0)
*/ 
* {margin:0; padding:0;}

body {font-family: 'Verdana', serif; font-size: 14px; background:#2c3b2b; color: #4b4b4b;}
a {color:#006600; text-decoration:none; font-weight:bold;}
p {line-height:140%;}
h1 {padding:25px 0 0 0;	font-family: 'Verdana', sans-serif;}
h2 {font-size:30px; color:#336633; padding:0 0 10px 0;}
h3 {font-size:18px; color:#336633; padding:10px 0 10px 0;}
h4 {font-size:18px; color:#27a327;}

.container {width: 960px; margin: 0 auto; background:#cfcbea;}
.logoContainer {float:left;} 

header ul {float:right; padding:50px 0 0 0;}
header ul li {list-style:none; display:inline; padding:0 20px;}

.textContainer {margin:10px 0 0 0; padding:30px; background:#eeffee; color:#000000; box-shadow: 0px 6px 7px 0px #0e0e0e;}

.picContainer {float:right; margin:10px; background:#336633; padding:10px; border:1px solid #000000;}
.picContainer img {border:1px solid #000000;}
.gallery {float:left; width:26%; margin:1%; padding:2%; background-color:#ccffcc; border:5px solid; border-color:#336633; text-align:center;}
.galleryPic {float:center; max-width:240px; max-height:160px; position:static; }
.shopTable {float:left; width:92%; margin:2%; padding:2%; background-color:#ccffcc; text-align:center;}
.shopPic {float:center; border:1px solid #000000; position:static; }

button {text-transform:uppercase; background:url(activeMenu.jpg) repeat-x; color:#ffffff; border:0; padding:10px 20px; margin-top:20px; cursor:pointer; font-family: 'Verdana', serif;}

input {width: 80px; height: 30px; color:#330033; font-weight:bold; background: #ccffcc; /* old browsers */ background: linear-gradient(to bottom, #ffffff, #ccffcc); cursor:pointer;}


footer {border-top:1px solid #171717; background:#000000;} 
footer p {text-align:center; padding:20px;}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}


/*--------------------------------------------------------------------------------------------*/
/********* begin MAIN NAV ********/
/*--------------------------------------------------------------------------------------------*/
.navcontainer ul {
	padding: 10px 0;
	margin: 0;
	list-style-type: none;
	background:url(menuBackground.jpg) repeat-x;
	color: #FFF;
	width: 960px;
	text-align: left;
	box-shadow: 0px 6px 7px 0px #0e0e0e;
}
.navcontainer li { 
	display: inline; 
}
.navcontainer li a {
	text-decoration: none;
	color: #fff;
	padding: 10px 10px;
	text-shadow: none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
}
.navcontainer li a:hover {
	background:url(activeMenu.jpg) repeat-x;
	color: #fff;
}
.navcontainer #active a {
	background:url(activeMenu.jpg) repeat-x;
	color: #fff;
}
/*--------------------------------------------------------------------------------------------*/
/********* end MAIN NAV ********/
/*--------------------------------------------------------------------------------------------*/
/********* begin SLIDER ********/
/*--------------------------------------------------------------------------------------------*/
.slider { 
	width:960px;
	position:relative; 
	z-index:1; 
	background:#fff; 
	margin:10px 0 0 0;
	box-shadow: 0px 6px 7px 0px #0e0e0e;
}
.flexslider {
	margin: 0;
}
.flexslider .slides > li {
	display: none; 
	list-style:none;
} 
.flexslider .slides img {
	max-width: 100%; 
	display: block; 
}
.flex-pauseplay span {
	text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides {
	background:#d03401;
}
.slides:after {
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
} 
/* control Nav */
.flex-control-nav { 
	position:absolute; 
	bottom:1px; 
	left:7px;
}
.flex-control-nav li { 
	display:block; 
	float:left; 
	margin-right:1px;
}
.flex-control-nav li a {
	display:block;
	background:url(pagination.png) 0 0 no-repeat; 
	width:26px; height:29px; 
	text-indent:-5000px;
}
.flex-control-nav li a:hover,.flex-control-nav li a.active { 
	background-position:0 -29px; 
	cursor:pointer;
}
/* Slider Image Caption */
.sliderImageCaption{ 
	position:absolute; 
	color:#160000;
	bottom:37px;
	left:7px;
}
/*--------------------------------------------------------------------------------------------*/
/********* end SLIDER ********/
/*--------------------------------------------------------------------------------------------*/
/********* begin MEDIA QUERIES ********/
/*--------------------------------------------------------------------------------------------*/
/* for 980px or less */
@media screen and (max-width: 980px) {
	.container {
		width: 98%;
	}
	.slider {
		width:99.6%;
	}
	.navcontainer ul {
		padding: 8px 0;
		width: 100%;
		text-align: left;
	}
	.navcontainer li a {
		padding: 8px 6px;
		font-size:14px;
	}
	.gallery {width:42%;}
}
/* for 768px or less */
@media screen and (max-width: 768px) {
	.slider {
		margin-top:10px;
		margin:20px 0 1px 0;
	}
	.flex-control-nav { 
		position:absolute; 
		bottom:1px; 
		left:5px;
	}
	.navcontainer ul {
		padding: 5px 0;
		width: 100%;
		text-align: left;
	}
	.navcontainer li a {
		padding: 5px 3px;
		font-size:12px;
	}
	.gallery {width:42%; padding:1%;}
	.galleryPic {max-width:120px; max-height:80px;}
}
/* for 480px or less */
@media screen and (max-width: 480px) {
	.content2 .picImg {
		float:none;
		margin:5px;	
	}
	header ul {
		display:none;
	}
	header h1 {
		padding:5px 0 0 0;
	}
	.slider {
		margin-top:10px;
		margin-bottom:0px;
	}
	.sliderImageCaption {
		display:none;
	}
	.flex-control-nav { 
		position:absolute; 
		bottom:5px; 
		left:5px;
	}
	.navcontainer ul {
		padding: 5px 0;
		width: 100%;
	}
	.navcontainer li { 
		display: inline; 
	}
	.navcontainer li a {
		padding: 5px 3px;
		font-size:10px;
	}
	.gallery {width:92%;}
}
img {
	max-width: 100%;
	height: auto;
	width: auto;
}

/*--------------------------------------------------------------------------------------------*/
/********* end MEDIA QUERIES ********/
/*--------------------------------------------------------------------------------------------*/