@charset "utf-8";
/* CSS Document */

img { border:none; }
body, td, th { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #FFF; }
body { background-image: url(../images/bars-top.png); background-position:center top; background-repeat: no-repeat; background-color: #164955; margin: 0 auto; }
a:link { color: #FFF; text-decoration: none; }
a:visited { text-decoration: none; color: #FFF; }
a:hover { text-decoration: underline; color: #FFF; }
a:active { text-decoration: none; color: #FFF; }
#topLogo { height:50px; }
#topLogoDiv { width:1070px; margin:0 auto; }
#logo { position:absolute; margin:25px 0 0 50px; }
#tagLine { font-family: Arial, Helvetica, sans-serif; position:absolute; margin:37px 0 0 235px; font-size:18px; color:#86a0a6; }
.link2:link { text-decoration:none; color:#5a7a82; }
.link2:visited { text-decoration:none; color:#5a7a82; }
.link2:hover { text-decoration:underline; color:#fff; }
.link2:active { text-decoration:none; color:#5a7a82; }
.homeBar { position:absolute; height:80px; border-left: solid 1px #5a7a82; margin:-15px 0 0 360px; }
#mainCont { width:890px; margin:0 auto; padding-bottom:30px; }
#mainContRight { width:300px; float:left; }
#mainContLeft { width:500px; float:right; }
#mainContLeft h1 { text-transform:uppercase; margin:0; font-size:12px; }
#mainContLeft p { margin:0; font-size:12px; }
#mainContRight p { margin:15px 0 0 0; font-size:12px; }
.clr { clear:both; }
#tiledCont { height:446px; background-image: url(../images/shade-trans.png); }
#tiledContInsider { height:436px; background-image: url(../images/shade-trans-2.png); }
#tiledContInsiderPro { height:668px; background-image: url(../images/shade-trans-pro.png); }
#tiledContInner { background-image:url(../images/bg-tile.jpg); background-position:center 34px; background-repeat:repeat-x; height:415px; width:auto; }
#tiledContInnerPro { background-image:url(../images/bg-tile-pro.jpg); background-position:center 34px; background-repeat:repeat-x; height:642px; width:auto; }
/*********************/
/*********************/
/***** FOOTER  *****/
/*********************/
/*********************/
#footer { background-color:#123d4a; height:50px; }
#footerInner { width:890px; margin:0 auto; padding:20px 0 0; color: #5a7a82; font-size:12px; font-weight:bold; }
#footerInner span { margin:0 10px; }
.footerNumber { font-size:18px; }
#footer a:link { color:#5a7a82; text-decoration: none; }
#footer a:visited { color:#5a7a82; text-decoration: none; }
#footer a:hover { color:#92be41; text-decoration: none; }
#footer a:active { color:#5a7a82; text-decoration: none; }
/*********************/
/*********************/
/***** NAV ***********/
/*********************/
/*********************/
#nav { width:860px; margin:0 auto; z-index:11; }
#navInner { position:absolute; margin-top:50px; color:#FFF; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; z-index:11; text-transform:uppercase; }
#nav a:link { color:#c9d0d0; text-decoration:none; }
#nav a:visited { color:#c9d0d0; text-decoration:none; }
#nav a:hover { color:#92be41; text-decoration:none; }
#nav a:active { color:#92be41; text-decoration:none; }
#xxx a:link { color:#92be41; text-decoration:none; }
#xxx a:visited { color:#92be41; text-decoration:none; }
#xxx a:hover { color:#92be41; text-decoration:none; }
#xxx a:active { color:#92be41; text-decoration:none; }
#sub-nav-home { position:absolute; margin:34px 0 0 100px; background-image:url(../images/sub-nav-shade.png); background-repeat:no-repeat; width:210px; height:98px; font-size:12px; padding:15px 0 0 33px; }
#sub-nav { position:absolute; margin:34px 0 0 100px; background-image:url(../images/sub-nav-shade.png); background-repeat:no-repeat; width:200px; height:98px; font-size:12px; padding:15px 0 0 33px; z-index:11; text-transform:uppercase; }
#sub-nav-1 { position:absolute; margin:34px 0 0 100px; background-image:url(../images/sub-nav-shade.png); background-repeat:no-repeat; width:120px; height:98px; font-size:12px; padding:15px 0 0 33px; z-index:11; text-transform:uppercase; }
#sub-nav-2 { position:absolute; margin:34px 0 0 220px; background-image:url(../images/sub-nav-shade.png); background-repeat:no-repeat; width:120px; height:98px; font-size:11px; padding:15px 0 0 33px; z-index:11; text-transform:uppercase; }
#sub-nav-3 { position:absolute; margin:34px 0 0 360px; background-image:url(../images/sub-nav-shade.png); background-repeat:no-repeat; width:120px; height:98px; font-size:11px; padding:15px 0 0 33px; z-index:11; text-transform:uppercase; }
#sub-nav-4 { position:absolute; margin:34px 0 0 500px; background-image:url(../images/sub-nav-shade.png); background-repeat:no-repeat; width:120px; height:98px; font-size:11px; padding:15px 0 0 33px; z-index:11; text-transform:uppercase; }
#sub-nav-5 { position:absolute; margin:34px 0 0 620px; background-image:url(../images/sub-nav-shade.png); background-repeat:no-repeat; width:120px; height:98px; font-size:11px; padding:15px 0 0 33px; z-index:11; text-transform:uppercase; }

/*********************/
/*********************/
/* CONTENT STYLES    */
/*********************/
/*********************/
#content-pro-brand { position:relative; width:1040px; margin:0 auto; padding-top:145px; }
#content-pro-web { position:relative; width:1090px; margin:0 auto; padding-top:145px; }
#content-pro-identity { position:relative; width:1090px; margin:0 auto; padding-top:145px; background-image:url(../pro-identity/img/Identity-bg.png); background-repeat:no-repeat; background-position: 24px 142px; }
#content-pro-print { position:relative; width:1090px; margin:0 auto; padding-top:145px; background-image:url(../pro-identity/img/Identity-bg.png); background-repeat:no-repeat; background-position: 24px 142px; }
#content { position:relative; width:890px; margin:0 auto; padding-top:145px; }
#content p { margin-left:15px; }

#content-crew { width:600px; margin:0 0 0 0;}

.crew { font-size:14px; }
.cap { font-size:11px; }
.capCopy { float:left; padding-left:15px; }
#capGraph { position:absolute; margin:-70px 0 0 20px; }
.capMethA { float:left; color:#8fabb0; font-size:16px; font-weight:bold; width:220px; padding-left:15px; }
.capMethB { float:right; font-size:14px; padding-left:45px; width:605px; }
.quote { border-left: solid 5px #fff; margin-left:15px; padding-left:8px; }
.small { font-size:12px; }
#contactBox { border: solid 1px #4d93a6; width:390px; padding:10px; margin-left:3px; background-image: url(../images/contact-bg.png); }
#crewBox { border: solid 1px #4d93a6; padding:10px; margin-left:3px; background-image: url(../images/contact-bg.png); }
.usa { width:202px; float:left; }
.brazil { width:185px; float:right; }
.green { color:#cde072; }
.green2 { color:#92be41; }
li { list-style-image:url(../images/arrow-trans.png); }

#crew2a p { margin:0 0 0 15px; color:#8fabb0; }
#crew2b p { margin:0 0 0 15px; color:#8fabb0; }

/*********************/
/*********************/
/***** PROJECTS  *****/
/*********************/
/*********************/

/******* WEB ******/
#pro-web { width:858px; margin:0; background-image:url(/pro-webs/img/web-bg.png); background-repeat:no-repeat; }
#pro-web img { margin-left:82px;}
#pro-web-btmbar { background-image:url(../pro-webs/img/bottom-bar.png); background-position: 82px 0px; background-repeat:no-repeat; width:843px; height:66px; padding:20px 0 0 110px; font-size:13px; }
#pro-web-btmbar img { margin:0;}
/****** BRAND *******/
#pro-brand-btmbar { background-image:url(../images/contact-bg.png); width:650px; height:182px; padding:0 73px 0 30px; font-size:14px; margin-left:58px; }
#pro-brand-logo { height:145px; }
#pro-brand-copy { width:500px; float:left; }
#preNextBtn { float:right; }
/****** IDENTITY *******/
#pro-identity { width:858px; height:376px; }
#pro-identity img { margin-left:250px; }
#pro-identity-btmbar { background-image:url(../images/contact-bg.png); width:703px; height:104px; padding:20px 20px 0 30px; font-size:12px; font-weight:bold; margin-left:82px; margin-top:68px; }
#pro-identity-copy { width:600px; float:left; }
/**** PRINT *****/        
#pro-prt { width:858px; height:376px; }
#pro-prt-btmbar { background-image:url(../images/contact-bg.png); width:703px; height:104px; padding:20px 20px 0 30px; font-size:12px; margin-left:82px; margin-top:2px; }
/****** HTML5 & GREEN ****/
#textContWrapper { width:758px; margin-left:0px; }
#textCont { height:413px; font-size:12px; padding:10px 20px 20px 0; }
#textCont-btmbar { width:758px; height:66px; padding:20px 0 0 105px; font-size:14px; }
#textCont a:link { color:#92be41; text-decoration:none; font-weight:bold; }
#textCont a:visited { color:#92be41; text-decoration:none; font-weight:bold; }
#textCont a:hover { color:#c9d0d0; text-decoration:none; font-weight:bold; }
#textCont a:active { color:#92be41; text-decoration:none; font-weight:bold; }
.green-numbers { color:#d2d2d2; font-size:18px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; }

#qr-wrapper { position:absolute; margin-top:-45px; margin-left:260px; background-image:url(../images/QR-code-details-page-sdw.png); width:216px; height:167px; }
#qr-text { color:#FFF; text-align:right; padding:2px 5px 0 0; }