@font-face {font-family: "BebasNeueRegular";src: url('../fonts/BebasNeue-webfont.eot');src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeue-webfont.woff') format('woff'), url('../fonts/BebasNeue-webfont.ttf') format('truetype'), url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');font-weight: normal;font-style: normal;}*{ margin:0; padding:0; outline:0; border:0 none; vertical-align:baseline; background:transparent; }body { background: transparent url(../images/skin/body_bg_repeat.png) repeat center top; font: normal 62.5% Arial, Helvetica, sans-serif; color: #fff; }a { color: #d62f2a; text-decoration: none; font: normal 12px Arial, Helvetica, sans-serif; outline:none; }a:hover { color: #911b17; }p { color: #6D6E71; font: normal 12px/18px Arial, Helvetica, sans-serif; padding-bottom: 12px; }input { vertical-align: middle; }.clear { clear: both; }#main-content ul { margin: 18px 0 0 0; font: normal 12px/18px Arial, Helvetica, sans-serif; padding-bottom: 12px; }#main-content ul li { margin: 0 0 4px 16px; }#main-content ol { margin: 18px 0 0 0; font: normal 12px/18px Arial, Helvetica, sans-serif; padding-bottom: 12px; }#main-content ol li { margin: 0 0 4px 16px; }.caps { text-transform: uppercase; }#texture { background: transparent url(../images/skin/body_bg_top.png) repeat-x center top; height: 100%; }#container { width: 1020px; margin: 0 auto; position:relative; padding: 0 0 30px; }#header { padding: 28px 0 0; }#logo { background: url(../images/skin/logo/colographic-full.png) no-repeat left top; width: 256px; height: 99px; text-indent: -9999em; display: block; float: left; margin-top: 10px; }h1 { color: #9F9FA0; font: italic 28px/32px Arial, Helvetica, sans-serif; }h2 { color: #808285; font:normal 27px/37px Arial, Helvetica, sans-serif; }h3 { color: #A7A9AC; font:normal 23px/33px Arial, Helvetica, sans-serif; }h4 { color: #6D6E71; font:normal 20px/30px Arial, Helvetica, sans-serif; }h5 { color: #EF4135; font: 22px/28px "BebasNeueRegular", Arial, sans-serif; }h6 { font:bold 14px/30px Arial, Helvetica, sans-serif; }#home-img { width: 330px; height: 86px; background: url(../images/img_home.jpg) no-repeat left top; padding: 195px 520px 0 60px; }#main-home { padding-top: 20px; }#col-left { float: left; width: 505px; }#home_pg #col-left { background: transparent url(../images/skin/logo/colographic-min.png) no-repeat center bottom; margin-bottom: 15px; padding-bottom: 10px; }#home_pg #col-left img { margin-bottom: 8px; }#home_pg #col-left p { font: 12px/16px Arial,Helvetica,sans-serif; }#home_pg #col-left p span { color: #1C75BC; }#col-right { float: right; width: 505px; }#img-home { float: right; width: 480px; padding-top: 4px; }#img-home li { background: url(../images/skin/img_bg_sm.png) no-repeat left top; width: 212px; height: 57px; padding: 11px; margin: 0 10px 5px 0; list-style:none; float: left; }#img-home li.alt { margin: 0 0 3px 0; }#img-home li a { display: block; width: 212px; height: 57px; }#home_pg #scroll { position: relative; padding: 15px 0; }#home_pg .scrollable { position:relative; overflow:hidden; width: 1020px; height:135px; padding: 20px 0; border:1px solid #ccc; background:url(../images/skin/h300.png) repeat-x; }#home_pg .scrollable .items { width:20000em; position:absolute; clear:both; }#home_pg .items div { float:left; width:1000px; }#home_pg .scrollable a { float:left; margin:0 1px 0 21px; background-color:#fff; padding:7px; border:1px solid #ddd; width:212px; height:119px; display:block; position:relative; }#home_pg .scrollable img { width:212px; height:119px; position:absolute; z-index:1; }#home_pg .scrollable span { display:block; width:212px; height:119px; position:absolute; z-index:2; }#home_pg .scrollable .active { border:2px solid #000; position:relative; cursor:default; }#home_pg .scrollable { float:left; }#home_pg #scroll a.browse { background:url(../images/skin/nav/hori_large.png) no-repeat; display:block; width:23px; height:45px; cursor:pointer; font-size:1px; position: absolute; top: 80px; }#home_pg #scroll a.right { background-position: 0 -45px; right: -23px;}#home_pg #scroll a.right:hover, #home_pg #scroll a.right:active { background-position:-23px -45px; }#home_pg #scroll a.left{ left: -23px; } #home_pg #scroll a.left:hover, #home_pg #scroll a.left:active { background-position:-23px 0; }#home_pg #scroll a.disabled { visibility:hidden !important; } #tagline { clear:both; width: 1020px; height: 38px; background: url(../images/skin/header_needs.png) center center no-repeat; }#upper-container { min-height: 178px; margin: 12px 0 0 0;}#testimonial { float: right; width: 500px; margin: 14px 0; }#testimonial p { font:italic 13px/20px Georgia, Arial, sans-serif; color: #EF4135; width: auto; text-align: center; }#testimonial p.text-right { clear:both; text-align: right; }#gen_pgs #upper-container { background: url(../images/skin/pagetitles/about.png) top left no-repeat; }#abt_pgs #upper-container { background: url(../images/skin/pagetitles/about.png) top left no-repeat; }#svcs_pgs #upper-container { background: url(../images/skin/pagetitles/services.png) top left no-repeat; }#folio_pgs #upper-container { background: url(../images/skin/pagetitles/portfolio.png) top left no-repeat; }#blog_pgs #upper-container { background: url(../images/skin/pagetitles/blog.png) top left no-repeat; }#cntct_pgs #upper-container { background: url(../images/skin/pagetitles/contact.png) top left no-repeat; }#med_pgs #upper-container { background: url(../images/skin/pagetitles/media.png) top left no-repeat; min-height: 236px; }#main { padding-top: 20px; background: url(../images/skin/vr-sb.png) 240px 12px no-repeat;}#main-content { color: #878586; float: right; width: 706px; padding: 0 0 0 74px;}#main-bottom { clear: both; background: url(../images/skin/vr-sb.png) 240px bottom no-repeat; height: 60px; width: 100%; }#left-sidebar { float: left; width: 240px; }#logo-inset { margin: 60px 0 0 -49px; }img.inset-left {background: url(../images/skin/img_bg_inset.png) center center no-repeat; width: 380px; height: 216px; padding: 18px; margin: -8px 10px 10px -8px; float: left; }img.inset-right {background: url(../images/skin/img_bg_inset.png) center center no-repeat; width: 380px; height: 216px; padding: 18px; margin: -8px -8px 10px 10px; float: right; }img[align=right]{float: right;padding-left: 18px;padding-bottom: 18px;}img[align=left]{float: left;padding-right: 18px;padding-bottom: 18px;}#svcs_pgs #main-content { width: 720px; padding: 0 0 0 60px;}.svc-cont { width: 234px; height: 230px; margin-bottom: 16px; overflow-y: hidden; float: left;}#svcs_pgs .first { margin: 0 9px 16px 0; }#svcs_pgs .third { margin: 0 0 16px 9px; }img.svc-img { width: 212px; height: 118px; padding: 11px; margin: 0 0 10px 0; background: url(../images/skin/img_bg_svc.png) center center no-repeat; }.svc-cont h3 { font: italic 18px/18px Georgia, Arial, sans-serif; padding: 0 0 4px 4px; color: #878586; }.svc-cont p { padding: 0 0 0 4px;}#folio_pgs #main { padding: 0 0 40px 0; background: url(..) !important; }#slidersWrapper h2 { background: url(../images/skin/pagetitles/dots.png) center center repeat-x; width: 1018px; height: 34px; margin: 18px auto 5px auto; font: normal 34px/34px "BebasNeueRegular", Arial, sans-serif; letter-spacing: .04em; text-align: center; color: #A7A9AC; text-shadow: 0px 0px 1px 1px #fff; }#slidersWrapper h2 span { background: #fff; padding: 0 16px; }.tagline { font: italic 16px/20px Georgia, Arial, sans-serif; text-align: center; color: #A7A9AC; }.entry-snppet { width: 628px; padding: 0 0 30px 0; margin: 20px 0; background: url(../images/skin/blog-div.png) center bottom no-repeat; }.entry-full { width: 628px; margin: 20px 0; }.entry-details, .entry-details a, a.read-more { color: #0C75BC; font: italic 14px/28px Georgia, serif; }.entry-details a:hover, a.read-more:hover { text-decoration: underline; }img.blog-inset { border: 8px solid #fff; margin: 14px auto;-webkit-box-shadow: 0px 0px 12px ;-moz-box-shadow: 0px 0px 12px ;box-shadow: 0px 0px 12px ; }.pagination { text-transform: uppercase; }a.pag-prev { background: url(../images/skin/nav/pag-arrows.png) top right no-repeat; width: 29px; height: 13px; display: inline-block; text-indent: -90000px; margin: 0 12px 0 0; }a.pag-next { background: url(../images/skin/nav/pag-arrows.png) top left no-repeat; width: 29px; height: 13px; display: inline-block; text-indent: -90000px; margin: 0 0 0 12px; }.comment-posts { margin: 30px 0 0 0; }.commenter { border-top: 1px solid #A7A9AC; padding: 20px 0; margin: 10px 0 0 0; color: #0C75BC; font: italic 14px/18px Georgia, serif; }#comments-form { border-top: 1px solid #A7A9AC; padding: 20px 0; margin: 10px 0 0 0; }#comments-form h3 { border-bottom: 1px solid #A7A9AC; padding: 10px 0 4px 0; }#contact-form { background: url(../images/skin/blog-div.png) center top no-repeat; padding-top: 40px; }#google-map { border: 8px solid #fff; margin: 60px auto 0 auto;-webkit-box-shadow: 0px 0px 10px ;-moz-box-shadow: 0px 0px 10px ;box-shadow: 0px 0px 10px; width: 368px; height: 216px; position: absolute; right: 0; }#cntct_pgs #main-content p { font: italic 14px/22px Georgia, Arial, sans-serif !important; }h2#lets-chat { widows: 118px; height: 32px; margin: 0 auto 18px auto; background: url(../images/skin/pagetitles/lets-chat.png) center top no-repeat; font: normal 32px/28px Helvetica, Arial, sans-serif; color: #EF4135; text-transform: uppercase; text-indent: -9000px; }ul#contact-list { color: #6D6E71; font: 12px/18px Arial,Helvetica,sans-serif; list-style: none; position: relative; right: 0; width: 266px; background: url(../images/skin/contact-list-div.png) center bottom no-repeat; padding: 0 0 12px 0;}ul#contact-list li { padding: 16px 0 4px 0; line-height: 40px;height:40px; list-style:none; margin: 0 0 0 0; border:1px solid transparent; background: url(../images/skin/contact-list-div.png) center top no-repeat; }ul#contact-list li.address-li { line-height: 16px; padding: 22px 0 10px 0; }ul#contact-list span { display: inline-block; width: 40px; height: 40px; float: left; margin: 0 12px 0 16px; }ul#contact-list .address { background: url(../images/skin/icons/address.jpg) center center no-repeat; }ul#contact-list .email-us { background: url(../images/skin/icons/email.jpg) center center no-repeat; }ul#contact-list .fb-us { background: url(../images/skin/icons/facebook.jpg) center center no-repeat; }ul#contact-list .tw-us { background: url(../images/skin/icons/twitter.jpg) center center no-repeat; }ul#contact-list li a { font: 12px/40px Arial,Helvetica,sans-serif; color: #6D6E71; }ul#contact-list li a:hover { color: #d62f2a; text-decoration: underline; }.media-listing { border-bottom: 1px solid #ccc; padding: 18px 0 24px 0; }a.download-link { display: block; width: 117px; height: 33px; background:url(../images/skin/nav/download.png) center top no-repeat; text-indent: -9000px; }a.download-link:hover { background:url(../images/skin/nav/download.png) center bottom no-repeat; }.staff-listing { width: 750px; float: left; clear: both; padding: 0 0 18px 0; margin: 0 0 0 -47px; background: transparent url(../images/skin/divider-750px.jpg) center bottom no-repeat; }.stf-photo { width: 118px; height: 118px; padding: 22px; margin-left: 42px; float: left; background: transparent url(../images/skin/img_bg_stf.jpg) center center no-repeat; }.member-details { float: right; width: 520px; padding-top: 12px; }.stf-job { color: #a7a9ac; font:italic 13px/20px Georgia, Arial, sans-serif; }.toggleLink { color: #0C75BC; font: italic 14px/18px Georgia, serif; cursor: pointer; }#comments-form form { margin: 20px 0 0 0; }form fieldset { padding:0;border:none;}form span.required,form span.required a { font:normal italic 1em/12px Verdana, Arial, Helvetica, sans-serif;color:#af1000;}form h2 {}form label{ margin-bottom:8px; display: block; }#contact-form p { margin-bottom:14px;}form input{padding:6px;margin: 0 0 6px 0;width: 275px;height: 14px;border: 1px solid #cbccce;border-top: 2px solid #a7a9ac;-webkit-box-shadow: inset 0px -2px 6px #EDEDEE;-moz-box-shadow: inset 0px -2px 6px #EDEDEE;box-shadow: inset 0px -2px 6px #EDEDEE; background: #f3f3f4 url(../images/skin/input-bg.png) left top repeat-x;font: normal 11px/16px Arial, Helvetica, sans-serif;}form textarea{padding:6px;margin: 0 0 6px 0;width: 688px;height: 200px;resize: none;border: 1px solid #cbccce;border-top: 2px solid #a7a9ac;background: #f3f3f4 url(../images/skin/textarea.png) left top repeat-x;font: normal 11px/16px Arial, Helvetica, sans-serif;}.formwarning{font-style:italic;font-weight:bold;color:rgb(255, 0, 0) !important;}input[type=checkbox] { width: 16px; height: 16px; float: left; margin: 0 12px 0 0;padding:0;border: 0none;border-top: 0 none; }form .submit{ width: 100px; height: 32px; background: transparent url(../images/skin/nav/submit.png) center top no-repeat; border: 0 none; -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; cursor: pointer;text-indent: -90000px;}form .submit:hover{ background:url(../images/skin/nav/submit.png) center bottom no-repeat;}#recaptcha_widget_div { margin: 0 0 22px 0; }#goog-wm-sb { width: 100px; height: 32px; background: transparent url(../images/skin/nav/submit.png) center top no-repeat; border: 0 none; -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; cursor: pointer;text-indent: -90000px; margin-left: 6px;} #goog-wm-sb:hover{ background:url(../images/skin/nav/submit.png) center bottom no-repeat;}#nav { height: 76px; float: right; }#nav li { float: left; position:relative; list-style: none; }#nav li a { display: block; height: 76px; background-position: left center; text-decoration: none; }#nav li a span { position: absolute; left: -9000px; }#nav li:hover a { background-position: left bottom; }#nav li.active a { background-position: left top; }#nav li a.one { width: 121px; background-image: url(../images/skin/nav/about.gif); }#nav li a.two { width: 123px; background-image: url(../images/skin/nav/services.gif); }#nav li a.three { width: 130px; background-image: url(../images/skin/nav/portfolio.gif); }#nav li a.four { width: 109px; background-image: url(../images/skin/nav/blog.gif); }#nav li a.five { width: 132px; background-image: url(../images/skin/nav/contact.gif); }#nav ul {display:none;position:absolute;top:76px;left:0;width:194px;padding-top: 4px;background:#e6e7e8 url(../images/skin/nav/dd-top.gif) center top repeat-x;}#nav ul li {padding:0;background:url(../images/skin/nav/dd-div.gif) center bottom no-repeat;} #nav ul li.last {background:url(..);} #nav ul li a {display:block;width:164px; height: 20px;padding:4px 12px 6px 18px;color: #a7a9ac;text-shadow: 1px 1px 1px #fff;font:italic 13px/20px Georgia, Arial, sans-serif;background-image: none !important;}#nav ul li.last a {}#nav ul li a:hover { color:#878586 !important; }#nav ul li:hover a { background-position: 0 0; }#nav li:hover ul,#nav li.over ul{display:block;}* html ul li{float:left;height:1%;}* html ul li a{height:1%;}.sub-nav { width: 216px; border: 4px solid #ededee; margin: 0 0 20px 0; color: #9fa1a4; text-transform: uppercase; font-size: 12px;-moz-border-radius: 10px; border-radius: 10px; }.blog-nav { text-transform: none; }#nav-sub, #cat-sub { list-style: none; }#nav-sub li, #cat-sub li { background: #fff url(../images/skin/nav/sn-div.png) center bottom no-repeat; height: 28px; line-height: 28px; margin: 0 0 -1px 0; padding: 0 0 0 0; }#nav-sub li.last, #cat-sub li.last { background: #fff url(../); margin: 0 0 0 0; -moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft: 6px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px; }#nav-sub li.current, #cat-sub li.current { background: #e7e8e9 url(../images/skin/nav/sn-div.png) center bottom no-repeat; }#nav-sub li:hover, #cat-sub li:hover { background: #e7e8e9 url(../images/skin/nav/sn-div.png) center bottom no-repeat; }#nav-sub li.last:hover, #cat-sub li.last:hover {background: #e7e8e9 url(../); }#nav-sub li a, #cat-sub li a { color: #9fa1a4; display: block; height: 28px; line-height: 28px; padding: 0 16px;}#nav-sub li a:hover, #cat-sub li a:hover { color: #EF4135; }#nav-sub li.current a, #cat-sub li.current a { color: #EF4135; }.cat-head { background: url(../images/skin/nav/cat-head.png) center center no-repeat; widows: 217px; height: 38px; text-indent: -9000px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px; }.latest-head{ background: url(../images/skin/nav/latest-posts.png) center center no-repeat; widows: 217px; height: 38px; text-indent: -9000px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px; }#fb-wall { margin: 20px 0 0 0; width: 216px; min-height: 400px; border: 4px solid #ededee; color: #9fa1a4; font-size: 11px; background: #fff;-moz-border-radius: 10px;border-radius: 10px;}.fb-head { background: url(../images/skin/nav/fb-head.png) center center no-repeat; widows: 217px; height: 38px; text-indent: -9000px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px; }#fb-stream { padding: 8px; }.fb-wall-likes {margin-bottom:2px;display:block;font-size:11px;background:url(../images/fb-wall/like.gif)) no-repeat 0 0#edeff3;padding-top:5px;}.fb-wall a{text-decoration:none;color:#3B5998; font-size: 11px;}.fb-wall a:hover{text-decoration:underline;}.fb-wall.loading{height:300px;background:url(../images/fb-wall/loader-small.gif) no-repeat center center;}.fb-wall-box{margin-bottom:10px;border-top:1px solid #eee;padding-top:10px;}.fb-wall-box-first{border:0;padding-top:0;}.fb-wall-avatar{display: none; visibility: hidden; height: 0; width: 0;}.fb-wall-data{}.fb-wall-media{display:block;font-size:11px;margin-bottom:5px;}.fb-wall-border-left{border-left:2px solid #CCCCCC;padding:0 0 3px 8px;}.fb-wall-media-container{display:table;}.fb-wall-media-link{border:1px solid #ccc;display:inline-block;color:#3B5998;cursor:pointer;float:left;margin-right:5px;}.fb-wall-media-link:hover{border:1px solid #3B5998;}.fb-wall-picture{margin-right:10px;border:0;display:none;visibility: hidden;margin:0;}.fb-wall-name{display:block;font-weight:bold;color:#3B5998;}.fb-wall-caption{display:block;color:#3B5998;}.fb-wall-description{display:block;color:#777;line-height:1.2em;}.fb-wall-icon{float:left;margin-right:5px;}.fb-wall-date{font-size:11px;color:#777;clear:left;display:block;margin-bottom:5px;}.fb-wall-message{display:block;margin-bottom:5px;}.fb-wall-message-from{font-weight:bold;color:#3B5998;}.fb-wall-link{color:#333;font-size:11px;text-decoration:none;}.fb-wall-likes{border-bottom:1px solid #E5EAF1;margin-bottom:2px;display:block;font-size:11px;background:url(../images/fb-wall/like.gif) no-repeat 0 0 #FFF;padding-top:5px;}.fb-wall-likes div{margin:0;background:url(../images/fb-wall/like.gif) no-repeat 0 -5px #EDEFF4;padding:5px 5px 4px 24px;}.fb-wall-likes div span{color:#3B5998;}.fb-wall-comments{margin-top:2px;font-size:11px;}.fb-wall-comment{background-color:#EDEFF4;border-bottom:1px solid #E5EAF1;margin-top:2px;padding:5px 5px 4px;display:block;overflow:hidden;}.fb-wall-comment-message{display:table;}.fb-wall-comment-from-name{font-weight:bold;color:#3B5998;}.fb-wall-comment-from-date{color:#777;clear:left;display:block;}.fb-wall-comment-avatar{width:32px;height:32px;float:left;margin-right:5px;overflow:hidden;}.fb-wall-comment-avatar img{width:32px;height:32px;}.fb-wall:after, .fb-wall-media:after, .fb-wall-clean{content:'.';display:block;height:0;clear:both;visibility:hidden;font-size:0;line-height:0;}#callout-wrapper { height: 180px; background: #eceade url(../images/skin/divider_repeat.gif) repeat-x left top; padding-top: 20px; }#callouts { width: 921px; margin: 0 auto; }#callouts .callout-polaroid { background: url(../images/skin/callout/polaroid.png) left top no-repeat; width: 305px; height: 157px; float: left; margin-right: 2px; position: relative; }#callouts .callout-polaroid p { color: #3C2415; width: 170px; }#callouts .callout-polaroid img { position: absolute; right: 8px; top: 12px; }.contact-callout { margin: 20px 0 0 0; }#footer-wrapper { height: 171px; background: url(../images/skin/footer_bg.png) repeat-x left top; margin-bottom: 30px; }#footer { width: 1020px; margin: 0 auto; padding-top: 45px; position: relative; }#footer p { color: #A7A9AC; text-align: center; padding: 0 0 5px; font-size: 13px; font-weight: bold; }#footer p.small { font-size: 12px; font-weight: normal; }#footer a { color: #A7A9AC; }#footer a:hover { color: #911b17; }#mini-nav { width: 247px; height: 39px; position: absolute; top: -10px; left: 387px; }#mini-nav li { float: left; list-style: none; }#mini-nav li a { display: block; text-indent: -9999em; background-position: left bottom; height: 39px; }#mini-nav li a:hover, #mini-nav li a.active { background-position: left top; }#mini-nav li a.contact { background-image: url(../images/skin/nav/buttons_01.png); width: 123px; }#mini-nav li a.promo { background-image: url(../images/skin/nav/buttons_02.png); width: 124px; }#social { height: 33px; width: 72px; margin: 0 auto; padding: 10px 0 0; }#social li { float: left; margin: 0 1px; list-style: none !important; }#social li a { display: block; text-indent: -9999em; height: 33px; width: 34px; background-position: left top; }#social li a:hover { background-position: left bottom; }#social li a.facebook { background-image: url(../images/skin/icons/fb.png); }#social li a.twitter { background-image: url(../images/skin/icons/tw.png); }#social li a.youtube { background-image: url(../images/skin/icons/yt.png); }