/*HTML*/
body{
	background: #f0f0f0 url('images/header2k10.jpg') no-repeat center top;
	color: #000000;
	font-family:"Lucida Grande","Trebuchet MS","Verdana",sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	margin: 0;
	min-width: 960px;
	padding: 0;
}
h1{
	color:#bcbcbc;
	font-family:"Georgia","Times New Roman",serif;
	margin:0;
	padding:0;
}
h2,h4,h5,h6{
	font-weight: normal;
	text-transform: uppercase;
}
h2{
	text-align:center;
}
h3{
	color:#14aa04;
	color: #117207;
	font-family:"Georgia","Times New Roman",serif;
	text-shadow: 0px 1px 1px #f0f0f0;
	font-size: 32px;
	font-weight: normal;
	line-height: 1.2em;
	margin: 15px 0 10px 0;
}
h4{
	color:#111;
	font-size:1em;
	font-weight: bold;
	margin:0 0 15px 0;
	padding:0;
}
li{
	margin-bottom:4px;
}
form
{
margin: 0 auto; /* 0 top and bottom padding, automatic left and right, which defaults to centering an object with a specific width */
text-align: center;
}
/*IDS*/
#content
{
	margin: 0 auto 0 auto;
	clear: both;
	padding: 0 29px 0 29px;
	width: 900px;
/*	background: url('images/shadow_content.png') repeat-y center;*/
	-webkit-box-shadow: 0px 4px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 4px 5px rgba(0,0,0,0.5);
	box-shadow: 0px 4px 5px rgba(0,0,0,0.5);
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-bottom-left-radius: 10px;
	background-image: -moz-linear-gradient(0% 2% 90deg,#FFFFFF, #E9E9E9);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 3%, from(#E9E9E9), to(#FFFFFF));
	background-color: #ffffff;
	padding-top: 15px;
	padding-bottom: 10px;
}
#contentbottom
{
	clear: both;
	padding: 5px;
}
#content-tab{
	margin: 0 auto 0 auto;
	padding: 0 0px 0 0px;
	width: 848px;
	background: url('images/bg.gif') repeat-y center;
	padding-bottom: 10px;
}
#features{
	clear:right;
	display:block;
	float:right;
	margin:0;
	padding:0;
	width:49%;
}
#footer{
	display:block;
	font-size: 12px;
	font-weight: normal;
	line-height: .9em;
	margin:0;
	padding: 0;
	position:relative;
}
#footer-contain{
	margin:0 auto 0 auto;
	padding:20px 0 0 0;
	position:relative;
	text-align:center;
	width:900px;
}
#guides{
	clear: left;
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:50%;
}
#guideslist-outline, #guideslist-outline>ul{
	list-style: none;
}
#guideslist-outline>li{
	display: list-item;
	position: relative;
}
#guideslist a{
	display: block;
}
#guideslist-outline>ul{
	margin-bottom: 5px;
	padding-left: 20px;
}
#guideslist-outline ul li{
	display: list-item;
	margin-bottom: 0px;
	padding-bottom: 0px;
	position: relative;
}
#guideslist-outline img{
	display: block;
	height: 32px;
	left: -42px;
	position: absolute;
	top: 0px;
	width: 32px;
}
#guideslist-outline a{
	/*display: block;*/
}
#outro{
	clear:both;
	display:block;
	margin:0;
	padding:10px 0 0 0;
	width:960px;
}
#rundown{
	display: block;
	position: relative;
	clear: both;
	min-height: 980px;
}
/*CLASSES*/
.bold{
	font-weight:bold;
}
.bullet{
	clear:right;
	float:left;
	margin:0;
	padding:0 0 0 35px;
	width:470px;
}
.bullet ul
{
	margin: 0;
	padding: 0;
}
.caption{
	clear:both;
	color:#444444;
	font-size:.9em;
	font-style:italic;
	margin:0;
	padding:0;
	text-align:center;
}
.dropcap{
	float:left;
	font-size:70px;
	line-height:0.9;
	margin: 0;
	padding: 0 3px 0 3px;
}
.ital{
	font-style:italic;
}
.screen{
	clear:none;
	float:left;
	margin:0 5px 0 0;
	padding-top: 15px;
	width:370px;
}
.tutorial{
	clear:both;
	border-bottom: 1px solid #dddddd;
	display: block;
	margin: 0px 0 0 0;
	padding: 15px 0 20px 0;
	position: relative;
}
.tutorial:nth-child(2)
{
	padding-top: 0px;
	margin-top: 0;
}
.tutorial:last-child
{
	border-bottom: none;
}
* html .tutorial{
	height: 525px;
}
/*Image Header*/
#page{
	width:680px;
	height:200px;
	margin:0px auto 80px;
	position:relative;
}
.pic{
	position:absolute;
	overflow:hidden;
	border:1px solid #2337d4;
	text-decoration:none;
	z-index:0;
}

.pic img{
	position:absolute;
	border:none;
}

.pic:nth-child(2n+1){
	border-color:#2337d4;
}

.pic:nth-child(3n+2){
	border-width:1px;
}
/*LINKS*/
a, a:visited{
	color:#2337d4;
	padding:2px 2px 2px 2px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a:hover,
a:focus{
	background:#ff7f00;
	background-color: rgba(255,127,0,0.8);
	color:#fff;
	text-decoration:none;
}
a img, a:active img, a:visited img {
	border: none;
}
a:hover img2{
	border:2px solid #FFFFFF;
}
a.image
{
	background: transparent;
	border: none;
}
a.image div, a.image:active div, a.image:visited div{
	border: 2px solid transparent;
	text-align: center;
}
a.image:hover div,
a.image:focus div
{
	border: 2px solid #2337d4;
}
a:hover img,
a:focus img {
	background-color: transparent;
}
a.droplink {
	float: left;
}
#guides ul a{
/*	font-family: Helvetica,Arial,Verdana,sans-serif;*/
	font-size:130%;
	font-weight:bold;
	text-decoration:none;
}
#guideslist-outline ul a{
/*	font-family:"Lucida Grande","Trebuchet MS","Verdana",sans-serif; 	*/
/*	font-family: Helvetica,Arial,Verdana,sans-serif;*/
	font-size:100%;
	text-decoration:none;
/*	font-weight:bold;	*/
}
/*
Green 14aa04
Orange ed6907
Red d40204
Yellow fcfe04
Blue 2337d4
*/

.tab {
	display: none;
}
#tabbar {
	height: 43px;
	font-size:90%;
	margin: 0 auto;
	margin-top: 310px;
	padding: 0;
	position: relative;
	width: 960px;
	-webkit-box-shadow: 0px 4px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 4px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 4px 5px rgba(0,0,0,0.2);
}
#tabbar ul {
	list-style: none;
	padding: 0;
	position: relative;
	width: 960px;
}
#tabbar ul li {
	display: block;
	float: left;
	padding:0;
	margin: 0;
}
#tabbar a,
#tabbar a:visited {
	background-image: -webkit-gradient(linear, 0% 37%, 0% 100%, from(#17248a), to(#1b2aa2));
	background-image: -moz-linear-gradient(53% 100% 90deg,#062045, #0D4695);
	background-color: #17248a;
	color: #cccccc;
	font-weight: bold;
	text-decoration: none;
	text-shadow: #222222 0px 1px 2px;
	padding: 10px 15px 8px 15px;
	display: block;
	height:25px;
	text-align: center;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.6), 0 1px 1px rgba(255,255,255,0.3);
	width:106px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#tabbar a:hover,
#tabbar a:focus,
#tabbar a:active,
#tabbar ul li.active>a {
	background-image: -webkit-gradient(linear, 0% 45%, 0% 100%, from(#2077ee), to(#0D4695));
	background-image: -moz-linear-gradient(53% 100% 90deg,#0D4695, #2077ee);
	background-color: #2077ee;
	color: #ffffff;
}
#tabbar ul li.lefttab>a
{
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	width:110px;
}
#tabbar ul li.righttab>a
{
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	width:110px;
}
/*SCREEN SHOT DISPLAY*/
#screen333sin, #screen333meph {
	background: url('images/screens/333sin!.png') no-repeat top right;
	height: 525px;
	width: 350px;
	margin: -1em auto 0 auto;
}
#screenOll {
	background: url('images/screens/oll!.png') no-repeat top right;
	height: 300px;
	width: 350px;
	margin: -1em auto 0 auto;
}
#screen333beg {
	background: url('images/screens/333beg!.png') no-repeat top right;
	height: 450px;
	width: 350px;
	margin: -1em auto 0 auto;
}
#screen333pllrec {
	background: url('images/screens/333pllrec!.png') no-repeat top right;
	height: 259px;
	width: 331px;
	margin: -1em auto 0 auto;
}
#screen333coll {
	background: url('images/screens/333coll!.png') no-repeat top right;
	height: 259px;
	width: 331px;
	margin: -1em auto 0 auto;
}
#screen333ell {
	background: url('images/screens/333ell!.png') no-repeat top right;
	height: 259px;
	width: 331px;
	margin: -1em auto 0 auto;
}
#screen333bli-m2op {
	background: url('images/screens/333bli-m2op!.png') no-repeat top right;
	height: 300px;
	width: 350px;
	margin: -1em auto 0 auto;
}
#screen333bli {
	background: url('images/screens/333bli-2!.png') no-repeat top right;
	height: 259px;
	width: 331px;
	margin: -1em auto 0 auto;
}
#screen222 {
	background: url('images/screens/222!.png') no-repeat top right;
	height: 333px;
	width: 261px;
	margin: -1em auto 0 auto;
}
#screen222cll {
	background: url('images/screens/222cll!.png') no-repeat top right;
	height: 300px;
	width: 350px;
	margin: -1em auto 0 auto;
}
#screen222cyocll {
	background: url('images/screens/222cyocll.png') no-repeat top right;
	height: 259px;
	width: 331px;
	margin: -1em auto 0 auto;
}
#screen222eg1 {
	background: url('images/screens/222eg1!.png') no-repeat top right;
	height: 259px;
	width: 331px;
	margin: -1em auto 0 auto;
}
#screen222fl {
	background: url('images/screens/222fl!.png') no-repeat top right;
	height: 259px;
	width: 331px;
	margin: -1em auto 0 auto;
}
#screen222bld {
	background: url('images/screens/222bld!.png') no-repeat top right;
	height: 333px;
	width: 261px;
	margin: -1em auto 0 auto;
}
#screenprocubeskills {
	background: url('images/screens/cubeskills.png') no-repeat top right;
	height: 450px;
	width: 350px;
	margin: -1em auto 0 auto;
}
#screenpromegajuan {
	background: url('images/screens/mega-juan.png') no-repeat top right;
	height: 333px;
	width: 261px;
	margin: -1em auto 0 auto;
}
#screenprodrew {
	background: url('images/screens/pyraminx-drew.png') no-repeat top right;
	height: 450px;
	width: 350px;
	margin: -1em auto 0 auto;
}
#screen333colphil {
	background: url('images/screens/333colphil!.png') no-repeat top right;
	height: 259px;
	width: 331px;
	margin: -1em auto 0 auto;
}
#screen333ohwest {
	background: url('images/screens/333ohwest!.png') no-repeat top right;
	height: 259px;
	width: 331px;
	margin: -1em auto 0 auto;
}
#screen444 {
	background: url('images/screens/444!.png') no-repeat top right;
	height: 450px;
	width: 350px;
	margin: -1em auto 0 auto;
}
#screenk4 {
	background: url('images/screens/k4!.png') no-repeat top right;
	height: 259px;
	width: 331px;
	margin: -1em auto 0 auto;
}
#screen555 {
	background: url('images/screens/555!.png') no-repeat top right;
	height: 450px;
	width: 350px;
	margin: -1em auto 0 auto;
}
#screenMega {
	background: url('images/screens/mega!.png') no-repeat top right;
	height: 450px;
	width: 350px;
	margin: -1em auto 0 auto;
}
#screenMegaOdd {
	background: url('images/screens/megaodd.png') no-repeat top right;
	height: 333px;
	width: 261px;
	margin: -1em auto 0 auto;
}
#screenMasterMorphix {
	background: url('images/screens/mastermorphix!.png') no-repeat top right;
	height: 333px;
	width: 261px;
	margin: -1em auto 0 auto;
}
#screenSquare1 {
	background: url('images/screens/square1!.png') no-repeat top right;
	height: 259px;
	width: 331px;
	margin: -1em auto 0 auto;
}
#screenSkewb {
	background: url('images/screens/skewb!.png') no-repeat top right;
	height: 333px;
	width: 261px;
	margin: -1em auto 0 auto;
}
#screenPyraminx {
	background: url('images/screens/pyraminx!.png') no-repeat top right;
	height: 333px;
	width: 261px;
	margin: -1em auto 0 auto;
}
#screen333petrus {
	background: url('images/screens/333petrus!.png') no-repeat top right;
	height: 333px;
	width: 261px;
	margin: -1em auto 0 auto;
}
#screen333cn {
	background: url('images/screens/333cn-f2l!.png') no-repeat top right;
	height: 259px;
	width: 331px;
	margin: -1em auto 0 auto;
}
#screenLogin {
	background: url('images/screens/gqTimer-login!.png') no-repeat top right;
	height: 470px;
	width:574px;
	margin: -1em auto 0 auto;
}
#screenGraph {
	background: url('images/screens/gqTimer-graph!.png') no-repeat top right;
	height: 470px;
	width:574px;
	margin: -1em auto 0 auto;
}
#screenNew {
	background: url('images/screens/gqTimer-new2!.png') no-repeat top right;
	height: 470px;
	width:574px;
	margin: -1em auto 0 auto;
}
/*gqtimer slideshow */
.slideshow
{
	margin: 10px auto; 
	clear: both;
	height:500px;
	width:574px;
	text-align: center;
}
.slideshow a
{
	text-align: center;
}
#amazondonate
{
	margin: 0 auto;
	text-align: center;
	width: 229px;
}
/*
DEPRECATED:::::
#header{
}
#intro{
}
*/