@charset "utf-8";

body { background:#c3c3c3; }

div#wrapper { width:100%; margin:auto; background:#eeeeee; }


div#navigation { width:100%; height:70px; position:absolute; left:0; top:0; background:url("../images/bg_mainNav.gif") #eeeeee 0 0 repeat-x; }
div#navigation div.inner { width:970px; height:100%; margin:auto; }

div#navigation ul { margin:0; padding:6px 0 0 260px; width:auto; height:62px; cursor:default; }
div#navigation ul * { float:left; display:block; cursor:pointer; width:auto; height:100%; margin:0; padding:0; color:#333; font-weight:bold; font-size:14px; line-height:90px; font-family:"candara",sans-serif; }
div#navigation ul li { list-style:none; margin:0 35px 0 0; background:url("../images/bg_navTab.png") 0 -999px no-repeat; }
div#navigation ul li a { text-decoration:none; padding:0 10px; background:url("../images/bg_navTab.png") 0 -999px no-repeat; }
div#navigation ul li a span { background:url("../images/bg_navTab.png") 0 -999px repeat-x; }

div#navigation ul li:hover,
div#navigation ul li.active { background-position:0 0; }
div#navigation ul li:hover a,
div#navigation ul li.active a { background-position:100% -62px; text-decoration:none; }
div#navigation ul li:hover a span,
div#navigation ul li.active a span { background-position:0 -124px; color:#FFF; }




div#header { z-index:99; width:100%; height:170px; position:absolute; left:0; top:70px; background:#eeeeee; }
div#header div.inner { width:710px; height:150px; margin:auto; padding:25px 0 0 260px; }
div#header h1.logo { display:block; width:239px; height:72px; margin:0; padding:0; position:absolute; left:0; top:15px; }
div#header h1.logo a { display:block; margin:0; padding:0; width:100%; height:100%; background:url("../images/bg_logoMain.gif"); overflow:hidden; text-indent:-999px; font-size:0; line-height:0; }
div#header h2.intro,
div#header h2.intro * { font-weight:normal; font-size:28px; font-family:"candara",sans-serif; line-height:33px; margin:0 0 5px 0; }
div#header h3.sub-intro,
div#header h3.sub-intro * { font-weight:normal; font-size:20px; font-family:"candara",sans-serif; line-height:23px; margin:0 0 5px 0; color:#DD1514; }

.subpage div#header { height:110px; }
.subpage div#header div.inner { height:90px; }
.portfolio div#header { height:110px; }
.portfolio div#header div.inner { height:90px; }

div#banner { width:100%; height:300px; position:absolute; left:0; top:240px; background:#FFF; }
div#banner.noBanner { display:none; }
div#banner div.inner { width:1100px; height:100%; position:absolute; left:50%; margin-left:-550px; top:0; }
div#banner img { width:100%; height:100%; }
.subpage div#banner { height:175px; top:180px; }
.subpage div#banner div.inner { width:775px; padding-left:325px; }
.portfolio div#banner { height:250px; top:180px; }

div.breadcrums { top:-5px; }
div.breadcrums * { font-size:20px; font-family:"candara",sans-serif; }
div.breadcrums span { margin:0 5px; color:#E41713; }


div#content { width:100%; padding:540px 0 0 0; }
div#content div.inner { width:970px; height:auto; margin:auto; padding:35px 0; }
.subpage div#content { padding:180px 0 0 0; background:#FFF; border-bottom:4px solid #eeeeee; }
.portfolio div#content { padding:430px 0 0 0; }

div#content.hasBanner div.rightCol-body { padding:175px 0 0 0; }
div#content.noBanner div.rightCol-body { padding:0; }

div#content div.rightCol-body { width:710px; float:right; padding:175px 0 0 0; }

div#content div.leftnav { width:260px; float:left; z-index:99; }
div#content div.leftnav * { font-family:"candara",sans-serif; color:#333; }
div#content div.leftnav ul { margin:0 0 10px 0; padding:0 0 0 10px; }
div#content div.leftnav ul li { list-style:none; margin:0; padding:0; }

div#content div.leftnav > ul > li > a { line-height:32px; text-decoration:none; font-size:12px; font-weight:normal; background:url("../images/bg_navLeft-dashes.gif") 0 1px no-repeat; padding-left:12px; text-transform:uppercase; }
div#content div.leftnav > ul > li > ul > li > a { line-height:26px; text-decoration:none; font-size:11px; font-weight:bold; background:url("../images/bg_navLeft-arrow.gif") 0 2px no-repeat; padding-left:20px; text-transform:capitalize; }
div#content div.leftnav > ul > li > ul > li > a > span { margin-right:10px; }

div#content div.leftnav ul ul { display:none; }
div#content div.leftnav ul li.active > ul { display:block; }

div#content div.leftnav li:hover > a,
div#content div.leftnav li.active > a { font-weight:bold; color:#E41713; }




div.layTwoColumn { padding-left:260px; }
div.layTwoColumn div.col-L { float:left; width:50%; display:inline; overflow:hidden; }
div.layTwoColumn div.col-R { float:right; width:50%; display:inline; overflow:hidden; }
div.layTwoColumn div.col-L div.padding { padding:0 24px 0 0; }
div.layTwoColumn div.col-R div.padding { padding:0 0 0 24px; }


.home div.projects { width:701px; left:260px;  }
div.projects { width:948px; height:auto; margin:20px 0 40px 0; }
div.projects div.mask { width:100%; height:auto; overflow:hidden; }
div.projects div.holder { width:100%; height:auto; }

div.projects div.project { width:227px; height:auto; margin:0 10px 0 0; float:left; }
div.projects div.project div.thumb { margin-bottom:10px; }
div.projects div.project div.thumb a { display:block; padding:2px; background:#FFF; }
div.projects div.project div.thumb a img { width:223px; height:98px; }
div.projects div.project div.thumb a:hover { background:#C51212 }
div.projects div.project div.content * { color:#666666; font-size:11px; line-height:16px; }
div.projects div.project div.content h5 { color:#C51212; font-size:13px; margin-bottom:15px }


div.scrollmask { width:865px; left:20px; height:20px; top:-24px; }
div.scrollmask div.scrollbar { width:auto; height:100%; position:absolute; left:40px; right:40px; }
div.scrollmask div.scrollbar a.ui-slider-handle { display:block; width:80px; height:100%; margin:0 0 0 -40px; padding:0; position:absolute; top:0; left:0; background:url("../images/bg_scrollBar-drag.png") 0 0 no-repeat; }


div.projects div.controllers { z-index:99; position:absolute; width:741px; height:0; left:-20px; top:0; }
div.projects div.controllers a { display:block; width:59px; height:60px; margin:0; padding:0; position:absolute; top:20px; overflow:hidden; text-indent:-999px; font-size:0; line-height:0; }
div.projects div.controllers a.next { right:0; background:url("../images/bg_webThumb-controller_R.png") 0 -60px no-repeat; }
div.projects div.controllers a.prev { left:0; background:url("../images/bg_webThumb-controller_L.png") 0 -60px no-repeat; }
div.projects div.controllers a.next:hover { background-position:0 0; }
div.projects div.controllers a.prev:hover { background-position:0 0; }
div.projects div.controllers a.disabled.next { background-position:0 -120px; cursor:default; }
div.projects div.controllers a.disabled.prev { background-position:0 -120px; cursor:default; }
div.projects div.controllers a.click { top:22px; }




.portfolio div.projects div.controllers { width:65px; height:19px; top:-63px; right:-11px; left:auto; background:#eeeeee; }
.portfolio div.projects div.controllers a { width:19px; height:19px; top:0; }
.portfolio div.projects div.controllers a.next { right:10px; background:url("../images/bg_portfolioController.png") -19px 0 no-repeat; }
.portfolio div.projects div.controllers a.prev { left:10px; background:url("../images/bg_portfolioController.png") 0 0 no-repeat; }
.portfolio div.projects div.controllers a.next:hover { background-position:-19px -19px; }
.portfolio div.projects div.controllers a.prev:hover { background-position:0 -19px; }
.portfolio div.projects div.controllers a.disabled.next { background-position:-19px -38px; cursor:default; }
.portfolio div.projects div.controllers a.disabled.prev { background-position:0 -38px; cursor:default; }



div.project-view {}
div.project-view div.project_col-L { width:236px; float:left; }
div.project-view div.project_col-R { width:711px; float:right; }

div.project-view div.screenshot { width:236px; height:102px; margin-bottom:22px; }
div.project-view div.screenshot a { display:block; width:223px; height:98px; padding:2px; margin-right:9px; background:#666666; }
div.project-view div.screenshot a img { width:100%; height:100%; }
div.project-view div.screenshot a:hover,
div.project-view div.screenshot a.active { padding-right:11px; background:url("../images/bg_portfolioThumb-hover.gif") #ca1313 100% 50% no-repeat; }

div.project-view div.dots { height:15px; float:right; position:absolute; top:0; right:0; }
div.project-view div.dots a.dot { display:block; float:left; margin:0 0 0 5px; padding:0; width:15px; height:15px; overflow:hidden; text-indent:-999px; font-size:0; line-height:0; background:url("../images/bg_btnPortfolioDot.gif") 0 -15px no-repeat; }
div.project-view div.dots a.dot:hover,
div.project-view div.dots a.dot.active { background-position:0 0; }

div.project-view div.canvas { width:709px; border:1px solid #c8c8c8; padding-top:43px; background:url("../images/bg_portfolioBrowser-head.gif") 0 0 no-repeat; }
div.project-view div.canvas img { width:100%; height:auto; }

div.project-view .heading-projectDetails { font-size:13px; font-weight:bold; color:#C51212; margin:0; padding:5px 0 15px 0; }
div.project-view .heading-screenshots { font-size:11px; font-weight:bold; color:#666; margin:0 0 20px 0; }

div.project-view div.description * { color:#666666; font-size:11px; line-height:15px; }
.webLink * { font-size:11px; }
.webLink > * { color:#666666; }

div.project-view div.traverseProjects { z-index:999; width:970px; left:50%; top:-15px; margin-left:-550px; padding:40px 65px 0 65px; background:url("../images/bg_portfolioShadow-bot.png") 0 0 no-repeat; }
div.project-view div.traverseProjects * { font-size:13px; font-weight:bold; margin:0; padding:0; width:auto; height:19px; line-height:19px; }
div.project-view div.traverseProjects a { display:block; color:#666666; background:url("../images/bg_btnPortfolioTraverse.gif") no-repeat; }
div.project-view div.traverseProjects a.prev { padding-left:30px; background-position:0 0; }
div.project-view div.traverseProjects a.next { padding-right:30px; background-position:100% -19px; }
div.project-view div.traverseProjects a span { color:#C51212; }







div.staffMembers {}

div.staffMembers div.member { width:709px; height:218px; margin-bottom:25px; background:url("../images/bg_staffBubble.png") 0 0 no-repeat; }

div.staffMembers div.member div.content { width:679px; height:188px; padding:15px; }
div.staffMembers div.member img.profilePic { z-index:99; width:auto; height:177px; margin:0; float:left; padding:6px; margin-right:25px; background:#e01612; }

div.staffMembers div.member * { color:#666; line-height:18px; }

div#content div.staffMembers div.member h4.workerName { color:#363636; margin:0 0 5px 0; font-weight:normal; line-height:normal; font-size:18px; }
div#content div.staffMembers div.member h5.workerTitle { color:#e21617; margin:0 0 15px 0; font-weight:normal; line-height:normal; font-size:12px; }




div#footer { width:100%; height:165px; background:url("../images/bg_footerGradient.gif") #c3c3c3 0 0 repeat-x; }
div#footer div.inner { width:970px; height:100%; margin:auto; overflow:hidden; background:url("../images/bg_footerContainer.png") 0 0 no-repeat; }

div#footer h5.tabLatestNews { width:200px; height:34px; margin:0; padding:0; position:absolute; top:0; left:50%; margin-left:-100px; overflow:hidden; text-indent:-999px; font-size:0; line-height:0; background:url("../images/bg_tabLatestNews.png") 0 0 no-repeat; }

div#footer div.articles { z-index:1; width:860px; height:90px; overflow:hidden; position:absolute; top:50px; left:50%; margin-left:-430px; }
div#footer div.articles div.holder { width:100%; height:100%; }

div#footer div.articles div.article { width:430px; height:100%; float:left; background:url("../images/bg_footerArticle-divider.gif") 0 50% repeat-y; }
div#footer div.articles div.article * { color:#FFF; }
div#footer div.articles div.article div.date { float:left; width:100px; height:100%; text-align:center; }
div#footer div.articles div.article div.date * { font-size:14px; }
div#footer div.articles div.article div.date span { display:block; font-size:60px; margin:-5px 0 -10px 0; }
div#footer div.articles div.article div.content { float:left; width:310px; height:auto; padding:5px 20px 0 0; }
div#footer div.articles div.article div.content * { font-size:11px; }
div#footer div.articles div.article div.content p { margin-bottom:10px; }
div#footer div.articles div.article div.content h6 { font-size:13px; }

div#footer div.controllers { z-index:0; position:absolute; width:100%; height:100%; left:0; top:0; }
div#footer div.controllers a { display:block; width:45px; height:45px; margin:0; padding:0; position:absolute; top:58px; overflow:hidden; text-indent:-999px; font-size:0; line-height:0; background:url("../images/bg_footerControls.png") no-repeat; }
div#footer div.controllers a.next { right:-5px; background-position:-45px 0; }
div#footer div.controllers a.prev { left:-5px; background-position:0 0; }
div#footer div.controllers a.next:hover { right:0; }
div#footer div.controllers a.prev:hover { left:0 }
div#footer div.controllers a.click { top:60px; }

div#footer div.controllers a.disabled.next { background-position:-45px -45px; cursor:default; }
div#footer div.controllers a.disabled.prev { background-position:0 -45px; cursor:default; }
div#footer div.controllers a.disabled.next:hover { right:-5px; }
div#footer div.controllers a.disabled.prev:hover { left:-5px; }



div#copyright { width:100%; height:75px; background:#c3c3c3; }
div#copyright div.inner { width:970px; height:100%; margin:auto; }
div#copyright div.rights { float:right; padding-right:40px; }
div#copyright div.rights * { line-height:50px; font-size:11px; }

div#copyright div.links { padding-left:20px; padding-top:10px; }
div#copyright div.links a { float:left; display:block; height:22px; margin:0 10px; padding:0; overflow:hidden; text-indent:-999px; font-size:0; line-height:0;  }
div#copyright div.links a.logoFacebook { width:99px; background:url("../images/bg_footerLogo-facebook.gif") 0 0 no-repeat; }
div#copyright div.links a.logoTwitter { width:97px; background:url("../images/bg_footerLogo-twitter.gif") 0 0 no-repeat; }
div#copyright div.links a:hover { background-position:0 -22px; }





div.bodystyle * { line-height:20px; }
div.bodystyle img { margin:0 0 10px 0; }
div.bodystyle img.float-L,
div.bodystyle img[align='left'] { margin:0 15px 10px 0; }
div.bodystyle img.float-R,
div.bodystyle img[align='right'] { margin:0 0 10px 15px; }
div.bodystyle .shadow img { margin:0; }





div#content h3 { font-family:"candara",sans-serif; font-size:18px; font-weight:normal; width:100%; margin:0 0 -22px 0; padding-top: 18px; background:url("../images/bg_hRule.gif") 0 0 no-repeat; }
div#content h3 * { font-family:"candara",sans-serif; font-size:18px; }
div#content h4 { font-size:17px; line-height:25px; font-weight:normal; margin-bottom:15px; }
div#content h5 { color:#E41713; }


div#surveyQuestion { margin:0 0 15px 0; }
div#surveyQuestion * { line-height:normal; margin:0; height:auto; }
div#surveyQuestion br { display:none; }

div#surveyQuestion span { display:block; margin-bottom:5px; }
div#surveyQuestion input { width:300px; padding:4px; }
div#surveyQuestion select { width:300px; padding:4px; }
div#surveyQuestion textarea { width:300px; padding:4px; }




/* BUTTONS */

.btnFullArticle { display:block; width:94px; height:20px; margin:0; padding:0; overflow:hidden; text-indent:-999px; font-size:0; line-height:0; background:url("../images/bg_btnArticle-readFull.png") 0 0 no-repeat; }
.btnViewAllWork { display:block; width:151px; height:24px; margin:0; padding:0; overflow:hidden; text-indent:-999px; font-size:0; line-height:0; background:url("../images/bg_btnViewAllWork.gif") 0 0 no-repeat;; }
.btnViewFullCase { display:block; width:121px; height:28px; margin:0; padding:0; overflow:hidden; text-indent:-999px; font-size:0; line-height:0; background:url("../images/bg_btnViewFullCase.png") 0 50% no-repeat; }
.btnViewProfile { display:block; width:108px; height:24px; margin:0; padding:0; overflow:hidden; text-indent:-999px; font-size:0; line-height:0; background:url("../images/bg_btnViewProfile.gif") 0 50% no-repeat; }
.btnSubmitEnquiry { z-index:9999; display:block; margin:0; padding:0; width:185px; height:34px; position:absolute; top:50px; right:0; overflow:hidden; text-indent:-999px; font-size:0; line-height:0; background:url("../images/bg_btnSubmitEnquiry.png") 0 0 no-repeat;; }