html, body {
  margin:0;
  padding:0;
  background:#000;
}

body {
  font-size:62.5%;
  font-family:'Lucida Grande', Arial, sans-serif;
  padding-bottom:5em;
}

h1, h2, h3, h4, h5, h6 {
  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a {
  text-decoration:none;
}

a img {
  border:none;
}

#outerwrap {
  width:871px;
  margin:0 auto;
}

#header {
  padding:3em 2em 0;
}

#logo {
  margin:0;
  color:#FFF;
  float:left;
  font-weight:normal;
}

#nav {
  float:right;
  margin:1.3em 0;
}

#nav li {
  float:left;
  list-style-type:none;
  margin-left:2em;
}

#nav li a {
  color:#929999;
  font-size:1.2em;
}

#nav li.selected a {
  color:#FFF;
}

#innerwrap {
  padding-top:18px;
  background:#252525 url(../images/marketing/bg.gif) no-repeat top left;
}

#innerwrap.allinone {
  background:#303030 url(../images/marketing/bg_allinone.gif) no-repeat top left;
}

#company {
  background:url(../images/marketing/bg_company.gif) repeat-y top;
}




#footer {
  border-top:1px solid #3e3d3d;
  color:#929999;
  background:#252525 url(../images/marketing/bg_footer.gif) no-repeat bottom left;
  padding:1.5em 2em 1.5em 1em;
  font-size:1.3em;
}

#footer p {
  margin:0;
}

#copyright {
  float:right;
}

#links {
  float:left;
  color:#606060;
}

#links a {
  color:#929999;
  margin:0 .5em;
}





#overview {
  color:#929999;
  padding:10px 20px 0;
}

#overview h1 {
  font-size:4.8em;
  font-weight:normal;
  margin:0;
  color:#FFF;
}

#overview h2 {
  font-size:2.2em;
  font-weight:normal;
  margin:0;
  color:#FFF;
}

#overview p {
  font-size:1.2em;
  line-height:1.5;
  margin:.5em 0 1.25em;
}

#overview #screenshot {
  float:right;
  margin:8px 0 0 15px;
}

#overview #rcol {
  float:right;
  width:320px;
  clear:right;
  padding:2em 0 0;
  margin-top:-5em;
}

#overview #rcol p {
  line-height:1.4;
}

#overview .benefits {
  border-top:1px solid #393838;
  padding:1em 0;
}

#overview .benefits img {
  float:left;
  margin:0 1em;
}

#overview .benefits strong {
  color:#FFF;
  font-weight:normal;
}


#overview #lcol {
  padding-top:30px;
  position:relative;
}

#overview #lcol h2 {
  margin:0 0 .7em;
}

#overview #camera {
  float:left;
  margin:0 1.5em 1.5em 0;
}

#overview #laptop_overlay {
  position:absolute;
  left:180px;
  top:150px;
}





#blog {
  padding:20px 0 0;
  color:#929999;
}


#blog h2 {
  color:#FFF;
  margin-top:0;
}

#blog #top {
  height:165px;
}

#blog #top h2 {
  font-size:3em;
  font-weight:normal;
  margin:0 0 0 35px;
}

#blog #top img {
  position:relative;
  left:10px;
}

#blog #top #hat {
  float:right;
  left:30px;
}

#blog #posts {
  padding:1em 15px;
  background:#303030 url(../images/marketing/bg_tour.gif) repeat-x top;
}

#blog .post {
  border-bottom:1px solid #3e3d3d;
  padding:2em 20px 1em;
}

* + html #blog .first {
  padding-right:300px;
}

#blog .last {
  border-bottom:none;
}


#blog .post a {
  text-decoration:underline;
  color:#FFF;
}

#blog .post h2 {
  font-size:3em;
  margin-bottom:0;
}

#blog .post p {
  font-size:1.3em;
  line-height:1.5;
}

#blog .post .credits {
  color:#FFF;
}



#company #subnav {
  float:right;
  width:229px;
}

#company #subnav ul {
  margin:0;
  padding:0;
}

#company #subnav li {
  margin:0;
  padding:0;
  list-style-type:none;
}

#company #subnav li a {
	border-bottom:1px solid #3e3e3e;
  display:block;
  color:#898989;
  font-size:1.2em;
  padding:1em;
}

#company #subnav li img {
	vertical-align:middle;
	position:relative;
	top:-.1em;
	margin-right:.5em;
	background:url(../images/bg_icn_grey.gif) no-repeat;
}

#company #subnav li.selected a {
	background:#252525;
	color:#FFF;
}

#company #subnav li.selected img {
	background:url(../images/bg_icn_red.gif) no-repeat;
}

#company #content {
  margin:0 25em 0 3em;
  padding:1px 0 3em;
}

#company #content a {
  color:#FFF;
  text-decoration:underline;
}

#company #content h1 {
  font-size:4.4em;
  font-weight:normal;
  color:#FFF;
  margin:.3em 0 0;
}

#company #content h2 {
  color:#6f6f6f;
  font-weight:normal;
  font-size:2.8em;
  margin:0 0 .8em;
}

#company #content h3 {
  font-size:1.8em;
  color:#FFF;
  font-weight:normal;
  margin-bottom:0;
}

#company #content p {
  font-size:1.3em;
  line-height:1.5;
  color:#929999;
}


#tour {
  color:#929999;
}

#tour #synopsis {
  padding:1em 3em;
}

#tour #synopsis h1 {
  font-size:5em;
  font-weight:normal;
  color:#FFF;
  margin:.3em 1em 0 0;
  float:left;
}

#tour #synopsis p {
  float:left;
  width:55%;
  font-size:1.3em;
  line-height:1.5;
}

#tour #synopsis strong {
  color:#FFF;
  font-size:1.3em;
}


#tour #subnav {
  margin:0 0 0 3em;
  padding:0;
  float:left;
}

#tour #subnav li {
  float:left;
  list-style-type:none;
  margin:0 5px -1px 0;
}


#tour #subnav a {
  text-align:center;
  width:152px;
  height:31px;
  padding-top:12px;
  overflow:hidden;
  font-size:1.8em;
  color:#FFF;
  font-family:Helvetica, Arial, sans-serif;
  display:block;
  background:url(../images/marketing/bg_tourtab.gif) no-repeat;
}

#tour #subnav li.selected a {
  background:url(../images/marketing/bg_tourtab_selected.gif) no-repeat;
}

#tour #subcontent {
  padding:40px 30px;
  background:#303030 url(../images/marketing/bg_tour.gif) repeat-x top;
}

#tour .callout {
  width:255px;
  z-index:100;
  position:absolute;
}

#tour .callout h2 {
  padding-bottom:.3em;
  font-size:2.2em;
  font-weight:normal;
  border-bottom:2px solid #de1e00;
  color:#FFF;
  margin-bottom:.3em;
}

#tour .callout p {
  font-size:1.2em;
  padding-right:3em;
  margin:0;
  line-height:1.5;
}

#tour .subtype {
  position:relative;
}

#tour .subtype #screenshot {
  float:right;
}

#tour_dashboard #first  { top:55px  }
#tour_dashboard #second { top:200px }
#tour_dashboard #third  { top:370px }
#tour_dashboard #fourth { top:530px }

#tour_profiles #first  { top:55px  }
#tour_profiles #second { top:200px }
#tour_profiles #third  { top:370px }
#tour_profiles #fourth { top:530px }

#tour_search #first  { top:55px; width:240px;  }
#tour_search #second { top:230px; width:240px; }
#tour_search #third  { top:417px; width:350px; }
#tour_search .callout p {
  padding-right:0;
  width:200px;
}

#tour_clipboards #first  { top:52px; width:245px;  }
#tour_clipboards #second { top:240px; width:240px; }
#tour_clipboards #third  { top:395px; width:400px; }
#tour_clipboards .callout p {
  padding-right:0;
  width:200px;
}



#tour_casting_call h2 {
  font-size:2em !important;
}

#tour_casting_call #first  { 
  top:0;
  width:290px;
}

#tour_casting_call #second { 
  top:500px;
  right:0;
  width:270px;
}

#tour_casting_call #second h2 {
  border-bottom:none;
}


#tour_casting_call #third  { 
  top:650px;
  width:364px;
  right:36px; 
}

#tour_casting_call #third h2 {
  padding-left:130px;
}

#tour_casting_call #third p {
  padding-left:130px;
  padding-right:0;
}



.half {
  width:49%;
  float:left;
  margin:1em 0;
}

.full {
  width:100%;
  margin:1em 0;
  float:left;
}

.first {
  margin-right:2%;
}

.half input {
  width:98%;
}


.half label, .full label {
  display:block;
  font-size:1.4em;
  color:#AAA;
  margin-bottom:.3em;
}

.full textarea {
  width:99%;
  height:100px;
}

.full input {
  width:99%;
}

.half input, .full textarea, .full input {
  background:#444;
  border:1px solid #111;
  color:#FFF;
  font-weight:bold;
  font-size:1.3em;
  line-height:1.5;
}

.submit {
  clear:left;
}

.submit input {
  width:100px;
}