p{
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	line-height:130%;
	margin:0;
}
#top{
	display:block;
	width:100%;
	height:12px;
	opacity:0;	
}
.clearall{
	clear:both;
	padding-bottom:3em;
}
.clearall h2{
	font-family: 'Roboto', sans-serif;
	font-size:24px;
	color:#00B5CC;
	margin:auto;
	max-width:800px;
	font-weight:normal;
}
.clearall p{
	color:#818484;
	margin:auto;
	max-width:800px;
}
#nav{
	width:100%;
	position:fixed;
	height:60px;
	top:0;
	z-index:100;
}
#navbacker{
	width:100%;
	position:fixed;
	height:60px;
	background:rgba(255,255,255,.8);
	border-bottom:5px solid rgba(0,0,0,.1);
	top:0;
	z-index:99;
}
ul.navwrapper{
	float:right;
	margin:0;
	padding:10px 0;
	list-style:none;
}
.navbox{
	border-bottom-width:60%;
	float:right;
}
ul.navwrapper li{
	position:relative;
	float:left;
	right:0px;
	margin-right:2px;
}
ul.navwrapper a{
	text-decoration:none;
	color:#00b5cc;
	display:block;
}
ul.navwrapper a:hover{
	text-decoration:none;
	background:#00b5cc;
	color:#FFFFFF;
	border-radius:15px;
}
ul.navwrapper li p{
	font-family: 'Roboto', sans-serif;
	margin:5px 18px;
	text-transform:uppercase;
	font-size:22px;
}
#logo{
	height:45px;
	margin:7px 0;
	background:url(images/logo.png) left top no-repeat;
	background-size:auto 100%;
	width:300px;
	position:relative;
	left:0px;
	float:left;
}
#maincontent{
	margin-top:550px;
	background:#ffffff;
	z-index:50;
	position:relative;
	width:100%;
}
#products{
	width:100%;
	height:550px;
	background:#ECECEC;
	position:relative;
	z-index:50;
	overflow:hidden;
}
#products .container{
	height:0%;
}
#products .clearall{
	padding:0;
	position:relative;
	overflow:hidden;
}
#products .contentbox{
	width:60%;
	margin:0 5% 0 2%;
	padding:0;
	list-style:none;
	height:450px;
	overflow:hidden;
	position:relative;
}
.linkswrapper{
	width:60%;
	margin:0 5% 0 2%;
}
.contentbox li{
	width:100%;
	height:100%;
	background:#ECECEC;
	position:absolute;
	z-index:2;
	top:450;
}
#products .clearall h2{
	padding:20px 0 10px;
}
#products .clearall .productimg{
	 position:absolute;
	 top:20px;
	 right:2%;
	 max-width:30%;
}
ul.productnav{
	padding:0;
	width:100%;
	max-width:1000px;
	margin:auto;
	position:relative;
	top:0px;
	list-style:none;
	margin-bottom:50px;
}
ul.productnav li{
	height:30px;
	width:24%;
	width:calc((100% / 5) - 1px);
	float:left;
	background:#999999;
	border-right:1px solid white;
}
.producticon{
	width:100%;
	height:0px;
	position:relative;
	top:-1px;
	opacity:0;
	background:red;
	z-index:80;
}
ul.productnav li a{
	width:100%;
	height:100%;
	display:block;
}
ul.productnav li a:hover{
	background:#666666;
}
#slides{
	width:100%;
	height:550px;
	position:fixed;
	top:0;
}
.slidewrapper{
	height:100%;
	opacity:0;
	position:absolute;
	width:100%;
	z-index:2;
}
#slide1{
	background:url(images/background1.jpg) right top no-repeat;
	background-size:100% auto;
}
#slide2{
	background:url(images/background2.jpg) left center no-repeat;
	background-size:100% auto;
}
#slide3{
	background:url(images/background3.jpg) left center no-repeat;
	background-size:100% auto;
}
#slide4{
	background:url(images/background4.jpg) right top no-repeat;
	background-size:100% auto;
}
.container{
	margin:auto;
	max-width:1000px;
	width:100%;
}
.textbox{
	padding:1em;
	width:70%;
}
#slide1 .textbox{
	margin-top:20%;
	margin-left: 1%;
}
#slide2 .textbox{
	margin-top:15%;
	margin-left: 40%;
}
#slide3 .textbox{
	margin-top:15%;
	margin-left: 50%;
}
#slide4 .textbox{
	margin-top:10%;
	margin-left: 1%;
}
.textbox h2{
	font-family: 'Oswald',sans-serif;
	font-size:85px;
	font-weight:normal;
	color:#FFFFFF;
	line-height:100%;
	text-transform:uppercase;
	margin:0;
}
a.learnmore{
	display:block;
	text-decoration:none;
}
a.learnmore p{
	font-family: 'Roboto', sans-serif;
	color:#FFFFFF;
	padding:15px;
	margin:10px 0 0 0;
	background:#00b5cc;
	font-size:20px;
	width:180px;
	text-align:center;
	text-transform:uppercase;
}
.dotwrapper{
	width:30px;
	position:absolute;
	right:30px;
	bottom:60px;
	z-index:10;
}
a.dot{
	width:20px;
	height:20px;
	border-radius:50%;
	background:rgba(255,255,255,.6);
	display:block;
	margin-bottom:5px;
}
ul.theboxes{
	position:relative;
	top:-50px;
	padding:0;
	max-width:800px;
	width:100%;
	margin:auto;
	list-style:none;
	z-index:50;
}
ul.theboxes li{
	width:33%;
	width:calc((100% - 2px) / 3);
	background:#00B5CC;
	border-right:1px solid #FFF;
	height:180px;
	float:left;
}
.boxpadding{
	padding:.75em 1em;
}
.boxpadding h2{
	font-family: 'Roboto', sans-serif;
	color:#FFFFFF;
	font-size:30px;
	margin:0;
	font-weight:normal;
	font-style:italic;
}
.boxpadding p{
	color:#FFFFFF;
	font-size:16px;
}
.boxpadding a.learnmore, .linkswrapper a.learnmore{
	font-family: 'Roboto', sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:14px;
	padding:.5em 1em;
	border:1px solid #FFFFFF;
	display:block;
	margin:10px 0;
	width:100px;
	text-align:center;
	float:right;
	text-decoration:none;
}
.linkswrapper a.learnmore{
	float:left;
	max-width:120px;
	width:inherit;
	margin-right:10px;
	color:#00B5CC;
	border:1px solid #00B5CC;
}
.linkswrapper a.learnmore:hover, .linkswrapper a.active {
	background:#00B5CC;
	color:#FFFFFF;
}
.arrow_left{
	float:left;
	height:200px;
	width:50px;
	background:url(images/arrow_left.png) center center no-repeat;
}
.arrow_right{
	float:left;
	height:200px;
	width:50px;
	background:url(images/arrow_right.png) center center no-repeat;
}
.testimonials{
	width:80%;
	width:calc(100% - 100px);
	float:left;
	overflow:hidden
}
.testimonials ul{
	list-style:none;
	padding:0;
	width:10000%;
}
.testimonials ul li{
	float:left;
	margin:0 100px 0 0;
}
.testimonials ul li h3{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	color:#00B5CC;
	margin:auto;
	max-width:800px;
	font-weight:normal;	
}
span.product{
	color:#CCCCCC;
	padding: 0 120px 0 0;
	background:url(images/stars.png) right center no-repeat;
}
.spacer{
	width:100%;
	clear:both;
	height:1em;
}
#shop{
	width:100%;
	background:#ECECEC;
}
#shop ul{
	padding:0;
	list-style:none;
	max-width:800px;
	margin:auto;
}
#shop ul li{
	float:left;
	width:33%;
}
#shop ul li a{
	display:block;
	text-decoration:none;
	padding-top: 80px;
}
#shop .boxpadding{
	padding: 0 0 0 1.5em
}
#shop .boxpadding p{
	color:#818484;
	font-style:italic;
	text-align:center;
	padding-right: 1.5em;
	border-right:1px solid #818484;
}
@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px){
	.textbox h2{
		font-size:70px;
	}
	#logo{
		width:200px;
		background-size:100% auto;
		background-position: left center;
	}
	.clearall{
		padding-left:1em;
		padding-right:1em;
	}
	.container{
		max-width:100%;
		width:calc(100% - 2em);
	}
}
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) and (orientation: portrait){
	#slide1{
	background:url(images/background1.jpg) right top no-repeat;
	background-size:auto 100%;
	}
	#slide2{
		background:url(images/background2.jpg) left center no-repeat;
		background-size:auto 100%;
	}
	#slide3{
		background:url(images/background3.jpg) left center no-repeat;
		background-size:auto 100%;
	}
	#slide4{
		background:url(images/background4.jpg) right top no-repeat;
		background-size:auto 100%;
	}
	#shop ul li{
		float:none;
		width:100%;
	}
	#shop .boxpadding{
		background-size:400px auto !important;
	}
	#shop ul li a{
		padding-top:100px;
	}
	#shop .boxpadding p{
		border-right:none;
		border-bottom:1px solid #818484;
		padding: 0 1.5em 10px 0;
	}
	.textbox h2{
		font-size:60px;
	}
	ul.navwrapper{
		padding:15px 0;
	}
	ul.navwrapper li p{
		font-size:18px;
	}
	#products .contentbox{
		height:480px;	
	}
	#products p{
		font-size:14px;
	}
	.linkswrapper a.learnmore{
		max-width:100px;
		font-size:11px;
	}
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) and (orientation: portrait){
	ul.theboxes{
		width:80%;
	}
	ul.theboxes li{
		float:none;
		width:100%;
		height:150px;
		border:none;	
	}
}
@media only screen and (max-width: 435px), only screen and (max-device-width: 435px)  and (orientation: portrait){
	.textbox, #slide1 .textbox, #slide2 .textbox, #slide3 .textbox, #slide4 .textbox{
		width:100% !important;
		margin-left:0% !important;
		margin-top:70% !important;
		padding:0;
	}
	.textbox a.learnmore{
		display:none;
	}
	.textbox h2{
		font-size:30px;
		text-align:center;	
	}
	#slides{
		height:350px;
	}
	.dotwrapper{
		bottom:25px;
		right:5px;
	}
	#maincontent{
		margin-top:350px;
		width:100%;
	}
	ul.theboxes{
		top:-25px;
	}
	ul.theboxes li{
		height:170px;
	}
	span.product{
		padding:0 0 20px 0;
		background-position:center bottom;
		display:block;
	}
	#shop .boxpadding{
		background-size:280px auto !important;
	}
	#shop ul li a{
		padding-top:80px
	}
	#products .contentbox{
		opacity:0;
		width:95%;
		height:450px;
	}
	#products p{
		font-size:13px;
		letter-spacing:-0.5px;
	}
	#products .clearall h2{
		font-size:18px;
	}
	.linkswrapper a.learnmore{
		max-width:90%;
		margin:0 0 2px 0;
	}
	#products .clearall .productimg{
		margin:0 auto;
		left:0px;
		top:20px;
		max-width:100%;
		max-height:400px;
	}
	.linkswrapper{
		width:100%;
	}
	.clearall .testimonials ul p{
		text-align:justify;
		font-size:14px;
	}
	.mobilemenu{
		width:50px;
		height:50px;
		float:right;
		background:url(images/menu.png) center top no-repeat;
		margin:5px 5px;
	}
	.mobilemenu a{
		width:100%;
		height:100%;
		display:block;
	}
	a.closeup{
		display:none;
	}
	.navbox{
		position:fixed;
		top:60px;
		width:100%;
		float:none;
		height:0px;
		overflow:hidden;
	}
	ul.navwrapper{
		padding:0;
		float:none;
	}
	ul.navwrapper li{
		background:#00B5CC;
		border-bottom:1px solid #ffffff;
		float:none;
		width:100%;
	}
	ul.navwrapper li p{
		color:#FFFFFF;
		font-size:25px;
		margin:0 18px;
	}
}