/*
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

.header { padding:40px 0 20px 0; position:relative; }
.header .tagline { position:absolute; right:0; bottom:43px; }

.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.main-content { position:relative; height:615px; overflow:hidden; }

.footer { padding:45px 0 30px; }
.footer a { color:#FFF; text-decoration:none; }
.footer a:hover { color:#696868; }
.footer .column { float:left; width:135px; margin-right:30px; }
.footer .last { margin-right:0; }
.footer .heading { font-size:14px; text-transform:uppercase; padding-bottom:3px; border-bottom:1px solid #FFF; margin-bottom:8px; }
.footer ul { list-style:none; }
.footer li { line-height: 20px; margin:0; }
.footer li a { text-transform:uppercase; }
.footer p { margin-bottom:10px; line-height: 20px;  }
.footer .copyright { font-size:10px; color:#999; text-align:center; margin-top:40px; line-height:14px; }

.region-content { }
.region-right { width:250px; position:absolute; top:0; left:710px; }
.region-left { width:285px; position:absolute; top:0; left:0; }




/* #Page Styles
================================================== */

.box-container { width:960px; height:615px; position:relative; overflow:hidden; }
.news-container { top:0; right:0; height:615px; width:75px; position:absolute; }
.news { position:absolute; top:0; right:-170px; height:615px; z-index:110; width:255px; }
.news.news-expand { right:0px; }

.box-large { width:285px; height:280px; overflow:hidden; background-color:#999; }
.dummy {  }
.box-social { position:absolute; width:200px; height:200px; top:295px; left:0; background-color:#333; }
.box-banner { position:absolute; width:875px; top:500px; left:0; height:115px; background-color:#333; }

.box-topl { position:absolute; top:0; left:0; z-index:100;  }
.box-topm { position:absolute; top:0; left:295px; z-index:100; }
.box-topr { position:absolute; top:0; left:590px; z-index:100; }

.careers-panel {  height:615px; position:relative; background:url(../images/bg_large-box-orangegrad.png) repeat-x bottom #F14501; background-size:contain; }
.front .careers-panel { cursor:pointer; }
.jobs_l .career-jobs { display:none; }
.career-title { position:relative; color:#000; font-family: 'PT Sans', sans-serif; font-weight:700; text-align:center; margin:0 0; padding:75px 0 0 0; }
.career-title span.l1 { display:block; position:absolute; top:60px; left:35px; font-size:45px; line-height:45px; }
.career-title span.l2 { display:block; position:absolute; top:75px; left:35px; font-size:78px; line-height:78px; }
.career-title span.l3 { display:block; position:absolute; top:140px; left:35px; font-size:26px; color:#FFF; line-height:26px; }
.career-jobs a { color:#fff; text-align:center; position:absolute; top:220px; width:100%; font-size:18px; text-transform:uppercase; letter-spacing:-1px; font-weight:700; font-family: 'Open Sans Condensed', sans-serif; text-decoration:none; }

.careers-panel h3 { text-align:center; text-transform:uppercase; letter-spacing:-1px; font-weight:700; font-family: 'Open Sans Condensed', sans-serif; color:#FFF; } 


.careers-menu { position:absolute; top:210px; width:100%; }
.careers-menu p { text-align:center; }
.careers-menu p a { color:#FFF; }


.no-jobs { position:absolute; top:280px; width:100%; }
.no-jobs p { font-family: 'Open Sans Condensed', sans-serif; margin:15px 0; text-align:center; } 

.career-jobslist { }
.career-jobslist li { list-style:none; font-size:18px; margin:15px 0; text-align:center; text-transform:uppercase; letter-spacing:-1px; font-weight:700; font-family: 'Open Sans Condensed', sans-serif; }
.career-jobslist li a { color:#000; }
.career-jobslist li a:hover, .career-jobslist li a.active { color:#FFF; }
.career-jobinfo { font-size:11px; padding:0 15px; margin:0; position:absolute; bottom:10px; line-height:20px; }


.article { position:absolute; top:290px; left:0; width:875px; height:200px; z-index:101; background:#000; overflow:hidden; }
.news-summary-heading { display:block; background-color:#DB5622; font-family: 'Open Sans Condensed', sans-serif; font-size:14px; position:absolute; top:15px; left:200px; font-weight:700; color:#000; text-transform:uppercase; padding:0 15px; } 
.box-news-summary { overflow:hidden; background:url(../images/bg_box-grad.jpg) repeat-x #000; width:705px; height:615px; }
.ajax-news .box-news-summary { width:100%; }
.box-news-summary .image { float:left; width:200px; height:200px; }
.box-news-summary img { display:block; margin-bottom:15px; }
.summary-text { padding:0 0; height:550px; margin:50px 15px 20px 215px; overflow:auto; }
.ajax-news .summary-text { max-height:550px; overflow:hidden; }

.box-news-summary .summary-text p { }
.box-news-summary .summary { display:none; }
.ajax-news .summary { display:block; }
.ajax-news .full { display:none; }
.read-more { position:absolute; bottom:10px; right:15px; text-decoration:none; }

.news ul li { list-style:none; border-bottom:1px solid #2A2A2A; margin-bottom:5px; padding-bottom:5px; }
.news ul li a { text-decoration:none; }
.news ul li:last-child { border-bottom:0; }


.news-item { width:75px; height:75px; background:#666; margin-bottom:10px; margin-left:10px; }
.news-item a { display:block; width:75px; height:75px; position:relative; overflow:hidden;  }
.news-item a img { position:absolute; left:0; }
.news-item a:hover img, .news-item a.active img { bottom:0; }


.controls, .search { text-transform:uppercase; letter-spacing:-1px; font-weight:700; font-family: 'Open Sans Condensed', sans-serif; font-size:12px; line-height:20px; }
.controls { position:absolute; bottom:0; left:10px; height:20px; width:75px; }
.controls .item-list { margin:0; }
.controls .item-list ul { margin:0; }
.controls .item-list .pager li { margin:0; padding:0; line-height:20px; }
.controls .item-list .pager-previous { float:left; width:20px; }
.controls .item-list .pager-next { float:left; width:20px; }
.controls .item-list .pager-current { float:left; width:35px; }
.controls .item-list .pager a { display:block; width:20px; height:20px; background-color:#DB5622; overflow:hidden; text-indent:-9999em; }
.controls .item-list .pager-next a { background-image:url(../images/news-arrows.jpg); background-position:top left; }
.controls .item-list .pager-next a:hover { background-position:bottom left; }
.controls .item-list .pager-previous a { background-image:url(../images/news-arrows.jpg); background-position:top right; }
.controls .item-list .pager-previous a:hover {background-position:bottom right; }


#expand-news { cursor:pointer; display:block; width:75px; height:20px; text-align:center; line-height:20px; text-decoration:none; font-weight:bold; color:#000; background-color:#DB5622; }
.search { position:absolute; bottom:0; left:95px; width:160px; height:20px; background-color:#FFF; padding:0 0; }
.search input { height:16px; padding:0 5px; margin:0; font-size:10px; border:none; background-color:#1B1B1B; color:#FFF !important; width:74px; position:absolute; left:48px; bottom:2px; }
.search label { position:absolute; left:7px; bottom:1px; color:#000; }
.search input:focus { border:none; }
.search .form-submit { height:16px; width:24px; left:134px; background-color:#1B1B1B; border:none; font-weight:normal; cursor:pointer; }
.search .form-submit:hover { background-color:#666; }

.callout-popout { }

.title { font-size:15px; border-bottom:1px solid #FFF; padding-bottom:5px; margin-bottom:5px; margin-right:30px; line-height:15px; display: inline-block; }
.date { color:#696868; font-size:12px; margin-bottom:10px; }




/* === ABOUT === */
.about-l { position:absolute; top:80px; left:0; width:300px; height:535px; background-color:#FFF; }
.about-m { position:absolute; top:80px; left:330px; width:300px; height:535px; background:url(../images/bg_box-grad-large.jpg) #000; }
.about-r { position:absolute; top:80px; right:0px; width:300px; height:535px; }
.content-box { margin:20px 20px; }

/* === MANAGEMENT === */
.management { position:absolute; top:80px; width:960px; height:535px; }
.management
.team-box { width:460px; overflow:hidden; height:100px; margin-bottom:20px; position:relative; cursor:pointer; }
.team-text { position:absolute; top:0; left:0; overflow:hidden; }
.team-box p span { font-size:14px; }
.team-box p { margin-left: 120px; font-size:13px; line-height:16px; }
.team-box img { float:left; }
.team-box.left { float:left; }
.team-box.right { float:right; }


/* === TECHNOLOGY === */
.technology-t_l { position:absolute; top:80px; left:0; width:480px; height:330px; background:#FFF; }
.technology-t_r { position:absolute; top:80px; left:480px; width:480px; height:330px; }
.technology-b { position:absolute; top:420px; left:0px; width:960px; height:195px; background:url(../images/bg_box-grad.jpg) repeat-x #000; }
.technology-b ul { float:left; width:280px; margin-bottom:0; }
.technology-b ul.middle { margin:0 25px; }
.scrollable { position:relative; overflow:hidden; height:108px; }
.items { position:absolute; width:10000em; clear:both; left:0; }
.item { float:left; width:960px; height:108px; }

/* === HISTORY === */
.history_l { position:absolute; top:80px; left:0; width:480px; height:535px; }
.history_r { position:absolute; top:80px; left:495px; width:465px; height:495px; }
.history_r .content-box { overflow:auto; max-height:495px; padding:0; }
.hist-date { font-size:16px; font-weight:bold; }

/* === JOBS === */
.jobs_l { position:absolute; top:0; left:0; width:285px; height:615px; z-index:100; }
.jobs_r { position:absolute; top:0; left:305px; width:655px; height:615px; }
.jobs_r .content-box { padding:40px 0 30px 50px; overflow:auto; max-height:500px;  }

.jobs_t-why { font-size:98px; line-height:98px; display:block; position:absolute; right:50px; top:30px; font-family: 'PT Sans', sans-serif; font-weight:700; }
.jobs_t-iow { font-size:58px; line-height:70px; display:block; position:absolute; right:130px; top:95px; font-family: 'PT Sans', sans-serif; font-weight:700; }
.jobs_t-ask { font-size:80px; line-height:90px; display:block; position:absolute; right:0px; top:135px; font-family: 'PT Sans', sans-serif; font-weight:700; }
.apply-button { position:absolute; right:30px; top:10px; z-index:100; background:url(../images/but_apply-now.png); display:block; width:69px; height:69px; }

.careers-summary { position:absolute; top:270px; right:0; width:235px; }

.image-gallery { position:absolute; top:270px; overflow:hidden; width:400px; height:285px; border:2px solid #DB5622; }
.image-gallery .item { width:400px; height:285px; }

.careers { background:url(../images/bg_careers.png); background-repeat:no-repeat; height:615px; position:relative; }
.careers .job-categories { position:absolute; top:405px; right:23px; width:350px; }
.careers .career-categorieslist { margin-bottom:5px; }
.careers .career-categorieslist li { text-align:left; font-size:20px; list-style:none; margin:6px 0 0; text-transform:uppercase; letter-spacing:-1px; font-weight:700; font-family: 'Open Sans Condensed', sans-serif; background:url(../images/bg_lines.png); background-repeat:no-repeat; background-position:bottom; padding-bottom:13px; padding-left:18px; }
.careers .career-categorieslist li a { color:#FFF; text-decoration:none; display:block; background-image:url(../images/bg_arrow.jpg); background-position:left; padding-left:12px; background-repeat:no-repeat;  }
.careers .career-categorieslist li:last-child { background:none; }
.careers .career-categorieslist li a:hover { color:#DA5E00; }
.careers .career-categorieslist li span { color:#DA5E00; }
.careers .jobinfo { font-size:11px; margin:0; line-height:15px; padding-right:20px; position:absolute; left:0; bottom:8px; width:100%; text-align:center; }


/* === GAMES CASES === */
.games { position:absolute; top:0; width:960px; height:300px; }
.games-t_l { position:absolute; left:0; width:460px; height:300px; overflow:hidden; }
.games-t_r { position:absolute; left:480px; width:480px; height:300px; }
.games-b { position:absolute; left:0; width:960px; top:330px; height:80px; }
.games-scroller { position:absolute; top:440px; left:0; width:960px; height:187px; }

.scroll { overflow: hidden; width: 960px; margin: 0 auto; position: relative; }
.scrollContainer { position: relative; height:187px; }
.scrollContainer div.panel { padding:0 5px; width: 120px; height:187px; float:left; }
.inside img { display: block; width: 120px; height:91px; margin-top:45px; }
.scrollButtons { position:absolute;  z-index:100; width:70px; height:187px; }
.scrollButtons.left { top:0; left:0px; background:#CCC; background:url(../images/scroller-left-button.png); }
.scrollButtons.right { top:0; right:0px; background:#CCC; background:url(../images/scroller-right-button.png); }
.scrollButtons:hover { background-position:bottom left; }
.release-year { position:absolute; width:inherit; bottom:15px; left:42%; text-align:center; color:#FFF; font-family: 'PT Sans', sans-serif; font-weight:700; }

.gameinfo-scroller { overflow:hidden; height:400px; position:relative; }
.game-info { float:left; width:960px; height:300px; position:relative; }
.game-info .field-name-body { max-height:255px; }
.game-info .content-box { padding:0 20px; }

.games-b span { float:left; display:block; margin:5px 20px 5px 0; font-size:14px; }
.platforms { margin:0; padding:0; }
.platforms li { display:inline; background-color:#db5622; margin:0px; margin-right:10px; float:left; border-radius:5px; color:#000; font-weight:700; font-family: 'Open Sans Condensed', sans-serif; font-size:14px; letter-spacing:-1px; }
.platforms li a { color:#000; display:block; text-decoration:none; padding:5px 10px; }
.platforms li span { display:block; padding:5px 10px; margin:0; }
.platforms li.grey { background-color:#CCC; }
.platforms li a:hover { background-color:#FFF; border-radius:5px; }

.field-name-field-gallery { position:relative; overflow:hidden; height:300px; }
.field-name-field-gallery .field-items { position:absolute; width:10000em; clear:both; left:0; }
.field-name-field-gallery .field-item { float:left; width:480px; height:300px; }

.scrollContainer div.panel.dummy { opacity:0.2; cursor:default; }
.dummy img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); }


/* === KICKSTARTER === */

.kickstarter_l { position:absolute; top:0; left:0; width:730px; height:615px; background:url(../images/bg_box-grad-large.jpg) bottom repeat-x; }
.kickstarter_r { position:absolute; top:30px; left:760px; width:200px; height:585px; }
.kickstarter_r p { font-size:11px; line-height:1.4em; }
.kickstarter_l .content-box p { margin-right:500px; font-size:12px; }
.kickstarter_l .content-box p.intro { font-size:16px; font-family: 'Raleway', sans-serif; color:#BFBFBF; font-weight:700; }
.kickstarter_l h2 { color:#FFF; line-height:40px; border-top:5px solid #FFF; border-bottom:5px solid #FFF; display:inline-block; margin:0; font-family: 'Raleway', sans-serif; font-size:30px; font-weight:900; }
img.kickstarter { position:absolute; bottom:20px; right:20px; }
img.fundedwith { position:absolute; top:40px; right:-60px; }

.funded-info { position:absolute; bottom:20px; left:20px; background-color:#85C443; width:170px; padding:10px; color:#000; }
.funded-info p:last-child { margin-bottom:0; }
.funded-info p { color:#000; font-weight:bold; font-weight:700; font-family: 'Open Sans Condensed', sans-serif; }
.funded-info p span { font-size:35px; }


/* === CARMAGEDDON === */

.carmageddon_l { position:absolute; width:162px; height:615px; }
.carmageddon_m { position:absolute; left:172px; width:574px; height:615px; background:url(../images/bg_box-grad-large.jpg) bottom repeat-x; }
.carmageddon_r { position:absolute; left:756px; width:204px; height:615px; }
.carmageddon_m .content-box { height:460px; overflow:auto; }
.carma-logo{ padding:20px 20px 0; text-align:center; }
.carmageddon_l .screenshots { position:absolute; bottom:0; }
.carmageddon_l a { color:#FFF; text-decoration:none; }

.carmageddon_m .year { color:#FFF; font-size:30px; display:block; position:absolute; top:50px; font-family: 'Open Sans Condensed', sans-serif; }
.carmageddon_m .yearfrom {  left:50px; }
.carmageddon_m .yearto { right:50px; }

/* === SUPPORT === */

.support_t { position:absolute; top:60px; width:960px; }
.support_l { position:absolute; top:140px; left:0; width:480px; height:475px; background-color:#FFF; }
.support_r { position:absolute; top:140px; right:0; width:480px; height:475px; }

/* === Misc === */

/* Scrollable navigation */
.navi { position:absolute; top:20px; right:20px; z-index:100; }
.navi a { width:12px; height:12px; float:left; margin:3px; background:url(../images/navigator.png) 0 0 no-repeat; display:block; font-size:1px;cursor:pointer; }

.games-t_r .navi-container { position:absolute; bottom:5px; top:auto; left:0; width:100%; height:18px; text-align:center;  }
.games-t_r .navi { position:relative; top:auto; right:auto; height:18px; display:inline-block; }

.navi a:hover { background-position:0 -12px; }
.navi a.active { background-position:0 -24px; }


/* ADMIN */

ul.primary li.active a { background-color:#db5622; }