/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;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;}

body {
  font-family:'Lucida Grande', 'Segoe UI', Tahoma, Helvetica, sans-serif;
  font-size:62.5%;
}

h2 {
  font-size:1.4em;
  font-weight:bold;
}

strong {
  font-weight:bold;
}

#container {
  font-size:1.2em;
  width:950px;
  margin:10px auto 0 auto;
}

#navigation {
  width:950px;
  height:35px;
  min-height:35px;
  max-height:35px;
  background:white url(../images/navbar.png) scroll no-repeat;
}

#navigation li {
  float:left;
  font-size:1.1em;
  text-shadow: white 0px 1px 0px;
  padding:10px 2em 9px 0;
}

#navigation li,
#navigation li a {
  color:#333;
  text-align:center;
}

#navigation li a {
  text-decoration:none;
  width:100%;
  padding:6px 1.5em 8px 1.5em;
}

#navigation li.first {
  padding-left:2em;
  border-left:none;
}

#document {
  padding:1em 0 0 0;
}

#document #main_blurb {
  text-align: center;
}

#document #page_title #title {
  float:left;
}

#document #page_title #buy_now {
  padding-top:8px;
  float:right;
}

#document #contents {
}

#document #contents #alpha,
#document #contents #beta,
#document #contents #gamma {
  float:left; 
}

#document #contents #alpha {
  text-align:center;
  width:320px;
  padding-right:15px;
}

#document #contents #beta {
  text-align:left;
  width:300px;
  padding-right:15px;
}

#document #contents #gamma {
  text-align:left;
  padding-right:0;
  width:300px;
  font-size:0.9em;
}

#irooster #document #contents #alpha {
  width:250px;
  padding-right:15px;
}

#irooster #document #contents #beta {
  width:685px;
  padding-right:0;
}

#irooster #document #contents #compat_purchase {
  margin:1em 0 0 0;
}

#irooster #document #contents #compat_purchase #one,
#irooster #document #contents #compat_purchase #two,
#irooster #document #contents #compat_purchase #three {
  float:left;
  width:300px;
  text-align:left;
  font-size:0.9em;
}

#irooster #document #contents #compat_purchase #two {
  margin:0 25px;
  text-align:center;
}

#irooster #document #contents #compat_purchase #one strong {
  width:100px;
  padding-right:10px;
  display:inline-block;
  text-align:right;
}

#irooster #document #contents #compat_purchase #three {
  text-align:center;
}

#irooster #document #contents #screenshots_testimonials {
  margin-top:1em;
}

#irooster #document #contents #screenshots_testimonials #st_one {
  float:left;
  width:475px;
  text-align:left;
}

#irooster #document #contents #screenshots_testimonials #st_two {
  float:left;
  width:475px;
  text-align:left;
}

#irooster #document #contents #screenshots_testimonials #st_one .screenshot {
  clear:both;
}

#irooster #document #contents #screenshots_testimonials #st_one .screenshot .ss_image {
  float:left;
  width:135px;
  
}

#irooster #document #contents #screenshots_testimonials #st_one .screenshot .ss_description {
  float:left;
  width:300px;
}

#irooster #document #contents #screenshots_testimonials h1 {
  font-weight:bold;
  font-size:1.2em;
}

#irooster #document #contents #screenshots_testimonials li {
  font-size:0.9em;
  margin-bottom:0.5em;
}

.feature {
  overflow:auto;
  width:300px;
  float:left;
  padding:0 10px 1em 0;
}

.feature .image {
  float:left;
  width:48px;
  padding-right:10px;
}

.feature .description {
  float:left;
  width:242px;
  text-align:left;
}

#document #contents p {
  margin-bottom:1em;
  line-height:1.5em;
}

#footer {
  margin-top:1em;
  font-size:0.8em;
  text-align:center;
}

.mail_sent {
  background:#fffcbc;
  border:solid 1px #ffc18d;
  padding:4px;
  margin-bottom:1em;
}

form {
  width:560px;
}

form label {
  width:150px;
  text-align:right;
  display:inline-block;
  vertical-align:top;
}

form input,
form textarea {
  width:400px;
}

form input.button {
  width:125px;
}

form p.form_controls {
  text-align:right;
}

.clearfix {
  overflow:auto;
}