body { font:13px/130% "helvetica neue", helvetica, arial, sans-serif; background:rgb(245,245,245); color:rgb(150,150,150); padding:0; margin:70px 0 0; }
a { color:rgb(150,210,10); text-decoration:none; }
h1 a { color:rgb(75,75,75); }
h1, h2, h3, h4, h5 { font-weight:normal; }
h1, h2 { color:rgb(75,75,75); }
h5 {  }
h6 { color:rgb(210,210,210); }
h1 { font-size:24px; line-height:24px; margin:15px 0 30px; }
h2 { font-size:20px; margin:0 0 15px; }
h5 { font-size:14px; margin:10px 0 3px; }
h6 { font-size:11px; margin:10px 0 3px; }
hr { clear:both; border:none; height:0; overflow:hidden; border-bottom:1px solid rgb(220,220,220); padding-top:3px; margin:0 0 10px; }
a img { border:none; }
ul { margin:0; padding:0; list-style:none;}
li { margin:0 0 2px 0; padding:0; color:rgb(75,75,75); }
td, th { text-align:left; vertical-align:top; }

dl { margin:-15px 0 0; }
dt { color:rgb(200,200,200); margin-top:10px; }
dd { margin:0; }

.header { position:absolute; background:rgb(10,10,10); width:100%; height:260px; top:0; overflow:hidden; }
.header .background { position:absolute; width:100%; height:260px; left:50%; margin-left:-650px; background:url('/images/black_gradient_header.jpg') no-repeat; }
.header .content { position:relative; width:960px; height:260px; margin:0 auto; }
.header .marker { position:absolute; display:block; left:0; top:22px; width:163px; height:25px; cursor:pointer;}
.header .navigation { position:absolute; right:0; top:42px; font-size:16px; }
.header .navigation span { padding-left:20px; }
.header .navigation a { text-decoration:none; color:rgb(150,150,150); }
.header .navigation .active-navigation a { color:white; }

.footer { position:relative; width:100%; background:rgb(240,240,240); border-top:1px solid rgb(220,220,220); }
.footer .content { position:relative; width:920px; min-height:140px; margin:0 auto; padding:20px 0 10px; font-size:11px; color:rgb(175,175,175); }
.footer .content a { color:rgb(75,75,75); text-decoration:none; }
.footer .box { border-left:1px solid rgb(220,220,220); float:left; padding-left:10px; width:110px; height:90px; }
.footer .marker { display:block; width:115px; height:18px; }
.footer .contact { position:absolute; width:240px; right:0; }
.footer .contact .box { width:auto; }
.footer .contact .box a { color:rgb(150,150,150); }
.footer .contact .box .box { position:relative; left:-11px; margin-right: 10px; float:left; height:60px; }

.canvas { position:relative; width:100%; overflow:hidden; }
.canvas .background { position:absolute; width:100%; height:1000000px; left:0; top:180px; background:white; }
.canvas .shadow { position:absolute; top:180px; left:-480px; margin-left:50%; width:960px; z-index:2;}
.canvas .shadow .left,
.canvas .shadow .right { position:absolute; width:12px; height:130px; top:0; left:-12px; background:url('/images/page_shadow.png') no-repeat; }
.canvas .shadow .right { left:auto; right:-12px; background-position:right top; }
.canvas .content { position:relative; width:920px; margin:0 auto; padding:10px 20px 20px; background:white; min-height:360px; }

.narrow-content { margin:0 20px; }

.content-box { border-top:6px solid rgb(35,35,35); color:rgb(75,75,75); padding:15px 0 5px; font-size:14px; line-height:150%; z-index:0; }
.content-box h5 { color:rgb(150,150,150); margin:0 0 5px;  }
.content-box .indicator { position:relative; top:-13px; font-size:11px; color:rgb(50,50,50); }
.content-box .indicator i { font-style:normal; color:rgb(200,200,200); }
.content-box .caption { position:relative; padding:7px 10px; color:rgb(75,75,75); background:rgb(240,240,240); font-size:12px; line-height:18px; }
.content-box .caption h5 { font-weight:normal; font-size:14px; margin:0 0 10px; }
.content-box .caption .caption-body { position:relative; }
.content-box .arrow-caption .caption-body { padding-right:30px; }
.content-box .caption .arrow { position:absolute; top:50%; margin-top:-20px; right:0; width:12px; height:20px; background:url('/images/content_box_caption_arrow.gif') no-repeat; }
.content-box[onclick] {  cursor:pointer; }
.content-box[onclick]:hover a {  color:rgb(203,233,133); }
.content-box[onclick] .caption { background:rgb(35,35,35); color:white; }
.content-box[onclick] .caption h5 {   }
.content-box[onclick]:hover .caption { background:rgb(150,210,10); }
.content-box[onclick]:hover .caption h5 { color:rgb(203,233,133); }
.content-box[onclick]:hover .caption .arrow { background-position:left -30px; }

.intro { font-size:16px; line-height:140%; margin-bottom:10px; color:rgb(100,100,100); }
.intro li { margin-bottom: 10px; }
.intro strong { font-weight:normal; color:rgb(150,210,10); }

.grid-box { float:left; margin-left:20px; margin-top:20px; }
.grid-box-first { margin-left:0; }
.grid-quarter { width:215px; }
.grid-half { width:450px; }
.grid-three-quarter { width:680px; }

.section-tools { border-bottom:1px solid rgb(220,220,220); text-align:right; }
.section-tools-tabs { font-size:13px; margin-top:3px; }
.section-tools a { position:relative; color:rgb(75,75,75); text-decoration:none; display:inline-block; padding:2px 10px 0;}
.section-tools-active { background:rgb(220,220,220); }

.case-study-items { padding:15px 0 0; margin-top:20px; }
.case-study-items-border { border-top:6px solid rgb(35,35,35); }
.case-study-item-title,
.case-study-item-thumb { display:inline-block; vertical-align:top; text-align:right; overflow:hidden; font-size:14px; color:white; border:1px solid rgb(200,200,200); background:rgb(200,200,200); margin:0 6px 10px 0; }
.case-study-item-title { width:78px; height:48px; padding:10px; }
.case-study-item-thumb { width:98px; height:68px; }
.case-study-item-thumb:hover,
.case-study-item-active { border:3px solid rgb(150,210,10); margin:-2px 4px 8px -2px; }
.case-study-item-active { border-color:rgb(75,75,75); }
.case-study-item { position:relative; text-align:center; margin-top:40px; background:rgb(220,220,220) center 20px no-repeat; padding:20px; min-height:200px; }
.case-study-item img { background:rgb(220,220,220); border:1px solid rgb(200,200,200); }
.case-study-attachments,
.case-study-description { font-size:14px; line-height:20px; color:rgb(150,150,150); }
.case-study-description  b { color:rgb(75,75,75); }
.case-study-attachments { margin-top:10px;; }
.case-study-attachments a { color:rgb(75,75,75); }
.case-study-item .case-study-description { margin:0 0 -10px 1px; }
.case-study-item-previous,
.case-study-item-next { position:absolute; width:70px; height:70px; top:215px; left:-12px; background:url('/images/case_study_item_nav_previous.gif') 17px 23px no-repeat; }
.case-study-item-next { left:auto; right:-12px; background:url('/images/case_study_item_nav_next.gif') 43px 23px no-repeat; }
.case-study-item-navigation .link-background { position:absolute; display:none; width:70px; height:70px; top:-3px; left:0; background:black; opacity:0.2; filter:alpha(opacity=20); }
.case-study-item-navigation:hover .link-background { display:block; }
.case-study-header { position:relative; }
.case-study-header-banner { border-bottom:6px solid rgb(35,35,35); }
.case-study-header h1 { position:absolute; }

.client-list { color:rgb(75,75,75); width:100%; margin-bottom:30px; border-collapse:collapse; }
.client-list td,
.client-list th { padding:5px 0 3px 5px; }
.client-list td { border-top:1px solid rgb(220,220,220); }
.client-list .case-study td { background:rgb(245,245,245); }
.client-list .tag-list a,
.client-list .tag-list { color:rgb(150,150,150); font-size:11px; font-style:italic; }
.remove-tag { font-size:13px;}

.home-feature { position:relative; background:rgb(245,245,245); height:300px; margin-top:10px; }

.contact-worldmap { position:relative; width:685px; height:540px; z-index:0; }
.contact-worldmap img { position:absolute; top:-15px; left:-5px; z-index:-1; }

.clear { clear:both; }