body {margin:0px;font-family:'Montserrat', Arial;font-size:16px;}

img {border:0px;}

a:link, a:active, a:visited {color:#292929;}
a:hover {color:#fff;}
.clear {clear:both;}
.clearthis:before, .clearthis:after {content: "";display: table;} 
.clearthis:after {clear: both;}
.clearthis {zoom: 1; /* For IE 6/7 (trigger hasLayout) */}
 
   
.wrap {margin:auto;width:400px;}

#topbar { 
	background: #FFC;
	background: -moz-linear-gradient(top,  #333 0%, #333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#333));
	background: -webkit-linear-gradient(top,  #333 0%,#333 100%);
	background: -o-linear-gradient(top,  #333 0%,#333 100%);
	background: -ms-linear-gradient(top,  #333 0%,#333 100%);
	background: linear-gradient(to bottom,  #333 0%,#333 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cbbd9', endColorstr='#45afdb',GradientType=0 );		padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px; 
} 
#logo {float:left;}
#navigation {float:right;}
#navigation a {display:block;padding:10px 0 10px 35px;float:left;color:#ffffff;text-decoration:none;}

#footer {background:#ffffff;}
#footer .wrap {padding:10px 0px;}
#footerlogo {padding:5px 0px;float:left;margin-right:30px;}
#footernavigation {float:left;}
#footernavigation a {text-decoration:none;display:block;float:left;padding:13px 18px 10px 18px;color:
#323232;font-size:16px;}
#social {float:inherit;}
#social a {float:left;margin:0 0 0 22px;}

#breadcrumbs {background:#eef3f5;padding:20px 0px;}
.bread_home {float:left;margin-right:17px;background:url(images/icon-arrow.jpg) top right no-repeat;padding-right:30px;}
a.bread_path {margin-top:-2px;text-decoration:none;color:#757e82;font-size:17px;float:left;margin-right:17px;background:url(images/icon-arrow.jpg) right 2px no-repeat;padding-right:30px;}
a.bread_current {margin-top:-2px;text-decoration:none;color:#a0acb1;font-size:17px;float:left;}

/* -- HOME PAGE -- */
#headerbar {height:511px;position:relative;}
#headerbar .bx-wrapper {position:relative;}
#headerbar .bxslider {width:100%;min-width:1450px;position:absolute;z-index:-1;overflow:hidden;height:511px;}
#headerbar .bxslider img {position:absolute;width:100%;height:auto;}
#headerbar .line1 {position:relative;text-align:center;color:#fff;font-size:45px;text-shadow: 0 0 10px rgba(0,0,0, 0.4);padding-top:110px;}
#headerbar .line2 {position:relative;text-align:center;color:#fff;font-size:30px;text-shadow: 0 0 10px rgba(0,0,0, 0.4);}
#headerbar a.action {z-index:9999;position:relative;display:block;text-align:center;width:180px;margin:25px auto;font-size:21px;color:#ffffff;padding:12px 0px;text-decoration:none;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;background:#45afdb;}
#headerbar .bx-wrapper {position: relative;margin: 0 auto 60px auto;padding: 0;}
#headerbar .bxslider {position:relative;z-index:100;}
#headerbar .bx-controls {position: absolute;bottom: 30px;z-index:150;width: 100%;}
#headerbar .bx-default-pager {	position:absolute;bottom:40px;left:50%;width:100px;margin-left:-50px;}
#headerbar .bx-default-pager a {text-indent:-999px;overflow:hidden;float:left;width:9px;height:9px;margin:0 5px;background:url(images/circle-off.png) top left no-repeat;}
#headerbar .bx-default-pager a.active {width:9px;height:9px;margin:0 5px;background:url(images/circle-on.png) top left no-repeat;}
#headerbar .bx-wrapper .bx-prev {text-indent:-9999px;overflow:hidden;z-index:150;width:27px;height:50px;background:url(images/leftarrow.png) 0 0 no-repeat;position:absolute;top:-250px;left:50px;}
#headerbar .bx-wrapper .bx-next {text-indent:-9999px;overflow:hidden;z-index:150;width:27px;height:50px;background:url(images/rightarrow.png) 0 0 no-repeat;position:absolute;top:-250px;right:50px;}

#contentarea {background:#ffffff;}
#contentarea .wrap {padding:90px 0 90px;}
.heading1 {color:#262626;font-size:32px;text-align:center;}
.heading2 {color:#a9a9a9;font-size:25px;text-align:center;padding-top:15px;}
.category {line-height:170%;color:#a5a5a5;font-size:19px;width:340px;padding:0 0 20px 130px;}
#cat_click {margin:70px 0 40px;float:left;background:url(images/icon-click.png) 0 0 no-repeat;}
#cat_play {margin:70px 0 40px;float:right;background:url(images/icon-play.png) 0 0 no-repeat;}
#cat_listen {float:left;clear:both;background:url(images/icon-listen.png) 0 0 no-repeat;}
#cat_watch {float:right;background:url(images/icon-watch.png) 0 0 no-repeat;}
.category .line1 {font-size:21px;color:#3c3c3c;}

#testimonials {background:#eef3f5;}
#testimonials .wrap {padding:80px 0px 90px 0;text-align:center;}
#testimonials .heading2 {margin-bottom:40px;}
#testimonial1 {width:31%;float:left;margin-right:4%;}
#testimonial2 {width:30%;float:left;}
#testimonial3 {width:31%;float:right;}
.testimonialtext {line-height:150%;padding:35px 10px;color:#647f8a;font-size:19px;background:#fff;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius:15px;}
.testimonialname {padding:25px 0 7px 0;background:url(images/speecharrow.png) 50% 0 no-repeat;font-size:19px;color:#42a1c7;}
.testimonialtitle {font-size:16px;color:#9abcca;}

/* -- PRODUCT PAGE -- */
#contentareainside {background:#ffffff;}
#contentareainside .wrap {padding:70px 0 70px;}

#productleft {
	float:left;
	width:400px;
	position: absolute;
	z-index: auto;
}
#mediamain img {border:solid #eef3f5 5px;margin-bottom:15px;}
#mediathumb img {border:solid #eef3f5 3px;margin-right:15px;}
#mediathumb img.active {border-color:#81a847;}

#productright {float:right;width:525px;}
.title {color:#474f52;font-size:16px;float:left;}
.titlebar {width:40px;background:#45afdb;height:4px;float:right;margin:7px 0 0 10px;}
#productright h1 {font-size:50px;color:#45afdb;font-weight:300;margin:30px 0 30px;border-bottom:solid #eef3f5 1px;padding-bottom:20px;}
.productdescription {font-size:19px;line-height:150%;color:#474f52;}
a.addtocart {background:#81a847;padding:10px 15px;height:20px;font-size:18px;margin-right:20px;color:#ffffff;display:block;float:left;text-decoration:none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.pricetag {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;float:left;height:20px;background:url(images/tagleft.jpg) 0 0 no-repeat #ffd7c7;font-size:18px;color:#ce5424;padding:10px 20px 10px 40px;}

#otherproducts {background:#eef3f5;}
#otherproducts .wrap {padding:60px 0px;}
#otherproducts .title {font-size:19px;}
#otherproducts .titlebar {margin-top:10px;}
.otherproduct {padding-top:30px;float:left;width:176px;}
#otherproducts .bx-wrapper {position:relative;clear:both;z-index:800;}
#otherproducts .bx-viewport {position:relative;clear:both;overflow:hidden;}
#otherproducts .bxslider {width:980px;margin:auto;}
.otherproduct img {border:solid #ffffff 5px;margin-bottom:20px;}
.otherproduct .line1 a {display:block;text-decoration:none;font-size:18px;color:#474f52;margin-bottom:5px;}
.otherproduct .line2 {font-size:16px;color:#6d777b;}
#otherproducts .bx-pager {display:none;}
#otherproducts .bx-controls {position:absolute;top:-25px;right:0px;float:right;}
#otherproducts .bx-prev {text-indent:-999px;overflow:hidden;cursor:pointer;background:url(images/arrowleft.jpg) 0 0 no-repeat;width:30px;height:30px;margin-right:10px;float:left;}
#otherproducts .bx-next {text-indent:-999px;overflow:hidden;cursor:pointer;background:url(images/arrowright.jpg) 0 0 no-repeat;width:30px;height:30px;float:right;}

/* -- ABOUT PAGE -- */
#contentareainside2 {background:#ffffff;}
#contentareainside2 .wrap {color:#7b7b7b;font-size:19px;padding:60px 0 60px;line-height:150%;}
#leftnavigation {float:left;width:200px;}
#leftnavigation a {font-size:18px;text-decoration:none;color:#a0acb1;display:block;padding-right:25px;}
#leftnavigation a.active {background:url(images/greentab.jpg) 0 0 no-repeat;color:#fff;}
#leftnavigation a span {display:block;border-bottom:solid #eef3f5 1px;padding:9px 10px 8px;}
#aboutright {float:right;width:710px;}
#contentareainside2 h1 {color:#4f524d;font-size:50px;margin:0px 0px 40px 0px;font-weight:400;}
#contentareainside2 h2 {line-height:140%;color:#45afdb;font-size:30px;font-weight:400;margin:0px 0px 25px 0px;padding-bottom:30px;border-bottom:solid #eef3f5 1px;}
.pullquote {line-height:140%;background:url(images/pullquote.jpg) 0 0 no-repeat;width:190px;margin:0px 0px 50px 50px;padding:20px 0 0 15px;color:#869b72;font-size:25px;float:right;}
.pullquotename {padding-top:10px;font-size:17px;color:#676767;}
