/* 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;
}

html {
	font-size: 100%;
}

body {
	background-color: black;
	font-size: 1em;
}

input, select, textarea{
    /* font-size: 100%; */
}

img {
	border-style: none;
}

h1 {
	font-size: 1.375em;
}

h2 {
	font-size: 1.125em;
}

/* header images */
#container {
 width: 1000px;
 margin: 0 auto;
}

#header {
	width: 100%;
	margin: 0 auto;
}

#header .logo {
	float: left;
	padding: 16px 0 8px 0;
}

#header .logo a {
	border: none;
}

.motto {
	float: right;
	margin: 16px 0 8px 0;
}
/* end header images */

/* begin tab navigation styles */
/* horizontal centering */
#navigation {
	float: left;
	width: 100%;
	position: relative;
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 0.1em;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: none;
}

#navigation ul {
	clear: left;
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	right: 50%;

	text-align: center;
}

#navigation ul li {
	list-style: none;
	display: block;				
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	left: 50%;
}

#navigation li.outer {

}

#navigation ul li a {
	width: 125px;
	display: block;
	margin: 0;
	text-decoration: none;
	padding: 5px 0;
	border: none;
	border-right: solid 1px #111;

	background: #333;
}

#navigation ul li.outer a {
	width: 125px;
}

#navigation li a:link, #navigation li a:visited {
	color: #999;
}

#navigation li a:hover {
	color: red;
}

#navigation li a.active {
	color: black;
	background: #f93;
}

/* new nav css */
.nav { clear: both; } /* fix */

.nav 	{ overflow: hidden; }
.nav ul { margin: 0; padding: 0; list-style: none; }
.nav li { float: left; width: 125px; padding: 0; }
.nav .outer { width: 125px; }
.nav a 	{ display: block; text-align: center; padding: 5px 0; }

.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?*/

#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; }

/* end tab navigation styles */

#content {
	clear: left;
	padding: .5em 0 0 0;

	color: #f93;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

#content a:link, #content a:visited {
	text-decoration: none;
	color: #999;
}

#content a:hover {
	color: red;
}

h2 a {
	outline: none;
}

/* jQuery UI Accordion styles */
#accordion h2 a:active {
	color: #f93;
}

#accordion h2:focus, #accordion h2 a:link, #accordion h2 a:visited {
	border: none;
	outline: none;
}

#accordion h2 a:active, #accordion h2 a:hover {
	outline: solid 1px #333;
}

#accordion h2.ui-state-active a:visited {
	color: #f93;
}

#accordion h2.ui-state-active, #accordion h2.ui-state-focus {
	outline: none;
}

#accordion h2 a:focus {
	outline: solid 1px;
}

h2 {
	outline: none;
	overflow: hidden;
}

#accordion h2 {
	padding: .5em 0;
	clear: both;
	overflow: hidden;

	outline: 0;
}
/* end jQuery UI Accordion styles */

/* shop */
#cr {
	display: block;
	clear: left;
	float: right;
	position: relative;
	right: 50%;
	width: 1000px;
}

#cl {
	float: left;
	position: relative;
	left: 50%;
	width: 1000px;
}

/* shopping cart buttons */
#cart-links {
	text-align: right;
}

#cart-links a {
	padding: 4px 5px;
	
	background-color: #444;
	border: 1px solid #777;
	color: #aaa;
	text-decoration: none;
	font-weight: normal;
	font-size: 0.85em;
}

#cart-links a:hover, #cart-links a:focus {
	background-color: #555;
	border-color: #888;
	color: #bbb;
	font-weight: normal;
}

#cart-links a:active {
	background-color: #333;
	border-color: #666;
	font-weight: normal;
}
/* end shopping cart buttons */
/* end shop */


/* footer */
#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.contact {background-image:url('/images/contact-bw.png')}
#footer li a:hover.contact {background-image:url('/images/contact.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.news {background-image: url('/images/news-bw.png')}
#footer li a:hover.news {background-image: url('/images/news.png')}

/* horizontal centering */
#footer {
	float: left;
	width: 100%;
	min-height: 32px;
	position: relative;
	top: 700px;
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 0.1em;
	padding-bottom: 30px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: none;
}

#footer ul {
	clear: left;
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	right: 50%;

	text-align: center;
}

#footer ul li {
	list-style: none;
	display: block;				
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	left: 50%;
}

#footer li.outer {

}

#footer ul li a {
	width: 64px;
	min-height: 32px;
	display: block;
	margin: 0;
	text-decoration: none;
	padding: 5px 0;
	border: none;

	/*background: #333;*/
}

#footer ul li.button a {
	width: 97px;
}

#footer li.button { width: 104px; }

#footer ul li.text {
	width: 432px;
	padding: 5px 0;
}

#footer li {
	color: #999;
}
/* end footer */


/* landing page image cycler */
#cycler { 
	position: relative;
}
#cycler img {
	position: absolute;
	z-index: 1;
}
#cycler img.active {
	z-index: 3
}
/* end landing page image cycler */

/* explore <name> seamless buttons */
a.seamless-button {
	background:none no-repeat right center;
	width: 260px;
	height: 70px;
	border: none;
	position: absolute;
	z-index: 3;
	top: 30px;
	right: 20px;
}
a.seamless-button.cricket {background-image:url('/images/explore-cricket-orange.jpg')}
a.seamless-button:hover.cricket {background-image:url('/images/explore-cricket-red.jpg')}

a.seamless-button.leaf {background-image:url('/images/explore-leaf-orange.jpg')}
a.seamless-button:hover.leaf {background-image:url('/images/explore-leaf-red.jpg')}

a.seamless-button.tilt {background-image:url('/images/explore-tilt-orange.jpg')}
a.seamless-button:hover.tilt {background-image:url('/images/explore-tilt-red.jpg')}
/* end explore <name> seamless buttons */

/* css slider */
div.slider
{
    background: url(http://www.folditure.com/cricket-unfolding.jpg);
    height: 700px;
    width:  600px;

    -webkit-animation: slide 10s linear infinite;
       -moz-animation: slide 10s linear;
            animation: slide 10s linear infinite;
}


@-webkit-keyframes slide
{
    0%   {background-position: 0 0;}
    100% {background-position: 1000px 0;}
}

@-moz-keyframes slide
{
    0%   {background-position: 0 0;}
    100% {background-position: 1000px 0;}
}

@keyframes slide
{
    0%   {background-position: 0 0;}
    100% {background-position: 1000px 0;}
}
/* end css slider */