/* sunstorm layout: default.phtml */

body {
	margin: 0;
	padding-top: 20px;
	background-color: #3a3a3a;
	color: #ccc;
	font-family: Verdana CE, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	text-align: center;
}
a {
	color: #fe8900;
	text-decoration: underline;
}
a:hover {
	color: #ffcb80;
	text-decoration: none;
}
#page {
	position: relative;
    margin-right: auto;
	margin-left: auto;
	padding-top: 196px;
	width: 972px;
	background-color: #131313;
	text-align: left;
}
#main {
	padding: 0 17px;
	padding-bottom: 12px;
}
#nav {
	padding-left: 52px;
	height: 32px;
	line-height: 30px;
	color: #666;
	background: url('../img/bul_nav.gif') 22px 10px no-repeat;
}
.titleBox {
	position: relative;
	height: 36px;
	background: #2e2e2e url('../img/bg_box_title_top.gif') left top no-repeat;
}
.titleBox h1, .titleBox h2 {
	margin: 0;
	padding-left: 50px;
	height: 36px;
	line-height: 34px;
	color: #ffa63e;
	background: url('../img/bul_box_title.gif') 23px 12px no-repeat;
	font-size: 130%;
	font-weight: normal;
}
.box {
	position: relative;
	min-height: 333px;
	_height: 333px;
	padding: 22px;
	background: #1e1e1e url('../img/bg_box_bottom.gif') left bottom no-repeat;
}
.box h2 {
	color: #ffa63e;
	font-size: 130%;
	font-weight: normal;
}
.marginDiv {
	height: 20px;
}
#mailingList {
	position: relative;
	height: 90px;
	background: #303030 url('../img/bg_mailing_list_top.gif') left top no-repeat;
}
#mailingList-in {
	position: absolute;
	left: 0;
	top: 28px;
	width: 938px;
	height: 62px;
	background: url('../img/bg_mailing_list_bottom.gif') left bottom no-repeat;
}
#mailingList-in p {
	margin: 0 22px;
	margin-right: 23px;
	padding: 0 30px;
	padding-right: 40px;
	height: 34px;
	line-height: 34px;
	background-color: #212121;
	font-size: 130%;
}
#mailingList-in a {
	color: #4db1f1;
	text-decoration: none;
}
#mailingList-in a:hover {
	text-decoration: underline;
}
#signUpBut {
	position: absolute;
	right: 50px;
	top: 5px;
	width: 82px;
	height: 82px;
}
#bottomMenu {
	padding-left: 40px;
	height: 30px;
	line-height: 30px;
	color: #666;
}
#bottomMenu li {
	display: inline;
}
#bottomMenu a {
	line-height: 30px;
	color: #666;
	text-decoration: none;
}
#bottomMenu a:hover {
	color: #999;
	text-decoration: underline;
}

/* error messages */

ul.errors {
	color: #ffcb80;
	font-size: 110%;
}
ul.errors li {
	color: #ccc;
}

/* header */

#header {
	position: absolute;
	left: 0;
	top: 0;
	height: 196px;
	width: 972px;
}
#mainMenu {
	position: absolute;
	left: 17px;
	top: 154px;
	width: 938px;
	height: 32px;
	margin: 0;
	background: url('../img/bg_main_menu.gif') left top no-repeat;
}
#mainMenu li {
	position: absolute;
	top: 0;
	height: 32px;
}
#mainMenu li a {
	display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
#mainMenu li a:hover {
	background: url('../img/bg_main_menu_hover.gif') left 32px no-repeat;
}
#mainMenu li a.current {
	cursor: default;
}
#mainMenu li#item0 { left: 379px; top: -27px; width: 179px; height: 63px; }
#mainMenu li#item0 a:hover { background: none; }
#mainMenu li#item1 { left: 0; width: 121px; }
#mainMenu li#item1 a:hover { background-position: left top; }
#mainMenu li#item2 { left: 121px; width: 111px; }
#mainMenu li#item2 a:hover { background-position: -121px top; }
#mainMenu li#item3 { left: 232px; width: 141px; }
#mainMenu li#item3 a:hover { background-position: -232px top; }
#mainMenu li#item4 { left: 570px; width: 129px; }
#mainMenu li#item4 a:hover { background-position: -570px top; }
#mainMenu li#item5 { left: 699px; width: 108px; }
#mainMenu li#item5 a:hover { background-position: -699px top; }
#mainMenu li#item6 { left: 807px; width: 131px; }
#mainMenu li#item6 a:hover { background-position: -807px top; }

a#facebook {
	display: block;
	position: absolute;
	right: 95px;
	bottom: -29px;
	width: 28px;
	height: 28px;
	background: url('../img/but_facebook.gif') left top no-repeat;
}
a#twitter {
	display: block;
	position: absolute;
	right: 63px;
	bottom: -29px;
	width: 28px;
	height: 28px;
	background: url('../img/but_twitter.gif') left top no-repeat;
}

/* footer */

#footer {
	position: relative;
	height: 78px;
	padding-left: 39px;
	background: #3a3a3a url('../img/bg_footer.gif') left bottom no-repeat;
}
#footerMenu {
	position: absolute;
	left: 40px;
	top: 32px;
	height: 20px;
	margin: 0;
	color: #b87220;
	font-size: 90%;
}
#footerMenu li {
	display: inline;
}
#footerMenu li a {
	line-height: 20px;
	color: #b87220;
	text-decoration: none;
}
#footerMenu li a:hover {
	color: #eaa61b;
	text-decoration: underline;
}
#copy {
	position: absolute;
	right: 40px;
	top: 20px;
	height: 20px;
	line-height: 20px;
	color: #b87220;
	font-size: 80%;
	text-align: right;
}
#aliacom {
	margin-left: auto;
	margin-right: auto;
	width: 890px;
	color: #888;
	font-size: 80%;
	text-align: right;
}
#aliacom a {
	color: #ff6701;
	text-decoration: none;
}
#aliacom a:hover {
	text-decoration: underline;
}

/* main content */

/* buttons */

.butGold {
	float: left;
	height: 32px;
	background: url('../img/but_gold_left.gif') left top no-repeat;
}
.butGold-in {
	margin-left: 15px;
	padding-right: 15px;
	height: 32px;
	background: url('../img/but_gold_right.gif') right top no-repeat;
}
.butGold-in a, .butGray-in a, .butGreen-in a {
	display: block;
	padding: 0 12px;
	line-height: 32px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	cursor: default;
}
.butGold-in a:hover, .butGray-in a:hover, .butGreen-in a:hover {
	color: #fff;
}
.butGold-in a:hover {
	background: url('../img/but_gold_hover.gif') repeat-x;
}
.butGray {
	float: left;
	height: 32px;
	background: url('../img/but_gray_left.gif') left top no-repeat;
}
.butGray-in {
	margin-left: 15px;
	padding-right: 15px;
	height: 32px;
	background: url('../img/but_gray_right.gif') right top no-repeat;
}
.butGray-in a:hover {
	background: url('../img/but_gray_hover.gif') repeat-x;
}
#signUpBut .butGray-in a {
	padding: 0 20px;
	color: #fe8900;
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
}
.butGreen {
	float: left;
	height: 32px;
	background: url('../img/but_green_left.gif') left top no-repeat;
}
.butGreen-in {
	margin-left: 15px;
	padding-right: 15px;
	height: 32px;
	background: url('../img/but_green_right.gif') right top no-repeat;
}
.butGreen-in a:hover {
	background: url('../img/but_green_hover.gif') repeat-x;
}
#moreProductsBut {
	margin-right: 10px;
}
#moreNewsBut .butGreen-in a {
	padding: 0 20px;
}

/* news */

#modified {
	position: absolute;
	left: 489px;
	top: 0;
	height: 36px;
	line-height: 36px;
	color: #888;
}
#newsLeft {
	float: left;
	width: 427px;
	min-height: 300px;
	_height: 300px;
}
#newsRight {
	float: right;
	width: 427px;
	min-height: 300px;
	_height: 300px;
}
.news {
	padding-bottom: 36px;
}
.news h3 {
	font-weight: normal;
}
.news h3 a {
	text-decoration: none;
}
.news h3 a:hover {
	text-decoration: underline;
}
.news .content {
	padding-bottom: 8px;
}

/* news details (thickbox) */

.newsDetails {
	padding: 12px;
	color: #eee;
	font-size: 120%;
}
.newsDetails h2 {
	color: #fe8900;
	font-size: 130%;
}
.newsDetails .posted {
	font-style: italic;
}
/* games */

#gamesLeft {
	float: left;
	padding-bottom: 12px;
	width: 447px;
	min-height: 300px;
	_height: 300px;
	border-right: #131313 2px solid;
}
#gamesRight {
	float: right;
	padding-bottom: 12px;
	width: 425px;
	min-height: 300px;
	_height: 300px;
}
.games {
	margin-top: 2px;
	padding-top: 0;
	padding-bottom: 8px;
}
.games h3 {
	color: #d68300;
	font-size: 120%;
}
.tmbnBox {
	position: relative;
	height: 180px;
	background: url('../img/games/bg_tmbn_box.gif') left top no-repeat;
}
.tmbnBox .tmbn {
	padding: 10px;
}
#moreGamesBut {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 32px;
}
.games h3 {
	margin-top: 24px;
}
.games info {
	padding-bottom: 8px;
}
.game {
	margin-top: -2px;
	border-top: #131313 2px solid;
	padding-bottom: 12px;
}
#gamesLeft .game {
	padding-right: 20px;
}

/* game overview */

.tabs {
	padding-bottom: 0px;
	min-height: 316px;
	_height: 316px;
	border-bottom: #131313 2px solid;
}
#mainScreen {
	padding: 10px;
	padding-bottom: 46px;
	background: url('../img/games/bg_main_screen.gif') left top no-repeat;
}
#mainScreen img {
	display: block;
	width: 874px;
	height: 230px;
}
ul#tabsMenu {
	margin: 0;
	height: 29px;
}
ul#tabsMenu li {
	display: block;
	float: left;
	height: 29px;
	margin-right: 2px;
}
ul#tabsMenu li a {
	display: block;
	width: 172px;
	line-height: 29px;
	color: #fff;
	background: url('../img/games/but_tab.gif') left top no-repeat;
	text-align: center;
	text-decoration: none;
}
ul#tabsMenu li a.current {
	background: url('../img/games/but_tab_current.gif') left top no-repeat;
	cursor: default;
}
#appStore {
	position: absolute;
	right: 22px;
	bottom: 1px;
	width: 138px;
	height: 46px;
	background: url('../img/games/app_store.gif') left top no-repeat;
}
#priceAppStore {
	position: absolute;
	right: 175px;
	bottom: 1px;
	width: 82px;
	height: 32px;
}
#priceAppStore a {
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	color: #ff9600;
	background: url('../img/games/but_app_store.gif') left top no-repeat;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
#priceAppStore a:hover {
	background: url('../img/games/but_app_store_hover.gif') left top no-repeat;
}
#overviewLeft {
	float: left;
	padding-bottom: 24px;
	width: 555px;
	min-height: 250px;
	_height: 250px;
}
#overviewRight {
	float: right;
	padding-bottom: 20px;
	width: 307px;
	min-height: 250px;
	_height: 250px;
	background: #2f2f2f url('../img/games/bg_overview_right.gif') left bottom no-repeat;
}
#overviewRight .title {
	padding-left: 20px;
	height: 34px;
	line-height: 34px;
	color: #ffa63e;
	background: url('../img/games/bg_overview_right_title.gif') left top no-repeat;
	font-size: 110%;
}
#overviewRight ul, #overviewRight p {
	margin: 12px 20px;
	color: #ffa63e;
}
#overviewRight ul li {
	padding: 3px 0;
	padding-left: 24px;
	background: url('../img/bul_gold.gif') left 8px no-repeat;
}
#thumbnails {
	margin-top: 12px;
	padding-bottom: 24px;
	background-color: #131313;
}
#thumbnails .tmbn {
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}
#thumbnails .buggIE {
	height: 10px;
	font-size: 1px;
}

/* game press */

#pressLeft {
	float: left;
	padding-bottom: 24px;
	width: 555px;
	min-height: 250px;
	_height: 250px;
}
#pressRight {
	float: right;
	padding-bottom: 30px;
	width: 307px;
	min-height: 250px;
	_height: 250px;
	background: #2f2f2f url('../img/games/bg_press_right.gif') left bottom no-repeat;
}
#pressLeft h3 {
	padding-left: 24px;
	background: url('../img/bul_gray.gif') left 3px no-repeat;
}
#pressLeft a {
	color: #ffcb80;
	text-decoration: none;
}
#pressLeft a:hover {
	text-decoration: underline;
}
#pressRight .title {
	height: 10px;
	background: url('../img/games/bg_press_right_title.gif') left top no-repeat;
}
#pressRight p {
	margin: 12px 20px;
	margin-top: 32px;
	color: #ffa63e;
}
#pressRight a {
	margin: 12px 20px;
	padding-left: 24px;
	color: #ccc;
	background: url('../img/bul_gold.gif') left 3px no-repeat;
	text-decoration: none;
}
#pressRight a:hover {
	text-decoration: underline;
}

/* goodies */

#goodiesLeft {
	float: left;
	padding-bottom: 24px;
	width: 427px;
	min-height: 250px;
	_height: 250px;
}
#goodiesRight {
	float: right;
	padding-bottom: 24px;
	width: 427px;
	min-height: 250px;
	_height: 250px;
}
#goodiesLeft h2, #goodiesRight h2 {
	margin-bottom: 24px;
}
#goodiesLeft h3 {
	padding-left: 24px;
	background: url('../img/bul_gray.gif') left 3px no-repeat;
}
#goodiesLeft a {
	color: #ffcb80;
	text-decoration: none;
}
#goodiesLeft a:hover {
	text-decoration: underline;
}
#goodiesLeft .size {
	margin-bottom: 24px;
	color: #888;
	font-style: italic;
	font-size: 90%;
}
#goodiesRight li {
	margin: 12px 0;
}
#goodiesRight li img {
	float: left;
	display: block;
	margin-top: 3px;
	margin-right: 12px;
}

/* news */

#newsBox {
	background: url('../img/bg_news_box.gif') repeat-y;
}
#newsBox-in {
	position: relative;
	padding-bottom: 24px;
	background: url('../img/bg_news_box_bottom.gif') right bottom no-repeat;
}
#newsBoxTop {
	position: absolute;
	right: 0;
	top: 0;
	width: 307px;
	height: 10px;
	background: url('../img/bg_news_box_top.gif') right top no-repeat;
}
.newsLeft {
	float: left;
	width: 560px;
}
.newsLeft h3 a {
	color: #ffcb80;
	text-decoration: underline;
}
.newsLeft h3 a:hover {
	color: #fe8900;
	text-decoration: none;
}
.newsRight {
	float: right;
	padding-top: 36px;
	width: 287px;
}
.newsRight a {
	display: block;
	text-decoration: none;
}
.newsRight a:hover {
	text-decoration: underline;
}
.newsRight .gameLink {
	padding-left: 24px;
	color: #ffa63e;
	background: url('../img/bul_gold.gif') left 3px no-repeat;
}
.newsRight .pressLink {
	padding-left: 24px;
	color: #e6e6e6;
	background: url('../img/bul_gray.gif') left 3px no-repeat;
}
.posted {
	clear: both;
	color: #888;
	font-size: 90%;
}
.newsLeft h3 {
	color: #d78401;
}

/* services */

#servicesLeft {
	float: left;
	padding-bottom: 24px;
	width: 640px;
	min-height: 250px;
	_height: 250px;
	background: url('../img/bg_services.gif') left 15px no-repeat;
}
#servicesRight {
	float: right;
	padding-bottom: 24px;
	width: 227px;
	min-height: 250px;
	_height: 250px;
}
#services {
	padding-left: 275px;
}
#servicesRight h3 {
	color: #fe8900;
}
#servicesRight a {
	color: #fe8900;
	text-decoration: none;
}
#servicesRight a:hover {
	text-decoration: underline;
}
#servicesRight ul {
	margin-bottom: 24px;
}
#servicesRight li {
	padding: 3px 0;
	padding-left: 24px;
	color: #ffcb80;
	background: url('../img/bul_gray.gif') left 7px no-repeat;
}

/* references */

.refs {
	padding-right: 0;
}
.refItem {
	float: left;
	padding-bottom: 24px;
	width: 305px;
	min-height: 300px;
	_height: 300px;
}
.refs h3 {
	color: #ffcb80;
}
.refs .content {
	padding-right: 20px;
}
.refs .launchBut {
	margin-top: 24px;
}

/* support */

.supportLeft {
	float: left;
	padding-bottom: 24px;
	width: 427px;
	min-height: 250px;
	_height: 250px;
}
.supportRight {
	float: right;
	padding-bottom: 24px;
	width: 427px;
	min-height: 250px;
	_height: 250px;
}
.supportLeft h3, .supportRight h3 {
	margin-top: 0;
	color: #fe8900;
	font-size: 120%;
	font-weight: normal;
}
.supportLeft h4, .supportRight h4 {
	font-weight: normal;
}
.supportLeft h4 a, .supportRight h4 a {
	padding-left: 24px;
	color: #ffcb80;
	background: url('../img/bul_gray.gif') left 3px no-repeat;
	text-decoration: none;
}
.supportLeft h4 a:hover, .supportRight h4 a:hover {
	text-decoration: underline;
}
.supportRight li {
	padding: 2px 0;
	padding-left: 24px;
	background: url('../img/bul_gray.gif') left 5px no-repeat;
}
.supportRight li a {
	color: #ffcb80;
	text-decoration: none;
}
.supportRight li a:hover {
	text-decoration: underline;
}

/* about */

#aboutLeft {
	float: left;
	padding-bottom: 24px;
	width: 427px;
	min-height: 250px;
	_height: 250px;
}
#aboutRight {
	float: right;
	padding-bottom: 24px;
	width: 427px;
	min-height: 250px;
	_height: 250px;
}
#aboutRight h3 {
	color: #fe8900;
	font-size: 120%;
	font-weight: normal;
}
#aboutRight li {
	padding: 2px 0;
	padding-left: 24px;
	background: url('../img/bul_gray.gif') left 5px no-repeat;
}
#aboutRight li a {
	color: #ffcb80;
	text-decoration: none;
}
#aboutRight li a:hover {
	text-decoration: underline;
}
#presidentLeft {
	float: left;
	padding-bottom: 24px;
	width: 290px;
	min-height: 250px;
	_height: 250px;
}
#presidentRight {
	float: right;
	padding-bottom: 24px;
	width: 580px;
	min-height: 250px;
	_height: 250px;
}
#photo {
	padding: 20px 0;
	background-color: #3e3e3e;
	border: #131313 10px solid;
	text-align: center;
}

/* contacts */

#contactBox {
	background: url('../img/bg_contact_box.gif') repeat-y;
}
#contactBox-in {
	position: relative;
	background: url('../img/bg_contact_box_bottom.gif') right bottom no-repeat;
}
#contactBoxTop {
	position: absolute;
	right: 0;
	top: 0;
	width: 307px;
	height: 10px;
	background: url('../img/bg_contact_box_top.gif') right top no-repeat;
}
#contactLeft {
	float: left;
	width: 560px;
	min-height: 400px;
	_height: 400px;
}
#contactRight {
	float: right;
	padding-top: 24px;
	width: 287px;
}
#contactLeft form {
	
}
#contactLeft td {
	padding: 3px 0;
	vertical-align: bottom;
}
#contactLeft td.col1 {
	width: 90px;
}
#contactLeft td.col2 {
	width: 460px;
}
#contactLeft td.subscribe {
	padding-bottom: 24px;
}
#contactLeft td.col2 input, .message textarea {
	padding: 4px 0;
	width: 100%;
	color: #eee;
	background-color: #393939;
	border: #393939 1px solid;
}
#contactLeft .cptch input {
	padding: 4px 0;
	width: 200px;
	color: #eee;
	background-color: #393939;
	border: #393939 1px solid;
}
#contactLeft .cptch {
	width: 350px;
}
#contactLeft .cptch img {
	display: block;
	float: right;
	margin-left: 12px;
}
#contactLeft label {
	color: #b0b0af;
}
label.message {
	display: block;
	margin-bottom: 6px;
}

/* newsletter form */

.newsletter {
	padding-left: 54px;
}
.newsletter h3 {
	color: #4db1f1;
	font-weight: normal;
	font-size: 120%;
}
.newsletter form {
	margin: 24px 0;
}
.newsletter table {
	width: 350px;
}
.newsletter td {
	padding: 6px 0;
	vertical-align: bottom;
}
.newsletter .email input {
	padding: 4px 0;
	width: 100%;
	color: #eee;
	background-color: #393939;
	border: #393939 1px solid;
}
.newsletter .subscribe label {
	display: block;
	padding: 4px 0;
}
.newsletter .cptch input {
	padding: 4px 0;
	width: 200px;
	color: #eee;
	background-color: #393939;
	border: #393939 1px solid;
}
.newsletter .cptch img {
	display: block;
	float: right;
	margin-left: 12px;
}
.newsletter label {
	color: #b0b0af;
}
.submitBut {
	margin-top: 12px;
}
.submitBut input {
	display: block;
	padding: 0 24px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	background: none;
	border: none;
	font-size: 120%;
}
.submitBut input:hover {
	background: url('../img/but_gray_hover.gif') repeat-x;
}
.isRequired {
	margin-top: 20px;
	font-size: 90%;
}

/* site map */

#sitemap {
	margin-left: 32px;
	padding-top: 8px;
	padding-bottom: 24px;
}
#sitemap a {
	color: #ffcb80;
	text-decoration: none;
}
#sitemap a:hover {
	color: #fe8900;
	text-decoration: underline;
}
.level1, .level2, .level3 {
	padding: 5px 0; 
	padding-left: 20px; 
	background: url("../img/ico/ico_page.png") left 4px no-repeat;
}
.level1 {
	margin-left: 0;
}
.level2 {
	margin-left: 36px;
}
.level3 {
	margin-left: 72px;
}
.group {
	padding-top: 10px;
	padding-bottom: 10px;
	background-position: left 9px;
}