/* =GLOBAL RESET (HTML5 Boilerplate)
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent }                 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
nav ul { list-style:none }
blockquote, q { quotes:none }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent }
ins { background-color:#FF9; color:#000; text-decoration:none }
mark { background-color:#FF9; color:#000; font-style:italic; font-weight:bold }
del { text-decoration:line-through }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help }
table { border-collapse:collapse; border-spacing:0 }
hr { display:block; margin:1em 0; padding:0; height:1px; border:0; border-top:1px solid #CCC }
input, select { vertical-align:middle }

body { font:12px/1.231 sans-serif; }
select, input, textarea, button { font:99% sans-serif }
pre, code, kbd, samp { font-family:monospace, sans-serif }

body, select, input, textarea { color:#444 }
h1,h2,h3,h4,h5,h6 { font-weight:bold }
html { overflow-y:scroll }

a:hover, a:active { outline:none }
a, a:active, a:visited { color:#F0931B; text-decoration:none; }
a:hover { color:#FFF; text-decoration:none; }

ul, ol { margin-left:1.8em }
ol { list-style-type:decimal }

nav ul, nav li { margin:0 }
small { font-size:85% }
strong, th { font-weight:bold }
td, td img { vertical-align:top }
sub { vertical-align:sub; font-size:smaller }
sup { vertical-align:super; font-size:smaller }
pre { padding:15px; white-space:pre; white-space:pre-wrap; white-space:pre-line; word-wrap:break-word }
textarea { overflow:auto }
.ie6 legend, .ie7 legend { margin-left:-7px }
input[type="radio"] { vertical-align:text-bottom }
input[type="checkbox"] { vertical-align:bottom }
.ie7 input[type="checkbox"] { vertical-align:baseline }
.ie6 input { vertical-align:text-bottom }
label, input[type=button], input[type=submit], button { cursor:pointer }
button, input, select, textarea { margin:0 }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { border-radius:1px; -moz-box-shadow:0 0 5px red; -webkit-box-shadow:0 0 5px red; box-shadow:0 0 5px red }
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color:#f0dddd }

::-moz-selection { background:#B67827; color:#FFF; text-shadow:none }
::selection { background:#B67827; color:#FFF; text-shadow:none }
a:link { -webkit-tap-highlight-color:#B67827 }

button { width:auto; overflow:visible }
.ie7 img, .ie6 img { -ms-interpolation-mode:bicubic }

.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr }
.hidden { display:none; visibility:hidden }
.visuallyhidden { position:absolute !important; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px) }
.invisible { visibility:hidden }
.clearfix:before, .clearfix:after { content:"\0020"; display:block; height:0; visibility:hidden }
.clearfix:after { clear:both }
.clearfix { zoom:1 }

.table { display:table; table-layout:fixed; }
.tr { display:table-row; }
.td { vertical-align:top; display:inline; zoom:1; /*IE ONLY*/ }
html > body .td { display:table-cell; vertical-align:top; }

ul.grid, nav ul { margin:0; padding:0; list-style:none; overflow:hidden; }
ul.grid li, nav li { vertical-align:top; display:inline; float:left; }
.ie6 ul.grid li, .ie7 ul.grid li, .ie6 nav li, .ie7 nav li { zoom:1; }

/* =GLOBAL
-------------------------------------------------------------- */
body { font-family:Arial, Helvetica, sans-serif; color:#A89781; background:#171714 url(../images/background.jpg) no-repeat top center; cursor:default; }
#container { position:relative; margin:0 auto; padding-top:22px; width:950px; }

header { position:relative; margin-bottom:13px; height:97px; background:url(../images/header.jpg) no-repeat; }
header nav { position:absolute; bottom:0; right:0; }
header nav ul { width:693px; height:49px; }
header nav a { display:block; height:49px; text-indent:-9999em; background:url(../images/header_navigation.jpg) no-repeat 0 0; }
header nav .home a { width:88px; background-position:0 0; }
header nav .home a:hover, header nav .home a.active { background-position:0 -49px; }
header nav .games a { width:99px; background-position:-88px 0; }
header nav .games a:hover, header nav .games a.active { background-position:-88px -49px; }
header nav .downloads a { width:144px; background-position:-187px 0; }
header nav .downloads a:hover, header nav .downloads a.active { background-position:-187px -49px; }
header nav .careers a { width:117px; background-position:-331px 0; }
header nav .careers a:hover, header nav .careers a.active { background-position:-331px -49px; }
header nav .company a { width:121px; background-position:-448px 0; }
header nav .company a:hover, header nav .company a.active { background-position:-448px -49px; }
header nav .contact a { width:124px; background-position:-569px 0; }
header nav .contact a:hover, header nav .contact a.active { background-position:-569px -49px; }

.headerimg { position:absolute; left:-4px; width:100%; height:692px; background-position:center top; background-repeat:no-repeat; }
#carousel_controls { position:absolute; z-index:9999; width:100%; top:500px; text-align:center; }
#carousel_controls ul { margin:0 auto; width:960px; }
#carousel_controls li { display:block; float:left; padding:3px; width:27px; height:27px; }
#carousel_controls li a { display:block; width:27px; height:27px; overflow:hidden; background:url(../flash/carousel/carousel_btns.png) no-repeat 0 0; text-indent:-9999em; border:0; }

#carousel, #carousel-btn { position:absolute; z-index:0; width:950px; height:692px; }

/* =MAIN CONTENT
-------------------------------------------------------------- */
#main { position:relative; z-index:1; padding:0 20px 50px; background:#171714 url(../images/bkgd_content.jpg) no-repeat; }
#main article { min-height:500px; height:auto !important; height:500px; font-weight:bold; line-height:25px; }

h1 { background:url(../images/divider_header_horz.gif) repeat-x bottom left; }
h1 span { display:block; width:100%; height:49px; text-indent:-9999em; background:url(../images/titles.png) no-repeat 0 0; }
.games h1 span { background-position:0 0; }
.downloads h1 span { background-position:0 -49px; }
.careers h1 span { background-position:0 -98px; }
.company h1 span { background-position:0 -147px; }
.contact h1 span { background-position:0 -196px; }
h1.featured span{ background-position:0 -245px;}
h1.studio span{ background-position:0 -294px;}
h1.description span{ background-position:0 -343px;}
h1.features span{ background-position:0 -392px;}
h1.platforms span{ background-position:0 -441px;}
h1.trailers span{ background-position:0 -490px;}
h1.screens span{ background-position:0 -539px;}

h2 { padding-top:30px; font-size:18px; font-weight:bold; color:#F0931B; }

.content { width:907px; }
.two-col .content { width:568px; margin-right:340px; }
.two-col article { background: url(../images/divider_vert.gif) repeat-y 592px 0; }
.two-col aside { font-size:11px; float:right; clear:right; width:298px; padding-top:80px; background:url(../images/divider_header_horz.gif) repeat-x 0 47px; }
aside img.photo { border:1px solid #B09F8E; }

/* ~~~~~ downloads ~~~~~ */
.gallery .videos, .gallery .screenshots { position:relative; overflow:hidden; padding-bottom:10px; font-size:11px; background:url(../images/divider_header_horz.gif) repeat-x bottom left; }
.gallery aside .videos, .gallery aside .screenshots { background:none; }
.gallery .grid { margin-left:-40px; }
.gallery .grid li { margin-left:40px; margin-bottom:20px; line-height:14px; }
.gallery .grid a { padding:10px 3px 0; display:inline-block; *display:inline; zoom:1 }
.gallery .grid a.src { display:block; padding:10px 0; }
.gallery .grid img { border:4px solid #35312A; background:#46423E; }
.gallery .grid img.empty { margin-top:10px; }

.gallery .audio { line-height:14px; }
.gallery .audio ul { margin:14px 0 0; padding:0; list-style:none; }
.gallery .audio li { padding:3px 32px 12px; background:url(../images/ico_audio.gif) no-repeat 0 2px; }

/* ~~~~~ games intro ~~~~~ */
.games .intro { position:relative; margin-top:20px; padding:16px; height:246px; border:10px solid #35312A; background:url(../images/bkgd_game.jpg) no-repeat; }
.games .intro img.ratings { position:absolute; bottom:16px; right:16px; }
.games .intro a.cover { float:left; clear:left; }
.games .intro a.cover img { border:1px solid #B09E8D; }
.games .intro a.more { position:absolute; top:16px; right:16px; }
.games .intro h2 { margin-left:200px; margin-bottom:12px; width:570px; font-size:30px; letter-spacing:-1px; }
.games .intro h2 a { text-decoration:none; }
.games .intro p { margin-left:200px; width:570px; font-size:12px; font-weight:normal; line-height:20px; }
.games .intro p a { font-weight:bold; text-decoration:none; }
.games .intro p a:hover { text-decoration:underline; }

/* ~~~~~ game page ~~~~~ */
.game header { margin-bottom:0; }
.game img.header { margin-left:6px; }
.game .content { font-weight:normal; line-height:20px; }
.game .content p { margin:12px 0; }
.game .gallery .grid { margin-left:-22px; }
.game .gallery .grid li { margin-left:22px; margin-bottom:0; }
.game aside { padding-top:0; background:none; }
.game aside h1 { margin-bottom:10px; }

/* ~~~~~ contact form ~~~~~ */
.contact form { padding-top:10px; }
.contact { overflow:auto; border:none; }
.contact label { display:block; font-size:18px; padding:10px 0 5px; color:#F0931B; }
.contact input.text,
.contact textarea { margin:5px 0; padding:6px; width:554px; color:#000; border:1px solid #BAA896; background:#888582; }
.contact textarea { height:150px; }
.contact div.submit-btn { padding-top:10px; float:right; clear:right; }
.contact input.submit { display:block; width:180px; height:64px; border:none; text-indent:-99999px; overflow:hidden; cursor:pointer; cursor:hand; font-size:0; line-height:0; background:url(../images/btn_Submit.png) 0 0 no-repeat; }

/* ~~~~~ error ~~~~~ */
#contact label.error { color:#C00; background:url(../images/error_required.gif) no-repeat right 8px; }
#contact label.error input.text,
#contact label.error textarea { border-color:#C00; }
#contact .loading { background:url(../images/loading.gif) no-repeat right center; }
.contact div.message { font-size:12px; }
.contact div.message p { margin:0; padding:15px; font:bold 18px Arial, Helvetica, sans-serif; color:#F0931B; }

/* ~~~~~ contact info ~~~~~ */
ul.contact-info { margin:0; padding:0; list-style:none; }
ul.contact-info li { line-height:20px; padding-bottom:10px; }
ul.contact-info h4 { font-size:15px; color:#F0931B; }

/* ~~~~~ index ~~~~~ */
.index header { margin-bottom:435px; }
.index .two-col .content { width:433px; margin-right:340px; }
.index .two-col article { background-position: 453px 0; }
.index .two-col aside { width:433px; padding-top:0; background:none; }
.index #main article { min-height:350px; height:auto !important; height:350px; }
.index .module { position:relative; margin-top:20px;  border:10px solid #35312A; }
.index .content .module a { display:block; height:138px; }
.index .content .module img { position:absolute; top:0; left:0; z-index:1; }
.index .content .module img.more { top:16px; left:16px; z-index:2; }

.index aside .module { padding:15px; line-height:23px; min-height:286px; height:auto !important; height:286px; }
.index aside .module img { border:2px solid #332F29; }

#indexCarousel { position:relative; margin:0 auto; width:1300px; height:692px; }
.indexCarousel { position:absolute; z-index:0; top:0; left:0; width:100%; height:692px; overflow:hidden; text-align:center;  }

/*#headerimg1 { background:#FC0;}
#headerimg2 { background:#369;}*/

/* ~~~~~ accordion ~~~~~ */
dl { position:relative; margin-top:15px; }
dt { padding:15px 0; cursor:pointer; background:url(../images/divider_header_horz.gif) repeat-x bottom left; }
dt.active { background:none; }
dt b { display:block; padding-left:22px; font-size:20px; color:#F0931B; background:url(../images/dt_arrow_inactive.gif) no-repeat 0 8px; }
dt.active b { background:url(../images/dt_arrow_active.gif) no-repeat 2px 5px; }
dt small { display:block; padding-left:22px; font-size:12px; }
dd { position:relative; height:0; padding-left:22px; padding-right:350px;line-height:20px; overflow:hidden; background:url(../images/divider_header_horz.gif) repeat-x bottom left; }
dd h3 { margin-top:20px; font-size:20px; }

footer { position:relative; padding-bottom:20px; min-height:100px; height:auto !important; height:100px; background:url(../images/bkgd_footer.jpg) no-repeat; }
footer nav { position:absolute; top:20px; left:273px; overflow:hidden; }
footer nav ul { margin-left:-13px; padding:0px 0 5px; overflow:auto; }
footer nav a { padding:0 12px; font-size:11px; font-weight:bold; text-decoration:none; background:url(../images/divider_footer.gif) no-repeat left center; }
footer cite { font:bold 11px "Lucida Grande", sans-serif; color:#A89781; }
footer .TornadoStudios { position:absolute; top:18px; right:15px; width:205px; height:80px; }
footer .divider { position:absolute; top:23px; width:1px; height:68px; background:url(../images/divider_footer_section.gif) no-repeat; }
footer .left { left:247px; }
footer .right { left:712px; }

/* =MOBILE
-------------------------------------------------------------- */
@media all and (orientation:portrait) { 
  
}
@media all and (orientation:landscape) { 
  
}
@media screen and (max-device-width:480px) {
	html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none }
	#indexCarousel { left:-180px; }
	footer nav a { padding:0 10px }
}

/* =PRINT
-------------------------------------------------------------- */
@media print {
	* { background:transparent !important; color:#444 !important; text-shadow:none !important }
	a, a:visited { color:#444 !important; text-decoration:underline }
	a:after { content:" (" attr(href) ")" }
	abbr:after { content:" (" attr(title) ")" }
	.ir a:after { content:"" } 
	pre, blockquote { border:1px solid #999; page-break-inside:avoid }
	thead { display:table-header-group } 
	tr, img { page-break-inside:avoid }
	@page { margin:0.5cm }
	p, h2, h3 { orphans:3; widows:3 }
	h2, h3{ page-break-after:avoid }
}