@charset "utf-8";
/* CSS Document */

@import url(/css/reset.css);
@import url(/css/polls.css);

<!---------- LAYOUT ----------->
body {}
#wrap-all {
	width:945px; 
	height:100%; 
	background-color:black; 
	margin:0 auto 20px auto; 
	text-align:left;
}
#top {width:935px; height:51px; margin:0 5px 5px 5px; padding-top:5px;}
#topnav {width:761px; height:51px; background:url(/images/topnav/topnav-bkgd.jpg); float:left;}
#newsletter {background: url(/images/2010/topnav/topnav-bkgd.jpg); height:51px; float:left; width:169px; text-align:center; margin-left:5px;}
#left{float:left; width:761px; margin:0 0 0 5px;}
#right{ float:left; width:169px; margin:0;}

p, h1, h2, h3, h4, h5, h6, li, a, span, label, label span {font-family: Arial, Helvetica, sans-serif; line-height: 1em;}
a {font-weight:bold; color:#FF9900;}

#boody-legal{width:766px; background-color:black; margin:0 auto; text-align:left; height:500px;}
#boody-ws{background:#000000; height:470px; width:773px; margin:0 auto;}
*html #boody-ws{background:#000000; height:470px;  margin:0 auto;}
#boody-news{width:100%; height:100%; background-color:#000000;}



<!---------- TOP NAV ---------->
/*---------- logo -----------*/
h1 {
}
h1 a {
	display:inline-block;
	padding:0 5px;
}

/*---------- top navigation ----------*/
#menu {
	width:761px; 
	height:51px; 
	margin:0; 
	padding:0; 
	float:left; 
}
#menu li,
#menu li a {
	height:51px;
	display:inline-block;
}
#menu li {
	float:left;
	list-style:none;
}
#menu li a {
	background-image:url(/images/topnav/topnav-sprite.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

/*---------- positions the background image ----------*/
#btn-home a {
	background-position:0px 0px;
	width:70px;
}
#btn_1 a {
	background-position:-70px 0px; 
	width:119px;
}
#btn_2 a {
	background-position:-189px 0px; 
	width:95px;
}
#btn_3 a {
	background-position:-280px 0px;
	width:134px;
}
#btn_4 a {
	background-position:-412px 0px; 
	width:75px;
}
#btn_5 a {
	background-position:-491px 0px; 
	width:86px;
}
#btn_6 a {
	background-position:-579px 0px; 
	width:117px;
}
#btn_7 a {
	background-position:-696px 0px; 
	width:65px;
}

/*---------- positions the hover state ----------*/
#btn-home a:hover {	background-position:0 -51px; }
#btn_1 a:hover {background-position: -70px -51px;}
#btn_2 a:hover {background-position: -189px -51px;}
#btn_3 a:hover {background-position: -280px -51px;}
#btn_4 a:hover {background-position: -412px -51px;}
#btn_5 a:hover {background-position: -491px -51px;}
#btn_6 a:hover {background-position: -579px -51px;}
#btn_7 a:hover {background-position: -696px -51px;}

/*---------- header newsletter form ---------*/
.head-newsletter {margin-top:2px;}

/*---------- MAIN BOX ----------*/
#main-box {height:320px; float:left;  width:761px; text-align:left;}
#inner-main-1 {float:left; width:378px; height:320px; background:url(/images/v4/b_genius_03.jpg) bottom left no-repeat;}
#inner-main-2 {float:left; width:383px;}
p.genius {padding:10px 0 0 20px; width:338px; text-align:justify; font-size:12px; font-weight:bold; line-height:14px;}

.main-table {background:url(/images/2010/main-table-right.jpg) top right no-repeat;}
.main-table p, .main-table ul li {color:#000000; text-align:justify; font-size:12px; font-weight:bold; line-height:14px;}
.main-table p.topper {margin:30px 0 10px 0;}
.main-table p {float:left; width:325px;}
.main-table a {width:427px; float:left;}
.main-table ul li {line-height:18px; margin-left:15px; float:left; width:315px; list-style:disc;}

#inner-main-table {background: url(/images/main_ani/tables-right.jpg) top right no-repeat; width:761px; height:320px; text-align:left;}
#inner-main-table p { color:#000000; font-size:12px; margin:0 0 5px 0; padding:25px 0 0 0; line-height:16px; font-weight:bold;}
#inner-main-table ul li { color:#000000; font-size:12px; padding:5px 0 0 0; font-weight:bold;}

/*---------- SUB-MAIN BOX ----------*/
#sub-main-box {margin: 5px 0px 0px 0px; float:left; width:761px; height:41px;}
#flash_rack{ background-color:#FFF;}

/*---------- ROW THREE COLUMN ONE ----------*/
#r3-c1 {margin: 5px 7px 0px 0px; float:left; width:246px; background-color:#666666; height:361px;}
a.the-rack {height:162px; width:246px; background:url(/images/2010/the-rack.jpg) top left no-repeat; float:left; margin-bottom:5px;}
a.the-rack:hover {background-position: 0px -164px;}
a.the-rack span {display:none;}
p.rack {padding:0 5px 5px 5px; width:231px; font-size:10px; line-height:1.25em; color:#FFFFFF;text-align:justify; font-weight:bold;}

/*---------- ROW THREE COLUMN TWO ----------*/
#r3-c2 {margin: 5px 6px 0px 0px; float:left; background-color:#666666; height:361px; width:251px;}
a.the-book {height:230px; width:251px; background:url(/images/v4/book.jpg) top left no-repeat; float:left; margin-bottom:15px;}
a.the-book span {display:none;}

/*---------- ROW THREE COLUMN THREE ----------*/
#r3-c3 {margin: 5px 0px 0px 0px; float:left; background-color:#666666; height:361px; width:251px;}
a.the-table {width:251px; height:230px; background:url(/images/2010/the_table.jpg) top left no-repeat; float:left; font-weight:bold; margin-bottom:10px;}
a.the-table:hover {background-position: 0px -230px;}
a.the-table span {display:none;}
p.table{padding:0 5px 0px 5px; width:241px;  font-size:10px; line-height:1.25em; color:#FFFFFF; text-align:justify; font-weight:bold;}

/*---------- RIGHT COLUMN ----------*/
#right-top {background:#666666 url(/images/v4/b_mission.jpg) no-repeat; width:169px; height:320px; text-align:left; margin: 0 5px; float:left;}
#right-top p {width:159px; font-size:10px; line-height:1.15em; color:#333333; text-align:justify; padding:5px;}
#right-top p.mission{padding-top:30px;}

#right-bottom {margin:5px 5px 0 5px; width:169px; height:407px; background-color:#FFFFFF; float:left;}
a.the-game {width:169px; height:330px; background:url(/images/2010/iphone_game.jpg) top left no-repeat; float:left;}
a.the-game:hover {background-position: 0px -330px;}
a.the-game span {display:none;}
p.iphone{padding:0 5px 0px 5px; width:159px; font-size:10px; line-height:1.25em; color:#FFFFFF; text-align:justify; font-weight:bold;}

/*---------- FOOTER ----------*/
#footer-row-1{ float:left;   width:935px; height:42px; line-height:0.75em; background-color:#666666; margin:5px 0 5px 5px; text-align:center;}
#footer-links-1 {width:935px; height:42px; margin:0; padding:0;}
#footer-links-1 li, #footer-links-1 a {height:42px; display:block; line-height:42px;}
#footer-links-1 li {float:left; list-style:none; display:inline; padding-right:3px; color:#FFFFFF; font-size:10px;}
#footer-links-1 li.first { margin-left:75px;}
#footer-links-1 li.last {padding-right:0;}
#footer-links-1 li a img {margin:13px 5px 0 5px;}

#footer-row-2{ clear:both; background: #000000 url(/images/v4/b_footer.jpg) no-repeat right;  width:936px; height:34px; text-align:left; line-height:0.75em; margin-left:5px; padding-bottom:5px;}
p.footer{padding:5px 0 0 0; text-align:left; color:#ff9900; font-size:9px; width:575px;}

/*-----  NEW FOOTER -----*/
#footer { background:#000 url(/images/2010/bkgd_footer.gif) top left repeat-x; height:212px; width:945px; clear:both;}
#footer ul {float:left; margin-top:27px;}
#footer ul.list-1 {margin-left:30px; width:248px;}
#footer ul.list-2 { width:186px;}
#footer ul.list-2 li {}
#footer ul.list-2 li.link-1 {background:url(/images/2010/facebook_16.png) top left no-repeat; padding-left:20px; margin-bottom:3px;}
#footer ul.list-2 li.link-2 {background:url(/images/2010/twitter_16.png) top left no-repeat; padding-left:20px; margin-bottom:3px;}
#footer ul.list-2 li.link-3 {background:url(/images/2010/gplus_16.png) top left no-repeat; padding-left:20px; margin-bottom:3px;}
#footer ul.list-2 li.link-4 {background:url(/images/2010/youtube_16.png) top left no-repeat; padding-left:20px; margin-bottom:3px;}
#footer ul.list-2 li.link-5 {background:url(/images/2010/myspace_16.png) top left no-repeat; padding-left:20px; margin-bottom:3px;}
#footer ul.list-2 li.link-6 {background:url(/images/2010/blogger_16.png) top left no-repeat; padding-left:20px;}
#footer ul.list-3 { width:186px;}
#footer ul.list-4 { width:184px;}
#footer ul.list-5 { width:89px;}
#footer ul.list-5 li {margin-bottom:6px; height:auto;}
#footer ul li {font-size:11px; line-height:16px; height:16px; margin-bottom:2px;}
#footer ul li a {color:#FFF;}
#footer ul li.orange {color:#FF9900; margin-bottom:10px;}
#footer p {clear:both; color:#FF9900; font-size:9px; text-align:center; padding-top:10px;}

/*---------- 404 PAGE ----------*/
#notfound {float:left;   width:935px; height:400px; background-color:#666666; margin:0 0 0 5px; text-align:center;}
#notfound p {color:#FFFFFF; font-weight:bold; font-size:12px; margin-bottom:10px;}
#notfound p.first {margin-top:75px;}
#notfound ul {float:left; width:100px; text-align:left; font-size:12px; margin-left:100px; margin-top:10px; font-weight:bold;}
#notfound ul.left {margin-left:220px;}
#notfound ul li {margin-bottom:10px; list-style:none;}

#flashcontent{width:800px;}



#balls{background:#666666 url(/images/v4/b_balls.jpg) no-repeat; width:761px; height:41px; text-align:left;}

#perfect{width:246px; height:362px;}
#table{width:251px; height:362px;}
#shirts{width:254px; height:362px;}
#poll {width:179px;}

#legal{color:#FFFFFF; margin:20px;}
.legal-1{color:#FFFFFF; margin:20px;}
.legal-2{color:#FFFFFF; margin:20px; width:340px;}
* html .legal-2{color:#FFFFFF; margin:20px; width:300px;}


ul.text{padding-left:5px;margin:5px 0;}
li.text{background: url(/images/v4/bullet.gif) no-repeat 2px 5px; font-size:12px; padding-top:0px; line-height:1.65em;}

#newTables ul {padding-top:2px; font-weight:bolder;}
#newTables ul li {padding-left:12px;margin:1px 0;}
#newTables ul li.bullet {background: url(/images/v4/bullet2.gif) no-repeat left ; font-weight:bolder;}

a, span {font-family:Arial, Helvetica, sans-serif;}
h1{color:#000000; font-size:12px;}
h2{color:#000000; font-size:12px;}
h3{color:#000000; font-size:12px;}
h4{width:550px; text-align:left; color:#ff9900; font-size:0.5em}
h1.legal{color:#CCCCCC; font-weight:bold;}
h1.orange{color:#ff9900; font-weight:bold;}
span{font: bold small italic; text-align:center;}
p.boody{text-indent: 3em; text-align:left;}
p.title{font-weight:bold; margin-top:2em; text-align:left;}
p.flash{margin:1.5em;}


.all{margin: 5px 0px 0px 5px}
* html .all{}
.all-R{margin: 5px 5px 0px 5px}
.all-B{margin: 5px 5px 5px 5px}
.all-L{margin: 0px 5px 5px 5px}

.hh{height:51px;}


.balls{padding:25px 50px 0px 50px; width:360px; text-align:left; color:#ff9900;}




.iphone_link {}
.table2{}
.shirts{padding:10px 10px 0px 10px; width:231px; font-size:10px; line-height:1.25em; color:#FFFFFF; text-align:justify;}

.links{color:#f8991d; font-size:10px;}
.links2{color:#ffffff; font-size:10px;}
.www{color:#f8991d;}

.book{color:#f8991d; font-style:italic;}
.poll{padding:5px;}

a{text-decoration: none;}

p.footer-2{text-align:center; background-color:#666666; padding:12px 0px; width:935px;}
* html p.footer-2{text-align:center; background-color:#666666; padding:12px 0px; width:940px;}
p.legal{color:#FFFFFF; font-size:12px;}
* html p.legal{color:#FFFFFF; font-size:12px; width:300px;}
p.terms{color:#FFFFFF; font-size:9px; line-height:11px;}
* html p.terms{color:#FFFFFF; font-size:9px; line-height:11px; width:300px;}


/*downloads section*/

div.dl-ss{margin-bottom:5px; clear:left; background:#666666; height:60px; width:260px; text-align:left;}
p.dl-img{width:50px; height:50px; border:0; text-align:left;} 
p.dl-ss{}
p.dl-ssf{color:#f0f0f0; padding-top:5px; font-size:16px;}
a.dl-a{color:#f8991d; font-size:9px; text-align:left;}
a.dl-a2{color:#f8991d; font-size:9px; padding-left:7px; text-align:left;}
img.dl-img{padding:5px;}
.ye{color:#f8991d; font-size:10px;}
al-L{text-align:left;}
p.b{font-weight:bold;}


/*---------- what, really, a bug with Windows XP and Dreamweaver CS3 when a file size is 8,192 bytes! That's crazy talk. ----------*/
.header_error {
	font-family:Arial, Helvetica, sans-serif;
	color:#F00;
	font-size:10px;
}
.events h2, .contact h2 {color:#CCC; padding:10px 0 20px 0;}
.contact h2 span {
	color:#F00;
	font-family:Arial, Helvetica, sans-serif;
}
.events p {color:#FFF; font-size:12px; text-align:justify; padding-bottom:20px; line-height:18px;}
#right-top.events {height:240px; background-color:#666; background-image:none;}
#right-bottom.events {height:280px; background-color:#666;}

.dl-ss img {float:left;}
.dl-ss p {font-family: Arial, Helvetica, sans-serif; padding-top:10px;}
.dl-ss p span {color:#FFF; font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size:16px;}
#right-top.downloads {height:400px; background-color:#666; background-image:none;}
#right-bottom.downloads {height:290px; background-color:#666;}

.downloads .leftbox {float:left; width:300px; padding-left:80px;}
.downloads .rightbox {float:left; width:300px;}

#right #inner {height:100%; background-color:#666; padding:10px 0; width:169px; text-align:left; margin: 0 5px; float:left;}

.links ul li {text-align:center; margin-bottom:30px;}

#left.contact, #right.contact {float:left; width:440px; padding-left:20px;}
.contact label {color:#f8991d; font-size:12px;}
.contact ul li {padding-bottom:10px;}
.contact ul li input.submit {text-align:center;}
.contact p {color:#FFF; font-size:12px; line-height:18px;}
.contact p.first {padding-top:20px;}
.contact h3 {color:#CCC; padding:10px 0 0 0;}

#dividerline {width:928px; border-bottom:#666 solid 5px; margin:0 auto; clear:both; height:20px;}

ul.wholesale {color:#FFF; font-size:12px; line-height:18px; margin-left:10px;}
ul.wholesale li {line-height:18px; list-style-type:disc;}

#sitemap {margin:20px auto; width:945px;}
#sitemap ul {float:left; margin-top:27px;}
#sitemap ul.list-1 {margin-left:30px; width:248px;}
#sitemap ul.list-2 { width:186px;}
#sitemap ul.list-2 li {}
#sitemap ul.list-2 li.link-1 {background:url(/images/2010/facebook_16.png) top left no-repeat; padding-left:20px; margin-bottom:3px;}
#sitemap ul.list-2 li.link-2 {background:url(/images/2010/twitter_16.png) top left no-repeat; padding-left:20px; margin-bottom:3px;}
#sitemap ul.list-2 li.link-3 {background:url(/images/2010/youtube_16.png) top left no-repeat; padding-left:20px; margin-bottom:3px;}
#sitemap ul.list-2 li.link-4 {background:url(/images/2010/myspace_16.png) top left no-repeat; padding-left:20px; margin-bottom:3px;}
#sitemap ul.list-2 li.link-5 {background:url(/images/2010/blogger_16.png) top left no-repeat; padding-left:20px;}
#sitemap ul.list-3 { width:186px;}
#sitemap ul.list-4 { width:184px;}
#sitemap ul.list-5 { width:89px;}
#sitemap ul.list-5 li {margin-bottom:6px; height:auto;}
#sitemap ul li {font-size:11px; line-height:16px; height:16px; margin-bottom:2px;}
#sitemap ul li a {color:#FFF;}
#sitemap ul li.orange {color:#FF9900; margin-bottom:10px;}
#sitemap p {clear:both; color:#FF9900; font-size:9px; text-align:center; padding-top:10px;}

/*--------- SHORTKUTS ----------*/
.pt-20 {padding-top:20px;}
.pt-30 {padding-top:30px;}
.pt-40 {padding-top:40px;}
.pb-20 {padding-bottom:20px;}
.pb-30 {padding-bottom:30px;}

/*---------- FACEBOOK STYLES ----------*/
div.connect_widget_confirmation span b {color:#F90;}