/*RE-SET TO DEFAULT*/
html{overflow:scroll}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote,
th, td, label,object{padding:0;margin:0;font-family:Arial, Helvetica, sans-serif;color:#444}
body{background-color:#e2e2e2}
body ul li{list-style:none}
body img, body fieldset, body a:focus{border:none}
body {text-align:center;font-size:62.5%;margin-bottom:20px}
body fieldset legend{display:none}
body a{text-decoration:none;color:#00569f}
a:active,a:hover, a:focus{text-decoration:underline;outline:none}
object{outline:none}
.clear{clear:both}
h1, h2, .access, .hide{overflow:hidden;position:absolute;left:-990px;height:0;width:0;display:block}
#web-design h2{overflow:hidden;position:absolute;left:0px;}
h3{color:#444444;font-size:1.8em;line-height:1.8em;font-weight:normal}
h4{color:#e65a0e;font-size:1.4em;font-weight:normal;line-height:1.3em;margin-bottom:5px}
*{-webkit-text-size-adjust:none !important}
p{margin-bottom:10px;}
/*u-list setup*/
.left_col li, .right_col li, li.bullet
{padding:0 0 10px 15px;background:url(images/master/icons/bullet_grey.gif) no-repeat 0 6px}
p.no-wrap{float:left;width:265px;margin-top:0}
.right_pane p{margin-bottom:10px}
.right_pane .quick-list ul{margin-bottom:10px}
.right_pane .quick-list li {padding:0 0 2px 15px;background:url(images/master/icons/bullet_grey.gif) no-repeat 0 7px;}
.right_pane .access-list {margin-bottom:10px}
.right_pane .plug-ins{margin-bottom:15px}
/*Valid css/xhtml icons*/
.right_pane .valid{margin-bottom:10px}
.right_pane .valid .wai{width:88px;float:left;margin-right:10px}
.right_pane .valid .xhtml{width:88px;float:left;margin-right:5px}
.left_col img, .right_col img{margin-bottom:10px}
/*H4 in content areas left & right pane*/
.left_col h4{margin-top:0px !important;margin-bottom:5px !important;font-size:1.4em;font-weight:normal;clear:both;line-height:1.3em;}
.right_col h4{margin-top:0px !important;margin-bottom:5px !important;font-size:1.4em;font-weight:normal;clear:both;line-height:1.3em;}
/*IE* 64bit tweaks*/
.flash-replaced, h4.flash-replaced {margin-left:-4px !important}
.spotlight h4.flash-replaced,.portfolio h4.flash-replaced{margin-left:10px !important}
#tabHeader h4.flash-replaced {margin-left:4px !important}
#flash-reel .flash-replaced{margin-left:0px !important}
li #ff0,li #ff1,li #ff2,li #ff3,li #ff4,li #ff5
{margin-top:4px !important}
li.selected #ff0, li.selected #ff1,li.selected #ff2,li.selected #ff3,li.selected #ff4,li.selected #ff05,li.selected #ff6
{margin-top:3px !important}
/*IE* 64bit tweaks*/
.right_pane h4{padding-top:0px !important;}
/*LAYOUT*/
#outer,#outer_navigation,#outer_section,#outer_our-work
{font-size:1.2em;background: #ffffff url(images/master/page_bg.gif) repeat-x}
#outer_navigation #wrapper,#outer_section #wrapper
{background: url(images/master/content-bg_services.gif) 7px 140px no-repeat;width:987px;text-align:left;margin:0 auto}
/*COL & PANE SETUP*/
/*NB col inside pane!*/
.left_col,.right_col{float:left;overflow:hidden;line-height:1.6em;}
/*.left_col{width:350px;padding: 0px 30px 0 20px}
.right_col{width:374px;}*/
/*Our founders page*/
.chris{width:300px;margin:0px 0px 0px 20px;padding:0px;float:left}
* html .chris{width:285px;margin:0px 0px 0px 20px;padding:0px;float:left}
.chris p{font-family:Arial, Helvetica, sans-serif;line-height:1.6em}
.chris img{margin-bottom:10px}
.matt{width:300px;margin-top:0px;margin-left:30px;padding:0px;float:left}
* html .matt{width:285px;margin-top:0px;margin-left:30px;padding:0px;float:left}
.matt p{font-family:Arial, Helvetica, sans-serif;line-height:1.6em}
.matt img{margin-bottom:10px}
/*Twitter and flickr on the contact us page*/
.twitFlick{width:140px;margin-top:20px}
.twit{width:73px;height:17px;float:left;margin-right:10px;}
.flick{width:50px;height:17px;float:left}
/*New styles*/
.left_col{width:470px;margin:0px 30px 0px 20px;padding:0px;}
.right_col{width:259px;margin-top:21px }
.right_col p{margin:10px 0 0 0;}
/*Stops IE6 displaying duplicate text bug*/
* html .left_col{width:470px;margin:0px 30px 0px 10px;padding:0px;display:inline;}
* html .right_col{display:inline}
.right_col .cms-quick {width:259px !important;}
.right_col .small_setup dl{width:160px !important;}
blockquote{margin-top:0px !important;}
blockquote span{padding:0 30px 0 0;display:table}
.qstart{margin-top:3px !important;margin-right:10px}
* html .qstart{margin-top:3px !important;margin-right:0px}
.qend {/*margin-right:-20px !important;margin-top:-20px !important;*/margin-top:-10px !important;}
* html .qend {margin-right:-20px !important}
/* for services*/
.left_pane{width:194px;float:left;margin-left:10px}
* html .left_pane{width:200px;margin-left:2px;margin-right:0}
.right_pane{width:779px;float:left;}
/*404 ERROR PAGE*/
.errorclear{height:24px;width:980px;}
.errorPage{background:url(/404/404.jpg) no-repeat;width:980px;height:421px;}
.message {width:655px;color:#000;float:right;margin-top:310px;}
.message_left{float:left;margin-right:10px;padding-top:8px;width:295px;font-size:12px}
.message_left p{font-size:14px;}
.message_right{float:left;width:350px;}
.message_right p{margin-bottom:0px;padding-left:5px;font-size:14px;}
.message_right a{color:#1360A6;text-decoration:none;}
.message_right a:hover{color:#1360A6;text-decoration:underline}
.standards{width:600px;margin-bottom:10px;}
.standards img{float:left;margin-right:10px;border:none}
/*BANNER*/
.banner{background:url(images/master/banner.gif) no-repeat 20px 31px;height:88px}
.banner .home, .banner .home_off {width:530px;height:100%;float:left}
.banner .contact {margin-left:220px;width:230px;height:100%;display:block;float:left}
/*BREADCRUMBS*/
/*you are here*/
.breadcrumbs{margin:23px 0 0 0;color:#444;font-size:0.9em;float:left;width:790px;}
/*breadcrumb list*/
.breadcrumbs ul{padding:0;list-style:none;}
.breadcrumbs li{margin:0;padding:0;margin-left:225px;margin-bottom:10px;font-size:1em;font-family:Tahoma, Arial, Helvetica, sans-serif;}
/*previous*/
.breadcrumbs a span.breadcrumb{font-size:1em;white-space:nowrap}
/*current*/
.breadcrumbs a.current{text-decoration:none;font-size:1em;white-space:nowrap;font-weight:bold;color:#444}
/*PAGE TITLE*/
.page-title{font-size:2.5em;width:160px;float:right;text-align:right;margin-right:35px !important;clear:right;padding-top:15px;font-weight:normal;color:#444444;}
.page-title span{display:block;text-align:right;font-size:0.9em;line-height:1.2em;font-weight:normal;color:#444444;}
.subHeading{font-size: 1.3em;padding-bottom:15px;font-weight:normal;color:#444444;}
.subHeading span{display:block;float:left;line-height:1.1em;font-size:1.3em}
.subHeading a{color:#E65A0E;}
h3.Heading{padding-bottom:15px;font-size:1.6em}
h5{font-size:1.2em;line-height:1.2em;color:#444}
h5 span{display:block;font-size:1.4em;line-height:1.3em}
h4.noagencies span{display:block}
.right-text{float:left;width:170px;margin:17px 0 0 22px;line-height:1.6em;overflow:hidden;}
.work .right-text{width:350px;margin-top:0}
.right-text h3 a,.right-text h3 span{display:block}
.right-text h3{font-size:2.1em;margin-bottom:10px;width:170px;font-weight:normal;line-height:1.1em}
.right-text h3.workTitle{color:#E65A0E;font-size:2.2em;width:300px;line-height:1em}
.right-text h3.workTitle a {color:#E65A0E}
.right-text h3 span{display:block;line-height:1em}
.right-text h3.titleTech span{font-size:1em;line-height:1.2em;display:block}
/*FLASH SETUP*/
#playerone, #playertwo{display:block;}
#playerone{float:left;width:582px;height:347px;}
#playertwo{width:766px;height:346px;}
#playerProject{width:470px;height:204px;margin-bottom:15px;}
#playerAbout{width:600px;height:204px;margin-bottom:15px;}
/*SPOTLIGHTS*/
.spotlights{font-size:0.9em;clear:both;padding:0px 0px 0px 2px !important;
background: transparent url(images/master/spotlight-services_bg.gif) no-repeat 10px 0px;padding-bottom:15px !important}
.spotlights_6col{margin-left:1px;background: transparent url(images/master/spotlight-services_bg_6col.gif) no-repeat top left !important;}
.spotlights_6col .spotlight {width:127px;background:none}
* html .spotlights_6col .spotlight {width:10px !important;background:none}
.spotlights .spotlight{background-color:transparent;background-image:none;width:153px;}
* html .spotlights .spotlight{background-color:transparent;background-image:none;width:153px;display:inline}
.spotlights .spotlight h3
{width:140px;background:none;min-height:50px;height:auto !important;height:50px;font-size:1.7em;font-weight:normal}
.spotlights_6col .spotlight h3
{width:140px;background:none;min-height:50px;height:auto !important;height:50px;font-size:1.7em;font-weight:normal;line-height:1.2em}
* html .spotlights_6col .spotlight h3
{width:100px;background:none;min-height:50px;height:auto !important;height:50px;font-size:1.7em;font-weight:normal}
.spotlights .spotlight h3 a:link,
.spotlights .spotlight h3 a:visited,
.spotlights .spotlight h3 a:active,
.spotlights .spotlight h3 a:hover{display:block;margin-left:7px;color:#E65A0E;line-height:1.2em}
.spotlights_6col .spotlight h3 a:link,
.spotlights_6col .spotlight h3 a:visited,
.spotlights_6col .spotlight h3 a:active,
.spotlights_6col .spotlight h3 a:hover{font-size:.9em !important;display:block;margin-left:18px;width:108px;
margin-top:11px;color:#E65A0E}
.spotlights .spotlight p{width:130px;margin:15px 0 0 0}
.spotlights_6col .spotlight p{width:106px;margin:25px 0 0 9px;font-size:0.95em !important;line-height:1.4em !important;}
.spotlights .spotlight p a,.spotlights_6col .spotlight p a{line-height:13px;}
.spotlight h3 span{display:block;line-height:1.4em}
.right_col h4 {margin-top:15px !important}
/*CMS QUICK*/
.cms-quick{margin:0 10px 10px 0;width:356px;float:left}
.left_col .cms-quick, .right_col .cms-quick{width:100%}
/*QUICK LIST*/
.right_col .quick-list ul{margin-top:0px;margin-left:3px;}
.left_col .quick-list ul{margin-top:3px;margin-left:3px;}
.quick-list ul li{padding-bottom:3px}
.quick-list .see-also{font-weight:bold;font-size:1.2em}
/*IMAGE AND TEXT*/
.image-box-text {display:none;padding: 5px;background:#444;color:#fff}
.image-box-left {float:left;margin: 0 10px 0 0}
.image-box-right {float:right;margin: 0 0 0 10px }
.image-box-center {margin: 0 auto;}
/*BLOCKQUOTE */
blockquote{margin-top:37px;margin-bottom:0px;font-weight:lighter;font-size:1.1em;line-height:1.3em;/*max-width:216px*/}
.quote{width:374px;line-height:1.3em !important}
.qstart{float:left;height:17px;width:20px;margin-top:-8px;padding:0px 2px 0px 2px;
background:url(images/master/icons/quote_start.gif) no-repeat}
.qend{float:right;height:18px;width:20px;/*margin-top:-13px;margin-right:20px;padding:25px 5px 5px 15px;*/margin:0 0 10px 0;
background:url(images/master/icons/quote_end.gif) no-repeat}
* html .qstart
{float:left;height:17px;width:20px;padding:0px 5px 0px 5px;background:url(images/master/icons/quote_start.gif) no-repeat}
* html .qend
{float:right;height:18px;width:20px;margin-top:-12px;margin-right:38px;padding:25px 5px 5px 15px;
background:url(images/master/icons/quote_end.gif) no-repeat}
/*QUICKS ITEMS*/
/*thumbnail size options*/
.small_setup .image{float:left;margin-right:10px}
.small_setup a{font-size:1.2em;font-weight:bold}
.small_setup dl{width:271px;float:left;display:block}
.small_setup dd{clear:both;margin-bottom:20px}
/*latest blog posts*/
.no-image_setup dt{display:block;}
.no-image_setup dt a {font-size:1.2em;font-weight:bold;margin-bottom:5px;float:left;width:300px}
.no-image_setup dt span{display:block;margin-left:300px}
.no-image_setup dd{clear:both;margin-bottom:20px}
/*FOOTER*/
.footer{clear:both;height:59px;background: #e2e2e2 url(images/master/new_footer.jpg) 50% 0 no-repeat;margin-top:30px}
.footer ul {width:400px;margin:0 auto;padding-top:10px;width:978px}
.footer ul li{float:left;padding:2px 5px 2px 5px;border-left:1px solid #7A7A7A}
.footer ul li:first-child{border:none}
.footer ul li a{color:#444}
/*SITE MAP STYLES*/
.siteMap {margin-left:23px}
.siteMap ul li a{padding:0 0 10px 15px;background:url(images/master/icons/bullet_black.gif) no-repeat 0 6px;}
.siteMap ul li ul li a{padding:0 0 10px 15px;background:url(images/master/icons/bullet_grey.gif) no-repeat 0 6px;margin-left:20px}
.siteMap ul li ul li ul li a{padding:0 0 10px 15px;background:url(images/master/icons/bullet_grey.gif) no-repeat 0 6px;margin-left:40px}
.siteMap ul li a{font-weight:bold}
ul ul li a, ul ul ul li a{font-weight:normal !important}
.siteMap ul li {padding-bottom:4px !important}
.divide{margin-bottom:20px}
*+ html .divide{margin-bottom:120px}