html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    margin: 0;
	line-height:180%;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	background-color: #FFF;
	text-align:left;
	position: relative; /* important to assign z-index to the body for link inside flexslider */
  	z-index: 1;    
}
div.wrapper  {
 	margin-left:auto;
 	margin-right:auto;
	max-width:960px;
} 
h1, h2, h3, p, ol, ul {
    margin: 0;
    padding: 0;
}
ul {
    list-style-type: none;
}
h1	{
	font-size:35px;
	font-weight:300;
	color:#2D8280;
	line-height:120%;
	margin-top:50px;
	margin-bottom:50px;
}
h2	{
	font-size:22px;
	font-weight:300;
	color:#2D8280;
	line-height:120%;
	margin-bottom:20px;
	margin-top:60px;
}
a {
    text-decoration: none;
	color:#AE5552;
}
img {
    max-width: 100%;
    height: auto;
    border: 0;
}
p	{
	font-size:18px;
	color:#555555;
	margin-bottom:30px;
}
header	{
}
.logo	{
	height:65px;	
	padding-top: 10px;
	display:inline-block;
}
.phone	{
	float:right;
	margin-top:10px; 
	color:#AE5552; 
}
.phone a	{
	color:#AE5552; 
	font-family: 'Indie Flower', cursive;
	font-size:22px;
}
.phone a:hover	{
	color:#2D8280;
}
#banner	{
	height:40px;
	background-color: #2D8280;
}
.banner_add	{
	background-image:url(images/banner_bg.fw.png);
	background-repeat:repeat-x;
	height: 45px;
	overflow: hidden;
	margin-bottom: 30px;
}
/* 
following css for slicknav
*/
.slicknav_menu {
	display:none;
}
/* 
following css for menu
*/
nav 	{
	float:right;
}
#menu li	{
	display:inline-block;
}
#menu a	{
	display:block;
	color:#FFFFFF;
	font-size:14px;
	font-weight: 500;
	height: 40px;
	line-height:40px;
	padding-left: 20px;
	padding-right: 20px;
    -webkit-transition: background-color .1s; 
    transition: background-color .1s;
}
#menu a:hover	{
	background-color:#AE5552;
}
/* 
css for slider
*/
.flexslider	{
	z-index: -1; /* important for banner shadow to show over bg image. Note: position: relative already assigned in flexslider css file*/
	border-bottom:#CCCCCC 1px solid;
	background-image:url(images/slide_bg.fw.png);
	background-repeat:repeat-x;
	background-color: #F3F3F7;
}
.slides_container	{
 	margin-left:auto;
 	margin-right:auto;
	max-width:960px;
}
.slides_text_container	{
	float: right;
	width: 34%;
	padding-right:5%;
}
.slides_image_container	{
	float: left;
	width: 55%;
}
.slides_heading	{
 	font-family: 'Indie Flower', cursive; 
	font-size:40px; 
	color:#AE5552; 
	padding-top:140px;
	line-height:120%;
	margin-bottom:15px;
}
.slides_text	{
	font-size:18px; 
	color:#AE5552; 
	line-height:120%;
}
.slides_button 	{
	color:#AE5552;
	font-size:18px; 
	display:inline-block;
	border: #AE5552 1px solid;
	padding:5px 40px 5px 40px;
	border-radius:2px;
	-webkit-transition: color .2s, background-color 1s; /* For Safari 3.1 to 6.0 */
    transition: color .2s, background-color 1s;
}
.slides_button:hover	{
	background-color:#AE5552;
	color:#E9EDF5;
}
.slides_image {
	margin-top:60px;
}
.three_column_images	{
	width: 100%;
}
.three_column_images img	{
	width: 31%;
}
.middle_image	{
	padding-right:2%;
	padding-left: 2%;
}
/* 
css for shipping info
*/
.shipping_wrapper	{
	clear:both;
	padding-top:10px;
}
.shipping_container	{
	border:#CCCCCC 1px solid;
	width:90%;
	padding:5%;
}
.shipping_container button	{
	border:#CCCCCC 1px solid;
	font-size:18px;
	color:#555555;
	margin-right:10px;
	display:inline-block;
	background-color: #FFFFFF;
    cursor: pointer;
}
.shipping_container p	{
	display:inline;
}
.shipping_content	{
	display:none;
	overflow:hidden;
}
.shipping_content_div	{
	float:left;
	margin-left:20px;
	margin-top:86px;
	width:84%;
}
.shipping_content_div p	{
	display:block;
	margin-bottom:10px;
}
/* 
css for contact 
*/
a.disable-link {
    pointer-events: none;
    cursor: default;
	color:#000;
}
a.disable-footer-link {
    pointer-events: none;
    cursor: default;
	color:#FFF;
}
.contact_button 	{
	background-color:#AE5552;
	border: #AE5552 1px solid;
	text-align: center;
	width: 180px;
	height: 40px;
	border-radius:2px;
	-webkit-transition: color .2s, background-color 1s; /* For Safari 3.1 to 6.0 */
    transition: color .2s, background-color 1s;
}
.contact_button a	{
	color:#FFFFFF;
	font-weight: 500;
	font-size:18px; 
	line-height: 40px;
}
.min_height	{
	height:450px;
	padding-top:50px;
}
/* 
css for footer.php
*/
footer 	{
	margin:50px 0px 0px 0px;
	background-color:#333;
	height:100%;
	padding-top:40px;
	padding-bottom:40px;
}
footer p	{
	font-size:13px;
	color:#FFF;
	margin-bottom:0px;
	font-weight:500;
}
.footer_heading	{
	font-weight:300;
}
.float_left	{
	float:left; 
	margin-right:75px;
	margin-bottom:20px;
	text-align:left;
}
.float_right	{
	float:right; 
	text-align:right;
	margin-bottom:20px;
}
#copyright {
	width:100%;
	margin-left:auto;
 	margin-right:auto;
	text-align:center;
	padding-top:80px;
	overflow:hidden;
}
#copyright p {
	font-weight:300;
}
#copyright a {
	font-weight:500;
	font-size:14px;
}
@media screen and (max-width: 1015px) {
	.slides_container	{
		padding-left:15px;
		padding-right:15px;
	}
}
@media screen and (max-width: 1000px) {
	div.wrapper  {
		max-width:97%; 
	} 
} 
@media screen and (max-width: 830px) {
	.slides_heading	{
		padding-top:80px;
	}
}
@media screen and (max-width: 735px) {
	.slides_heading	{
		font-size:32px; 
	}
	h1	{
		font-size:30px;
	}
}
