/* CSS RESET */
* {	margin: 0px; padding: 0px; text-indent: 0px; }
:focus{ -moz-outline-style: none; }
img { border: none; padding: 0px; }
ol, ul { list-style: none; }
.left { float: left!important}
.right { float: right!important}
.clear { clear: both!important; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.end { border: none!important; margin-right: 0!important; }
.last { background: none!important; margin-bottom: 0!important; }

/* COMMON */
html { background-color: #000; }
body { background: #000000 url(img/background.jpg) repeat-x center 82px; font-size: 11px; font-family: Tahoma,Arial, Helvetica, sans-serif; color: #666666; line-height: 13px; }
:link, :visited { text-decoration: none; color: #0099ff;  }
a:hover { color: #fff!important; }
h1, h2 { font-size: 15px; color: #fff; line-height: 38px; font-weight: normal; padding-bottom: 10px; }
h3 { color: #fff; font-size: 11px; font-weight: normal; padding-bottom: 8px; }
h4 { color: #3399ff; font-weight: normal; background: url(img/icons.gif) no-repeat left -35px; padding-left: 18px; margin-bottom: 10px; font-size: 11px; line-height: 13px; }
p, ul, ol { padding-bottom: 12px; }
span { color: #0099ff; }
.button { background: url(img/background-button.gif); display: block; width: 120px; height: 19px; padding: 8px 0 0 15px; margin: 5px 4px 0 0; text-transform: uppercase; color: #fff; }
.button:hover { color: #0099FF!important; }
strong, em { color: #fff; font-weight: normal; }

/* LAYOUT */
#header-content, #footer { width: 915px; margin: 0 auto; padding: 0 40px; }

#header { background: url(img/background-header.gif) repeat-x; height: 103px; z-index: 5; }
#header-content { position: relative; z-index: 5; }
#footer-content { border-top: 1px solid #181818; width: 915px; padding-top: 11px; height: 29px; }
#logo { display: block; padding-top: 36px; width: 302px; }
#footer ul li { float: left; height: 10px; border-right: 1px solid #292929; padding-right: 7px; margin: 4px 7px 0 0; line-height:10px; }
#footer :link, #footer :visited { color: #666666; -webkit-text-size-adjust: none; }
#footer p { background: url(img/icons.gif) no-repeat right 0; padding: 2px 38px 4px 0; }
#footer p, #footer p span { -webkit-text-size-adjust: none;  }
#content { width: 915px; padding: 0 40px; margin: 0 auto; }

.row { width: 915px; margin-bottom: 28px; }
.row-b { border-bottom: 1px solid #181818; margin-bottom: 28px; padding-bottom: 28px; }
.col { width: 305px; float: left; padding-top: 46px; position: relative; }
.col h1, .col h2 { position: absolute; top: 0; }
.col p { padding-right: 15px; }
.cols { width: 305px; float: left; }
.width610 { width: 610px; }
.width915 { width: 915px; }

/* NAVIGATION */
#nav { position: absolute; width: 415px; top: 28px; right: 12px; z-index: 10; }
#nav ul { width: 475px; padding-left: 31px; }
#nav li { position: relative; float: left; }
#header li :link, #header li :visited { background: url(img/background-navigation.gif) no-repeat; height: 15px; display: block; text-indent: -3000px; overflow: hidden; padding: 20px 0; }
#header .page-item-4 :link, #header .page-item-4 :visited { width: 64px; background-position: 0px 0px; }
#header .page-item-5 :link, #header .page-item-5 :visited { width: 66px; background-position: -64px 0px; }
#header .page-item-7 :link, #header .page-item-7 :visited { width: 83px; background-position: -130px 0px; }
#header .page-item-9 :link, #header .page-item-9 :visited { width: 99px; background-position: -213px 0px; }
#header .page-item-11 :link, #header .page-item-11 :visited { width: 73px; background-position: -312px 0px; }
#header .page-item-13 :link, #header .page-item-13 :visited { width: 73px; background-position: -385px 0px; }
#header .page-item-4 :hover, #header .page-item-4.current_page_item :link, #header .page-item-4.current_page_item :visited, #header .page-item-4.current_page_parent :link, #header .page-item-4.current_page_parent :visited { background-position: 0px -36px; }
#header .page-item-5 :hover, #header .page-item-5.current_page_item :link, #header .page-item-5.current_page_item :visited, #header .page-item-5.current_page_parent :link, #header .page-item-5.current_page_parent :visited  { background-position: -64px -36px; }
#header .page-item-7 :hover, #header .page-item-7.current_page_item :link, #header .page-item-7.current_page_item :visited, #header .page-item-7.current_page_parent :link, #header .page-item-7.current_page_parent :visited, #header .page-item-7.current_page_ancestor :link, #header .page-item-7.current_page_ancestor :visited { background-position: -130px -36px; }
#header .page-item-9 :hover, #header .page-item-9.current_page_item :link, #header .page-item-9.current_page_item :visited { background-position: -213px -36px; }
#header .page-item-11 :hover, #header .page-item-11.current_page_item :link, #header .page-item-11.current_page_item :visited, #header .page-item-11.current_page_parent :link, #header .page-item-11.current_page_parent :visited{ background-position: -312px -36px; }
#header .page-item-13 :hover, #header .page-item-13.current_page_item :link, #header .page-item-13.current_page_item :visited { background-position: -385px -36px; }
#gutter { position: absolute; width: 505px; height: 62px; top: 17px; left: 0; overflow: hidden; }
#highlight { background: url(img/background-highlight.png); height: 62px; width: 124px; display: block; position: absolute; top: 0; left: 0; }

/* HOMEPAGE */
#homepage-banner { width: 911px; padding: 8px 40px 0; margin: 0 auto 40px; background: url(img/background-home-banner.png) top no-repeat; height: 484px; position: relative; }
#home-img { width: 911px; height: 457px;  }
#home-rollover { width: 911px; height: 457px; background: url(img/loader.gif) 50% 50% no-repeat; }
#home-nav { position: absolute; top: 465px; left: 40px; padding: 0; }
#home-nav li { float: left; margin-right: 1px; }
#home-nav :link, #home-nav :visited { width: 151px; height: 27px; overflow: hidden; text-indent: -3000px; display: block; background: url(img/background-homepage-nav.gif); }
#home-nav .hn-2 :link, #home-nav .hn-2 :visited { background-position: -152px 0; }
#home-nav .hn-3 :link, #home-nav .hn-3 :visited { background-position: -304px 0; }
#home-nav .hn-4 :link, #home-nav .hn-4 :visited { background-position: -456px 0; }
#home-nav .hn-5 :link, #home-nav .hn-5 :visited { background-position: -608px 0; }
#home-nav .hn-6 :link, #home-nav .hn-6 :visited { background-position: -760px 0; }
#home-nav .hn-1 :hover, #home-nav .hn-1 .hn-active:link, #home-nav .hn-1 .hn-active:visited { background-position: 0 -28px; }
#home-nav .hn-2 :hover, #home-nav .hn-2 .hn-active:link, #home-nav .hn-2 .hn-active:visited { background-position: -152px -28px; }
#home-nav .hn-3 :hover, #home-nav .hn-3 .hn-active:link, #home-nav .hn-3 .hn-active:visited { background-position: -304px -28px; }
#home-nav .hn-4 :hover, #home-nav .hn-4 .hn-active:link, #home-nav .hn-4 .hn-active:visited { background-position: -456px -28px; }
#home-nav .hn-5 :hover, #home-nav .hn-5 .hn-active:link, #home-nav .hn-5 .hn-active:visited { background-position: -608px -28px; }
#home-nav .hn-6 :hover, #home-nav .hn-6 .hn-active:link, #home-nav .hn-6 .hn-active:visited { background-position: -760px -28px; }
#home-gutter { position: absolute; height: 52px; width: 911px; top: 300px; left: 0; left: 40px; top: 465px; }
#home-highlight { background: url(img/background-home-highlight.png); width: 151px; height: 52px; display: block; position: absolute; left: 0; top: 0; }
#home-link { background: url(img/background-home-link.jpg); height: 153px; width: 152px; display: block; position: absolute; top: 160px; right: 40px; }
.sneak li { float: left; margin: 0 1px 1px 0; }
.sneak li :link, .sneak li :visited { display: block; height: 60px; width: 60px; overflow: hidden; position: relative; }
.sneak li img, .late-link img, .fav-link img { position: absolute; }
.sneak li a:hover img { top: -60px; left: 0; }
.home-blog { min-height: 116px; }
.late-link, .fav-link { display: block; height: 182px; width: 304px; overflow: hidden; position: relative; margin-bottom: 12px; }
.late-link:hover img { top: -182px; left: 0px; } 
.fav-link { height: 90px; }
.fav-link:hover img { top: -90px; left: 0px; }

/* CONTACTPAGE */
#contact-banner { width: 855px; height: 390px; margin: 8px 0 28px; background: #000; padding: 30px; position: relative; }
.contact-form { width: 580px; position: relative; }
#contact-banner img { position: absolute; right:-70px; top:-35px; }
.cf-ol input { width: 176px; height: 21px; background: #1d1c1c; border: 1px solid #1d1c1c; margin-bottom: 10px; float: left; color: #999999; padding: 4px 4px 0; }
.cf-ol label { width: 85px; display: block; padding-top: 5px; float: left; }
.cf-ol label span { font-size: 14px; color: #fff; }
.cf-ol li { float: left; width: 290px; }
.cf-ol textarea { background: #1d1c1c; border: 1px solid #1d1c1c; width: 482px; height: 168px; float: left; color: #999999; padding: 4px 4px 0; }
li#li--5 { width: 580px; }
#li--4 label, #li--2 label { width: 101px; }
.cf_hidden { display: none; }
.cf-sb input { float: right; background: url(img/background-button-submit.gif); width: 135px; height: 27px; border: 0 none; color: #000; text-align: center; margin: 15px 4px 0 0; font-size: 0px; text-indent: -400px; overflow: hidden; cursor: pointer; }
.cf-sb input:hover { background-position: 0 -37px; }
.cf_li_err input, .cf_li_err textarea { border-color: #0099ff; }
#usermessageb { position: absolute; left: 86px; top: 362px; color: #0099ff; }
#contact-banner .success { left:0; top:100px; }
#contact-banner .success img { position: relative; top: 0; left: 0; }
.contact-email { background: url(img/i-dont-like-web-forms.jpg) left top no-repeat; height: 150px; padding-left: 151px; }
.thanks-p { padding-right: 30px; min-height: 104px; }

/* BLOG */
#blog-banner { background: url(img/background-blog.png); width: 980px; height: 337px; margin: 0 auto 12px; position: relative; } 
#blog-banner img { width: 370px; height: 157px; display: block; position: absolute; top:172px; left: 255px; }
.post { background: url(img/background-post.gif) bottom no-repeat; padding-bottom: 20px; margin-bottom: 15px; }
.post h1 :link, .post h1 :visited { color: #fff; background: transparent; }
.post h1 :hover { display: inline-block; }
.sidebar { float: right; width: 285px; }
.side-post { background: url(img/background-post-small.gif) bottom left no-repeat; padding-bottom: 20px; margin-bottom: 15px; width: 264px; }
.side-post h2 { font-size: 30px; line-height: 30px; }
.side-post li { color: #0099ff; background: url(img/icons.gif) no-repeat left -35px;  padding-left: 18px; margin-bottom: 2px; }
.post li { background: url(img/background-post-icon.gif) no-repeat left 4px;  padding-left: 18px; margin-bottom: 2px; }
.news-top { position: relative; width: 264px; }
#news-open { position: absolute; top: 10px; right: 0px; }
.rss-icon { display: block; padding-left: 45px; background: url(img/button-rss-over.gif) no-repeat left 0 ; color: #fff; height: 31px; }
.twit-icon { display: block; background: url(img/twitter-over.gif) no-repeat left 0 ; color: #fff; height: 26px; padding: 14px 0 10px 65px; }
.rss-icon:hover { background-position: left -31px; }
.twit-icon:hover { background-position: left -52px; }
.games-icon, .search-icon { background: url(img/icons.gif) no-repeat left -67px; padding-left: 45px; }
.games-icon { background-position: left -119px; padding-top: 7px; }
#news-hidden ul { padding: 0; }
.search-post label { display: none; }
.search-post div { background: url(img/background-search.gif); width: 265px; height: 35px; }
.search-post #s { border: none; background: transparent; height: 15px; width: 140px; padding: 10px 15px; color: #fff; }
.search-post #searchsubmit { border: none; background: transparent; text-indent: -300px; width: 90px; height: 35px; cursor: pointer; font-size: 0px; }
#pag p { padding: 0; }
#pag :link, #pag :visited { font-size: 24px; line-height: 24px; color: #fff; background: url(img/button-pag-left.gif) left no-repeat; padding-left: 70px; display: block; }
#pag .right :link, #pag .right :visited { padding-right: 70px; background-position: right; }
.wp-caption-text { font-style:italic; color: #444; }

/* ABOUT */
#sub-header { background: url(img/background-sub-nav.png) top no-repeat; width: 100%; height: 48px; position: relative; top: -23px; }
#sub-nav { width: 775px; margin: 0 auto;  position: relative; overflow: hidden; height:58px; z-index: 30; }
#sub-nav ul { padding: 0 20px; position: relative; z-index: 30; }
#sub-nav li { float: left; position: relative; }
#sub-nav li :link, #sub-nav li :visited { height: 15px; display: block; overflow: hidden; padding: 15px 14px 10px 12px; color: #999; font-size: 12px; font-weight: bold; background: url(img/background-sub-nav-divider.gif) left no-repeat; }
#sub-nav li a:hover, #sub-nav ul .current_page_item :link, #sub-nav ul .current_page_item :visited, #sub-nav ul .current_page_parent :link, #sub-nav ul .current_page_parent :visited { color: #fff; }
#sub-highlight { background: url(img/background-sub-highlight.png); display:block; height:58px; left:0; position:absolute; top:0; width:124px; }
#sub-gutter { height:58px; left:0; position:absolute; top:0; width: 730px; overflow: hidden; }
.about-page h2 { font-size: 24px; line-height: 24px; }
.about-page .col { padding-top: 35px; }
.about-page .width915 { padding-top: 46px; }
.about-page .col li { background: url(img/background-ul-li.gif) left 2px no-repeat; padding: 0 0 3px 18px; }
.about-page .row-b { padding-bottom:16px; }
.about-pag { padding-top: 12px; border-top: 1px solid #181818; font-size: 24px; line-height: 24px; }
.about-pag :link, .about-pag :visited { color: #fff; }
.about-pag a:hover { color: #0099FF!important; }
.about-pag em { color: #666!important; }
.about-next { background: url(img/icons.gif) no-repeat right -224px; padding-right: 20px; float: right; }
.about-previous { background: url(img/icons.gif) no-repeat 0px -251px; padding-left: 20px; float: left; }
.about-page .about-col { width: 600px; padding: 45px 315px 0 0; position: relative; }
.about-col h2 { position: static; }
.about-col img { position: absolute; top: -25px; right: 30px; }
.services-page .col { min-height: 510px; position: relative; }
.services-page .favs .col { min-height: 0; }
.services-page .col .button { position: absolute; right: 0; bottom: 0; }
.award-row { margin-bottom: 0; }
.award-row .col { margin-bottom: 28px;  }
.awards-imgs img { padding-bottom: 12px; }
.awards-imgs :link, .awards-imgs :visited, .award-row :link, .award-row :visited { color: #666; }
.spec-head .col { padding-top: 0; }
.spec-head .col h2 { position: relative; }

/* PORTFOLIO */
.p-img { width: 769px; position: relative; }
.p-info { width: 124px; }
.p-info strong { display: block; }
.p-title { width: 100%; font-size: 24px; margin-top: 20px; padding-bottom: 20px; }
.p-breif { width: 305px; } 
.p-sol { width: 585px; }
.p-footer { float: left; width: 915px; border-top: 1px solid #181818; border-bottom: 1px solid #181818; padding: 11px 0 11px 0; text-align: right; margin-top: 10px; }
.p-footer :link, .p-footer :visited { background: url(img/icons.gif) no-repeat 20px -276px; padding-right: 20px; -webkit-text-size-adjust: none; }
.p-info :link, .p-info :visited { color: #666; }
.profile-nav #sub-highlight { left: -0.5px; }
.profile-nav #sub-nav { width: 660px; }
.videoFront { position: relative; }
.videoBack { position: absolute; left: 0; top: 0; }

/* LANDING */
.p-col { float: left; width: 183px; overflow: hidden; }
.p-col .p-img-link { width: 182px; height: 339px; display: block; overflow: hidden; position:relative; }
.p-col .p-img-link img { position: absolute; top: 0; }
.p-col .p-img-link:hover img { left: -182px; top: 0; }
.p-col h2 { text-transform: uppercase; padding: 0; font-size: 24px; height: 24px; overflow: hidden; margin-top: 12px; position:relative; }

/* BRANDING */
.brand-info { width: 446px; }
.brand-info .right { width: 216px; }
.brand-col { float: left; width: 446px; margin-right: 20px; }
.even { margin-right: 0; }
.p-footer-pad { margin-bottom: 20px; }

/* DOWNLOAD */
.download-page h2 { font-size: 24px; line-height: 24px; }
.download-page .col { padding-top: 0; }
.download-row .col { padding-top: 40px; }
.download-page .col :link, .download-page .col :visited { color: #666; }
.download-row .col :link, .download-row .col :visited { color: #fff; }
.row-down { margin-bottom: 10px; }


/* 404 */
.error-page h1 { background: url(img/ERROR-404.jpg); height: 406px; width: 911px; overflow: hidden; text-indent: -9999px; }