html{color:#333333;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a,del,ins{text-decoration:none;}
body{position:relative;font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

* { outline: 0; }
.clear {clear: both;}

body {text-align: center; min-height:600px;height:auto !important; height:600px; padding: 75px 0 0 0;}



#wrap {width: 790px; height: 600px; margin: 0 auto; text-align: left !important; position: relative; border: 1px solid #b9c9d5;}

#trans{position: absolute; top:0; left: 0; width: 100%; height: 80px; background-color: #b9c9d5; filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5; z-index: 0;}

div#navigation {position: relative; height:80px; z-index: 100; margin-left: 15px;}
   
   #navigation ul {list-style: none; padding-top: 13px; height: 20px; }
   
   #navigation li {display:inline;}
   
   #navigation li a {height: 20px; display:block; float: left;}

   #navigation li#magnitude a {width: 91px; background: url('../images/nav/nav-1-magnitude.gif') no-repeat top;}
   #navigation li#process1 a {width: 89px; background: url('../images/nav/nav-2-process.gif') no-repeat top;}
   #navigation li#work a {width: 71px; background: url('../images/nav/nav-3-work.gif') no-repeat top;}
   #navigation li#contact a {width: 88px; background: url('../images/nav/nav-4-contact.gif') no-repeat top;}
   #navigation li#links a {width: 69px; background: url('../images/nav/nav-5-links.gif') no-repeat top;}
   #navigation li#press a {width: 64px; background: url('../images/nav/nav-6-press.gif') no-repeat top;}
   

   
   #navigation li a:hover, #navigation li.selected a {background-position: bottom !important;}

/*
  Page
*/
.index #wrap {background: #FFF url('../images/bg/index.jpg') no-repeat center 36px ; }
.index #office {position:absolute; left: 0; top: 287px;}
img#index {margin-top: 212px; margin-left: 15px;}

.magnitude #wrap {background: #FFF url('../images/bg/magnitude.jpg') no-repeat center top; }
.magnitude #office {position:absolute; left: 100px; top: 0;}
img#magnitude {position:absolute; top:212px;left: 15px;}

.process #wrap {background: #FFF url('../images/bg/process.jpg') no-repeat center top; }

.links #wrap {background: #FFF url('../images/bg/links.jpg') no-repeat center top; }
img#links1 {margin-top:212px; margin-left: 15px;}

img#map { margin-left: 10px;}


.press #wrap {background: #FFF url('../images/bg/press.jpg') no-repeat center top; }
img#press1 {margin-top:212px; margin-left: 15px;}

.contact #wrap {background: #FFF url('../images/bg/contact.jpg') no-repeat center top; }
img#contact {margin-top:212px; margin-left: 15px;}

.team #wrap{background: #FFF url('../images/bg/team.gif') no-repeat center top; }
img#team {margin-top:212px; margin-left: 15px; margin-right: 30px;}



#content {position: relative;}

/*
  Process
*/

div#process-nav {position: absolute; top: 205px; left: 3px; height:44px;}
   
   #process-nav ul {list-style: none; height: 44px; }
   
   #process-nav li {display:inline;}
   
   #process-nav li a {height: 44px; display:block; float: left; margin-right: -10px;}

   #process-nav li#process a {width: 147px; background: url('../images/process/process.gif') no-repeat top;}
   #process-nav li#discover a {width: 150px; background: url('../images/process/discover.gif') no-repeat top;}
   #process-nav li#identify a {width: 133px; background: url('../images/process/identify.gif') no-repeat top;}
   #process-nav li#create a {width: 116px; background: url('../images/process/create.gif') no-repeat top;}
   #process-nav li#launch a {width: 118px; background: url('../images/process/launch.gif') no-repeat top;}
   #process-nav li#engage a {width: 132px; background: url('../images/process/engage.gif') no-repeat top;}
   
   
   #process-nav li a:hover {background-position: 0 center !important; }
   #process-nav li.selected a:hover, #process-nav li.selected a {margin-right: 5px; background-position: bottom !important;}


div#process-content {position: absolute; top: 250px; left: 100px; height:44px;}


#services {
  position: absolute;
  top: 6px;
  left: 105px;
  font-size: 70%;
  line-height: 12px;
  width: 325px;
  font-family: verdana, arial, sans-serif;
  color: #798090;
}

#services .left {
  float: left;
  width: 170px;
}

#services .unselected {
  color: #a7acb9;
}

#services .selected {
  color: #cc092f;
}


/*
  Work
*/
#work-thumbs a, #work-thumbs div {width: 158px; height: 80px; display: block; float: left; overflow: hidden;}
img#work-initial {position: absolute; top: 212px; left: 12px;}
a#work-arrow {position: absolute; top: 212px; left: 12px; width:100px; height: 37px; display: block; background: url('../images/work-arrow.gif') no-repeat top;}
a#work-arrow:hover {background-position: bottom;}
div#work-nav {position: absolute; top: 250px; left: 12px; width: 160px;}
div#work-nav li {padding-bottom: 0;}
div#work-nav a, #work-specs {font-size: 80%; line-height: 14px; color: #8b93a5; }
div#work-nav a:hover, div#work-nav li.active a {color: #000 !important}

#work-specs {color: black; width:220px; height: 200px; overflow: hidden; position: absolute; left: 12px; top: 15px;}
#work-specs span {float: left;}
#work-specs .work-client p, #work-specs .work-project p {padding-left: 44px; width:140px; }
#work-specs .work-client p {font-weight: bold; }
#work-specs .work-content {color: #8b93a4; padding-top: 12px;}

#work-images {position: absolute; right: 0; top: 0;}
.image {width: 552px; height: 468px; overflow: hidden;}

#disclaimer {color:#8B93A4;
font-size:80%;
left:0;
position:absolute;
top:500px;}


/*
  Team
*/

img#team-content {position: absolute; top:42px; left: 182px; }
img#team-photos {position: absolute; top:255px; left: 0; }

/*
  Contact
*/

#contact-content {position: absolute; top:44px; left: 182px; }


a#contact-email {display: block; background: url('../images/contact/contact-email.gif') no-repeat top; width: 383px; height: 18px;}

a#contact-map {display: block; background: url('../images/contact/contact-map.gif') no-repeat top; width: 383px; height: 18px;}
a#contact-email:hover, a#contact-map:hover  {background-position: bottom;}

img#contact-photos {position: absolute; top:255px; left: 0; }

/*
  Press / links
*/
div.press a, div.links a {color: black;}
div.press a:hover, div.links a:hover {border-bottom: solid 1px #cf3143;}
div.press, div.links {position: absolute; top:44px; left: 182px;}
div.press p, div.links p {font-size: 93%; line-height: 138.5%; padding-bottom: 18px;}