* {
	margin:0;
	padding:0;
}
body {
	font:13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	background:#333 url(../images/backie.gif) repeat-y top center;
}
h1 {
	padding:59px 0 0 5px;
	font-weight:normal;
	float:left;
	font-size:32px;
	line-height:36px;
	float:left;
}
h1 a {
	text-decoration:none;
	color:#fff;
	border-bottom:none;
}
h1 a strong {
	font-weight:normal;
	color:#fff;
}
h1 a:hover, h1 a:hover strong {
	color:#fff;
}
h2 {
	padding:77px 0 0 12px;
	font-family:Georgia, serif;
	color:#e8e8e8;
	font-weight:normal;
	font-size:22px;
	width:480px;
	line-height:30px;
	background:transparent url(../images/quote-mark.gif) no-repeat 0px 45px;
}
h3 {
	font-size:11px;
	color:#e8e8e8;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:normal;
	background:transparent url(../images/backie-main-split.gif) repeat-x top left;
}
h3 span {
	padding:5px 5px 10px 5px;
	border-top:1px solid #4fb4d6;
	display:block;
	float:left;
}
h3 a {
	border-bottom:none;
	color:#e8e8e8;
}
p {
	padding:0 35px 10px 60px;
	color:#e8e8e8;
}
em {
	font-family:Georgia, serif;
}
a {
	text-decoration:none;
	color:#4fb4d6;
}
a:hover {
	color:#4fb4d6;
}
hr {
	display:none;
}
/*
---- Structure
*/
.container {
	margin:0 auto;
	width:960px;
}
/*
---- Header
*/
#header {
	background:#3E3E3E url(../images/backie-header.gif) no-repeat bottom center;
}
#header ul {
	float:right;
	list-style:none;
	font-size:14px;
}
#header ul li {
	padding:80px 0 0 27px;
	float:left;
	display:block;
}
#header ul li a {
	padding:0 5px 20px 5px;
	display:block;
	float:left;
	text-decoration:none;
	line-height:10px;
	color:#e3e3e3;
	border-bottom:none;
}
#header ul li a:hover {
	color:#4fb4d6;
	border-bottom:1px solid #4fb4d6;
	padding-bottom:19px;
}
#header ul li a.current {
	border-bottom:1px solid #4fb4d6;
	padding-bottom:19px;
}
/*
---- Content
*/
#content {
	background:#3E3E3E url(../images/backie-content.gif) repeat-y top center;
}
#priority-content {
	float:left;
	width:360px;
}
#priority-content p {
	padding-top:29px;
}
#priority-content p a {
	border-bottom-color:#3e3e5e;
}
#main-content {
	padding:60px 0 54px 0;
	width:540px;
	float:right;
}
#main-content h2 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	float:none;
	padding:14px 65px 12px 45px;
	font-size:28px;
	color:#dadada;
	background-image:none;
}
#main-content h2 a {
	border:none;
	color:#dadada;
}
#main-content h2 a:hover {
	color:#fff;
}
div.main-project {
	padding:0px 0px 44px 0px;
}
div.main-project a.figure-c {
	height:180px;
	overflow:hidden;
}
/*
---- Projects List
*/
ul.projects {
	margin:14px 0 0 0;
	border-top:2px dashed #323232;
	padding:0 0 15px 0;
}
ul.projects li {
	padding:9px 0 14px 5px;
	border-bottom:2px dashed #323232;
}
ul.projects li h4 {
	padding:4px 0 2px 0;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
}
ul.projects li h4 a {
	border-bottom:none;
}
ul.projects li p {
	padding-left:0;
	padding-right:5px;
}
ul.projects li p.learn-more {
	padding-bottom:0;
}
/*
---- Next Actions
*/
#next-actions {
	padding-top:44px;
	background:transparent url(../images/backie-main-split.gif) repeat-x 0 44px;
}
#next-actions ul {
	float:right;
	padding:5px 5px 0;
	border-top:1px solid #454563;
	list-style:none;
}
/*
---- Figures
*/
a.figure, img.figure {
	display:block;
	border:5px solid #252525;
}
a.figure:hover {
	border-color:#4fb4d6;
}
a.figure img {
	border:none;
	display:block;
}
a.figure-b {
	float:right;
	margin-left:10px;
}
/*
---- Tables
*/
table {
	width:100%;
	border:none;
	border-collapse:collapse;
}
table th {
	text-align:left;
}
/*
---- Misc
*/
#main-content .full-span {
	padding-left:5px;
	padding-right:5px;
}
/*
---- Footer
*/
#footer {
	padding:25px 0 15px 0;
	background:transparent url(../images/backie-footer.gif) no-repeat top center;
}
#footer p {
	padding:0 5px 0 425px;
	font-size:11px;
	color:#cdcdcd;
}
#footer p a {
	color:#4fb4d6;
	border:none;
}
#footer p a:hover {
	color:#4fb4d6;
}
/*
---- Clear All and the Clearfix
*/
.clear-all {
	clear:both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


a#rss, a#delicious, a#twitter, a#linkedin, span#rss, span#delicious, span#twitter, span#linkedin {
	float: right;
	height: 39px;
	width: 40px;
	margin-top: 13px;
	background: url(images/social/rss_small.png) no-repeat 0 0;
	text-indent: -9999px;
	cursor:pointer;
}
a#twitter, span#twitter {
	background: url(images/social/twitter_small.png) no-repeat 0 0;
}
a#delicious, span#delicious {
	background: url(images/social/delicious_small.png) no-repeat 0 0;
}
a#linkedin, span#linkedin {
	background: url(images/social/linkedin_small.png) no-repeat 0 0;
}
a#rss:hover, a#delicious:hover, a#twitter:hover, a#linkedin:hover, span#rss:hover, span#delicious:hover, span#twitter:hover, span#linkedin:hover {
	background-position: 0 -40px;
}
/*-- Buttons --*/

.to_buttons {
	overflow:hidden;
	width:auto;
	margin:0 0 0 2px;
	float:left;
}
.left .to_buttons, #to_footer .to_buttons, .to_msg_controls .to_buttons {
	float:left;
	margin:0 0 10px 0;
}
.right .to_buttons {
	margin:0 -5px 10px 5px;
}
.to_book .to_buttons {
	float:none;
	margin-bottom:-3px;
}
#to_footer .to_buttons {
	margin:-3px 2px 0 2px;
}
.to_buttons a {
	display:block;
	float:left;
	line-height:10px;
	text-decoration: none;
	margin-right:5px;
	background-image:url(http://divotic.com/images/to_btn_a.gif);
	background-image /**/:url(http://divotic.com/images/to_btn_a.png);
	background-repeat:no-repeat;
	background-position:right top;
}
.to_buttons a:hover {
	background-position:right -168px;
}
.to_buttons a span {
	display:block;
	padding:7px 5px 8px 18px;
	margin-right:22px;
	background-image:url(http://divotic.com/images/to_btn_a_span.gif);
	background-image /**/:url(http://divotic.com/images/to_btn_a_span.png);
	background-repeat:no-repeat;
	background-position:left top;
	font-size:9px;
	color:#fff;
}
.to_buttons a:hover span {
	background-position:left -24px;
}
.to_buttons a span img {
	border:0;
	padding:0;
	margin:-1px 8px 0 0;
	height:9px;
}
/*--- button sprite  ---*/

.to_buttons.next a {
	background-position:right -24px;
}
<!--
.to_buttons.next a:hover {
	background-position:right -192px;
}
-->
.to_buttons.next a:hover {
	background-position:right -288px;
}
.to_buttons.open a {
	background-position:right -48px;
}
.to_buttons.open a:hover {
	background-position:right -216px;
}
.to_buttons.close a {
	background-position:right -72px;
}
.to_buttons.close a:hover {
	background-position:right -240px;
}
.to_buttons.star a {
	background-position:right -96px;
}
.to_buttons.star a:hover {
	background-position:right -264px;
}
.to_buttons.nostar a, .to_buttons.delete a {
	background-position:right -336px;
}
.to_buttons.nostar a:hover, .to_buttons.delete a:hover {
	background-position:right -360px;
}
.to_buttons.tick a {
	background-position:right -120px;
}
.to_buttons.tick a:hover {
	background-position:right -288px;
}
.to_buttons.dd a {
	background-position:right -144px;
}
.to_buttons.dd a:hover {
	background-position:right -312px;
}
.to_buttons.tag a {
	background-position:right -384px;
}
.to_buttons.tag a:hover {
	background-position:right -408px;
}
.to_buttons.share a {
	background-position:right -432px;
}
.to_buttons.share a:hover {
	background-position:right -456px;
}
.to_buttons.next a span, .to_buttons.open a span, .to_buttons.close a span, .to_buttons.star a span, .to_buttons.tick a span, .to_buttons.dd a span, .to_buttons.nostar a span, .to_buttons.loading span {
	padding:6px 12px 7px 18px;
	padding /**/:5px 12px 8px 18px;
}
*:first-child+html body .to_buttons.dd a span {
	padding:6px 12px 7px 18px;
}
#content .container.clearfix #main-content .main-project p strong {
	color: #4fb4d6;
}


/*
	Sliding labels is open source code by Tim Wright of CSSKarma.com
	Use as you see fit, I'd like it if you kept this in the code, but 
	basically share it and don't be a jerk.
	
	Support:
	http://www.csskarma.com/blog/sliding-labels
*/

form 						{ padding-top: 20px; }
fieldset                    { width:415px;padding:20px 0 20px 105px;margin: 0 auto 20px;background: #3e3e3e;border:1px solid #2e2e2e; }
fieldset.personal           { background: url(img/person.png) no-repeat bottom right #3e3e3e; }
legend 						{ background: #3e3e3e; color: #FFF; font-weight: bold; padding: 5px 12px; margin-left: -20px; font-size: 15px; }
#name-wrap,
#email-wrap,
#business-wrap,
#tel-wrap,
#street-wrap,
#town-wrap,
#county-wrap,
#pc-wrap,
#url-wrap,
#comment-wrap				{ clear:both;position:relative;margin:0 0 10px; }
label                       { cursor:pointer;display:block; color: #404040; }
label.error					{ float: right; width: 85px; padding-top:5px; text-align: left; color: #F00; background: #3e3e3e }
input[type="text"],
textarea                    { width:300px;border:1px solid #999;padding:5px;-moz-border-radius:4px;-webkit-border-radius:4px; }
input[type="text"]:focus    { border-color:#777; }
input[name="zip"]           { width:150px; }

/* submit button */
input[type="submit"]        { cursor:pointer;border:1px solid #4fb4d6;padding:5px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#4fb4d6; float: right; margin-right: 110px; color: #404040;  }
input[type="submit"]:hover,
input[type="submit"]:focus  { border-color:#00FF0B;background:#00FF0B; }
input[type="submit"]:active { margin-top:1px; }

#recaptcha_widget_div { margin: 20px 0 20px -2px; }

#host { margin: 15px auto 10px; display: block; text-align:center}