/* @group doc */

html, body {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #333;
}

html {
		background: url(images/bgfade.jpg) repeat;
}

#doc {
	margin-top: .7em;
	padding: 0em;
	background: #fff;
}
#doc, #doc .sb-inner { background:#fff; }
#doc, #doc .sb-border { background:#fff; }

/* @end */

/* @group hd */

#hd {

	overflow: hidden;
}

#logo {
	float: left;
}

.logo {
	vertical-align: middle;
}

#nav {
	float: right;
	margin-top: 5em;
	font-size: 108%;
	text-align: right;
	padding: .7em;
}

#nav li {
	display: inline;
}

#nav li a{
	padding: .7em 1em;
	background: #4c4c4c url(images/fade_white_short.png) repeat-x;
	color: #fff;
	text-decoration: none;
}

#nav li a:hover, #nav li a.active{
	background: #53BFEC url(images/fade_white_short.png) repeat-x;
}

#banner {
	clear: both;
	padding: 1em;
	background: url(images/bigbar2.png) no-repeat center top;
	margin-bottom: 1em;
	overflow: hidden;
}

#sloagn2 {
	font-size: 120%;
	color: #fff;
	margin-top: 1.5em;
	margin-left: .5em;
	float: left;
}

#trial_or_login {
	float: right;
}

a.trial, a.login {
	color: #fff;
	padding-left: 20px;
	font-size: 108%;
	letter-spacing:-1px;
	width: 151px;
	padding-top: 22px;
	height: 41px;
	text-decoration: none;
	background: url(images/button_orange.png);
	display: block;
	float: right;
}

a.login {
	background: url(images/button_blue.png);
}

a.trial:hover {
	background: url(images/button_orange.png) 1px -62px;
}

a.login:hover {
	background: url(images/button_blue.png) 1px -62px;
}

/* @end */

#bd {
	margin-bottom: 2em;
	margin-left: 1.5em;
}

/* @group index */

a.feature {
	clear: both;
	display: block;
	overflow: hidden;
	text-decoration: none;
	color: #333;
	padding: 1em;
}

div.quote_box {
	padding: .5em;
	background: #eee;
	margin-bottom: 1em;
}

div.quote_box img {
	float: left;
	margin-right: 10px;
}

p.quote{
	margin-top: .5em;
	margin-bottom: .5em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

p.quote_author {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #999;
	margin-bottom: 0;
	font-size: 85%;
}

a.feature span, h3{
	font-weight: bold;
	display: block;
}

a.feature img{
	float: left;
	margin-right: 10px;
}

span.see_more{
	display: block;
	text-decoration: underline;
	color: #0081ff;
	font-size: 77%;
}

a.feature:hover {
	background-color: #cde9ff;
}

/* @end */

/* @group tour */

#bd.tour {
	padding-top: 3em;
}

.tour_item {
	padding-top: .5em;
	margin-bottom: 7em;
	border-top: 1px solid #bad4e7;
}

.tour_image {
	margin-top: -3.5em;
	float: right;
	margin-right: 1.5em;
}

/* @end */

/* @group pricing */

h1, h1.pricing {
	font-size: 237%;
	margin-bottom: .2em;
	font-weight: bold;
	color: #4c4c4c;
}

h1.pricing {
	text-align: center;
}

h2.pricing {
	text-align: center;
	color: #53BFEC;
	font-size: 167%;
}

div.pricing_background {
	margin-right: auto;
	margin-left: auto;
	width: 600px;
	height: 190px;
	background: url(images/pricing_background.png);
	margin-bottom: 1em;
	overflow: hidden;
}

div.prices {
	margin-right: auto;
	margin-left: auto;
	width: 420px;
}

a.pricing_monthly, a.pricing_yearly {
	text-indent: -5000px;
	display: block;
	width: 190px;
	height: 190px;
	background: url(images/pricing_monthly.png);
	float: left;
}

a.pricing_yearly {
	background: url(images/pricing_yearly.png);
	float: right;
}

a.pricing_monthly:hover {
	background: url(images/pricing_monthly.png) 0px -194px;
}

a.pricing_yearly:hover {
	background: url(images/pricing_yearly.png) 0px -194px;
}

ul.pricing_features {
	width: 250px;
	margin-right: auto;
	margin-left: auto;
}

ul.pricing_features li {
	background: url(images/check_blue.png) no-repeat;
	padding: .6em;
	padding-left: 30px;
	border-bottom: 1px solid #ccc;
}

/* @end */

a.mail {
	color: #333;
}

.mail_form {
	margin-left: 1em;
	padding: 1em;
	background: #cde9ff;
	margin-bottom: 1em;
}

input.mail {
	width: 15em;
}

/* @group ft */

#ft {
	color: #666;
	font-size: 93%;
	padding: 1em;
	text-align: center;
	border-top: 1px solid #000;
}

#ft a{
	color: #666;
}

#ft a:hover{
	color: #000;
}

#bd, #ft {
	clear: both;
}

/* @end */

h2{
	font-weight: bold;
	color: #000;
	font-size: 131%;
}

strong {
	font-weight: bold;
}

p {
	margin-bottom: 1em;
}