@charset "utf-8";
/* CSS Document */

html, body {margin:0; padding:0; border:0; width:100%; height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; line-height:140%;}
a {text-decoration:none; color:#333;}
a:hover {text-decoration:underline;}
img {border:0;}
ul {list-style:none; margin:0; padding:0;}
h1, h2, h3, h4 {padding:0; margin:0;}
p {padding:0 0 15px 0; margin:0;}
dl, dt, dd {padding:0; margin:0;}
table, tr, th, td {margin:0; padding:0; border:0; outline:0; vertical-align:top;}
input, select, textarea {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
*:focus {outline-style:none;}
.hidden {visibility:hidden;}

h1 {font-size:11px;}
h2 {}
h3 {line-height:170%;}
.floatLeft {float:left !important;}
.floatRight {float:right !important;}
.clearfix {display: inline-block;}
.clearfix:after {content: " "; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;}
.clearfix {display: block;}

/* Main Structure starts */
#mainContainer {width:960px; position:relative; margin:0 auto;}
#header {height:73px; clear:both;}
#logo {margin:25px 0 50px 0; float:left;}
#revampPhrase {margin:20px 0 0 0; float:right;}
#txtClick, #txtHeader {display:block;}
#txtClick {margin:0 0 12px 0; clear:both;}
#content a {text-decoration:underline;}
#content a:hover {color:#EF452B;}
/* Main Structure ends */

/* Header starts */
#dcContainer {margin:27px 0 40px 0;}
#dcContainer li {float:left; width:293px; min-height: 272px; height: auto !important; height:272px; padding:0 15px;}
#dcContainer li#dc {width:308px; padding-left:0;}
#dcContainer li#dc h2 {margin:5px 0 17px 0;}
#dcContainer li #showReel {display:block; float:right; width:79px; height:86px; overflow:hidden; text-indent:-9000px; background:url(../images/icon_reel.gif) no-repeat 0 0; margin:5px 0 0 10px;}
#dcContainer li #showReel:hover {background-position:0 -86px;}
#dcContainer li#dcTwitter {font-family:"Times New Roman", Times, serif; font-size:13px; border-right:#666 1px solid; border-left:#666 1px solid;}
#dcContainer li#dcTwitter h2 {margin:11px 0 23px 0;}
#dcContainer li#dcTwitter #twitterTime {display:block; font-weight:700; color:#EF452B; margin:0 0 10px 0;}
#dcContainer li#dcTwitter a#twitterMore {display:block; float:right; width:127px; height:110px; overflow:hidden; text-indent:-9000px; background:url(../images/icon_twitter.gif) no-repeat 0 0;}
#dcContainer li#dcTwitter a#twitterMore:hover {background-position:0 -110px;}
#dcContainer li#dcTwitter #twitterContent p {word-wrap:break-word;}
#dcContainer li#dcTwitter #twitterContent p a {text-decoration:underline;}
#dcContainer li#dcTwitter #twitterContent p a:hover {color:#EF452B;}
#dcContainer li#dcOld {width:278px; padding-right:0; border-right:none;}
#dcContainer li#dcOld a#dcOldBanner {display:block; width:241px; height:181px; margin:5px auto 0 auto; overflow:hidden; text-indent:-9000px; background:url(../images/title_dcold.gif) no-repeat 0 0;}
#dcContainer li#dcOld a#dcOldBanner:hover {background-position:0 -181px;}
#dcContainer li#dcOld #hotline {background:url(../images/dash.gif) repeat-x 0 0; margin:15px 0 0 0; padding:13px 0 0 7px;}
/* Header ends */

/* Digital Portfolio starts */
#portfolioContainer {}
#portfolioContainer h2 {text-align:center; margin:0 0 20px 0;}
#portfolio {margin:22px 0 0 0;}
#portfolio li {float:left; display:inline; width:295px; min-height: 236px; height: auto !important; height:236px; margin:0 9px 0px 9px; padding:3px; background:url(../images/dash_frame.gif) no-repeat 0 0;}
#portfolio li a img {border:#FFF 3px solid;}
#portfolio li a:hover img {border-color:#EF452B;}
/* Digital Portfolio ends */

/* Footer starts */
#footer {padding:30px 0 15px 0;}
#footer h2 {margin:0 0 0 14px;}
#footer .sep {padding-top:6px;}
.footerBorder {background:url(../images/border_footer.gif) repeat-x 0 0; height:7px; width:960px; margin-bottom:15px;}
.contactNumber {margin:16px 0 0 12px;}
.contactNumber img {float:left;}
.contactNumber a.email {display:inline-block; width:82px; height:15px; overflow:hidden; text-indent:-9000px; margin:0 0 0 15px; background:url(../images/txt_email.gif) no-repeat 0 0;}
.contactNumber a.email:hover {background:url(../images/txt_email.gif) no-repeat 0 -15px;}
.contactAddress {margin:15px 0 12px 12px;}
.contactAddress div {float:left}
.copyright {text-align:right; padding:0 0 20px 0;}
/* Footer ends */

/* Share styles start */
.dashArrowUp, .dashArrowDown {width:960px; height:16px;}
.dashArrowUp {background:url(../images/dash_arrow_up.gif) no-repeat 0 0;}
.dashArrowDown {background:url(../images/dash_arrow_down.gif) no-repeat 0 0;}
.typeface-js {font-family:Helvetica Neue LT Std, Verdana, Arial; font-size:15px; margin:10px 0 0 0;}
.largerTypeface {font-size:35px;}
.largerTypeface .typeface-js-selected-text {height:35px;}
/* Share styles end */

/* Digital Portfolio Popup starts */
#overlay {width:100%; height:100%; position:fixed; top:0; left:0; z-index:100; display:none;}
#overlay .bg {width:100%; height:100%; background:#F5F5F5; filter:Alpha(Opacity=95); -moz-opacity:0.95; opacity:0.95;}
#portfolioPopup {width:100%; height:100%; position:fixed; top:0; left:0; z-index:200; display:none; min-height:610px;}
#portfolioPopup h2 {text-align:right;}
#portfolioPopup .mask {width:100%; height:100%; position:absolute; overflow:auto; overflow-x:hidden; overflow-y:auto;}
#portfolioPopup .centerDiv {position:absolute; top:50%; height:560px; width:100%;}
#portfolioPopup .container {width:920px; height:560px; margin:0 auto; position:relative; top:-50%;}
#portfolioPopup .info {height:auto !important; height:53px; min-height:53px; margin:0 0 0 5px;}
#portfolioPopup .info span {font-weight:bold; width:52px; float:left;}
#portfolioPopup .info p {color:#333333; font-family:verdana; font-size:11px; padding:0 0 11px;}
#portfolioPopup .info a {text-decoration:underline;}
#portfolioPopup .info a:hover {color:#EF452B;}
#portfolioPopup .info table {width:700px; color:#333333; font-family:verdana; font-size:11px;}
#portfolioPopup .info table th {font-weight:bold; text-align:left; width:8%; padding:0 0 11px;}
#portfolioPopup .info table td {width:42%; padding:0 0 11px;}

#portfolioPopup .noInfo .info, #portfolioPopup .noInfo #imgTab, #portfolioPopup .noInfo #portfolioTitle {display:none;}

/* Other case */
#portfolioPopup .info table.caseOther th {width:2%; background:url(../images/pt.gif) no-repeat 0 7px;}
#portfolioPopup .info table.caseOther td {width:48%;}
#portfolioPopup .info table.caseOther3 th {width:2%; background:url(../images/pt.gif) no-repeat 0 7px;}
#portfolioPopup .info table.caseOther3 td {width:auto;}

#portfolioPopup .portfolioContent {padding:3px 0 0 0; height:430px; visibility:visible; position:relative;}
#portfolioPopup .portfolioContent #imgContainer {float:left; width:710px;}
/*#portfolioPopup .portfolioContent #content {font-size:11px; float:left; padding:20px 0 0 20px; width:190px; position:relative;}*/
#portfolioPopup .portfolioContent #content {position:absolute; right:0; top:0; padding:20px 0 0 20px; width:190px;}
#portfolioPopup .portfolioContent #imgTab {float:right; height:17px; margin:0 5px 0 0;}
#portfolioPopup .portfolioContent #imgTab a {background:url(../images/tab_portfolio_img.gif) no-repeat 5px 0; width:21px; height:17px; display:block; float:left; margin-left:9px;}
/*#portfolioPopup .portfolioContent #imgTab a:hover, */#portfolioPopup .portfolioContent #imgTab a.over, #portfolioPopup .portfolioContent #imgTab a.active {background:url(../images/tab_portfolio_img.gif) no-repeat -18px 0px;}
#portfolioPopup .awards {margin:15px 0 0 5px;}
#portfolioPopup .awards img {margin:0 30px 0 0; float:left;}
.btnContainer {position:absolute; top:10px; right:0px; z-index:100;}
.btnContainer a {width:35px; height:38px; display:block; float:left; margin:12px 0 0 25px;}
/*.btnContainer a:hover, */.btnContainer a.over {background-position:-35px 0px;}
* html .btnContainer a:hover {background-position:-35px 0px;}
.btnContainer .btn_prev {background:url(../images/btn_portfolio_prev.gif) no-repeat 0 0;}
.btnContainer .btn_next {background:url(../images/btn_portfolio_next.gif) no-repeat 0 0;}
.btnContainer .btn_close {background:url(../images/btn_portfolio_close.gif) no-repeat 0 0;}
#imgItem {position:relative; height:auto !important; height:423px; min-height:423px;}
#imgItem img, #imgItem div {position:absolute; top:0; left:0; display:none;}
#imgItem img {border:#F5F5F5 5px solid;}
#portfolioTitle {height:30px; margin:0 0 0 5px;}
.secondLink {margin:0 0 0 20px;}
#htmlContainer {display:none;}
#awardTitleDiv {position:absolute; left:0; top:412px; width:130px; height:54px; z-index:1000; display:block;}
#awardTitleDiv img {position:static; float:left; border:0;}
/* Digital Portfolio Popup ends */

/* Award Table */
#imgItem #awardTableContainer {background:#f5f5f5; min-width:710px; min-height:450px;}
#imgItem .Scroller-Container {left:0; position:absolute; top:0;}
#imgItem #awardTable img {position:static; display:inline; border:none;}
#imgItem #awardTable {float:left; width:676px; height:400px; overflow:hidden; position:relative;}
#imgItem #awardTable th, #awardTable td {padding:5px 10px 5px 5px; height:50px;}
/* IE only starts */
#imgItem #awardTable th, #awardTable td {height /*\**/: 40px\9}
/* IE only ends */
#imgItem #awardTable th {width:45px; text-align:left;}
#imgItem #awardTable tr.odd td {background-color:#E6E6E6;}
#imgItem div div {position:static; display:block; border:none;}
#imgItem div#Scrollbar-Container {float:left; width:11px; margin:0 0 0 13px;}
#imgItem div.Scrollbar-Track {background:url(../images/scroll_track.gif) no-repeat 0 0; cursor:pointer; width:11px; height:400px; position:relative; left:auto; top:auto;}
#imgItem div div.Scrollbar-Handle {background:url(../images/scroll_handle.gif) no-repeat 0 0; cursor:pointer; display:block;width:11px; height:83px; position:absolute; top:auto; left:auto;}
#imgItem div div.Scrollbar-Handle:hover {background-position:-11px 0;}