@charset "utf-8";
/*--------------------------------------------------------------------------------------------------
CSS Styles for <Destructive Dave>.

version:   1.0
--------------------------------------------------------------------------------------------------*/

/* =CSS Reset
--------------------------------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape devices */ }
/* End CSS Reset
--------------------------------------------------------------------------------------------------*/

/* =Toolkit
--------------------------------------------------------------------------------------------------*/

/* Micro Clearfix Hack by Nicholas Gallagher (http://nicolasgallagher.com/micro-clearfix-hack/) */
/* For modern browsers */ 
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }
/* general purpose classes */
.nodisplay { display:none; }
.nodisplay_strict { display:none !important; }
.alignleft { float:left; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.alignright { float:right; }
/* End Toolkit
--------------------------------------------------------------------------------------------------*/

/* =Normalization - mostly derived from normalize.css (https://github.com/necolas/normalize.css/) but without comments and compressed to keep the file small
--------------------------------------------------------------------------------------------------*/

hr { display:block; height:1px; border:0; margin:1em 0; padding:0; border-top:1px solid #cccccc; /* change border colour to suit your needs */ }
audio, canvas, video { display: inline-block; *display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
[hidden] {
display: none;
}
html { overflow-y: scroll; }
body, button, input, select, textarea { font-family: sans-serif; }
a:focus { outline: none; }
a:hover, a:active { outline: none; }
a { text-decoration:none; cursor:pointer !important; outline: 0; }
h1 { }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul { }
ins { text-decoration: none; }
del { text-decoration: line-through; }
abbr[title] { border-bottom: 1px dotted; cursor:help; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 75%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align:top; }
svg:not(:root) {
overflow: hidden;
}
fieldset { border: none; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px;
}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;
}
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible;
white-space: normal; }
input, select, td { vertical-align:middle; }
input { -webkit-appearance: none; }
button { border: 0; padding: 0; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea { overflow: auto; vertical-align: top; resize: none; -webkit-appearance: none; }
::-moz-focus-inner {
border: 0;
outline: 0;
}
input:focus, textarea:focus { outline:none; }
/*Text selection css*/
    /*::selection { background: #e2eae2; }  
    ::-moz-selection { background: #e2eae2; }  
    ::-webkit-selection { background: #e2eae2; }*/
.game-screens li div { behavior: url(css/pie.htc); }
/* End Normalization
--------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------*/
@font-face {
 font-family: 'royal_acidregular';
 src: url('../fonts/royalacid-webfont.eot');
 src: url('../fonts/royalacid-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/royalacid-webfont.woff') format('woff'), url('../fonts/royalacid-webfont.ttf') format('truetype'), url('../fonts/royalacid-webfont.svg#royal_acidregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'open_sanslight';
 src: url('../fonts/opensans-light-webfont.eot');
 src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-light-webfont.woff') format('woff'), url('../fonts/opensans-light-webfont.ttf') format('truetype'), url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
 font-weight: normal;
 font-style: normal;
}
body { font: 14px/18px Arial, Helvetica, sans-serif; color:#000; background:#fff; -webkit-font-smoothing: antialiased; }
.main { width:980px; margin:0 auto; }
/* End Typography
--------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------*/
#header { padding-top:29px; padding-bottom:35px; }
.header-block { background:url(../img/banner_bg.png) no-repeat center top; }
/* End Headings
--------------------------------------------------------------------------------------------------*/
/* =Logo
--------------------------------------------------------------------------------------------------*/
h1#logo { float:left; }
h1#logo a { display:block; width:516px; height:49px; text-indent:-9999px; text-decoration:none; background:url(../img/logo.png) no-repeat 0 0; }
/* End Logo
--------------------------------------------------------------------------------------------------*/
/* =Links
--------------------------------------------------------------------------------------------------*/
#social { float:right; padding-top:8px; }
#social ul { margin:0; padding:0; }
#social ul li { float:left; }
#social ul li a { background:url(../img/social.png) no-repeat; width:272px; height:37px; display:block; padding-left:10px; }
#social ul li a.facebook { background-position:0 0; width:37px; height:37px; }
#social ul li a.twitter { background-position:-47px 0; width:37px; height:37px; }
#social ul li a.gplus { background-position:-94px 0; width:37px; height:37px; }
#social ul li a.linkdin { background-position:-140px 0; width:37px; height:37px; }
#social ul li a.picasa { background-position:-187px 0; width:37px; height:37px; }
#social ul li a.youtube { background-position:-234px 0; width:37px; height:37px; }
/* End Links
--------------------------------------------------------------------------------------------------*/

/* =Main Content
--------------------------------------------------------------------------------------------------*/
.img-block { }
.element-block { padding-bottom: 40px; }
.dl-text { /*float:left;*/ font-family: 'Open Sans', sans-serif; font-size:18px; font-weight:normal; color:#29110d; width:363px; text-align:center; line-height:24px; margin-left:115px;margin-top: -15px; float:left; }
.button-block {float:right; margin-top:-15px; margin-right:26px; /* margin: 15px 126px;*/}
.app-store { margin-right:20px; }
.video-block { background:url(../img/video-bg.png) no-repeat center top; height:909px; }
.text-block { padding:44px 0 34px 0; }
.text-block p { text-align:center; font-family: 'open_sanslight'; font-size:36px; padding-bottom:40px; color:#513935; line-height: 36px; }
.text-block span { text-align:center; display:block; font-family: 'royal_acidregular'; font-size:36px; color:#513935; }
.video { background:#fff; }
.video-block .main { position:relative; }
.shadow { background:url(../img/shadow.png) no-repeat; position:absolute; bottom:-38px; width:966px; height:37px; }
.video img, .video iframe { padding:15px; }
.about-block { background:url(../img/green-bg.png) no-repeat center top; }
.about { float:left; width:490px; padding:50px 0 74px 0; }
.about p { font-family: 'Open Sans', sans-serif; font-weight:normal; font-size:14px; color:#fff; padding-bottom:30px; line-height: 22px; }
.features { float:right; width:436px; padding:50px 0 0 0; }
.features li { float:left; padding-bottom:14px; }
.title { font-family: 'open_sanslight'; font-size:36px; padding-bottom:36px; color:#fff; line-height:36px; }
.features img { float:left; margin:2px 0; }
.feature-text { float:left; margin-left:5px; width:398px; }
.feature-text h3 { color:#fff; font-family: 'open_sanslight'; font-size:20px; padding-bottom:12px; }
.feature-text p { color:#fff; font-family: 'Open Sans', sans-serif; font-size:14px; padding-bottom:12px; }
/*character images*/
.about-block .main, .image-section .main, #footer .main { position:relative; }
.engg-img { position:absolute; right:0; top:-75px; }
.carpenter { position:absolute; left:0; top:-75px; }
.chicken { position:absolute; right:0; top:396px; }
.dave { position:absolute; right:0; top:-92px; }
.image-section { background:#d6733c; padding-bottom: 80px; }
.game-screens { margin:0; padding:91px 0 0 0; float:left; }
.game-screens li { float:left; margin-right:55px; }
.game-screens li.last { margin-right:0; }
.game-screens li div { /*border: 10px solid #DC8859; border-radius: 50%;*/ height: 285px; overflow: hidden; padding: 0; width: 288px; }
.game-screens li .game-screen1 { background: url("../img/game-screen-1.png") no-repeat scroll center center; }
.game-screens li .game-screen2 { background: url("../img/game-screen-2.png") no-repeat scroll center center; }
.game-screens li .game-screen3 { background: url("../img/game-screen-3.png") no-repeat scroll center center; }
.game-screens li .game-screen4 { background: url("../img/game-screen-4.png") no-repeat scroll center center; }
.game-screens li p { text-align:center; color:#fff; font-family: 'Open Sans', sans-serif; font-size:14px; padding-top:25px; width: 278px;}
.slider-text { color:#fff; font-family: 'Open Sans', sans-serif; font-size:14px; padding-bottom:12px; width:330px; }
/* =End Main Content
--------------------------------------------------------------------------------------------------*/
.slider-block { padding:50px 0 0 0; float: left; margin-left: 130px; }
.slider-block #container { margin: 0 auto; position: relative; width: 329px; z-index: 0; }
.slider-block #example { height: 192px; position: relative; width: 341px; }
.slider-block #frame { height: 227px; left: -80px; position: absolute; top: -3px; width: 478px; z-index: 0; }
.slider-block #slides { left: -13px; position: absolute; top: 15px; z-index: 100; }
.slides_container { display: none; overflow: hidden; position: relative; width: 341px; }
.slides_container div.slide { display: block; height: 192px; width: 341px; }
#slides .next, #slides .prev { display: block; height: 43px; left: -39px; position: absolute; top: 107px; width: 24px; z-index: 101; }
#slides .next { left: 585px; }
.pagination { /*float: right; margin: -18px -50px 0 0;*/ float: right; left: 48px; position: relative; top: -26px; }
.pagination li { float: left; list-style: none outside none; margin: 0 4px; }
.pagination li a { background-image: url("../img/pagination.png"); background-position: 0 0; display: block; float: left; height: 0; overflow: hidden; padding-top: 8px; width: 8px; }
.pagination li.current a { background-position: 0 -11px; }
.caption { color: #FFFFFF; float: left; font-size: 1.3em; line-height: 1.33; margin-top: 23px; width: 275px; z-index: 500; }
.caption p { color:#fff; font-family: 'Open Sans', sans-serif; font-size:20px; }
.caption span { color:#fff; font-family: 'Open Sans', sans-serif; font-size:14px; }
.slides_control { height:260px !important; }
#footer { padding:44px 0; background:#faf8f2; }
.abt_us { float:left; width:460px; }
.abt_us p { color:#d6733c; font-family: 'Open Sans', sans-serif; font-size:14px; line-height:20px; }
.contact_us { float:right; margin-right:115px;}
.footer-title { color:#d6733c; font-family: 'open_sanslight'; font-size:30px; line-height:30px; padding-bottom:20px; }
.footer-block { width:220px; float:left; }
.footer-block-inner { margin-left:30px; }
.footer-block li { float:left; padding-bottom:20px; }
.footer-block li p { color:#d6733c; font-family: 'Open Sans', sans-serif; font-size:14px; line-height:13px; float:left; margin-left:10px; }
.footer-block li p a { color:#d6733c; }
.footer-block li p a:hover { text-decoration:underline; }
.footer-block li img { float:left; }
.facebook-block{*width:210px;}