/* common styles */
/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
div#colorbox{ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
/* end - apply a natural box layout model to all elements */

/* C O M M O N   S T Y L E S */
/* STRUCTURE */
body	{ margin: 8px; }
.wrap	{ width: 1000px; margin: 0 auto; }
.header { width: 100%; margin: 0 auto; overflow: hidden; padding: 16px 0 8px 0; }
.logo	{ float: left; }
.motto	{ float: right; }
.nav 	{ overflow: hidden; }
.nav ul { margin: 0; padding: 0; list-style: none; }
.nav li { float: left; width: 125px; padding: 0; }
/*.nav .outer { width: 115px; }  in order to make the nav bar width 1ooopx */
.nav a 	{ display: block; text-align: center; padding: 5px 0; }
.main	{ position: relative; clear: both; padding: .5em 0 0 0; }
.main 	{ min-height: 500px; height: auto !important; height: 500px; } /* min-height hack */
h2 		{ overflow: hidden; }
.accordion h2 { padding: .25em 0; clear: both; overflow: hidden; }
.indent { margin-left: .5em;}
.footer { min-height: 32px; padding: 10px 0 30px 0;	overflow: hidden; }
.footer ul { margin: 0;	padding: 0;	list-style: none; }
.footer li { float: left; width: 64px; }
.footer li.button { width: 104px; }
.footer a {	display: block;	min-height: 32px; }
.footer .icon a { max-width: 32px; }
.footer .button a { width: 97px; }
.footer .text { display: block;	 width: 432px; text-align: center; padding-top: 7px; }
/* END - STRUCTURE */

/* SKIN */
a.shop-logo { display: block; float: right; width: 50px; height: 50px; margin-top: 10px; margin-bottom: 2px; background-image: url('images/shoppingcart.png'); background-size: contain; }
::-moz-selection { background: #999; }
::selection { background: #999; }
html	{ font-size: 100%; overflow-y: scroll; } /* force vertical scrollbar */
body	{ background-color: #000; font-size: 1em; }
img		{ border-style: none; }
h1		{ font-size: 1.375em; }
h2		{ font-size: 1.125em; }
.logo a { border: none; }
.nav 	{ border: none; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
.nav a	{ text-decoration: none; background: #333; border: none; border-right: solid 1px  #111; }
.last a { border-right: none; }
.nav a:link, .nav a:visited { color: #999; }
.nav a:hover { color: red; } /* .link & .section?*/
/* .nav a.active { color: #000; background-color: #F93; } */
/* nav */
#pop-mural a.pop-mural		{ color: #000; background-color: #F93; }
#star a.star 				{ color: #000; background-color: #F93; }
#maya a.maya 				{ color: #000; background-color: #F93; }
#tilt a.tilt 				{ color: #000; background-color: #F93; }
#cricket a.cricket 			{ color: #000; background-color: #F93; }
#leaf a.leaf 				{ color: #000; background-color: #F93; }
#art-cricket a.art-cricket 	{ color: #000; background-color: #F93; }
#gallery a.gallery 			{ color: #000; background-color: #F93; }
#news a.news 				{ color: #000; background-color: #F93; }
#about a.about 				{ color: #000; background-color: #F93; }
#shop a.shop 				{ color: #000; background-color: #F93; }

.main 	{ color: #f93; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
.main a:link, .main a:visited { text-decoration: none; color: #999; }
.main a:hover { color: red; }
h2 a 	{ outline: none; }
.accordion a:active { color: #f93; }
.accordion a:focus, .accordion a:link, .accordion a:visited { outline: none; }
.accordion a:active, .accordion a:hover { outline: solid 1px #333; }
.accordion .ui-state-active a:visited { color: #f93; }
.accordion .ui-state-active, .accordion .ui-state-focus { outline: none; }
.accordion a:focus { outline: solid 1px; }
h2		{ outline: none; }
.accordion h2 {	outline: 0; }
.footer { color: #999; }
.footer li a { background: none no-repeat left center; }
.footer li a.twitter {background-image: url('/images/twitter-bw.png')}
.footer li a:hover.twitter {background-image: url('/images/twitter.png')}
.footer li a.pinterest {background-image: url('/images/pinterest-bw.png')}
.footer li a:hover.pinterest {background-image: url('/images/pinterest.png')}
.footer li a.facebook {background-image: url('/images/facebook-bw.png')}
.footer li a:hover.facebook {background-image: url('/images/facebook.png')}
.footer li a.youtube {background-image: url('/images/youtube-bw.png')}
.footer li a:hover.youtube {background-image: url('/images/youtube.png')}
.footer li a.about {background-image: url('/images/about-bw.png')}
.footer li a:hover.about {background-image: url('/images/about.png')}
.footer li a.contact {background-image: url('/images/contact-bw.png')}
.footer li a:hover.contact {background-image: url('/images/contact.png')}
.footer li a.news {background-image: url('/images/news-bw.png')}
.footer li a:hover.news {background-image: url('/images/news.png')}
.footer { font-family: Arial, Helvetica, sans-serif; font-size: 1em; border: none; }
.footer a {	border: none; }
/* END - SKIN */
/* E N D - C O M M O N   S T Y L E S */

/* LANDING PAGE */
/* STRUCTURE */
.cycler { position: relative; height: 750px; }
.cycler img { position: absolute; z-index: 1; }
.cycler img.active { z-index: 3 }
.product { position: relative; }
.product img { width: 100%; }
.product-logo { position: absolute; top: 10px; left: 20px; }
.product-logo.tilt, .product-logo.leaf, .product-logo.cricket { left: auto; right: 20px; }
.product-logo.star img { width: 114px; height: 69px; }
.product-logo.maya img { width: 125px; height: 69px; }
.product-logo.tilt img { width: 95px; height: 69px; }
.product-logo.cricket img { width: 173px; height: 69px; }
.product-logo.leaf img { width: 100px; height: 69px; }
.product-intro { text-align: center; width: 80%; margin: auto; padding-bottom: 20px; }
/* SKIN */
.landing.overlay {  text-align: center; font-size: 1em; color: #f00; }
/* END - LANDING PAGE */



/* PRODUCT LANDING PAGES */
/* STRUCTURE */
.seamless-button { position: absolute; z-index: 3; top: 30px; right: 20px; width: 260px; height: 70px; }
/* SKIN */
.seamless-button { background:none no-repeat right center; border: none; }
.seamless-button.cricket {background-image:url('/images/explore-cricket-orange.jpg')}
.seamless-button:hover.cricket {background-image:url('/images/explore-cricket-red.jpg')}
.seamless-button.leaf {background-image:url('/images/explore-leaf-orange.jpg')}
.seamless-button:hover.leaf {background-image:url('/images/explore-leaf-red.jpg')}
.seamless-button.tilt {background-image:url('/images/explore-tilt-orange.jpg')}
.seamless-button:hover.tilt {background-image:url('/images/explore-tilt-red.jpg')}
.seamless-button.maya {background-image:url('/images/explore-maya-orange.jpg')}
.seamless-button:hover.maya {background-image:url('/images/explore-maya-red.jpg')}
/* END - PRODUCT LANDING PAGES */


/* PRODUCT EXPLORE PAGES */
/* STRUCTURE */
.main { overflow: hidden; }
div.disabled { display: none; }
div.left { padding-right: 10px; }
div.right iframe { padding-top: 15px; } /* some space above the embedded video */
#accordion-2 h2 { display: none; } /* no headings - media shows in sync with main accordeon */
div.left { float: left; width: 360px; }
div.right { float: right; width: 640px; }
/* div.gallery { margin-right: 140px; } */
div.gallery a.top { margin-top: -200px }
div.gallery.four { margin-right: 90px; }
div.gallery.five { margin-right: 36px; }
div.gallery.six { margin-right: 0; }
a.thumbImg { display: inline-block; height: 120px; }
#pop-mural a.thumbImg { display: inline-block; height: 102px; }
.detail { position: relative; }
.img-title { position: absolute; top: 8px; right: 4px; padding: 0 4px; } /* overlay picture labels */
.testimonial { text-align: center; }
.testimonial { padding-bottom: 14px; }
/* SKIN */
div.right {	text-align: right; }
a.thumbImg { border: solid 1px #333; }
a.thumbImg.hover { border: solid 1px #999; }
a.thumbImg.selected { border: solid 1px #999; }
.img-title { color: #888; font-weight: bold; }
.dark { color: #222; }
.light { color: #DDD; }
.img-title.dark.bg{	background: transparent url(images/bg-light-transp.png) top left repeat; }
.img-title.light.bg{ background: transparent url(images/bg-dark-transp.png) top left repeat; }
/* VENDOR */
/* image zoom */
/* magnifying glass icon */
.zoom:after { content: '';  display: block; width: 33px; height: 33px; position: absolute; top: 0; right: 0; background: url(images/zoom-icon-light.png); }
.zoom img { display: block; }
.zoom img::selection { background-color: transparent; }
/* end - image zoom */
/* flexslider */
.product-gallery { width: 450px; float: right; background: #000; border: none; }
.flex-caption { text-align: center; }
.flex-direction-nav a { background: url(images/bg_direction_nav_light.png) no-repeat 0 0; }
/* end - flexslider */
/* END - VENDOR */
/* END - PRODUCT EXPLORE PAGES */

/* ABOUT PAGE */
.illustration {
	color: #fff;
	text-align: center;
	font-size: .85em;
	margin: 0 auto;
}
.illustration p {
	width: 60%;
	margin: 0 auto 30px;
}
/* END - ABOUT PAGE */