html{color:#707070;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;margin: 20px; }

a { color: #707070; }
a:hover {color: black;}


#wrap {width: 1000px; margin: 0 auto; text-align: left !important;}




/*
  Page
*/
body.index {background: #FFF url('../images/bg/index.jpg') no-repeat center 36px ; }
img#index {margin-top: 212px; margin-left: 5px;}
body.magnitude {background: #FFF url('../images/bg/magnitude.jpg') no-repeat center top; }
img#magnitude {margin-top:212px; margin-left: 15px;}

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

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

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


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

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

body.team {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 {margin-right: 5px; background-position: bottom !important;}


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


/*
  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;}

div#work-nav {position: absolute; top: 40px; left: 12px; width: 200px; text-align: center;}
div#work-nav li {padding-bottom: 2px;}
div#work-nav li a, #work-specs {font-size: 93%; line-height: 30px; color: #707070; text-transform: uppercase; letter-spacing: .2em; }
div#work-nav a:hover, div#work-nav li.active a {color: #000 !important}

div#work-nav h1 {font-family:  "Times New Roman", times, serif; font-size: 180%; letter-spacing: .12em; border-bottom: 1px solid #CCC; padding-bottom: 5px; margin-bottom: 5px;}
div#work-nav h2 {text-transform: uppercase; letter-spacing: .2em ;}

div#work-nav ul, div#work-nav .disclaimer {margin-top: 30px;}

div#work-nav .disclaimer { font-size: 70%; text-transform: uppercase; line-height: 14px;}

#work-specs {display: none; color: black; width:230px; 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 {margin-left: 44px;}
#work-specs .work-client p {font-weight: bold; }
#work-specs .work-content {color: #8b93a4; padding-top: 10px; }

#work-images, #billboard {position: absolute; left: 224px; top: 0;}
#work-images p {
	font-size:80%;
	letter-spacing:0.1em;
	margin-bottom:8px;
	margin-top:3px;
	text-transform:uppercase;
}
.image {width: 590px; height: 590px; overflow: hidden;}

#billboard { width: 780px; height: 590px; overflow:hidden; background-color: #333;}
 

.links {
  padding: 75px 25px 0;
  background: #eee;
}
.links div {
  padding-top: 35px;
  border-top: 1px solid white;
}

h1 span {
  text-indent: 9999px;
}