body{
margin: 0px;
padding: 0px;
background: #525e67 url(images/bgGradient.jpg) repeat-x top left;
}

#wrapper{
width: 738px;
position: relative; left: 50%;
margin-left: -369px;
padding:0;
border: 3px solid #000;
}

/********** start header **********/
#header{
width: 738px;
height: 142px;
margin: 0;
padding: 0;
background: #000 url(images/header.jpg) no-repeat left top;
}
/********** end header **********/

/********** start nav **********/
.nav ul {
width: 738px;
height: 29px;
margin: 0;
padding: 0;
font-family: arial, helvetica, sans-serif;
font-size: 13px;
color: #fff;
background: #000 url(images/mainNavBg.gif) repeat-x left top;
list-style: none;
}

.nav ul li {
float: left;
}

.nav ul a {
padding: 7px 30px;
background: url(images/mainNavBorder.gif) no-repeat left top;
text-decoration: none;
color: #fff;
float: left;
display: block;
}

.nav ul a:hover {
color: #99ff66;
}

.nav ul .first a {
padding-left: 88px;
background: none;
}

#gradient{
width: 738px;
height: 13px;
margin: 0;
padding: 0;
}
/********** end nav **********/

/********** start services subnav **********/
.box .subNav ul{
width: 683px;
height: 23px;
margin: 2px 0 0 40px;
padding: 0;
background: #000 url(images/subNavBg.gif) no-repeat left top;
list-style: none;
}

.box .subNav ul li{
margin: 0;
padding: 4px 0 0 42px;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #000000;
float: left;
}

.box .subNav a, .box .subNav a:visited {
margin: 0;
padding: 0 0 0 18px;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #343c43;
font-weight: bold;
display: block;
float: left;
background: url(images/subNavArrowUp.gif) no-repeat 0 0;
}

.box .subNav a:hover {
margin: 0;
padding: 0 0 0 18px;
color: #010101;
background: url(images/subNavArrowDown.gif) no-repeat 0 0;
font-weight: bold;
text-decoration: none;
}

#retro #wrapper .subNav a.retro, #gec #wrapper .subNav a.gec{
background: url(images/subNavArrowDown.gif) no-repeat 0 0;
}
/********** end services subnav **********/

/********** start fluid body **********/



.box{
width: 738px;
margin: 0;
padding: 0;
background: #fff url(images/sidebar.gif) no-repeat top left;
}

.box .footer{
width: 738px;
height: 40px;
margin: 0;
padding: 0;
align: center;
background: url(images/footer.gif) no-repeat bottom left;
}
/********** end fluid body **********/

/********** start main copy **********/
.box h1{
margin: 0;
padding: 10px 0 0 38px;
font-family: arial, helvetica, sans-serif;
font-size: 30px;
color: #91a5c4;
font-weight: normal;
}

.box p{
margin: 4px 15px 0 39px;
padding: 18px 0 0 0;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #666666;
}

.layout p.margin, .margin{
padding-bottom: 18px;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #666666;
}

.retro p{
width: 400px;
margin: 9px 0 0 39px;
padding: 0;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #666666;
}

.box p.top{
width: 683px;
margin: 4px 0 0 39px;
padding: 18px 0 0 0;
border-top: 1px solid #e0e0e0;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #666666;
}

.box h2{
width: 420px;
margin: 0 0 0 39px;
padding: 0 0 0 0;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #666666;
}

.box ul.list{
width: 395px;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
list-style: none;
color: #666666;
text-indent: -4px;
}

.retro ol.geclist{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
list-style: none;
color: #666666;
text-indent: 0px;
}

.retro ol.geclist .nest{
margin: 0;
padding-bottom: 6px;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
list-style: none;
color: #666666;
text-indent: -7px;
}

.retro ol{
width: 395px;
margin: 0 0 0 42px;
padding: 6px 0 0 2px;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #666666;
list-style: none;
}

.box ul li, .retro ol li{
padding: 0 0 10px 12px;
}

.box ul li.nopad, .retro ol li.nopad{
padding: 0 0 5px 12px;
}
/********** end main copy **********/

/********** start link styles **********/

.box a{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #00cc00;
text-decoration: none;
}

.box a:hover, .box a:visited{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #00cc00;
text-decoration: none;
}
/********** end link styles **********/

/********** begin case study **********/
.case{
width: 679px;
height: 330px;
margin: 40px 0 0 40px;
border-bottom: 1px solid #e0e0e0;
}

.case2{
width: 679px;
height: 310px;
margin: 8px 0 0 40px;
}

.detail h4{
margin: 0;
padding: 0;
width: 679px;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #666;
}

.csheader{
font-family: arial, helvetica, sabs-serif;
font-size: 12px;
color: #666;
}

.left{
width: 241px;
float: left;
font-weight: normal;
padding: 10px 0 2px 90px;
margin: 0;
}

.right{
width: 241px;
float: right;
font-weight: normal;
padding: 10px 0 2px 90px;
}
/********** end case study **********/

/********** start FAQs **********/
.questions{
width: 350px;
margin-left: 40px;
padding-top: 10px;
}

.questions ul {
width: 350px;
padding: 0;
margin: 0;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #00cc00;
list-style: none;
}

.answers ul {
width: 400px;
margin: 0;
padding: 0;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #666;
list-style: none;
}

.answers ul li{
margin: 0;
padding: 4px 0 0 10px;
}

.questions ul li{
margin: 0;
padding: 0 0 9px 0;
}

.answers{
width: 683px;
margin-left: 40px;
padding: 9px 0 12px 0;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #666;
}

.answers .border{
margin-top: 0px;
padding: 16px 0 16px 0;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}


.topBorder{
margin: 0;
padding: 15px 0 0 0;
border-top: 1px solid #e0e0e0;
}

.answers .noborder{
margin-right: 100px;
padding: 16px 0 28px 0;
}
.answers .noborder2{
margin-right: 100px;
padding: 16px 0 35px 0;
}
.box .questions ul li a, .box .questions ul li a:visited{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #00cc00;
text-decoration: none;
}


.contact a{
font-family: arial, helvetica, sans-serif;
font-size: 10px;
color: #CCCCCC;
text-decoration: none;
}

.contact{
font-family: arial, helvetica, sans-serif;
font-size: 10px;
color: #CCCCCC;
text-decoration: none;
}

.box .questions ul li a:hover{
color: #00cc00;
text-decoration: underline;
}

.answers a{
margin: 0;
padding: 0;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #666;
list-style: none;
}
/********** end FAQs **********/

/********** start press **********/
.box h1.top{
width: 683px;
margin: 0 0 0 39px;
padding: 10px 0 4px 0;
border-bottom: 1px solid #e0e0e0;
}

.box .press{
width: 309px;
margin: 20px 0 0 39px;
padding: 0;
float: left;
display: inline;
}

.box .articles{
width: 309px;
margin: 20px 0 0 0;
padding: 0 0 0 25px;
float: left;
border-left: 1px solid #e0e0e0;
display: inline;
}

.press p{
height: 200px;
margin: 0;
padding: 0;
}

.articles p{
height: 200px;
margin: 0;
padding: 0;
}
/********** end press **********/

/********** start Contact **********/
form{
width: 500px;
margin: 0 0 0 10px;
padding: 0;
}

p{
margin: 0;
padding: 0;
}

fieldset{
margin: 0;
padding:0;
border: 0px;
}

legend{
font-weight: bold;
}

label{
width: 65px;
height: 12px;
display: block;
float: left;
font-weight: bold;
}

input{
margin: 0;
padding: 0;
width: 200px;
border: 1px solid #666;
}

input.submit{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #666;
width: 106px;
height: 20px;
background: url(images/submit.gif) repeat-x left top;
border: 1px solid #666;
margin: 0 0 0 104px;
}

.drop{
width: 323px;
height: 22px;
margin: 0 0 0 104px;
}

textarea {
width: 343px;
height: 100px;
border: 1px solid #666;
}
/********** end Contact **********/

/********** start images **********/
.homePic{
margin: 0;
padding: 0;
position: absolute; top: 335px; right: 15px;
}

.servicesPic{
margin: 0;
padding: 0;
position: absolute; top: 280px; right: 15px;
}

.contactPic{
margin: 0;
padding: 0;
position: absolute; top: 325px; right: 75px;
}

.retroPic{
width: 257px;
height: 192px;
margin: 0;
padding: 26px 15px 0 0;
float: right;
}

.genPic{
width: 257px;
height: 282px;
margin: 0;
padding: 26px 15px 0 0;
float: right;
}

.pressPic{
width: 257px;
height: 193px;
margin: 0;
padding: 26px 15px 0 0;
float: right;
}

.faqsPic1{
width: 257px;
height: 173px;
margin: 0 12px 25px 0;
padding: 0;
float: right;
}

.faqsPic2{
width: 155px;
height: 103px;
margin: 15px 15px 15px 0px;
float: left;
}

.faqsPic3{
width: 155px;
height: 97px;
margin: 15px 15px 15px 0px;
float: left;
}

#companies{
width: 685px;
height: 257px;
margin: 15px 0 0 40px;
border: 1px solid #b1cbd6;
background: url(images/companies.jpg) no-repeat 40% 35%;
}

.before img{
margin-bottom: 10px;
padding-right: 17px;
float: left;
width: 331px;
height: 259px;
}

.after img{
margin-bottom: 10px;
padding-right: 17px;
padding: 0;
float: left;
width:  331px;
height: 259px;
}

.caseBullet{
width: 58px;
height: 37px;
margin: 0;
padding: 0 8px 0 0;
float: left;
}
/********** end images **********/
.clear{
clear: both;
}

.gap{
margin:20px 0;
}