/* OTHER MAIN STYLES */ 
body { background: #522309 url(../images/background.gif) no-repeat fixed 20px 10px; margin: 0px; padding: 0px;}
#wrap { position: absolute; top: 147px; left: 227px; width: auto; }
p { clear: both; font: bold 12px Arial, sans-serif; color: #BDABA1; margin: 0px; padding: 0px; }
span { color: #FFFFFF; }
a img { border: 0px; }
.hide { display: none; }
.main { width: 270px; }

#menu { position: fixed;}
#menu ul { list-style: none; margin: 0px; padding: 0px; }
#menu li { clear: both; }
#submenu { z-index: 3; position: relative; float: left; }
#submenu li { display: inline; }
#submenu li a{ color: #FFFFFF; text-decoration: none; }
#main { margin: 0px 0px 0px 80px; padding: 0px; }

#yellowTxt { color: #C9E600; }
#blueTxt { color: #82B9FF; }
#greenTxt { color: #5AD2C3; }
#pinkTxt { color: #FF82E1; }
#purpleTxt { color: #C782FF; }
#redTxt  { color: #FF0000; }
#foot { font-size: 10px; color: #FFFFFF; padding: 0px 0px 20px 0px; }
#spacer { height: 300px; margin: 0px; padding: 0px; }

/* INDEX STYLES */
#glueBanner { margin: 10px 0px 0px 0px; }
#index {  position: absolute; top: 147px; left: 327px; }
#index h1 { clear: both; font: bold 15px Arial, sans-serif; color: #BDABA1; margin: 0px; padding: 0px; }
#index  p { font-size: 13px; }
#index  .white { color: #FFFFFF; }
#indexIMG { position: absolute; top: -20px; left: 240px;  }
#title { float: left; margin: 0px 10px 5px 0px; padding: 0px; }
#teaser { float: left;  width: 270px; }
#img { position: absolute; left: 360px; margin: 20px 0px 0px 0px; padding: 0px; }
#footer { position: absolute; top: 430px; bottom: 0px; background: #472007; height: auto; width: 100%; }
#news { position: absolute; left: 320px; }
.newsOption p { font-weight: normal!important; font-size: 10px!important; }
.newsOption { float: left; width: 175px; margin: 20px 0px 0px 0px; padding: 7px 5px 5px 7px;}
#TDMG { position: absolute; top:130px; right: 0px; margin: 20px 0px 0px 0px; }

/* GLUE!!! */
#glue { width: 730px; position: absolute; top: -130px; left: 80px; }
#glue .clear { clear:both; }
#glueBreaker { margin: 10px 0px 10px; }
#glue .glueImages { display: inline; float: left; width: 200px; padding: 0px 5px; }
#glue .glueImages .glueImageLeft { float: left; margin: 25px 50px; }
#glue .glueImages .glueImageRight { float: right; margin: 10px 0px }
#glue .form { display: inline; float: left; width: 320px; padding: 0px 5px; }
#glue .form  p{ color: #ffffff;}
#glue .txt { font: bold 11px Arial, sans-serif; color: #000000; background: #FF7F00; border: 1px solid #6B3812; width: 320px; padding: 2px; margin: 2px 0px; }
#glue .smalltxt { font: bold 11px Arial, sans-serif; color: #000000; background: #FF7F00; border: 1px solid #6B3812; width: 155px; padding: 2px; margin: 2px 0px; }
#glue textarea { overflow: hidden; font: bold 11px Arial, sans-serif; color: #000000; background: #FF7F00; border: 1px solid #6B3812; width: 320px; padding: 2px; margin: 2px 0px; }
#glue input.button  { font: bold 11px Arial, sans-serif; color: #FFFFFF; background: #FF7F00; border: 1px solid #6B3812; cursor: pointer; }
#glue table {  }
#glue .text { display: inline; float: left; width: 290px; padding: 0px 5px; }
#glue .text p {color: #BDABA1; }
#glue .text img { margin: 15px 0px 0px 15px; }
#glue .unsubscribe { color: #BDABA1; font-size: 10px; margin: 10px 0px; }
#glue .unsubscribe a { color: #BDABA1; }

#unsubscribeForm { width: 470px; text-align: center; margin: 0px 20px }
#unsubscribeForm p{ color: #ffffff;}
#unsubscribeForm textarea { overflow: hidden; font: bold 11px Arial, sans-serif; color: #000000; background: #FF7F00; border: 1px solid #6B3812; width: 320px; padding: 2px; margin: 2px 0px; }
#unsubscribeForm input.button  { font: bold 11px Arial, sans-serif; color: #FFFFFF; background: #FF7F00; border: 1px solid #6B3812; cursor: pointer; }


/* PORTFOLIO & INNER PAGES STYLES */
#video { position: absolute; top: 0px; left: 90px; border: 1px solid #472007; }

#theWork { width: 450px; margin: 10px 0px 0px 0px; }
#caseStudies { height: 220px; margin: 0px; padding: 0px; }
#scroll { position: absolute; top: 95px; left: 80px; width: 3375px; margin: -5px 0px 0px 0px; padding: 0px; }
.option { cursor: pointer; float: left; width: 213px; margin: 20px 0px 0px 0px; padding: 7px 5px 5px 7px;}
#caseStudies.inner { height: 250px; }
#scroll.inner { top: 80px; height: 205px; width: 1207px; margin: 0px 0px 0px 0px; }
#scroll .title { margin: 0px!important; }
#scroll br { line-height: 2px; }
.casestudy  { clear: left; margin: 0px 0px 2px 0px;}
.smallIMG  { height: 140px; width: 210px; }
.smallerIMG { height: 100px; width: 150px; }
#work { float: left; margin: 0px 0px 0px 15px; } 
#casestudyInner { clear: both; float: left; width: 300px; }
#casestudyInner p { font: 11px Arial, sans-serif; margin: 5px 0px 2px 0px; padding: 0px; }
#casestudyInner a { font: bold 12px Arial, sans-serif; color: #FFFFFF; text-decoration: none; }

#scroll.one { width: 1257px; }
#scroll.one div { width: 350px; }
#scroll.two { width: 1307px; }
#scroll.two div { width: 400px; }
#scroll.four { width: 1407px; }
#scroll.four div { width: 500px; }
#scroll.five { width: 1457px; }
#scroll.five div { width: 550px; }

#servicesImg { z-index: 0; position: absolute; top: 30px; left: 290px; margin: 20px 0px 0px 0px; padding: 0px; }
#servicesImgINT { z-index: 0; position: absolute; top: 0px; left: 290px; margin: 20px 0px 0px 0px; padding: 0px; }
.wide p   { width: 400px!important; }
.wide #img { left: 480px!important; }
p.wider    { width: 500px!important; }
.popup_movie{ text-align:center; padding-top:20px;}

#arrows { z-index: 10; position: fixed; top: 468px; left: 310px; cursor: pointer; margin: 0px; padding: 0px; }
#arrows.inner { top: 480px; }
#arrows ul { margin: 0px; padding: 0px; list-style:none; }
#arrows ul li { margin: 0px; padding: 0px; display:inline; }
#arrows ul li a{ float: left; display: block; width: 58px; height: 15px; overflow: hidden; cursor: pointer; font-size: 50em; text-indent: -9000px; margin-right: 5px; }
#arrows.main ul li a { width: 88px; }
#arrows ul #left a { background: transparent url(../images/arrowRight.gif) no-repeat top right; }
#arrows ul #right a{ background: transparent  url(../images/arrowLeft.gif) no-repeat top left; }
#arrowsTxt { z-index: 3; position: fixed; top: 479px; left: 330px; cursor: pointer; margin: 0px; padding: 0px; }
#arrowsTxt.main { top: 467px; }
#arrowsTxt p { font-size: 10px!important; }

#newsInner { position: absolute; margin: 80px 0px 0px 80px; width: 200px;  }
#newsInner .newsOption { margin: 0px 0px 0px -5px; }
#newsArticle { position: absolute; margin: 110px 0px 0px 280px; width: 200px;  }
#newsArticle p { width: 450px; margin: 0px 0px 20px 0px; }
#newsIMG { float: right; margin: 10px; padding: 0px; }

p.career { padding-bottom: 10px; width: 500px; padding-top: 10px; }
p.career span { color: #FF8200; font-weight: bold; }
p.career a { color: #ffffff; font-weight: bold; text-decoration: none; }
div.jobDiv { width: 250px; clear: both; margin: 10px 0px 10px -10px; }
div.jobDiv img.tit { margin: 10px 10px 0px; }
div.jobDiv img.sub { margin: 0px 10px 10px; }

/* CONTACT STYLES */
#contact { position: relative; left: 80px; top: 0px; }
#contact #title { margin-top: 120px; }
#contactBox { width: 595px; margin: 0px 0px 5px 0px; }
#contactBox .top { background: url(../images/contactBoxTOP.gif) no-repeat top; height: 27px; }
#contactBox .bot { background: url(../images/contactBoxBOT.gif) no-repeat top; height: 27px; }
#contactBox .botbot { clear: both; }
#contactBox .mid { background: #532409; border-right: 1px solid #FF7F00; border-left: 1px solid #FF7F00; padding: 0px 20px; }
#contactBox .mid .left { float: left; width: 310px;}
#contactBox .txt { font: bold 11px Arial, sans-serif; color: #000000; background: #FF7F00; border: 1px solid #6B3812; width: 320px; padding: 2px; margin: 2px 0px; }
#contactBox .smalltxt { font: bold 11px Arial, sans-serif; color: #000000; background: #FF7F00; border: 1px solid #6B3812; width: 155px; padding: 2px; margin: 2px 0px; }
#contactBox textarea { overflow: hidden; font: bold 11px Arial, sans-serif; color: #000000; background: #FF7F00; border: 1px solid #6B3812; width: 320px; padding: 2px; margin: 2px 0px; }
#contactBox input.button  { font: bold 11px Arial, sans-serif; color: #FFFFFF; background: #FF7F00; border: 1px solid #6B3812; cursor: pointer; }
#contactBox table {  }
#message { height: 100px; margin-bottom: 10px!important; }
#contactBox .mid .right { float: left; width: 180px; margin: 0px 0px 0px 50px!important; }
#contactBox .mid .right a { color: #FFFFFF; text-decoration: none; }
#contactBox .mid .right a:hover { color: #BDABA1; }
.error { color: #FF0000; }

#aboutMain { position: absolute; margin: 100px 0px 0px 80px; }
#aboutMain #img { left: 500px!important;  }
#aboutSpacer { height: 430px; }
#aboutLogos { clear: both; float: left; margin: 10px 0px; }
#aboutLogos img { float: left; margin: 0px 10px 0px 0px; }

#approachMain { position: absolute; margin: 13px 0px 0px 80px; }
#approachSpacer { height: 200px;}

#servicesMain { position: absolute; width: 750px; margin: 57px 0px 0px 80px; }
#servicesMainINT { position: absolute; width: 700px; margin: 57px 0px 0px 80px; }
#servicesSpacer { height: 200px;}
#servicesMain ul { list-style: none; margin: 0px; padding: 0px; }
#servicesMain li { clear: both; }