* {
	margin: 0;
  padding: 0;
	font-size: 100%;
}

body {
	background: url(/images/bg_tail.png) top repeat-x #449e81;
	text-align: center;
}

html, input, textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8125em;
  line-height: 1.385em;
  color: #222;
}

#signup input[type='text'] {
  padding: 0.4em;
  width: 300px;
}

label { display:block;} 

#signup h1 {
  font-size: 24px;
}

li label { display:inline;} 

.left  {float:left;}
.right {float:right;}
.clear {clear:both;}
.aligncenter {text-align:center;}
.alignleft   {text-align:left;}
.alignright  {text-align:right;}

input, select { vertical-align:middle; font-weight:normal;}
a {color:#FFF; outline:none; text-decoration:underline;}
a:hover{text-decoration:none;}
p {padding:9px; }
p.last {padding-bottom:18px; }
p.alt {color: white; font-weight: bold;}
a img { border:0;}
ul { list-style:none;}
img {vertical-align:top;}
em { font-weight: bold; font-style:normal; text-transform:uppercase; color:#FFF;}

hr {
  margin: 1.8em 0 1.0em 0 ;
  border: 1px solid #333;
}

h3 { 
  font-size:1.8em;
  color:#FFF;
  font-weight:normal;
  line-height:1.0em;
  padding:10px 0;
}

h4 {
  color: #fff;
  font-size: 2.2em;
  padding: 10px 0;
  font-family: monospace;
}

.link1 { font-size:1.10em; }
.fontsize1 { font-size:0.923em;}

/* ============================= main layout ====================== */
.imgindent { float:left; margin-right:14px;}
.imgindent2 { float:left; margin-right:25px;}
.indent1 { padding-top:30px;}
.space1 { margin-right:30px;}
.space2 { margin-top:25px;}
.space3 { margin-right:45px;}
.space4 { margin-top:18px;}

/* ============================= header ====================== */
#header {
  background: transparent url(/images/bg_top.png) center center no-repeat;
}
.menu { 
  width:940px;
  font: 14px/27px 'Colaborate-BoldRegular', Arial, sans-serif;
  position:relative;
}
.menu ul {
  position:absolute;
  top:0;
  left:500px;
}
.menu li { float:left;}
.menu li a { display:inline-block; height:85px; font-size:1.308em; line-height:1em; color:#131313; text-decoration:none; cursor:pointer;}
.menu li a span { display:inline-block; height:48px; padding:37px 0 0; cursor:pointer;}
.menu li a span span { border-right:1px solid #DADADA; height:auto; padding:0 12px 0 11px; background:none;}
.menu li .last span span { border:none;}
.menu li a:hover, .menu .active a { display:inline-block; height:85px; background: url(/images/menu_corner_left.png) left bottom no-repeat #449e81; color:#FFF;}
.menu li a:hover span, .menu .active a span { display:inline-block; height:48px; background:url(/images/menu_corner_right.png) bottom right no-repeat;}
.menu li a:hover span span, .menu .active a span span { border-right:1px solid #449e81; height:auto; background:none;}
.date { position:absolute; margin:35px 0 0 4px; color:#A1A1A1; font-size:1.231em;}
.logo { position:absolute; margin:135px 0 0 -30px;}
.welcome * {
display: none;
}

/* guide */
.guide {
  position:relative;
  min-height:400px;
  _height:400px;
}

.guide .inner {
  margin:0 0 0 560px;
}

.guide a#implementation_guide {
  width:400px;
  height:400px;
  background:transparent url(/images/guide.png) top right no-repeat;
  text-indent:-10000px;
  position:absolute;
  top:40px;
  left:40px;
}

.guide ul li {
  list-style-type:disc;
  list-style-position:inside;
  padding:0 0 0 10px;
  margin:5px 0;
  font-size:14px;
  font-weight:bold;
}

/* ============================= content ====================== */
#content { padding:50px 0 55px; background:url(/images/bg_bot.png) bottom center no-repeat;}
.list1 { overflow:hidden;}
.list1 ul { margin-bottom:-3px;}
.list1 li { background:url(/images/divider.png) bottom repeat-x; }
.list1 li a { background:url(/images/arrow.png) 0 6px no-repeat; padding-left:14px; line-height:2em; text-decoration:none;}
.list1 li a span { color:#222;}
.list1 li a:hover { color:#494949;}
.list1 li a:hover span { color:#FFF;}
dl { line-height:1.154em;}
dl dt {text-transform:uppercase; color:#FFF;}
dl dd { margin-top:5px; color: #000;}
.phone { float:left; width:75px;}

/* ============================= docs ============================= */

.docs code {
  color: #fff;
  background-color: #333;
  font-weight: bold;
  font-size: 1.1em;
  display: block;
  padding: 1.0em;
  margin: 1.0em 0 2.0em 0;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
}

/* feature */
#feat1 img.imgindent { margin-bottom: 25px; }
#feat2 img.imgindent { margin-bottom: 10px; }

/* ============================= footer ====================== */
#footer .indent {width:920px; margin:0 auto; text-align:left; padding:11px 0 0; color:#ddd;}
#footer a { color:#ddd; padding: 1px 3px; margin: 0 3px;}
#footer a:hover { background-color: #222; color:#fff;}

#screencast {
  margin: 30px 0 0 0;
  background: transparent url(/images/screencast.png) no-repeat;
  height: 216px;
  text-indent: -4000px;
}