@charset "utf-8";
/*	---------------------------------------------------------------------------------------
	Ultramega.com

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Desc:		Main styles
	File:		ultramega.css
	Version:	1.0
	Date:		October 28th, 2008
	Author:		Elune Art
	---------------------------------------------------------------------------------------	*/		
/*	---------------------------------------------------------------------------------------
	Main styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}


:focus {
	outline: 0;
}


ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
		body {
			margin:0px;
			padding:0px;
			background:#f4f4f4 url(images/bg-body.jpg) repeat-x;
			font-family:Arial, Helvetica, sans-serif
			}			
p {
	line-height:150%;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0 0 10px 0
}
			
a {
	color:#cc0000;
	font-family:Arial, Helvetica, sans-serif;
	outline:none;
	text-decoration:none;
	font-size:100%
}
			
a:hover {
			color:#0ea9d3;}
a:visited {
	color:#cc0000
}	

		
/*	---------------------------------------------------------------------------------------
	Main content elements
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#main_container {width:986px;
margin:auto}
#header {height:146px}
.leftbox {float:left;
width:305px;
margin:0 9px 0 0;
min-height:345px}
.rightbox{
	float:left;
	width:672px;
	min-height:345px
}
.darkbox {width:985px;
margin:0 0 20px 0
}
#footer {
	border-top:1px solid #b8b8b8;
	padding:20px;
	margin:30px 0 ;
	text-align:center;
	font-size:11px;
	color:#666666
}
/*	---------------------------------------------------------------------------------------
	Navigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
ul#navigation {display:block;
height:36px;
clear:both;
width:833px;
margin:auto;
background:url(images/bg-navigation.jpg) top right no-repeat}
ul#navigation li {display:block;
width:118px;
height:36px;
float:left;
text-align:center;
}
ul#navigation li a { background:url(images/bg-menu-button.jpg) 0 0 no-repeat;
color:#262626;
font-family:Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
display:block;
width:118px;
height:28px;
padding:8px 0 0 0}
ul#navigation li a:hover { background:url(images/bg-menu-button.jpg) 0 -36px no-repeat; color:#fff}
/*	---------------------------------------------------------------------------------------
	Content elements
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#header #search {display:block;
width:223px;
height:80px;
background:url(images/search.png) top left no-repeat;
float:right;
padding:5px 0 0 40px}
#header #search label {color:#fff; font-size:11px;
font-family:Arial, Helvetica, sans-serif;
display:block;
float:left;
margin:2px 5px 0 0}
#header #search input {background:url(images/bg-search-input.jpg) top left no-repeat;
border:none;
font-size:11px;
width:115px;
height:17px;
margin:0 5px 0 0;
float:left}
#header #search input.button {background:url(images/button-search-top.jpg) no-repeat;
width:18px; height:17px;float:left;
cursor:pointer
}
.leftbox .top {background:url(images/top-leftbox.gif) top center no-repeat;
width:305px;
height:7px}
.leftbox .bottom {background:url(images/bottom-leftbox.gif) top center no-repeat;
width:305px;
height:11px}
.leftbox .middle {background:#fff url(images/bg-white-boxes.gif) bottom left repeat-x;
width:270px;
border-right:1px solid #bdbcbd;
border-left:1px solid #bdbcbd;;
margin-left:1px;
padding:0 16px 20px 16px}
.rightbox .top {background:url(images/top-rightbox.gif) top center no-repeat;
width:672px;
height:7px}
.rightbox .bottom {background:url(images/bottom-rightbox.gif) top center no-repeat;
width:672px;
height:6px}
.rightbox .middle {background:#fff url(images/bg-white-boxes.gif) bottom left repeat-x;
width:637px;
border-right:1px solid #bdbcbd;
border-left:1px solid #bdbcbd;
margin-left:1px;
padding:0 16px 70px 16px}

.darkbox .top {background:url(images/top-darkbox.gif) top center no-repeat;
width:985px;
height:6px}
.darkbox .bottom {background:url(images/bottom-darkbox.gif) top center no-repeat;
width:985px;
height:6px}
.darkbox .middle {background:#fff url(images/bg-white-boxes.gif) bottom left repeat-x;
width:973px;
background:url(images/bg-darkbox.gif) repeat-y;
padding:6px;
}
/*	---------------------------------------------------------------------------------------
	Typography
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

 #header h1 a {width:345px;
height:90px;
display:block;
float:left;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:normal;
color:#cc0000;
text-indent:-9999px;
background:url(images/logo.png) top left no-repeat;
margin:5px 0 0 0}
h1,h2,h3,h4,h5 {font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif}
h2{color:#000000;
font-size:16px;
display:block;
border-bottom:1px solid #bdbcbd;
padding:5px 0 10px 0;
margin:0 0 10px 0}
h3{color:#cc0000;
font-size:16px;
display:block;
padding:5px 0 5px 0;
margin:0 0 5px 0}
p.intro {font-size:14px}
.rightbox p {font-size:11px}
.rightbox ul {display:block;
width:100%}
.rightbox ul li {display:block;
width:49%;
float:left}
.darkbox h2{
font-size:16px;
color:#bbb;
border:none;
margin:0 0 10px 0;
padding:0}
.darkbox ul li#news h3,  .darkbox ul li#news h3 a {font-size:12px;color:#94e336;
border-bottom:1px solid #94e336;
display:inline;
margin: 0;
padding:0}
.darkbox ul li#games h3,  .darkbox ul li#games h3 a {font-size:14px;  color:#5dd3ff;

display:inline;
margin: 0;
padding:0}
.darkbox ul li#apps h3,  .darkbox ul li#apps h3 a {
	font-size:11px;
	color:#94e336;
	display:inline;
	margin: 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
}
.darkbox a {color: #94e336}
.darkbox a:hover {text-decoration:underline}
.darkbox ul li {float:left; padding:5px 15px}
.darkbox ul li#news {width:270px;}
.darkbox ul li#games{width:343px;}
.darkbox ul li#games ul li {float:none;
background:url(images/bg-games-list.gif) bottom no-repeat;
padding:10px 0 10px 0}
.darkbox ul li#apps{width:280px; padding:5px 5px 5px 15px }
.darkbox ul li#apps ul li {float:none;
padding:10px 0 10px 0}
.darkbox ul li#apps ul li.alt {background:#333;
padding:10px 0 10px 0}

.darkbox p {color:#c1c1c1;
font-size:11px;
padding-top:5px;
line-height:14px}
.leftbox span.price {
	font-size:20px;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:#cc0000;
	display:block;
	margin:0 10px 20px 10px
}
.leftbox ul {margin-bottom:20px}
.leftbox ul li {font-size:12px;
line-height:26px;
display:block;
padding:0 0 0 20px}
.leftbox ul li {background:url(images/bullet.png) 0 9px no-repeat}
/*	---------------------------------------------------------------------------------------
	Images
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.rightbox .middle img {float:left;
padding:0 10px 0 0}
li#games img {float:left;
border:4px solid #333;
margin:0 10px 10px 0}
li#apps img {float:left;
margin:0 10px 10px 10px}
/*	---------------------------------------------------------------------------------------
	Buttons
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
a.more  {background:url(images/button-whitebox-more.png) no-repeat;
width:127px;
height:23px;
display:block;
padding:6px 0 0 0;
color:#000;
font-size:14px;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-weight:bold;
margin:10px 0 0 0;
float:none}
.rightbox ul li a.more {background:url(images/button-whitebox-more.png) no-repeat;
width:127px;
height:23px;
display:block;
padding:6px 0 0 0;
color:#000;
font-size:14px;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-weight:bold;
margin:10px 40px 0 0;
float:left}
a.more:hover, .rightbox ul li a.more:hover, .darkbox a.more:hover {color:#CC0000; text-decoration:none}
.darkbox a.more  {background:url(images/button-darkbox-more.png) no-repeat;
width:92px;
height:19px;
display:block;
padding:4px 0 0 0;
color:#000;
font-size:11px;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-weight:bold;
margin:10px 0 0 0;
float:none}
.darkbox ul li#games a.play {background:url(images/button-darkbox-playgame.png) top right no-repeat;
height:16px;
width:16px;
display:inline;
padding:0 20px 5px 0}
.darkbox ul li#games a.play:hover {background:url(images/button-darkbox-playgame-hov.png) top right no-repeat;
text-decoration:none}
/*	---------------------------------------------------------------------------------------
	Product Image gallery
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#holder {position:relative; background:transparent url(images/pic2.jpg) 79px 19px no-repeat; margin-bottom:10px; z-index:1;}
#scrollbox {
	width:461px;
	height:91px;
	background:url(images/bg-product-slides.png) no-repeat;
	overflow:hidden;
	border:none;
	margin:auto;
	padding:0 0 0 40px
}
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border-top:3px solid #ccc; width:100px; height:73px; margin:3px; float:left; font-size:11px;}
a.slidea {background:url(images/thumb2.jpg);}
a.slideb {background:url(images/thumb3.jpg);}
a.slidec {background:url(images/thumb4.jpg);}
a.slided {background:url(images/thumb5.jpg);}
a.slidee {background:url(images/thumb6.jpg);}
a.slidef {background:url(images/thumb7.jpg);}
a.slideg {background:url(images/thumb8.jpg);}
a.slideh {background:url(images/thumb9.jpg);}
a.slidei {background:url(images/thumb10.jpg);}
a.slidej {background:url(images/thumb11.jpg);}


a.gallery span {display:block; position:absolute; left:70px; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec; z-index:100; font-size:11px;}
a.gallery:hover {white-space:normal; border-top:3px solid #cc0000;}
a.gallery:hover img {border:4px solid #b8b8b8; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:4px solid #b8b8b8; z-index:50;}

a.gallery:hover span {display:block; position:absolute; width:476px; height:364px; top:10px; left:70px; padding:5px; font-style:normal; color:#000; background:#fff; z-index:100; font-size:11px;}
a.gallery:active {border-top:3px solid #cc0000}
a.gallery:active span, a.gallery:focus span {
	display:block;
	position:absolute;
	width:476px;
	height:364px;
	top:10px;
	left:70px;
	padding:5px;
	font-style:normal;
	color:#000;
	background:#fff;
	z-index:50;
}

#thumbs {
	width:460px;
	height:81px;
}
#pad {
	height:400px;
	width:15px;
}

/*	---------------------------------------------------------------------------------------
	Fixes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.cleary {clear:both;
	display:block}
	.left {float:left}
	.right {float:right}