/* DEFAULT */
*{padding:0; margin:0}
body{background:#2e1308 url(bg.jpg) center top repeat-y;font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:0.7em;color:#333; text-align: center; position:relative;}
input, select, textarea{font-family:Verdana, Arial, sans-serif; font-size:0.9em}
div{text-align:left}
img{border:0}
h1, h2, h3, h4, h5, h6{margin:0 0 8px 0; padding:0px; color:#900; font-weight:bold;}
p{margin:0 0 8px 0; padding:0}
form{margin:0; padding:0; display:block}
.clear{clear:both;height:0;line-height:0;font-size:0;}
.fltl{float:left}
.fltr{float:right}
.txt-right{text-align:right}
.txt-center{text-align:center}
a{color:#f60; font-weight:bold; text-decoration:none}
a:hover{color:#f60; text-decoration:underline}
ul, ol {margin:5px 0 18px 15px; padding:0}
li {margin-bottom:5px}
ol li {margin-bottom:10px}

table {border-collapse:collapse;}
ul.reset {list-style:none; margin:0; padding:0}
ul.reset li {padding:0; margin:0}
.ie-zero {line-height:0; font-size:0;}

#header {background:url(header-bg.gif) repeat-x; height:20px; width:100%}
#header ul {width:972px; text-align:right; margin:0 auto;}
#header ul li {color:#999; display:inline; padding:0 5px 0 0;}
#header ul li a {color:#999; font-weight:0.9em; text-decoration:none; font-weight:normal;}
#header ul li a:hover {color:#999; font-weight:0.9em; text-decoration:underline;}

#top-back {background:url(bg-top.jpg) center top no-repeat; width:100%}

#nav {background:url(nav.png) top left no-repeat; width:985px; height:170px; margin:0 auto;}
#nav p {text-indent:-999em; overflow:hidden;}
#nav ul {position:relative;}
#nav ul li {text-indent:-999em; overflow:hidden; position:absolute;}
#nav li a {display:block;}
#nav li.home {width:188px; height:50px; top:38px; left:110px;}
#nav li.ecom {width:90px; height:40px; top:105px; left:123px;}
#nav li.cont {width:85px; height:36px; top:103px; left:214px;}
#nav li.int {width:98px; height:45px; top:98px; left:304px;}
#nav li.pri {width:80px; height:38px; top:96px; left:403px;}
#nav li.des {width:86px; height:41px; top:94px; left:486px;}
#nav li.sea {width:87px; height:36px; top:90px; left:578px;}
#nav li.ebro {width:87px; height:35px; top:86px; left:669px;}
#nav li.home a {width:188px; height:60px;}
#nav li.ecom a {width:90px; height:48px;}
#nav li.cont a {width:85px; height:38px;}
#nav li.int a {width:98px; height:43px;}
#nav li.pri a {width:80px; height:38px;}
#nav li.des a {width:86px; height:41px;}
#nav li.sea a {width:87px; height:36px;}
#nav li.ebro a {width:87px; height:35px;}


#wrapper {width:985px; margin:0 auto;}
#benchmark {float:left; }
#benchmark .im {top:253px;left:20px;background:url(benchmark.png) top left no-repeat; width:35px; height:100px; position:relative;}
#content-paper {background:url(paper.png) repeat-y; width:734px;}
.content-paper-top {background:url(paper-top.png) top left no-repeat; width:734px; height:15px;}
.content-paper-bot {background:url(paper-bot.png) top left no-repeat; width:734px; height:21px;}
#content {float:left; width:785px; padding:0 0 25px 0}
#right {float:right; padding:0 0 45px 0}

.folio-feature {width:720px; height:220px; position:relative; left:0px; top:22px; margin-bottom:30px;}
.folio-feature img {position:absolute; left:7px;}
.folio-feature div.desc {position:absolute; left:286px; top:98px; color:#fff; font-size:1em; font-family:Verdana, Arial, sans-serif;}
.folio-feature div.desc ul {margin-bottom:2px;}
.folio-feature div.desc ul li {margin-bottom:4px;}
.folio-feature div.desc a {text-decoration:underline;}
.folio-feature div.desc a:hover {text-decoration:none;}
.folio-tape {background:url(folio-tape.png) top left no-repeat; width:722px; height:105px; position:absolute; top:42px; left:0;}

div.line {background:url(line.gif) top center no-repeat; width:700px; height:2px;margin:10px 0;}

#content-wrap {width:698px;padding:0 0 0 20px;}
#content-wrap p {font-size:1.1em;}
h1.home {background:url(h1-home.gif) top left no-repeat; width:476px; height:25px; text-indent:-999em; overflow:hidden; margin:0 0 5px 0; padding:0;}
h2.current-projects {margin:0; font-size:1.4em;letter-spacing:-1px;margin:10px 0 10px 0;}
h1 {color:#900; font-size:1.8em;letter-spacing:-1px;}
h2 {color:#900; font-size:1.4em;letter-spacing:-1px;}

span.red {color:#900;}

div.projects {font-size:1.1em;}
div.projects ul {list-style:none;margin:0; padding:0;}
div.projects ul li {float:left; width:210px; padding:0 34px 0 0;}
div.projects ul li.last {padding:0;}
div.projects strong {color:#333;font-size:1.1em;display:block; padding:0 0 3px 0;}
div.projects img {padding:0 0 4px 0;}


h1.section-title {color:#900; font-weight:normal; font-size:1.2em; margin:0; padding:7px 0pt 0pt 31px}
.section-feature {top:5px;}
div.section {}
div.section h3 {color:#333; font-size:1.2em;margin:10px 0 10px 0;}
div.section div.fltl {width:215px; padding:0 15px 0 0;}
div.section div.fltl img {padding:0 0 3px 0;}
div.section div.fltr {width:435px;margin-right:20px;}
div.section-line {width:203px; background:url(line.gif) top center no-repeat; height:2px; margin:10px 0;}

h2.case-study {padding:0 0 0 31px; font-size:2.2em;letter-spacing:-1px;}
div.case-study {font-size:1.1em;}
div.case-study .fltl {width:510px;}
div.case-study .fltr {width:210px; padding:0 10px 0 0;}
.folio {position:relative; width:498px; height:250px; left:0px;}
.folio img {position:absolute; left:6px;}
.folio .tape {background:url(case-tape.png) top left no-repeat; position:absolute; top:72px; height:105px; width:500px; left:0;}
.case-wrp {padding:20px 15px 0 20px}
.preview {background:url(preview-back.gif) top left repeat-x; height:41px; margin:8px 0;}
.preview ul.reset {list-style:none; padding:7px 0 0 0;}
.preview ul li {float:left; background:url(preview.gif) top left no-repeat; padding:0 3px 0 0;}
.preview ul li.active {background:url(preview-active.gif) top left no-repeat;}
.preview ul li a {color:#7a7a7a; text-decoration:none; display:block; width:12px; height:20px; padding:9px 0 0 11px;}
.preview ul li a:hover {color:#7a7a7a; text-decoration:underline;}
a.visit-site {background:url(visit-site.gif) top left no-repeat; width:78px; height:21px; color:#900; text-align:center; padding:5px 0 0 0; display:block; margin:10px 0 0 0;}
a.visit-site:hover {text-decoration:none;}
div.preview .fltl {width:120px;}
div.preview .fltr {width:80px;}

.news {background:url(news.png) top left no-repeat; width:175px; height:209px; margin:0 0 10px 4px; color:#fff;}
.news strong {display:block; font-size:1.3em; padding:20px 0 14px 17px;}
.news p {font-size:1.1em; padding:0 10px 0 17px;}
.git {background:url(git.png) top left no-repeat; width:164px; height:317px; padding:10px 10px 0 17px; color:#300;}
.git strong {color:#900; font-size:1.25em;}
.git p {font-size:1.1em; padding:3px 0 0 0; margin:0 0 5px 0}
.git .reset li {margin-bottom:1px;}
.git input {background:url(input-back.gif) top left no-repeat; width:153px; height:15px; border:0; padding:3px 0 0 3px;}
.git textarea {background:url(textarea-back.gif) top left no-repeat; width:153px; height:70px; border:0; padding:3px 0 0 3px;}
.git label {font-weight:bold; font-size:1.1em;}
#but-submit {display:block; background:url(but-submit.png) top left no-repeat; width:177px; height:32px; border:0; text-indent:-999em; overflow:hidden;}

#footer {margin:-40px 0 0 0; width:100%; height:120px; background:url(footer-bg.gif) repeat-x;}
#footer .wrap {width:985px; margin:0 auto; position:relative;}
#footer .gfx {background:url(footer-gfx.png) top left no-repeat; width:105px; height:90px; position:absolute; right:0; top:0;}
#footer ul {text-align:center; padding:60px 0 0 0;}
#footer ul li {display:inline;color:#fc9;}
#footer ul li a {color:#fc9; font-weight:normal; text-decoration:none;}
#footer ul li a:hover {text-decoration:underline;}
#footer p {color:#ab8055; padding:2px 0 0 0; margin:0;}

.career-list li{font-size:1.1em;}