html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, em, img, q, s, small, strike, strong, sub,sup, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
ol, ul, li {list-style: none;}:focus {outline: 0;}table {border-collapse: collapse;border-spacing: 0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup {font-style:inherit;font-weight:inherit;}del,ins {text-decoration:none;}h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:400;}abbr,acronym {border:0;font-variant:normal;}legend {color:#000;}input,button,textarea,select,optgroup,option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select {font-size:100%;}

body {background:#fdfdfd;color:#504e4e;font-size:62.5%;font-family:arial, myriad pro,sans-serif;}
.clear {clear:both;}
.wrapper {width:960px;margin:0 auto;}
#background{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faf9f7', endColorstr='#fdfdfd'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#faf9f7), to(#fdfdfd)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #faf9f7,  #fdfdfd); /* for firefox 3.6+ */
}
a {text-decoration:none;}

/* BUTTONS */
a.signup {
	display: block;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #80a248;
	font-size:1.8em;
	float: left;
}

a.signup span {
	display: block;

	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;

	color: #fff;
	text-shadow: 0 1px 0 #445b1f;
	border: 1px solid rgba(255,255,255,0.3);
	border-top-color: rgba(255,255,255,0.2);
	border-bottom-color: rgba(255,255,255,0.2);
}
a.long {
	margin-top:20px;
	margin-left:35px;
}
a.long span {
	padding: 9px 70px;
}
a.short, a.mid {
	margin-top:2px;
}
a.short span {
	padding: 5px 57px;
}
a.mid span {
	padding: 5px 64px;
}
a.create {
	margin:20px 0;
}
a.create span {
	padding: 9px 52px;
}
a.signup {
	background-color: #81ad3c !important; /* Change the colour of the signup here */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8c653', endColorstr='#80ac3c'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#a8c653), to(#80ac3c)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #a8c653,  #80ac3c); /* for firefox 3.6+ */
}

a.signup:hover {	/* BUG! - must inlude "a" before class name for gradient to work in FF */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aece56', endColorstr='#84b13e'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#aece56), to(#84b13e)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #aece56,  #84b13e); /* for firefox 3.6+ */
}

a.signup:active {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#84b13e', endColorstr='#aece56'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#84b13e), to(#aece56)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #84b13e,  #aece56); /* for firefox 3.6+ */
}

a.signup:active span {
	border: 1px solid rgba(255,255,255,0.2);
	border-top: 1px solid rgba(255,255,255,0.4);
}

/* HEADER */
#header {padding: 30px 0;}
#grid {background: url('../images/public/block.png') repeat-x;}
#logo {float:left;}
#logo a{display:block;width:363px;height:75px;background: url('../images/public/logo.png') no-repeat;}
#logo a span {display:none;}
#menu {float:right;padding:35px 0 0 0;}
#menu li {float:left;margin:0 0 0 39px;font-size:1.5em;font-weight:700;}
#menu a {color:#504e4e;display:block;}
#menu li {background-image: url('../images/public/nav.png');text-indent:-9999px;}
.sprite-blog {background-position:0 0;width:38px;height:16px;} 
.sprite-blog:hover {background-position:0 -66px;width:38px;height:16px;} 
.sprite-home {background-position:0 -132px;width:49px;height:13px;} 
.sprite-home:hover {background-position:0 -195px;width:49px;height:13px;} 
.sprite-plans { background-position:0 -258px;background-repeat:no-repeat;width:126px;height:16px;} 
.sprite-plans:hover {background-position:0 -324px;width:126px;height:16px;} 
.sprite-tour {background-position:0 -390px;width:40px;height:13px;} 
.sprite-tour:hover {background-position:0 -453px;width:40px;height:13px;}

/* PAPER INTRO */
#intro {width:980px;height:398px;background:url('../images/public/paperbg.png') no-repeat center center;}
#introi {padding:50px 35px 0 40px;}
#introl {float:left;width:350px;padding-left:10px;}
#introl p {line-height:1.9em;font-size:1.3em;padding: 20px 0;}
#introi h1{text-indent:-9999px;background:url('../images/public/waytowork.png') no-repeat center center;width:348px;height:99px;}
.plansprice {background:url('../images/public/signup.png') no-repeat;height:56px;width:262px;display:block;}
.plansprice span {display:none;}
#introimg {background:url('../images/public/browsershot.png') no-repeat center bottom;width:511px;height:312px;float:right;padding: 15px 0 0 0;}

/* HOME PAGE */
#main {padding: 0 0 40px 0;}
#features {width:350px;float:left;text-shadow:0 1px 0 #fff;}
.feature {float:left;padding: 45px 0 0 0;}
.feature h3 {font-size:1.4em;font-weight:700;padding: 1em 0 0 0;}
.feature.left {padding:45px 65px 0 0;}
.enlarge {margin-left:121px;margin-top:-7px;position:absolute;width:21px;height:20px;background:url('../images/public/enlarge.png');}
.box {background:#fff;height:120px;width:130px;border:1px solid #e2e2e2;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:0 1px 2px #787878;-moz-box-shadow:0 1px 2px #787878;-webkit-box-shadow:0 1px 2px #787878;}
.box .inner {border:1px solid #e3e2e1;border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px;margin:2px;height:114px;}
.project {background:url('../images/public/project.jpg');}
.annotate {background:url('../images/public/annotate.jpg');}
.feedback {background:url('../images/public/feedback.jpg');}
.revisions {background:url('../images/public/revisions.jpg');}
#summary {float:right;width:540px;padding:35px 0 0 0;text-shadow:0 1px 0 #fff;}
#summary ul {}
#summary li {float:left;width:250px;padding: 0 0 30px 0;}
#summary li h2 {font-size:1.6em;font-weight:700;height:27px;line-height:27px;padding: 0 0 0 50px;}
#summary li p {padding: 6px 0 0 50px;font-size:1.2em;line-height:1.7em;}
#summary li .team {background:url('../images/public/teamicon.png') no-repeat center left;}
#summary li .pencil {background:url('../images/public/pencilicon.png') no-repeat center left;padding: 0 0 0 45px;margin: 0 0 0 5px;}
#summary li .projects {background:url('../images/public/projectsicon.png') no-repeat center left;padding: 0 0 0 39px;margin: 0 0 0 11px;}
#summary li .email {background:url('../images/public/emailicon.png') no-repeat center left;padding: 0 0 0 43px;margin: 0 0 0 7px;}
#summary li.right {padding: 0 0 30px 40px;}
#try {font-weight:700;font-size:1.8em;border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;}
#try p {padding:20px 0;float:left;}
#try a {margin-top:13px;}
.testimonial {padding: 40px 0 0 0;}
.testimonial .bubble {width:840px;height:80px;background: #fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0 1px 1px #aaa;-moz-box-shadow:0 1px 1px #aaa;-webkit-box-shadow:0 1px 1px #aaa;float:right;margin: 0 0 0 25px;font-size:1.5em;}
.testimonial .arrow {background:url('../images/public/arrow.png');width:25px;height:29px;position:absolute;margin-left:97px;margin-top:10px;}
.testimonial p {font-family:georgia;padding:13px 30px;line-height:30px;}
.testimonial span {font-family:georgia;font-size:1em;}
.testimonial img {float:left;border: 4px solid #f3f3f3;}

/* PLANS PAGE */
#planp {font-size:2em;margin: 0 auto;text-align:center;background: url('../images/public/statement.png') no-repeat center center;width:863px;height:58px;margin-bottom:30px;}
#planp a {display:block;}
#planp span {display:none;}
#plans .plan {width:215px;float:left;background:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0 1px 1px #aaa;-moz-box-shadow:0 1px 1px #aaa;-webkit-box-shadow:0 1px 1px #aaa;height:320px;margin:18px 22px 30px 0;}
#plans .big {height:353px;width:243px;background:#fff;margin-top:0;border:2px solid #e1e0dc;font-size:1.2em;}
#plans .plan.last {margin-right:0;}
#plans .plan .inner {padding: 15px;}
.plan h2 {font-size:2em;text-align:center;margin:2px auto;height:22px;}
.plan h2 span {display:none;}
.plan h3 {font-size:1.6em;padding-top:4px;text-align:center;}
.plan ul {list-style:disc inside none;padding-top:8px;font-size:1.2em;}
.plan li {border-bottom:1px solid #ddd;padding: 12px 0;}
.plan li img {float:left;margin-top:-7.5px;margin-right:10px;}
.big li img {margin-top:-5px;}
.plan li.last {border-bottom:none;}

.corporate {background:url('../images/public/corporate.png') no-repeat;width:125px;}
.agency {background:url('../images/public/agency.png') no-repeat;width:94px;}
.studio {background:url('../images/public/studio.png') no-repeat;width:88px;}
.freelancer {background:url('../images/public/freelancer.png') no-repeat;width:130px;}

#freeplan {background:url('../images/public/planfreebg.jpg') no-repeat; height:60px;}
}
#freeplan:hover {background:url('../images/public/planfreebghover.png') no-repeat; height:60px;}

#paymentinfo {padding-top:20px;}
.paymentinfo {float:left;width:45%;padding-right:10%;text-shadow:0 1px 0 #fff;}
.paymentinfo.last {padding-right:0;}
.paymentinfo h4 {font-size:1.8em;font-weight:700;margin:30px 0 10px 0;}
.paymentinfo p {font-size:1.2em;line-height:25px;}
.paymentinfo img {margin:5px 13px 0 0;}

/* PAGE */
#page {margin-bottom:50px;text-shadow:0 1px 0 #fff;}
#page a {color:#777;border-bottom:1px dashed #777;}
#page a:hover {border-bottom:1px dashed #444;}
#page h2 {font-size:4em;font-weight:700;padding-bottom:3px;margin-bottom:20px;border-bottom:1px solid #888;}
#page h3 {color:#504E4E;font-size:2em;font-weight:700;padding-bottom:10px;margin-bottom:10px;text-decoration:none;}
#page h3 a {color:#504E4E;text-decoration:none;border:none!important;}
#page p, #page ul, #page ol {font-size:1.2em;margin-bottom:20px;line-height:20px;}
#page ol li {list-style-type:decimal;margin-left:30px;padding-top:8px;}

/* TOUR */
#tour {margin-bottom:50px;text-shadow:0 1px 0 #fff;}
#tour a {color:#777;border-bottom:1px dashed #777;}
#tour a:hover {border-bottom:1px dashed #444;}
#tour h2 {font-size:4em;font-weight:700;padding-bottom:3px;margin-bottom:20px;border-bottom:1px solid #888;}
#tour h3 {font-size:2.8em;font-weight:700;padding-bottom:10px;margin-bottom:10px;}
#tour p {font-size:1.2em;margin-bottom:20px;line-height:25px;}
#tour .left {float:left;width:300px;}
#tour .featured {margin-bottom:30px;background:#fff;padding:20px 20px 0 20px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0 1px 1px #aaa;-moz-box-shadow:0 1px 1px #aaa;-webkit-box-shadow:0 1px 1px #aaa;}
#tour .tourshot {float:right;width:570px;height:250px;margin-top:10px;border-radius-topleft:5px;border-top-left-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;box-shadow:0 0 5px #aaa;-moz-box-shadow:0 0 5px #aaa;-webkit-box-shadow:0 0 5px #aaa;}
#tour .manage {background:url('../images/public/tour-manage.jpg');}
#tour .annotate {background:url('../images/public/tour-annotate.jpg');}
#tour .feedback {background:url('../images/public/tour-feedback.jpg');}
#tour .inspiration {background:url('../images/public/tour-inspiration.jpg');}
#tour .files {background:url('../images/public/tour-files.jpg');}

/* SIGNUP */
#signup {margin-bottom:50px;}
#signup h2 {font-size:4em;font-weight:700;margin-bottom:5px;}
#signup h3 {color:#777;font-size:1.2em;padding-bottom:10px;border-bottom:1px solid #888;margin-bottom:30px;}
#signup h4 {color:#111;font-size:1.6em;font-weight:700;margin:30px 0 20px 0;padding-bottom:10px;border-bottom:1px solid #ccc;}
#signup #entry {float:left;width:65%;margin-right:30px;background:#fff;padding:10px 30px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0 1px 1px #aaa;-moz-box-shadow:0 1px 1px #aaa;-webkit-box-shadow:0 1px 1px #aaa;}
#signup #redeem {width:900px;margin-right:30px;background:#fff;padding:10px 30px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0 1px 1px #aaa;-moz-box-shadow:0 1px 1px #aaa;-webkit-box-shadow:0 1px 1px #aaa;}
#signup #redeem h2 {margin:20px 0 10px 0;font-size:3em;}
#signup #redeem-left {width:50%;float:left;}
#signup #redeem-right {float:right;width:40%;background:#fcfcfb;border: 1px solid #d9d9d9;padding:30px 20px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-top:36px;}
#signup #redeem-right h3 {color:#5a5a5a;font-size:1.7em;font-weight:700;margin-bottom:10px;border:none;}
#signup #redeem-right h4 {font-size:1.4em;border:none;color:#5a5a5a;margin-bottom:0;}
#signup #redeem-right p {line-height:24px;}
#signup .redeem-right {float:left;width:57%;}
#signup .redeem {margin:25px 0;float:left;width:43%;padding:0;}
#signup #info {float:right;width:25%;font-size:1.2em;}
#signup .field {color:#CDCDCD;margin-bottom:20px;font-size:1.4em;text-align:left;padding:8px 5px;border:1px solid #dbdbdb;box-shadow:0 1px 5px #DEDEDE inset;-webkit-box-shadow:0 1px 5px #DEDEDE inset;-moz-box-shadow:0 1px 5px #DEDEDE inset;-moz-border-radius:3px;-webkit-border-radius:3px;}
#signup .field:focus {border:1px solid #bbb;}
#signup .long {width:350px;}
#signup .mid {width:250px;}
#signup .short {width:150px;}
#signup .domain {font-size:1.4em;margin-left:5px;}
#signup p {font-size:1.2em;}
#signup p a {color:#777;border-bottom:1px dashed #777;}
#signup p a:hover {border-bottom:1px dashed #444;}
#signup #info {font-size:1.2em;color:#777;line-height:25px;}
#signup #info p {margin-bottom:10px;}
#signup #info .company {margin-top:65px;}
#signup #info .account {margin-top:140px;}
#signup #info .billing {margin-top:410px;}
#signup #info img {margin:10px 13px 0 0;}
.bannerbottom {border:none!important;}
#timezone_id, .dropdown {font-size:1.4em;text-align:left;padding:8px 5px;border:1px solid #dbdbdb;box-shadow:0 1px 5px #DEDEDE inset;-webkit-box-shadow:0 1px 5px #DEDEDE inset;-moz-box-shadow:0 1px 5px #DEDEDE inset;-moz-border-radius:3px;-webkit-border-radius:3px;}
#timezone_id {margin-bottom:30px;}
#signup span {font-size:1.3em;}
.dropdown {margin-bottom:20px;}
#password, #verify_pass-clear {display:none;}
#cvv {margin-left:20px;width:100px;}
#error {margin-bottom:20px;font-size:1.3em;color:#8b0909;padding:5px;background:#fd9d9d;border:1px solid #f27979;}
#success {margin-top:25px;font-size:1.3em;line-height:28px;float:left;width:94%;margin-right:30px;background:#fff;padding:20px 30px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0 1px 1px #aaa;-moz-box-shadow:0 1px 1px #aaa;-webkit-box-shadow:0 1px 1px #aaa;}
#success #text {float:left;width:50%;}
#success p {margin-top:25px;}
#success img {float:right;margin-right:30px;}

/* FOOTER */
#footer {padding: 40px 0 50px 0;border-top:1px solid #111;color:#eee;text-shadow:0 -1px 0 #000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#222)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #333,  #222); /* for firefox 3.6+ */
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(left top, #333, #222 70%);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#333333, endColorStr=#222222, GradientType=1);
	/* For Internet Explorer 8 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#333, endColorstr=#222, GradientType=1);
	
	}
#footer .wrapper {position:relative;}
.fcolumn {float:left;width:140px;padding: 0 70px 0 0;}
#footer h4 {font-size:1.5em;text-transform:uppercase;font-weight:700;margin-bottom:15px;}
#footer span {float:right;position:absolute;bottom:0;right:0;font-size:1.2em;}
#footer li {padding: 10px 1px;border-bottom:1px solid #3f3f3f;font-size:1.2em;width:160px;}
#footer .last {border:none;}
#footer a {color:#9a9a9a;}
#footer a:hover {color:#bbbbbb;}