*
{
	margin: 0;
	padding: 0;
}

body
{
	background: url(/img/bg/body.png) top left repeat-x;
	
	font-size: 90%;
	font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-weight: normal;
}

h1, h2, h3
{
	font-weight: normal;
}

h3
{
	margin-top: 0;
	margin-bottom: 5px;
	
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	
	color: #404040;
}

ul li, ol li
{
	list-style-position: inside;
}

ol
{	
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-size: 1.3em;
}

ol li
{
	list-style-type: decimal;
}

ol li span
{
	font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}

a:link, a:visited
{
	text-decoration: none;
	color: #676767;
}

a:hover
{
	color: #111111;
}

img
{
	border: 0;
}

#wrapper
{
	width: 950px;
	margin: 0 auto;
}

#header a#logo
{
	width: 433px;
	height: 132px;
	
	display: block;
	
	background: url(/img/logo.png) top left no-repeat;
	
	text-decoration: none;
}

#header
{
	height: 122px;
}

#header ul#phoneContact
{	
	float: right;
	
	height: 32px;
	line-height: 32px;

	padding-left: 25px;
	margin: 10px 55px 5px 0px;
	
	color: #121212;
	
	background: url(/img/elements/phoneSmall.png) left center no-repeat;
}

#header ul#phoneContact li
{
	display: inline;
	padding: 5px 5px 5px 23px;

	background-position: left 9px;
	background-repeat: no-repeat;
	
	margin-left: 10px;
}

#header ul#phoneContact li#us
{
	background-image: url(/img/flags/us.png);
}

#header ul#phoneContact li#uk
{
	background-image: url(/img/flags/gb.png);
}

#header #navigation
{		
	clear: both;
	float: right;
	margin-top: 45px;
}

#header #navigation ul
{					
	margin-right: 25px;
}

#header #navigation ul li
{
	list-style: none;
	
	display: inline;
}

#header #navigation ul li a:link, #header #navigation ul li a:visited
{
	padding: 10px 0px 5px 0px;
	margin: 0 5px 0 5px;
	
	float: left;
	display: block;
}

#header #navigation ul li a#signupLink:link, #header #navigation ul li a#signupLink:visited
{
	text-decoration: none;
	
	background-color: #789f36;
	
	padding: 4px 7px 4px 7px;
	margin-top: 8px;
	margin-left: 10px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	font-size: 0.9em;
	color: #FFFFFF;
	
	text-shadow: #465d20 1px 1px;
}

#header #navigation ul li a#signupLink:hover
{
	background-color: #83ad3b;
}

#header #navigation ul li a.selected
{
	text-decoration: none;
	color: #111111;
	
	border-bottom: 2px solid #333333;
	font-weight: bold;
}

#header #navigation ul li a#signupLink.selected
{
	background-color: #333333;
	text-shadow: #000000 1px 1px;
	border-bottom: 0;
}

#content
{
	clear: both;
	position: relative;
	top: -10px;
	
	padding-bottom: 20px;
}

#content h2
{
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	
	color: #404040;
	
	margin-bottom: 10px;
}

#content h2.icon
{
	height: 64px;
	line-height: 64px;
	padding-left: 70px;
	background-position: left center;
	background-repeat: no-repeat;
}

#content h2#contactHeader
{
	background-image: url(/img/pageicons/contact.png);
}

#content h2#faqHeader
{
	background-image: url(/img/pageicons/faq.png);
}

#content h2#pricingHeader
{
	background-image: url(/img/pageicons/pricing.png);
}

#content h2#signUpHeader
{
	background-image: url(/img/pageicons/clipboard.png);
}

#content h2#iphoneHeader
{
	background-image: url(/img/pageicons/iphone.png);
}

#content p
{
	color: #4D4D4D;
	
	line-height: 1.6em;
}

#content p.error
{
	color: #b03636;
}

#content a:link, #content a:visited
{
	color: #536f73;
	text-decoration: underline;
}

#content a:hover
{
	text-decoration: none;
}

#content a.signup:link, #content a.signup:visited, #content a.signupnow:link, #content a.signupnow:visited, #content a.seeplansandpricing:link, #content a.seeplansandpricing:visited, #content a.signuptrialdowngrade:link, #content a.signuptrialdowngrade:visited, #content a.signuptrial:link, #content a.signuptrial:visited, #content a.ordernow:link, #content a.ordernow:visited
{
	width: 200px;
	height: 47px;
	
	display: block;

	background-position: top center;
	background-repeat: no-repeat;
	
	text-decoration: none;
	
	margin-top: 20px;
}

#content a.seeplansandpricing:link, #content a.seeplansandpricing:visited, #content a.signuptrialdowngrade:link, #content a.signuptrialdowngrade:visited, #content a.signuptrial:link, #content a.signuptrial:visited, #content a.ordernow:link, #content a.ordernow:visited
{
	width: 289px;
	height: 57px;
}

#content a.ordernow:link, #content a.ordernow:visited
{
	width: 209px;
}

#content a.signup:hover, #content a.seeplansandpricing:hover, #content a.signupnow:hover, #content a.signuptrialdowngrade:hover, #content a.signuptrial:hover, #content a.ordernow:hover
{
	background-position: center center;
}

/*#content a.signup:active, #content a.seeplansandpricing:active, #content a.signupnow:active, #content a.signuptrialdowngrade:active
{
	background-position: bottom center;
}*/

#content a.signup
{
	background-image: url(/img/buttons/signup.png);
}

#content a.signupnow
{
	background-image: url(/img/buttons/signupnow.png);
}

#content a.seeplansandpricing
{
	background-image: url(/img/buttons/seeplansandpricing.png);
}

#content a.signuptrialdowngrade
{
	background-image: url(/img/buttons/signuptrialdowngrade.png);
}

#content a.signuptrial
{
	background-image: url(/img/buttons/signuptrial.png);
}

#content a.ordernow
{
	background-image: url(/img/buttons/orderNow.png);
}

#content #summary
{	
	height: 338px;
	width: 946px;
	padding-left: 10px;
	margin-top: 20px;
	background: url(/img/bg/summary.png) top center no-repeat;
}

#content #summary #screencast
{	
	height: 246px;
	position: absolute;
	top: 52px;
	right: 55px;
	
	border: 1px solid #444444;
}

#content #summary #description
{
	width: 350px;
	
	margin-left: 40px;
}

#content #summary #description h1
{
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-weight: normal;
	
	font-size: 1.9em;
	
	color: #FFFFFF;
	
	margin-bottom: 10px;
	
	padding-top: 45px;
	
	text-shadow: #111111 0px -1px;
}

#content #summary #description h2
{
	color: #babbbb;
	
	font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.4em;
	text-shadow: #333333 0px -1px;
		
	margin-bottom: 10px;	
}

#content #details
{
	width: 840px;
	margin: 0 auto;
	
	margin-top: -38px;
	margin-bottom: -30px;
	
	background-color: #f1f6f7;
	
	border-right: 1px solid #cfdfe2;
}

#content #details #whatUsersSay
{
	float: right;
	
	width: 212px;
	
	margin-right: 5px;
	padding: 20px 20px 20px 20px;
}

#content #details #whatUsersSay #testimonials
{
	background: url(/img/elements/openQuote.gif) -5px 15px no-repeat;
}

#content #details #whatUsersSay #testimonials h3
{
	margin-bottom: 20px;
}

#content #details #whatUsersSay #testimonials p.last
{
	padding-bottom: 30px;
	background: url(/img/elements/closeQuote.gif) right bottom no-repeat;
}

#content #details #whatUsersSay h3
{
	color: #5b6769;
}

#content #details #whatUsersSay p
{
	color: #817f7f;
	line-height: 1.65em;
	
	margin-bottom: 20px;
}

#content #details #whatUsersSay ul
{
	margin-bottom: 20px;
}

#content #details #whatUsersSay ul li
{
	color: #817f7f;
	padding: 2px;
	margin-bottom: 5px;
}

#content #details #whatUsersSay a:link, #content #details #whatUsersSay a:visited
{
	line-height: 1.65em;
	/*color: #e27d35;*/
}

#content #hostedService
{	
	margin-bottom: 20px;
	padding: 20px 20px 20px 0;
	border-bottom: 1px solid #cfdfe2;
	background: url(/img/hostedIcon.png)  100% 0px no-repeat;
}

#content #hostedService p
{
	margin-bottom: 0;
	width: 60%;
}

#content #details #features
{
	float: left;
	width: 580px;
	
	padding-top: 20px;
	
	background-color: #FFFFFF;
	
	border-right: 1px solid #cfdfe2;
}

#content #details #features .row
{
	clear: both;
}

#content #details #features .row.last
{
	margin-bottom: 0;
}

#content #details #features .row .feature
{
	width: 260px;
	margin-right: 30px;

	display: inline;
	float: left;
	
	margin-bottom: 30px;
}

#content #details #features .row .feature.last
{
	margin-right: 0;
}

#content #details #features .row .feature p
{
	color: #817f7f;
	margin-bottom: 10px;
}

#content #details #features .row .feature a.screenshot:link, #content #details #features .row .feature a.screenshot-iphone:link, #content #details #features .row .feature a.screenshot:visited, #content #details #features .row .feature a.screenshot-iphone:visited
{
	display: block;

	height: 185px;
	width: 260px;
	
	text-decoration: none;
	
	border: 1px solid #AAAAAA;
}

#content #details #features .row .feature a.screenshot:hover, #content #details #features .row .feature a.screenshot-iphone:hover
{
	border-color: #666666;
}

#content #details #features .row .feature a.screenshot span.magnify, #content #details #features .row .feature a.screenshot-iphone span.magnify
{
	display: block;
	
	height: 23px;
	
	position: relative;
	top: -3px;
	
	line-height: 24px;
	background: #E2E2E2 url(/img/elements/screenshotZoom.png) right center no-repeat;
	
	text-align: center;
	font-size: 0.8em;
	color: #666666;
	
	border-top: 1px solid #EEEEEE;
	
	text-shadow: #FFFFFF 0px 1px 1px;
}

#content #details #features .row .feature a.screenshot img, #content #details #features .row .feature a.screenshot-iphone img
{
	z-index: 0;
	
	border: 0;
	border-bottom: 1px solid #CCCCCC;
}


#content #details #features .row .feature .screenshot img, #content #details #features .row .feature .screenshot-iphone img
{
	width: 260px;
	height: 159px;
}

#content #screenshots, #content #faq, #content #signup, #content #contact
{
	margin-left: 40px;
}

#content #screenshots
{
	padding-top: 20px;
	padding-bottom: 40px;
}

#content #screenshots h2
{
	margin-bottom: 20px;
}

#content #screenshots h2#seenAll, #content #faq h2#readAll
{
	margin-bottom: 0;
}

#content #screenshots .row
{
	margin-bottom: 20px;
}

#content #screenshots .row, #content #screenshots h2
{
	clear: both;
}

#content #screenshots .screenshot
{	
	width: 290px;
	
	margin-bottom: 20px;
	margin-right: 20px;
}

#content #screenshots .screenshot.last
{
	margin-right: 0;
}

#content #screenshots .screenshot h3, #content #screenshots .screenshot p
{
	padding-left: 10px;
}

#content #screenshots .screenshot p
{	
	line-height: 1.5em;
	
	width: 235px;
	color: #4D4D4D;
}

#content #screenshots .screenshot a:link, #content #screenshots .screenshot a:visited
{
	display: block;
	background:url(/img/bg/screenshots.png) 0px 133px no-repeat;
}

#content #screenshots .screenshot img
{	
	width: 235px;
	height: 145px;
	
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-bottom: 1px solid #AAAAAA;
	
	margin-bottom: 20px;
	margin-left: 12px;
}

/**************
* Analysis
***************/
#content #analysis
{
	margin-top: 20px;
	padding: 0 30px 0 30px;
}

#content #analysis img
{
	width: 792px;
	margin: 0 auto;
	display: block;
	margin-top: 40px;
}

#content #analysis a.seeplansandpricing
{
	float: right;
	margin-left: 40px;
}


#content #analysis ul
{
	margin-top: 20px;
	margin-bottom: 20px;
}

#content #analysis ul li
{
	color: #4D4D4D;
	line-height: 1.5em;
	margin-bottom: 5px;
}

#content #analysis .onlyavailabletopaid
{
	font-size: 1.1em;
}

/**************
* Cloud
***************/
#content #cloud 
{
	margin: 20px 30px 0 30px;
	
	background: url(/img/bg/cloud.png) 0px 50px no-repeat;
}

#content #cloud h2
{
	margin-bottom: 40px;
}

#content #cloud h3
{
	text-transform: none;
	margin-bottom: 10px;
}

#content #cloud .aws a.awsLogo
{
	float: right;
	margin-right: 100px;
}

#content #cloud p 
{
	margin-bottom: 40px;
	padding-right: 400px;
}

#content #cloud ul#providerLogos 
{
	background: url(/img/elements/land.jpg) bottom center no-repeat;
	padding-bottom: 120px;
}

#content #cloud ul#providerLogos li
{
	display: inline;
	list-style: none;
}

/**************
* iPhone app
***************/
#content #iphone
{
	margin-left: 30px;
}

#content #iphone #iphoneScreenshots
{
	width: 920px;
	height: 600px;

	position: relative;
	
	background: url(/img/iphone/iphonesLarge.png) center 70px no-repeat;
}

#content #iphone #iphoneScreenshots #buttons
{	
	position: relative;
	top: 20px;
}

#content #iphone #buttons a.appStore
{
	background: url(/img/iphone/appStoreBadge.png) no-repeat;
	height: 50px;
	width: 145px;
	
	margin-top: 3px;
	
	display: block;
	
	text-decoration: none;
}

#content #iphone #buttons a.seeplansandpricing
{
	float: left;
	margin: 0;
	margin-left: 170px;
}

#content #iphone ul
{
	margin-top: 20px;
	margin-bottom: 20px;
}

#content #iphone ul li
{
	color: #4D4D4D;
	padding: 5px 5px 5px 0;
}

/**************
* Why
***************/
#content #why 
{
	padding-top: 20px;
	margin: 0 30px;
}

#content #why h2
{
	margin-bottom: 20px;
}

#content #why .columns .column
{
	width: 30%;
	margin-right: 1.5%;
}

#content #why .columns .column.left
{
	float: left;
}

#content #why .columns .column.right
{
	float: right;
	margin-right: 0;
}

#content #why .columns .column.middle
{
	margin-left: 34.5%;
	margin-right: 33%;
}

#content #why .columns .column p 
{
	margin-bottom: 20px;
}

#content #why .columns .column p img
{
	float: left;
	margin-right: 10px;
	height: 46px;
}

#content #why .columns .column blockquote
{
	line-height: 1.7em;
	margin-bottom: 20px;
	font-style: italic;
}

/*************
* Plugins
**************/
#content #plugins
{
	margin: 20px 30px 0 30px;
	
	/*min-height: 350px;*/
	/*background: url(/img/plugins/plugins.png) 90% 50px no-repeat;*/
}

#content #plugins img.plugins
{
	float: right;
	margin-right: 40px;
}

#content #plugins h2
{
	margin-bottom: 20px;
}

#content #plugins ul
{
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}

#content #plugins ul li
{
	list-style-position: outside;
	line-height: 1.5em;
	margin-bottom: 5px;
}

/**************
* Pricing
**************/
#content #pricing
{
	margin: 0 auto;
	margin: 0 30px;
}

#content #pricing h2
{
	margin-bottom: 20px;
}

#content #pricing .options
{
	margin-bottom: 20px;
}

#content #pricing .option
{	
	border-bottom: 1px solid #d2dee0;
	
	margin-bottom: 20px;
	padding: 20px 0px 20px 20px;

	border-left: 10px solid #b8c9cc;
	border-top: 1px solid #b8c9cc;
	border-bottom: 1px solid #b8c9cc;
	border-right: 1px solid #b8c9cc;
	background: url(/img/pricing/priceBg.png) top right repeat-y;
	
	-webkit-box-shadow: 2px 2px 10px #d2dee0;
}

#content #pricing .option.alt
{
	margin-bottom: 0;
}

#content #pricing .option .description
{
	margin-right: 400px;
	padding-right: 20px;
}

#content #pricing .option .price
{
	float: right;
	width: 380px;
	
	padding-left: 20px;
	color: #61878e;
	text-shadow: 0 1px 1px #FFFFFF;
	margin: 0 0 20px 0px;
}

#content #pricing .option .price p
{
	color: #61878e;
}

#content #pricing .option .price li
{
	margin-bottom: 5px;
}

#content #pricing .option h3
{
	margin-bottom: 20px;
	font-size: 1.2em;
	font-weight: bold;
}

#content #pricing .option ul
{
	line-height: 1.6em;
	margin-bottom: 20px;
	color: #4D4D4D;
}

#content #pricing .information h3
{
	color: #666666;
	text-transform: none;
}

#content #pricing .information p
{
	color: #999999;
}

#content #pricing #hosted .price p
{
	position: relative;
	top: 90px;
	
	width: 360px;
	font-size: 4em;
	text-align: center;
	line-height: 1em;
}

#content #pricing #hosted .price p .units
{
	font-size: 0.35em;
	text-transform: uppercase;
	display: block;
}

#content #pricing #hosted .price p sup
{
	font-size: 0.5em;
}

#content #pricing #selfHosted .price p
{
	padding-left: 15px;
	margin-right: 30px;	
}

#content #pricing #selfHosted .price table tr th .currency
{
	font-size: 0.7em;
}

#content #pricing #selfHosted .price table
{
	text-align: left;
	width: 340px;
	font-size: 1.5em;
	
	margin-left: 10px;
	margin-bottom: 10px;
}

#content #pricing #selfHosted .price table tr td
{
	padding: 10px 0;
}

#content #pricing #selfHosted .price table tr td.cost
{
	text-align: right;
}

#content #pricing #selfHosted .price table tr td .units
{
	font-size: 0.7em;
}

#content #pricing #selfHosted .price table tr td sup
{
	position: relative;
	font-size: 0.6em;
}

#content #pricing a#signupButton
{
	width: 100%;
	margin-bottom: 20px;
}

#content #pricing #footnotes
{
	margin-top: 20px;
	font-size: 0.9em;
}

#content #pricing #footnotes p
{
	color: #999999;
}

#content #signup, #content #contact, #content #faq, #content #iphone
{
	padding-top: 20px;
}

#content #signup h2
{
	margin-bottom: 20px;
}

#content #signup h3
{
	margin-top: 30px;
	margin-bottom: 10px;
}

#content #signup #signupQuestion
{
	margin-top: 20px;
}

#content #signup #signupQuestion p
{
	margin-bottom: 5px;
}

#content #signup #signupQuestion p input
{
	margin-right: 10px;
}

#content #signup .subdomainPreview
{
	color: #659520;
	font-weight: bold;
}

#content form p
{
	margin-bottom: 20px;
}

#content #signup p#or
{
	font-size: 1.6em;
}

#content #faq ul#tableOfQuestions
{	
	margin-top: 20px;
	list-style: none;
}

#content #faq ul#tableOfQuestions li
{
	padding: 5px 0 5px 0;	
}

#content #faq #questions 
{
	margin-bottom: 40px;
}

#content #faq #questions .question h3
{	
	width: auto;
}

#content #faq #questions .question h3 a.toTheTop:link, #content #faq #questions .question h3 a.toTheTop:visited
{
	height: 16px;
	width: 16px;	
	
	display: block;
	float: right;
	
	background: url(/img/elements/toTheTop.gif) center center no-repeat;
	
	text-decoration: none;
}

#content #faq #questions .question ul li
{
	padding: 5px;
}

#content #faq #questions .question p
{
	padding-right: 40px;
}

#content #faq #questions .question table
{
	margin-top: 20px;
	width: 400px;
	
	text-align: left;
}

#content #faq #questions .question table tr td, #content #faq #questions .question table tr th
{
	padding: 5px 10px 5px 10px;
}

#content #faq #questions .question table tr td
{
	border-bottom: 1px solid #EEEEEE;
}

#content #faq #questions .question table tr.last td
{
	border-bottom: 0;
}

#content #faq #questions .question p + p
{
	margin-top: 20px;
}

#content #faq #questions .question .note
{
	font-size: 0.9em;
	margin-top: 10px;
}

#content label
{
	color: #4D4D4D;
	font-weight: bold;
	
	float: left;
	display: block;
	
	margin-right: 20px;
	padding-top: 5px;
	
	width: 100px;
}

#content label.inline
{
	width: auto;
}

#content input.text
{
	padding: 7px;
	border: 1px solid #a7afb0;
	
	outline-style: none;
	outline-width: 0px;
	
	margin-right: 5px;
	
	color: #575757;
	
	width: 200px;
}

#content input.text:focus
{
	border: 1px solid #686868;
	color: #121212;
}

#content input.text#subdomain
{
	width: 153px;
}

#content form span.lessImportant
{
	color: #898989;
	font-size: 0.9em;
}

#footer
{
	clear: both;
	
	border-top: 1px solid #CECECE;
	
	padding: 10px 0px 10px 0;
	
	font-size: 0.8em;
}

#footer p
{
	color: #999999;
}

#footer a:link, #footer a:visited
{
	color: #333333;
}

#footer a:hover
{
	color: #000000;
}

#footer .right
{
	float: right;
}

div.separator
{
	padding: 20px;
	background: url(/img/elements/separator.png) center center no-repeat;
}

.hide
{
	display: none;
}

.large
{
	font-size: 1.8em;
	position: relative;
	top: 3px;
}

.center
{
	text-align: center;
}

.right
{
	float: right;
}

.clear
{
	clear: both;
}

.clearfix:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}