/************************
* Fonts
*************************/
@font-face {
    font-family: 'HelveticaNeueLTStd75Bold';
    src: url('../fonts/helveticaneueltstd-bd-webfont.eot');
    src: url('../fonts/helveticaneueltstd-bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-bd-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltstd-bd-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-bd-webfont.svg#HelveticaNeueLTStd75Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueLTStd45Light';
    src: url('../fonts/helveticaneueltstd-lt-webfont.eot');
    src: url('../fonts/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-lt-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltstd-lt-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-lt-webfont.svg#HelveticaNeueLTStd45Light') format('svg');
    font-weight: normal;
    font-style: normal;

}

/************************
* globals
*************************/

html, body {
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-family: 'HelveticaNeueLTStd45Light';
	font-weight: normal;
	top: 0;
}
a, a:visited, a:hover {
	color: #fff;
	text-decoration: none;
	outline: none;
}
h1 {
	font-family: 'HelveticaNeueLTStd45Light';
	font-weight: normal;
	margin: 0px;
	font-size: 24px;
	float: left;
}
h2 {
	font-family: 'HelveticaNeueLTStd45Light';
	font-weight: normal;
	margin: 0 0 0 6px;
	font-size: 24px;
	float: left;
}
ul {
	font-size: 13px;
	color: #000;
	list-style-type: disc;
}
ul li {
	margin-bottom: 5px;
}
p {
	font-size: 14px;
}
img {
	background: #fff;
}
/************************
* header
*************************/

header {
	width: 100%;
	height: 550px;
	background: #2D3439;
	display: block;
}
#shadow {
	background: url(../imgs/shadow.png) repeat-x;
	background-position: top center; 
	height: 22px;
	/*width: 2000px;*/
}
header a,
header p {
	font-size: 14px;
	color: #fff;
}
header .inner {
	width: 1000px;
	height: 110px;
	text-align: center;
	margin: auto;
}
header h1 {
	padding-top: 30px;
	color: #fff;
}
header ul a:hover {
	color: #888888;
}
header h2 {
	font-family: 'HelveticaNeueLTStd45Light';
	font-weight: normal;
	padding-top: 30px;
	color: #888888;
}
.side {
	color: #fff;
	float: left;
}
#side1 {
	font-size: 15px;
	width: 470px;
	padding-right: 30px;
}
#side1 a {
	font-size: 15px;
}
#side1 a {
	color: #aaaaaa
}
header #side2 ul {
	margin: 0px;
	padding: 0px 0 0 10px;
	font-size: 18px;
	color: #fff;
}
header ul {
	list-style-type: none;
	float: right;
	margin: 38px 24px 0 0;
}
header ul li {
	margin-left: 10px;
	float: left;
}
#side2 {
	width: 430px;
}
#about {
	width: 1000px;
	margin: auto;
}
#side1 {
	font-family: 'HelveticaNeueLTStd45Light';
	color: #fff;
	text-shadow: 2px 2px rgba(0,0,0,.2);
}
#side2 {
	font-family: 'HelveticaNeueLTStd45Light';
}
.even {
	text-shadow: 2px 2px rgba(0,0,0,.2);
	margin-bottom: 15px;
	color: #fff;
}
.odd {
	text-shadow: 2px 2px rgba(0,0,0,.2);
	color: #888888;
}
/************************
* body
*************************/

section {
	text-align: center;
	margin: 0 auto;
	display: block;
}
.inner {
	width: 1000px;
}
.divider {
	background: url(../imgs/divider.png) repeat-x 0;
	background-position: 0px 39px;
	width: 100%;
	height: 82px;
}
.divider .inner {
	text-align: center;
	margin: auto;
}
.back {
	background: url(../imgs/backtotop.png);
	background-position: 0px 0px;
	width: 81px;
	height: 82px;
	text-align: center;
	margin: auto;
	cursor: pointer;
}
.back:hover {
	background-position: 0px 82px;
}
.top {
	display: block;
}
article hgroup {
	display:block;
	width: 800px;
	height: 43px;
	margin-left: 17px;
	float: left;
}
article .imgHolder {
	float: left;
	width: 480px;
	height: 293px;
}
.off {
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	/*margin-top: 500px;*/
}
.on {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
	visibility: visible;
}
article img {
	width: 480px;
	height: 293px;
}

article ul {
	float:left;
}
article .content {
	width: 1000px;
	margin-left: 17px;
}
article {
	display: block;
	clear: both;
	text-align: left;
	background: url('../imgs/itemback.png');
	height: 352px;
	width: 1000px;
	margin: 80px auto 100px;
}
article .inner {
	width: 420px;
}
.desc {
	float: left;
	color: #fff;
	width: 480px;
	height: 293px;
}
.desc p {
	line-height: 21px;
	font-size: 16px;
	color: #000;
}
.desc .inner {
	margin: 25px;
}
.desc .inner ul {
	padding: 0px;
	list-style-position: inside;
}
.desc ul li {
	font-family: 'HelveticaNeueLTStd75Bold';
	font-size: 14px;
}
article h2 {
	color: #888888;
}

.launchBtn p {
	margin-top: 8px;
	font-family: 'HelveticaNeueLTStd75Bold';
}
.launchBtn {
	float: right;
	margin-right: 23px;
	color: #fff;
	width: 85px;
	height: 33px;
	background: #999; /* for non-css3 browsers */
	border: none;
	font-size: 12px;
	text-align: center;
	cursor: pointer;

	-moz-box-shadow: 0px 0px 1px #000;
	-webkit-box-shadow: 0px 0px 1px #000;
	box-shadow: 0px 0px 1px #000;

	background-color:#00364c;

	background-image: -moz-radial-gradient(left 100%, circle farthest-side, #003c56, #00364c 100%);

	background-image: -webkit-radial-gradient(left 100%, circle farthest-side, #003c56, #00364c 100%);

	background-image: -o-radial-gradient(left 100%, circle farthest-side, #003c56, #00364c 100%);

	background-image: -ms-radial-gradient(left 100%, circle farthest-side, #003c56, #00364c 100%);

	background-image: radial-gradient(left 100%, circle farthest-side, #003c56, #00364c 100%)
}
#canon .launchBtn {
	background-color:#ad2323;
	background-image: -moz-radial-gradient(left 100%, circle farthest-side, #cc3535, #ad2323 100%);
	background-image: -webkit-radial-gradient(left 100%, circle farthest-side, #cc3535, #ad2323 100%);
	background-image: -o-radial-gradient(left 100%, circle farthest-side, #cc3535, #ad2323 100%);
	background-image: -ms-radial-gradient(left 100%, circle farthest-side, #cc3535, #ad2323 100%);
	background-image: radial-gradient(left 100%, circle farthest-side, #cc3535, #ad2323 100%)
}
#chipotle .launchBtn {
	background-color:#411300;
	background-image: -moz-radial-gradient(left 100%, circle farthest-side, #541901, #411300 100%);
	background-image: -webkit-radial-gradient(left 100%, circle farthest-side, #541901, #411300 100%);
	background-image: -o-radial-gradient(left 100%, circle farthest-side, #541901, #411300 100%);
	background-image: -ms-radial-gradient(left 100%, circle farthest-side, #541901, #411300 100%);
	background-image: radial-gradient(left 100%, circle farthest-side, #541901, #411300 100%)
}
/*#mystery .launchBtn {
	background-color:#411300;
	background-image: -moz-radial-gradient(left 100%, circle farthest-side, #541901, #411300 100%);
	background-image: -webkit-radial-gradient(left 100%, circle farthest-side, #541901, #411300 100%);
	background-image: -o-radial-gradient(left 100%, circle farthest-side, #541901, #411300 100%);
	background-image: -ms-radial-gradient(left 100%, circle farthest-side, #541901, #411300 100%);
	background-image: radial-gradient(left 100%, circle farthest-side, #541901, #411300 100%)
}*/
#stoli .launchBtn {
	background-color:#744618;
	background-image: -moz-radial-gradient(left 100%, circle farthest-side, #8d5622, #744618 100%);
	background-image: -webkit-radial-gradient(left 100%, circle farthest-side, #8d5622, #744618 100%);
	background-image: -o-radial-gradient(left 100%, circle farthest-side, #8d5622, #744618 100%);
	background-image: -ms-radial-gradient(left 100%, circle farthest-side, #8d5622, #744618 100%);
	background-image: radial-gradient(left 100%, circle farthest-side, #8d5622, #744618 100%)
}
#stake .launchBtn {
	background-color:#9e0301;
	background-image: -moz-radial-gradient(left 100%, circle farthest-side, #ca0704, #9e0301 100%);
	background-image: -webkit-radial-gradient(left 100%, circle farthest-side, #ca0704, #9e0301 100%);
	background-image: -o-radial-gradient(left 100%, circle farthest-side, #ca0704, #9e0301 100%);
	background-image: -ms-radial-gradient(left 100%, circle farthest-side, #ca0704, #9e0301 100%);
	background-image: radial-gradient(left 100%, circle farthest-side, #ca0704, #9e0301 100%)
}
/*#picross .launchBtn {
	background-color:#009a98;
	background-image: -moz-radial-gradient(left 100%, circle farthest-side, #00b7b5, #009a98 100%);
	background-image: -webkit-radial-gradient(left 100%, circle farthest-side, #00b7b5, #009a98 100%);
	background-image: -o-radial-gradient(left 100%, circle farthest-side, #00b7b5, #009a98 100%);
	background-image: -ms-radial-gradient(left 100%, circle farthest-side, #00b7b5, #009a98 100%);
	background-image: radial-gradient(left 100%, circle farthest-side, #00b7b5, #009a98 100%)
}*/
#metroid .launchBtn {
	background-color:#5116bc;
	background-image: -moz-radial-gradient(left 100%, circle farthest-side, #6e2ad6, #5116bc 100%);
	background-image: -webkit-radial-gradient(left 100%, circle farthest-side, #6e2ad6, #5116bc 100%);
	background-image: -o-radial-gradient(left 100%, circle farthest-side, #6e2ad6, #5116bc 100%);
	background-image: -ms-radial-gradient(left 100%, circle farthest-side, #6e2ad6, #5116bc 100%);
	background-image: radial-gradient(left 100%, circle farthest-side, #6e2ad6, #5116bc 100%)
}
#eqn .launchBtn {
	background-color:#029fd9;
	background-image: -moz-radial-gradient(left 100%, circle farthest-side, #00b8f3, #029fd9 100%);
	background-image: -webkit-radial-gradient(left 100%, circle farthest-side, #00b8f3, #029fd9 100%);
	background-image: -o-radial-gradient(left 100%, circle farthest-side, #00b8f3, #029fd9 100%);
	background-image: -ms-radial-gradient(left 100%, circle farthest-side, #00b8f3, #029fd9 100%);
	background-image: radial-gradient(left 100%, circle farthest-side, #00b8f3, #029fd9 100%)
}
#blackberry .launchBtn {
	background-color:#002e41;
	background-image: -moz-radial-gradient(left 100%, circle farthest-side, #004664, #002e41 100%);
	background-image: -webkit-radial-gradient(left 100%, circle farthest-side, #004664, #002e41 100%);
	background-image: -o-radial-gradient(left 100%, circle farthest-side, #004664, #002e41 100%);
	background-image: -ms-radial-gradient(left 100%, circle farthest-side, #004664, #002e41 100%);
	background-image: radial-gradient(left 100%, circle farthest-side, #004664, #002e41 100%)
}
#wendys .launchBtn {
	background-color:#8c070e;
	background-image: -moz-radial-gradient(left 100%, circle farthest-side, #b4141b, #8c070e 100%);
	background-image: -webkit-radial-gradient(left 100%, circle farthest-side, #b4141b, #8c070e 100%);
	background-image: -o-radial-gradient(left 100%, circle farthest-side, #b4141b, #8c070e 100%);
	background-image: -ms-radial-gradient(left 100%, circle farthest-side, #b4141b, #8c070e 100%);
	background-image: radial-gradient(left 100%, circle farthest-side, #b4141b, #8c070e 100%)
}
#tw .launchBtn {
	background-color:#014a8d;
	background-image: -moz-radial-gradient(left 100%, circle farthest-side, #0368ba, #014a8d 100%);
	background-image: -webkit-radial-gradient(left 100%, circle farthest-side, #0368ba, #014a8d 100%);
	background-image: -o-radial-gradient(left 100%, circle farthest-side, #0368ba, #014a8d 100%);
	background-image: -ms-radial-gradient(left 100%, circle farthest-side, #0368ba, #014a8d 100%);
	background-image: radial-gradient(left 100%, circle farthest-side, #0368ba, #014a8d 100%)
}
#pigslide .launchBtn {
	background-color:#451400;
	background-image: -moz-radial-gradient(left 100%, circle farthest-side, #762707, #451400 100%);
	background-image: -webkit-radial-gradient(left 100%, circle farthest-side, #762707, #451400 100%);
	background-image: -o-radial-gradient(left 100%, circle farthest-side, #762707, #451400 100%);
	background-image: -ms-radial-gradient(left 100%, circle farthest-side, #762707, #451400 100%);
	background-image: radial-gradient(left 100%, circle farthest-side, #762707, #451400 100%)
}
#canon .launchBtn:hover,
#stoli .launchBtn:hover,
#chipotle .launchBtn:hover,
#stake .launchBtn:hover,
#metroid .launchBtn:hover,
#blackberry .launchBtn:hover,
#tw .launchBtn:hover,
#eqn .launchBtn:hover,
#wendys .launchBtn:hover,
#pigslide .launchBtn:hover,
#picross .launchBtn:hover,
#uzimon .launchBtn:hover {
	background: #000;
}
#mystery h1 { color: #1979b5; }
#canon h1 { color: #c32f2f; }
#stoli h1 { color: #7b4a1a; }
#chipotle h1 { color: #451400; }
#stake h1 {	color: #c70704; }
#metroid h1 { color: #6424cf; }
#blackberry h1 { color: #003951; }
#tw h1 { color: #005cab; }
#eqn h1 { color: #00b4f2; }
#wendys h1 { color: #a30d14; }
#picross h1 { color: #00b2b0; }
#uzimon h1 { color: #3f923a; }
#pigslide h1 { color: #451400; }

/************************
* footer
*************************/

footer {
	width: 100%;
	height: 89px;
	background: #2D3439;
}