body {
  font-family: Helvetica, Arial, sans-serif;
  background: url(../images/tagline.png) no-repeat 190px right;
}

.container {
  width: 800px;
}

h1 {
  color: #10293a;
  font-size: 48px;
  border-bottom: 10px solid #01aae0;
  font-weight: bold;
  margin: 0 0 22px 0;
  letter-spacing: -2px;
  padding: 0 0 7px 0;
}

h2 {
  font-size: 30px;
  font-weight: bold;
  color: #474747;
  margin: 0 0 0px 0;
  letter-spacing: -1px; 
}

h3 {
  font-size: 14px;
  font-weight: bold;
  color: #01aae0;
  margin: 0 0 15px 0;
  letter-spacing: -1px;
}


a {
  color: #145b9d;
  text-decoration: none;
}

a:visited {
  color: purple;
}

a:hover {
  color: black;
}



strong {
} 

/********** Heplers **********/

.nowrap {
  white-space: nowrap;
}

img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

img.monkey { margin-right: 2.5em;margin-top: .5em; }


.hor-zebra
{
	font-size: 12px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	letter-spacing: normal;
}
.hor-zebra th
{
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 10px 8px;
}
.hor-zebra td
{
	padding: 8px;
}
.hor-zebra .odd
{
	background: #ededed; 
}


.caps {
  font-variant: inherit;
  letter-spacing: normal;
  text-transform: none;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  padding:0;
}

.method, .endpoint {
  padding: 1px 3px;
  font-family: Lucida Console, Consolas, Monaco, Courier New, monospace;
}

.method {
  background: #8ad8f1;
}

.endpoint {
  background: #d1f0f9;
}

    
/********** Footer **********/

#footer {
  margin: 100px 0 30px 0;
  color: #6e6e6e;
  letter-spacing: 0;
}

#footer .right {
  float: right;
}

#footer a {
  color: #145b9d;
}

#footer a:hover {
  color: black;
}

/********** Header **********/

#header {
  height: 108px;
  margin: 0;
  background: #200580 url(../images/seagreen-header-gradient.png) repeat-x;
  text-align: center;
  overflow: hidden;
  margin: 0 0 50px 0;
}

#bars {
  position: relative;  
  font-size: 50px; 
  top: -113px;  
  width: 1024px; 
  height: 108px; 
  margin: 0 auto; 
  background: url(../images/seagreen-bars-with-shadow.png) no-repeat bottom right
}
  
#logo {
  position: relative;  
  font-size: 50px;
}

#tagline {
  position: absolute;
  right: 0px;
  top: 194px;
  background: url(../images/tagline.png);
  height: 228px;
  width: 13px;
  color: transparent;
  padding: 0;
}

/********** Navigation **********/

#nav {
  background: #333333;
  width: 800px;
  text-align: right;
  height: 20px;
  margin: 0 auto;
  letter-spacing: -1px;
}


#nav .last {margin-right:0;padding-right:0;}

#nav-container {
  background: #333333;
  height: 20px;
}

#nav ul li{
  margin:0 20px 0 0; 
  padding:0;
  display: inline;
  list-style:none;
  font-size: 12px;
  font-weight: bold;
  color: white;
  letter-spacing: 0;
  line-height: 1.6em;
}

#nav ul li a {
  color: white;
}

#nav ul li a:hover {
  color: #77dbfc;
}

#nav ul {
  margin: 0;
  padding: 0;
}


  

/********** Boxes **********/

.feature-box {
  background: #ffffff url(../images/gray-gradient-bottom-1x109.png) repeat-x center bottom;
  -moz-border-radius: 20px; 
  -webkit-border-radius: 20px;
  border-radius: 20px;
  padding: 16px;
  text-align: center;
  letter-spacing: -1px;
}

.feature-box h2 {
  color: #000000;
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 7px 0;
  line-height: 1em;
  height: 60px;
} 

.feature-box h2 a {
  color: black;
}

.feature-box h2 a:hover {
  color: #145b9d;
}

.feature-box .description {
  color: #6e6e6e;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
}

.description {
  height:90px;
}

.image-box {
 width:100%;
 height: 90px;
 margin: 0 0 7px 0; 
}

.home-features {
  margin: 30px 0 0 0;
  letter-spacing: -1px;
}

.home-features .feature-box {
  width: 218px; /* minus 16x2=32px padding */
  float: left;
  margin: 0 25px 0 0;
  /* height: 110px; */
  height: 240px;
}

.home-features .last {
  margin-right: 0;
}

/********** Main feature slider **********/

.features-and-pricing {
  background: #ffffff url(../images/blue-gradient-button-1x50.png) repeat-x;
  color: white;
  font-size: 18px;
  float: right;
  padding: 12px 30px;
  font-weight: bold;
  -moz-border-radius: 20px; 
  -webkit-border-radius: 20px;
  border-radius: 20px;
  margin:25px 0 0 0;
  letter-spacing: -1px;
}
  
.main-feature {
  width: 520px;
}

.main-feature h2 {
  color: #474747;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: -2px;
  margin: 0;
}

.main-feature p {
  color: #474747;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 16px;
}

/* Easy Slider */

#slider ul, #slider li,
#slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:520px;
	height:120px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	z-index:1000;
	}	
#nextBtn, #slider1next{ 
	left:520px;
	}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:30px;
	height:77px;
	background:url(../../images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a, #slider1next a{ 
	background:url(../../images/btn_next.gif) no-repeat 0 0;	
	}	
	
/* numeric controls */	

ol#controls{
	margin: 0;
	padding:0;
	height:28px;	
	}
ol#controls li{
	margin:0 2px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
	}
ol#controls li a{
	float:left;
	line-height:20px;
	background:#ffffff url(../images/gray-gradient-paging-background-21x21.png) no-repeat;
	color:#555;
	padding:0 7px; /* controls box size */
	text-decoration:none;
	font-weight: bold;
	}
ol#controls li.current a{
	background:#ffffff url(../images/gray-gradient-paging-background-active-21x21.png) no-repeat;
	color:#fff;
	}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* // Easy Slider */


/********** pricing **********/
.pricing {
  height: 200px;
  letter-spacing: -1px;
  -moz-border-radius: 20px; 
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.tall-gradient {
  background: url(../images/gray-gradient-bottom-1x203.png) repeat-x bottom left;
}

.plan-container {
  width: 200px;
  float: left;
  background: url(../images/plans-separator.png) no-repeat bottom right;
}

.pricing .last {
  background: none;
}

.plan {
  position: relative;
  width: 155px;
  height: 200px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  font-weight: bold;  
}

.plan h2 {
  font-size: 24px;
  color: #474747;
  font-weight: bold;
  margin: 0;
  line-height: 0.7em;
}

.plan ul {
  padding: 0;
  margin: 0;
}

.plan li {
	margin:0; 
	padding:0;
	list-style:none;
}

.small-button {
  background: url(../images/blue-gradient-button-1x25.png) repeat-x;
  color: white;
  font-weight: bold;
  letter-spacing: 0px;
  line-height: 2em;
  width: 100px; 
  margin: 0 auto;
  -moz-border-radius: 20px; 
  -webkit-border-radius: 20px;
  border-radius: 20px;
  font-size: 12px;
}

.get-started {
  background: #ffffff url(../images/blue-gradient-button-1x50.png) repeat-x;
  color: white;
  font-size: 18px;
  float: right;
  padding: 12px 30px;
  font-weight: bold;
  -moz-border-radius: 20px; 
  -webkit-border-radius: 20px;
  border-radius: 20px;
  margin:25px;
  letter-spacing: -1px;
}

.signup {
  position: absolute;
  bottom: 10px;
  left: 26px;
  text-align: center;
}

.button_layout {
  float:right;
  margin: none;
  text-align: center;
}

a > .get-started.button_layout, a > .get-started.button_layout:visited {
	color:#ffffff !important;
}

.orange {
  color: #db6200;
}

.price-plan {
  margin: 0 0 37px 0;
}

.price-plan .price {
  color: #01aae0;
  font-size: 18px;
}

.collections-flash {
  text-align: center;
  margin: 0 0 16px 0; 
  font-size: 14px;
  font-weight: bold;
  color: #474747;
  letter-spacing: -1px;
}


.gray-out {
  position: relative;  
  text-align: center;
  font-size: 50px; 
  top: -215px; 
  padding: 30px;
  height: 155px; 
  margin: 0 auto; 
  margin-bottom: -215px;
  background: black;
  color: white;
  -moz-border-radius: 20px; 
  -webkit-border-radius: 20px;
  border-radius: 20px;
  opacity:0.8;
  filter:alpha(opacity=80)
  
}

/********** Features **********/
.features {
  margin: 69px 0 0 0;
}

.features table {
  width: 100%;
}

.features table th {
  width: 130px;
}

.features table th, .features table td.description {
  border-right: 1px solid #dddddd;
}

.features table td.description {
  width: 450px;
}

.features table + h3 {
  margin-top: 30px;
}

/********** Partners and press **********/

#partners {
  margin: 0 40px;
}

.partner {
  float: left;
  margin: 0 50px 0 0;
}

.more {
  padding-top: 20px;
  font-size: 20px;
  margin: 0 0 0 10px;
}

#press-coverage {
  margin: 0 10px;
  text-align: center;
}

.press {
  display: inline-block;
  margin: 0 50px 0 0;
  
  vertical-align: middle;
}


/********** badges **********/

textarea.copy {
  width: 300px;
  height: 120px;
  background-color: #F0FFFF;
}

.about {
 float: left;
 width: 300px;
 height: 50px;
}