@charset "utf-8";
/*reset that baby*/
body, div, h1, h2, h3, h4, h5, h6, p, a, img, img a, ul { margin: 0; padding: 0; outline: none; border: none; list-style: disc; }

/*the usual suspects*/
body { min-width: 1000px; color: #000; font: 15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; background: #fff url(../imgs/body.jpg) repeat-y top right; }
div { overflow: hidden; }
h1 { font-size: 28px; font-weight: bold; margin: 0 0 .5em 0; }
h2, h2 a:link, h2 a:visited { font-size: 24px; font-weight: normal; color: #033; margin: 0 0 .67em 0; }
h2 a:hover, h2 a:focus { color: #406666; }
h2 a:active { color: #7f9999; }
h3, h3 a:link, h3 a:visited { font-size: 21px; font-weight: bold; color: #033; margin: 0 0 .67em 0; }
p { line-height: 1.5em; margin: 0 0 1em 0; }
a { color: #000; text-decoration: none; }
strong { font-weight: bold; }
blockquote { color: #033; margin: 1em 5%; }
blockquote p { font-size: 21px; }
blockquote span { font-size: 2em; color: #ccc; }
blockquote .leftquote { margin-right: .1em; }
blockquote .rightquote { position: absolute; margin-left: .2em; }
blockquote .yournameherr { color: #033; text-align: right; }
ul { margin-left: 1em; margin-bottom: 1em; }
li { line-height: 1.66em; }
hr { display: none; }

/*if your names not down your not coming in*/
#head { position: fixed; width: 96%; height: 82px; min-width: 960px; z-index: 10; padding: 20px 2%; background:  url(../imgs/head.png) no-repeat 0 0; }
#jumps p a { display: none; }
#logo, #nav, #contact a, #crumbs { position: absolute; }
#logo, #nav, #contact a { top: 20px; }
#logo, #crumbs { left: 2%; }
#logo a { display: block; width: 185px; height: 45px; text-indent: -9999px; }
#logo a:link, #logo a:visited { background: url(../imgs/logo.gif) no-repeat 0 0; }
#logo a:hover, #logo a:focus { background: url(../imgs/logo.gif) no-repeat 0 -45px; }
#logo a:active { background: url(../imgs/logo.gif) no-repeat 0 -90px; }
#nav { left: 25%; width: 50%; font-weight: bold; margin-top: 5px; list-style: none; }
#nav li { float: left; list-style: none; }
#nav li a { display: block; padding: .25em .5em; }
#nav a:link, #nav a:visited { color: #033; }
#nav a:hover, #nav a:focus { color: #406666; }
#nav a:active { color: #7f9999; }
#contact a { right: 2%; display: block; width: 230px; height: 50px; margin-top: -8px; text-indent: -9999px; }
#contact a:link, #contact a:visited { background: url(../imgs/contact.gif) no-repeat 0 0; }
#contact a:hover, #contact a:focus { background: url(../imgs/contact.gif) no-repeat 0 -50px; }
#contact a:active { background: url(../imgs/contact.gif) no-repeat 0 -100px; }
#crumbs { display: none; top: 107px; font: bold 11px Arial, Helvetica, sans-serif; letter-spacing: 0.1em; }
#crumbs, #crumbs a:link, #crumbs a:visited { color: #ccc; }
#crumbs a:hover, #crumbs a:focus { color: #000; }
#crumbs a:active { color: #666; }
#content { position: relative; width: 96%; min-height: 625px; padding: 122px 2% 0; }
#foot { clear: both; width: 96%; margin-top: 40px; padding: 20px 2% 15px; background: #fff url(../imgs/foot.jpg) repeat-x 0 0; }
#footintro { padding: 15px 0 15px 165px; background: url(../imgs/footintro.gif) no-repeat left center; }
#foot1, #foot2, #foot3, #foot4 { float: left; margin-bottom: 30px;  }
#foot1, #foot4 { width: 23.75%; }
#foot2, #foot3 { width: 26%; }
#footoutro { width: 100%; clear: both; border-top: dotted 1px #ccc; padding-top: 10px; }
#footlgos { float: right; margin-top: -5px; }
#footcopyright { float: left; width: 70%; }
#foot p, #foot a, #foot ul { color: #999; }
#foot p a:hover, #foot p a:focus, #foot ul a:hover, #foot ul a:focus { color: #666; }
#foot h2 a { color: #666; font-weight: bold; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#foot h2 a:hover, #foot h2 a:focus { color: #333; }
#foot ul { margin: 0; list-style: none; }
#foot1 h2, #foot2 h2, #foot3 h2, #foot4 h2 { margin-bottom: .125em; }
#foot1 h2, #foot1 ul  { padding-right: 8.5%; }
#foot2 h2, #foot2 ul, #foot3 h2, #foot3 ul { padding: 0 8.5%; }
#foot4 h2, #foot4 ul  { padding-left: 8.5%; }
#foot1 ul { border-right: dotted 1px #ccc; }
#foot2 ul, #foot3 ul { border-right: dotted 1px #ccc; }
#expo a { float: right; display: block; width: 50px; height: 50px; margin: 1px 0 0 3px; text-indent: -9999px; }
#expo a:link, #expo a:visited { background: url(../imgs/expo.gif) no-repeat 0 0; }
#expo a:hover, #expo a:focus { background: url(../imgs/expo.gif) no-repeat 0 -50px; }
#expo a:active { background: url(../imgs/expo.gif) no-repeat 0 -100px; }
#expo h2 a { margin: 0; }

/*group hug*/
h1, h2, h3, blockquote p, #nav li, #portfcontent li a, #projsub li a, #contactcontent p, .headline, .learnmore, .catglist a, .leadsentence { font-family: "Bookman Old Style", Georgia, Times, serif; }
#catgcontent h2, #catgsub h2, #portfcontent h2, #portfsub h2, #projsub h2, #contactform h2, #soon h2, #thanks h2, #terms h2 { font-size: 24px; font-weight: normal; color: #033; margin: 0 0 .67em 0; }
#frontportf h2 a, #frontwhy h2 a, #servs h2 a, #servssub h2, #indvcontent h2, #portfcontent h3, #whycontent h2, #whysub h2 { font-size: 21px; font-weight: bold;  margin: 0 0 .67em 0; }
#nav li, #portfcontent li a, #projsub li a, .learnmore, .catglist a { font-size: 16px; }
p, li, #foot h2 a { font-size: 13px; }

/*a staple part of the english way of life*/
a:link .learnmore, a:visited .learnmore { color: #033; }
a:hover .learnmore, a:focus .learnmore { color: #406666; }
a:active .learnmore { color: #7f9999; }
.headline { color: #033; font-size: 54px; font-weight: normal; margin-bottom: 0.33em; line-height: 1em; letter-spacing: -.02em; }
.headline em { font-style: normal; }
.leadsentence { color: #033; font-size: 24px; }
.freeindex { padding: 3px; background: 0; margin-bottom: -1px; border: solid 2px #ccc /*#113751*/; }
.btnfront a, .btnservs a, .btnservsto a, .btnportf a, .btnportfto a, .btntop a, .btnenq a, .btnenq { display: block; width: 230px; height: 50px; text-indent: -9999px; }
.btncatgweb a, .btncatgds a, .btncatggraph a, .btncatgbrndng a { display: block; width: 230px; height: 50px; text-indent: -9999px; }
.btnfront a:link, .btnfront a:visited { background: url(../btns/btnfront.gif) no-repeat 0 0; }
.btnfront a:hover, .btncatgweb a:focus { background: url(../btns/btnfront.gif) no-repeat 0 -50px; }
.btnfront a:active { background: url(../btns/btnfront.gif) no-repeat 0 -100px; }
.btnfront { margin-top: 1.5em; }
.btnservs a:link, .btnservs a:visited { background: url(../btns/btnservs.gif) no-repeat 0 0; }
.btnservs a:hover, .btnservs a:focus { background: url(../btns/btnservs.gif) no-repeat 0 -50px; }
.btnservs a:active { background: url(../btns/btnservs.gif) no-repeat 0 -100px; }
.btnservsto a:link, .btnservsto a:visited { background: url(../btns/btnservsto.gif) no-repeat 0 0; }
.btnservsto a:hover, .btnservsto a:focus { background: url(../btns/btnservsto.gif) no-repeat 0 -50px; }
.btnservsto a:active { background: url(../btns/btnservsto.gif) no-repeat 0 -100px; }
.btncatgweb a:link, .btncatgweb a:visited { background: url(../btns/btncatg.gif) no-repeat 0 0; }
.btncatgweb a:hover, .btncatgweb a:focus { background: url(../btns/btncatg.gif) no-repeat 0 -50px; }
.btncatgweb a:active { background: url(../btns/btncatg.gif) no-repeat 0 -100px; }
.btncatgds a:link, .btncatgds a:visited { background: url(../btns/btncatg.gif) no-repeat 0 0; }
.btncatgds a:hover, .btncatgds a:focus { background: url(../btns/btncatg.gif) no-repeat 0 -50px; }
.btncatgds a:active { background: url(../btns/btncatg.gif) no-repeat 0 -100px; }
.btncatggraph a:link, .btncatggraph a:visited { background: url(../btns/btncatg.gif) no-repeat 0 0; }
.btncatggraph a:hover, .btncatggraph a:focus { background: url(../btns/btncatg.gif) no-repeat 0 -50px; }
.btncatggraph a:active { background: url(../btns/btncatg.gif) no-repeat 0 -100px; }
.btncatgbrndng a:link, .btncatgbrndng a:visited { background: url(../btns/btncatg.gif) no-repeat 0 0; }
.btncatgbrndng a:hover, .btncatgbrndng a:focus { background: url(../btns/btncatg.gif) no-repeat 0 -50px; }
.btncatgbrndng a:active { background: url(../btns/btncatg.gif) no-repeat 0 -100px; }
.btnportf a:link, .btnportf a:visited { background: url(../btns/btnportf.gif) no-repeat 0 0; }
.btnportf a:hover, .btnportf a:focus { background: url(../btns/btnportf.gif) no-repeat 0 -50px; }
.btnportf a:active { background: url(../btns/btnportf.gif) no-repeat 0 -100px; }
.btnportfto a:link, .btnportfto a:visited { background: url(../btns/btnportfto.gif) no-repeat 0 0; }
.btnportfto a:hover, .btnportfto a:focus { background: url(../btns/btnportfto.gif) no-repeat 0 -50px; }
.btnportfto a:active { background: url(../btns/btnportfto.gif) no-repeat 0 -100px; }
.btnlaunch a { display: block; width: 115px; height: 25px; text-indent: -9999px; margin-top: .75em; }
.btnlaunch a:link, .btnlaunch a:visited { background: url(../btns/btnlaunch.gif) no-repeat 0 0; }
.btnlaunch a:hover, .btnlaunch a:focus { background: url(../btns/btnlaunch.gif) no-repeat 0 -25px; }
.btnlaunch a:active { background: url(../btns/btnlaunch.gif) no-repeat 0 -50px; }
.btntop a:link, .btntop a:visited { background: url(../imgs/btns/btntop.gif) no-repeat 0 0; }
.btntop a:hover, .btntop a:focus { background: url(../imgs/btns/btntop.gif) no-repeat 0 -50px; }
.btntop a:active { background: url(../imgs/btns/btntop.gif) no-repeat 0 -100px; }
.btnenq { margin-top: 20px; }
.btnenq a:link, .btnenq a:visited { background: url(../btns/btnenq.gif) no-repeat 0 0; }
.btnenq a:hover, .btnenq a:focus { background: url(../btns/btnenq.gif) no-repeat 0 -50px; }
.btnenq a:active { background: url(../btns/btnenq.gif) no-repeat 0 -100px; }

/*solo warriors*/
#frontservs { position: relative; height: 275px; background: url(../imgs/proj.gif) repeat 0 -90px; margin-bottom: 30px; }
#frontportf { float: left; width: 50%; border-right: dotted 1px #ccc; }
#frontwhy { float: left; width: 49%; }
#frontexpo { position: absolute; top: 122px; right: 2%; z-index: 1; }
#frontservs img { display: block; margin: .33em auto 30px; }
#frontservs .btnservsto { position: absolute; bottom: 0; right: 4%; z-index: 3; }
#frontportf h2, #frontportf h3, #frontportf p { padding-right: 4.25%; }
#frontwhy h2, #frontwhy p, #frontwhy ul { padding-left: 4.25%; }
#frontwhy p { margin-bottom: .5em; }
#frontwhy p a { color: #033; }
#frontexpo a { display: block; width: 100px; height: 100px; text-indent: -9999px; }
#frontexpo a:link, #frontexpo a:visited { background: url(../imgs/frontexpo.gif) no-repeat 0 0; }
#frontexpo a:hover, #frontexpo a:focus { background: url(../imgs/frontexpo.gif) no-repeat 0 -100px; }
#frontexpo a:active { background: url(../imgs/frontexpo.gif) no-repeat 0 -200px; }

#servscontent, #servssub { float: left; }
#servscontent { width: 67.5%; margin-right: 2.1%; margin-bottom: 1em; }
#servssub { width: 30.25%; height: 240px; padding-bottom: 1em; margin: auto; border-left: dotted 1px #ccc;  }
#servs { clear: both; }
#servs1of4, #servs2of4, #servs3of4, #servs4of4 { float: left; min-height: 240px; margin-top: .66em; }
#servs1of4, #servs4of4 { width: 23.75%; }
#servs2of4, #servs3of4 { width: 26%; }
#servs2of4, #servs3of4, #servs4of4 { border-left: dotted 1px #ccc; }
#servs p em, #servs p em a { color: #033; }
#servscontent p { padding-right: 3.5%; }
#servscontent img { display: block; margin: auto; }
#servssub h2, #servssub p { padding-left: 8.5%; }
#servssub h2 { margin-top: 31px; }
#servs1of4 h2, #servs1of4 h4, #servs1of4 p, #servs1of4 ul  { padding-right: 8.5%; }
#servs2of4 h2, #servs2of4 h4, #servs2of4 p, #servs2of4 ul, #servs3of4 h2, #servs3of4 h4, #servs3of4 p, #servs3of4 ul { padding: 0 8.5%; }
#servs4of4 h2, #servs4of4 h4, #servs4of4 p, #servs4of4 ul  { padding-left: 8.5%; }
#servs1of4 h2 a, #servs2of4 h2 a, #servs3of4 h2 a, #servs4of4 h2 a { display: block; min-width: 50px; min-height: 50px; } 
#servs1of4 h2 a { background: url(../lgos/servs1of4.gif) no-repeat left top; padding-left: 60px; }
#servs2of4 h2 a { background: url(../lgos/servs2of4.gif) no-repeat left top; padding-left: 64px; }
#servs3of4 h2 a { background: url(../lgos/servs3of4.gif) no-repeat left top; padding-left: 52px; }
#servs4of4 h2 a { background: url(../lgos/servs4of4.gif) no-repeat left top; padding-left: 60px; }

#catgcontent { float: left; width: 66%; border-right: dotted 1px #ccc; }
#catgsub { float: right; width: 31.5%; background: url(../imgs/proj.gif) repeat 0 0; }
#catgcontent * { padding-right: 4.5%; }
#catgcontent img { display: block; margin: 1.5em auto 1em; }
#catgsub h2 { margin-bottom: .33em; text-align: center; background: #fff; }
#catgsub img { display: block; margin: 0 auto 1em; background: url(../imgs/proj.gif) repeat-x 0 200px; }
#catgsub ul { max-width: 275px; margin: 0 auto 20px; text-align: center; list-style: none; background: #fff; }
#catgsub li a { display: block; color: #033; font-weight: bold; padding: .25em 0; }
#catgsub li a:link, #catgsub li a:visited { border-bottom: dashed 1px #ccc; }
#catgsub li a:hover, #catgsub li a:focus { background: #eee; border-bottom: dashed 1px #033; }
.leadsentence { margin-top: 20px; }
#catgsub .btnportfto a, #catgsub .btnservs a { display: block; margin: 0 auto; }
#catgsub .btnportfto { margin-bottom: 8px; }

#indvcontent, #indvsub { min-height: 300px; margin-top: 10px; }
#indvcontent { float: left; width: 50%; border-right: dotted 1px #ccc; }
#indvsub { float: left; width: 47.75%; margin-left: 2.1%; background: url(../imgs/proj.gif) repeat 0 0; }
#indvcontent h2, #indvcontent p { padding-right: 8%; }
#indvcontent h2 { font-size: 21px; font-weight: bold; margin-bottom: .33em; }
#indvsub p, #indvsub img { padding-left: 5%; }
#indvsub img { display: block; margin: 0 auto 20px; }
#indvsub .btnportfto, #indvsub .btncatgweb, #indvsub .btncatgds, #indvsub .btncatgbrndng, #indvsub .btncatggraph { margin-bottom: 8px; }
#indvsub .btnportfto a, #indvsub .btncatgweb a, #indvsub .btncatgds a, #indvsub .btncatgbrndng a, #indvsub .btncatggraph a { margin: auto; }

#portfcontent { position: relative; float: right; width: 67.8%; border-left: dotted 1px #ccc; }
#portfcontent h3, #portfcontent p, #portfcontent ul { padding-left: 6%; }
#portf1of4, #portf2of4, #portf3of4, #portf4of4 { min-height: 211px; }
#portf1of4, #portf3of4 { float: left; width: 52%; }
#portf2of4, #portf4of4 { float: right; width: 48%; }
#portfsub { float: left; width: 32%; }
#portfcontent h2 { padding-left: 3%; }
#portfcontent h3 { margin-bottom: .5em; }
#portfcontent ul { margin: 0 0 1.5em; list-style: none; }
#portfcontent li a { display: block; color: #033; padding: .25em 0 .25em 0.5%; }
#portfcontent li a:link, #portfcontent li a:visited { border-bottom: dashed 1px #ccc; }
#portfcontent li a:hover, #portfcontent li a:focus { background: #eee; border-bottom: dashed 1px #033; }
#portfcontent .btntop { margin-top: 1.5em; }
#portfsub h2, #portfsub blockquote { padding-right: 6.75%; }
.portfcollage { background: url(../imgs/proj.gif) repeat 0 -25px; }
.portfcollage a img { display: block; width: 960px; height: 180px; margin: 0em auto .125em; padding-bottom: .75em; }

#proj, #projsub { float: left; width: 64.9%; }
#proj { background: url(../imgs/proj.gif) repeat 0 0; margin: .25em 0 1.25em; }
#projcontent { float: right; width: 33.1%; border-left: dotted 0px #ccc; }
#projclient { float: left; width: 100%; }
#projsector { float: right; width: 100%; margin-bottom: 1em; }
#projsub { margin-top: 0px; padding-top: .75em; background: url(../imgs/proj.gif) repeat-y right -30px; }
#proj img, #proj object { display: block; margin: auto; }
#projcontent h3 { margin-bottom: .25em; }
#projcontent .btnportf a { margin: 1.5em 0; }
#projclient h3, #projsector h3 { width: 200px; margin-right: .5em; }
#projclient h3, #projclient p, #projsector h3, #projsector p { display: inline; }
#projsub h2 { margin-bottom: .33em; }
#projsub ul { max-width: 325px; font-weight: bold; margin: 0 0 1em; list-style: none; }
#projsub li a { display: block; color: #033; padding: .25em 0; }
#projsub li a:link, #projsub li a:visited { border-bottom: dashed 1px #ccc; }
#projsub li a:hover, #projsub li a:focus { background: #eee; border-bottom: dashed 1px #033; }
#projsub .yournameherr { margin-top: -.25em; }
#content h2 em { font-size: 24px; font-weight: normal; }
#content h2 em a:link, #content h2 em a:visited { border-bottom: dashed 0px #ccc; }
#content h2 em a:hover, #content h2 em a:focus { color: #033; background: #eee; border-bottom: dashed 1px #033; }

#whycontent { float: left; width: 66%; border-right: dotted 1px #ccc; background: 0; }
#whysub { float: left; width: 33%; background: 0; }
#whycontent *, #whycontent img { padding-right: 3.75%; }
#whycontent img { display: block; margin: 1.33em auto 1.33em; }
#whysub h2, #whysub ul { padding-left: 6.5%; }
#whysub h2 { margin-top: 32px; }
#whysub ul { line-height: 1.5em; }

#contactcontent { float: left; width: 49%; background: url(../imgs/contactcontent.gif) no-repeat bottom right; border-right: dotted 1px #ccc;  }
#contactinfo { width: 300px; height: 350px; background: url(../imgs/contactinfo.gif) no-repeat 0 0; }
#contactform { float:right; width: 50%; }
#contactinfo p { display: none; }
#contactform form, #contactform h2 { margin-left: 4%; }
#contactform label, #contactdetails p { color: #033; font: normal 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#contactform input, #contactform textarea, #contactform select { font: normal 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#contactform .btnenq { background: url(../btns/btnenq.gif) no-repeat 0 -100px; }
#soon .btnenq { margin-bottom: -1em; }
#jobscontent, #jobssub { min-height: 300px; }
#jobscontent { float: left; width: 50%; border-right: dotted 1px #ccc; }
#jobscontent * { padding-right: 8%; }
#jobssub { float: left; width: 49%; }
#jobssub * { padding-left: 5%; }
#termsintro { margin-bottom: 10px; }
#terms1of2 { float: left; width: 49.75%; border-right: dotted 1px #ccc;  }
#terms2of2 { float: right; width: 50%; }
#terms1of2 * { padding-right: 20px; }
#terms2of2 h3, #terms2of2 p, #terms2of2 ul { padding-left: 20px; }