html {
	background: rgb(11, 11, 11); font-size: 100%;
}
body {
	font: 0.75em/normal font-family: 'Abel', sans-serif; margin: 0px; color: rgb(123, 123, 123); font-size-adjust: none; font-stretch: normal;

}
table {
	font: 1.00em/normal font-family: 'Abel', sans-serif; margin: 0px; color: rgb(11, 11, 11); font-size-adjust: none; font-stretch: normal;
}
#all_content {
	background: rgb(251, 251, 251); width: 100%; min-width: 960px;
}
#all_content::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.container {
	margin: 0px auto; width: 960px; position: relative;
}
.container::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
#banner_holder {
	position: relative;
}
#header {
	margin: 0px auto; width: 960px; height: 110px; position: relative; z-index: 100;
}
#logo {
	left: 0px; top: 8px; position: absolute;
}
#logo:hover {
	text-decoration: none;
}
#logo img {
	float: left;
}
#logo h1 {
	margin: 64px 0px 0px -12px; font-size: 1.1em; float: left;
}
#head_contact {
	list-style: none; top: 0px; right: 0px; position: absolute;
}
#head_contact li {
	margin: 0px 10px 0px 0px; padding: 18px 0px 0px; font-family: 'Abel', sans-serif; font-size: 1.1em; float: left;
}
#head_contact span {
	color: rgb(11, 11, 11); font-family: 'Abel', sans-serif;
}
#head_contact li#planner {
	margin:12px; padding: 0px;
}
#head_contact a {
	color: rgb(123, 123, 123); -moz-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out;
}
#head_contact a:hover {
	color: rgb(129, 183, 46); text-decoration: none; -moz-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out;
}
#planner a {
	background: url("../images/sprite_project_planner.png") no-repeat 0px 0px rgb(251, 251, 251); padding: 0px 0px 0px; width: 97px; height: 32px; text-align: center; color: rgb(255, 255, 255); letter-spacing: 0.3px; font-family: 'Abel', sans-serif; font-weight: 300; text-decoration: none; display: block;
}
#planner a:hover {
	background-position: 0px 100%; color: rgb(255, 255, 255);
}
#nav {
	list-style: none; top: 53px; right: 0px; font-family: 'Abel', sans-serif; position: absolute;
}
#nav li {
	margin: 0px 0px 0px 6px; float: left;
}
#nav a {
	padding: 3px 14px; color: rgb(11, 11, 11); font-size: 1.25em; font-weight: 300; display: block;
}
#nav a:hover {
	background: rgb(129, 183, 46); color: rgb(255, 255, 255); text-decoration: none;
}
#nav2 {
	list-style: none; top: 133px; right: 0px; font-family: 'Abel', sans-serif; position: absolute;
}
#nav2 li {
	margin: 0px 0px 0px 6px; float: left;
}
#nav2 a {
	padding: 10px 14px; color: rgb(11, 11, 11); font-size: 1.4em; font-weight: 300; display: block;
}
#nav2 a:hover {
	background: rgb(129, 183, 46); color: rgb(255, 255, 255); text-decoration: none;
}

#body_services #nav_services a {
	background: rgb(11, 11, 11); color: rgb(255, 255, 255);
}
#body_work #nav_work a {
	background: rgb(11, 11, 11); color: rgb(255, 255, 255);
}
#body_about_us #nav_about_us a {
	background: rgb(11, 11, 11); color: rgb(255, 255, 255);
}
#body_ethos_and_culture #nav_about_us a {
	background: rgb(11, 11, 11); color: rgb(255, 255, 255);
}
#body_contact_us #nav_contact a {
	background: rgb(11, 11, 11); color: rgb(255, 255, 255);
}
#body_project_planner #nav_contact a {
	background: rgb(11, 11, 11); color: rgb(255, 255, 255);
}
#body_blog #nav_blog a {
	background: rgb(11, 11, 11); color: rgb(255, 255, 255);
}
#body_article #nav_blog a {
	background: rgb(11, 11, 11); color: rgb(255, 255, 255);
}
#body_shop #nav_shop a {
	background: rgb(11, 11, 11); color: rgb(255, 255, 255);
}
#banner {
	background: url("../images/banner_1.jpg") repeat-x 0px 0px rgb(129, 183, 46); width: 100%; height: 462px; position: relative;
}
.banner_item {
	background-position: 50% 100%; margin: 0px auto; height: 462px; overflow: hidden; min-width: 960px; background-repeat: no-repeat;
}
.banner_content {
	top: 45px; position: absolute ;
}
.banner_content h1 {
	background: margin: 0px; padding: 10px 20px 0px 15px; text-align: left; color: rgb(255, 255, 255); font-size: 2.0em; float: left;
}
.banner_content p {
	background: margin: 0px; color: rgb(189, 189, 189); clear: left; color: rgb(255, 255, 255); font-size: 1.5em; font-family: 'Abel', sans-serif; font-weight: 500; float: left; max-width: 480px ;
}
* html .banner_content p.top {
	width: 480px;
}
.banner_content p.top {
	padding: 15px 20px;
}
.banner_content p.bottom {
	padding: 0px 20px 15px;
}
.banner_content a {
	color: rgb(27, 58, 93);
}

#banner_index2 {
	background: url("../images/banner_1.jpg") repeat-x 0px 0px rgb(129, 183, 46); width: 100%; height: 462px; position: relative;
}
.banner_item_index2 {
	background-position: 50% 100%; margin: 0px auto; height: 462px; overflow: hidden; min-width: 960px; background-repeat: no-repeat;
}
.banner_content_index2 {
	top: 70px; position: absolute;
}
.banner_content_index2 h1 {
	background: rgb(11, 11, 11); margin: 0px; padding: 15px 25px 0px 20px; text-align: left; color: rgb(255, 255, 255); font-size: 2.8em; float: left;
}
.banner_content_index2 p {
	background: rgb(11, 11, 11); margin: 0px; color: rgb(189, 189, 189); clear: left; font-size: 1.5em; font-weight: 300; float: left; max-width: 850px;
}
* html .banner_content_index2 p.top {
	width: 480px;
}
.banner_content_index2 p.top {
	padding: 15px 20px;
}
.banner_content_index2 p.bottom {
	padding: 0px 20px 15px;
}
.banner_content_index2 a {
	color: rgb(129, 183, 46);
}

#banner_index3 {
	background: url("../images/banner_1.jpg") repeat-x 0px 0px rgb(129, 183, 46); width: 100%; height: 462px; position: relative;
}
.banner_item_index3 {
	background-position: 50% 100%; margin: 0px auto; height: 462px; overflow: hidden; min-width: 960px; background-repeat: no-repeat;
}
.banner_content_index3 {
	top: 70px; position: absolute;
}
.banner_content_index3 h1 {
	background: rgb(11, 11, 11); margin: 0px; padding: 15px 25px 0px 20px; text-align: left; color: rgb(255, 255, 255); font-size: 2.8em; float: left;
}
.banner_content_index3 p {
	background: rgb(11, 11, 11); margin: 0px; color: rgb(189, 189, 189); clear: left; font-size: 1.5em; font-weight: 300; float: left; max-width: 850px;
}
* html .banner_content_index3 p.top {
	width: 480px;
}
.banner_content_index3 p.top {
	padding: 15px 20px;
}
.banner_content_index3 p.bottom {
	padding: 0px 20px 15px;
}
.banner_content_index3 a {
	color: rgb(129, 183, 46);
}

#rocket {
	background-image: url("../images/banners/rocket/bwstart.jpg");
}
* html #body_home #rocket_image {
	padding-top: 1px; margin-top: -1px; background-image: url("../images/banners/home.jpg");
}
* html #body_error #rocket_image {
	padding-top: 1px; margin-top: -1px; background-image: url("../images/banners/home.jpg");
}
#body_privacy #banner_bg {
	padding-top: 1px; margin-top: -1px; background-image: url("../images/banners/home.jpg");
}
#body_terms #banner_bg {
	padding-top: 1px; margin-top: -1px; background-image: url("../images/banners/home.jpg");
}
#body_accessibilty #banner_bg {
	padding-top: 1px; margin-top: -1px; background-image: url("../images/banners/home.jpg");
}
#body_home #quattro {
	background-image: url("../images/banners/digitalservices.jpg");
}
#body_home #cinque {
	background-image: url("../images/banners/five.jpg");
}
#body_home #six {
	background-image: url("../images/banners/audiencedevelopment.jpg");
}
#body_home #seven {
	background-image: url("../images/banners/consult.jpg");
}
#body_home #tom {
	background-image: url("../images/banners/clientfileenhancement.jpg");
}
#body_home #thefourohfive {
	background-image: url("../images/banners/emailsolutions.jpg");
}
#body_blog #banner_bg {
	background-image: url("../images/banners/blog.jpg");
}
#body_article #banner_bg {
	background-image: url("../images/banners/blog.jpg");
}
#body_shop #banner_bg {
	background-image: url("../images/banners/shop.jpg");
}
#body_contact_us #banner_bg {
	background-image: url("../images/banners/contactwc.jpg");
}
#body_project_planner #banner_bg {
	background-image: url("../images/banners/contactwc.jpg");
}
#body_services #banner_bg {
	background-image: url("../images/banners/audience.jpg");
}
#body_services_index2 #banner_bg {
	background-image: url("../images/banners/rocket/carhomepage.jpg");
}
#body_services_index3 #banner_bg {
	background-image: url("../images/banners/AG-db_background.jpg");
}
#body_services #banner_bgCONT {
	background-image: url("../images/banners/emailbkgd.jpg");
}
#body_services #banner_fileenh {
	background-image: url("../images/banners/fileenhbkgd.jpg");
}
#body_services #banner_fileenhpg {
	background-image: url("../images/banners/fenhback.jpg");
}




#body_services #banner_soln {
	background-image: url("../images/banners/verticals.jpg");
}
#body_services #banner_bg_servicespg {
	background-image: url("../images/banners/digitalsolutions.jpg");
}
#body_work #banner_bg {
	background-image: url("../images/banners/work.jpg");
}
#body_about_us #banner_bg {
	background-image: url("../images/banners/about.jpg");
}
#body_ethos_and_culture #banner_bg {
	background-image: url("../images/banners/about.jpg");
}
#body_colour_tool #banner_bg {
	background-image: url("../images/banners/about.jpg");
}
#body_web_design_norwich #banner_bg {
	background-image: url("../images/banners/norwich_web_design.jpg");
}
.banner_scroll {
	width: 100%; height: 462px; overflow: hidden; position: relative; min-width: 960px;
}
.banner_scroll li {
	background-position: 50% 100%; margin: 0px auto; width: 100%; height: 462px; display: none; position: absolute; min-width: 960px; background-repeat: no-repeat;
}
.banner_scroll li.current {
	display: list-item;
}
#dark_stars {
	margin: 0px auto; width: 100%; height: 462px; position: absolute; min-width: 960px; background-repeat: no-repeat;
}
#white_stars {
	margin: 0px auto; width: 100%; height: 462px; position: absolute; min-width: 960px; background-repeat: no-repeat;
}
#rocket_image {
	margin: 0px auto; width: 100%; height: 462px; position: absolute; min-width: 960px; background-repeat: no-repeat;
}
#dark_cloud {
	margin: 0px auto; width: 100%; height: 462px; position: absolute; min-width: 960px; background-repeat: no-repeat;
}
#dark_stars {
	background-position: 20% 100%; background-image: url("../images/banners/rocket/dark_stars.png");
}
#white_stars {
	background-position: -40% 100%; background-image: url("../images/banners/rocket/white_stars.png"); background-repeat: no-repeat;
}
#rocket_image {
	background-position: 50% 100%; background-image: url("../images/banners/rocket/rocket.png");
}
#dark_cloud {
	background-position: 50% 100%; background-image: url("../images/banners/rocket/dark_cloud.png");
}
* html #body_home #dark_stars {
	background-image: none;
}
* html #body_error #dark_stars {
	background-image: none;
}
* html #body_home #white_stars {
	background-image: none;
}
* html #body_error #white_stars {
	background-image: none;
}
* html #body_home #dark_cloud {
	background-image: none;
}
* html #body_error #dark_cloud {
	background-image: none;
}
#controls {
	margin: 0px auto; bottom: 60px; position: absolute;
}
#controls li {
	margin: 0px 4px; float: left;
}
#controls a {
	background: url("../images/controls.png") no-repeat 100% 0px; width: 15px; height: 15px; display: block;
}
* html #controls a {
	background: rgb(11, 11, 11);
}
* html #controls a.current {
	background: rgb(251, 251, 251);
}
* html #controls a:hover {
	background: rgb(251, 251, 251);
}
#controls a.current {
	background-position: 0px 0px;
}
#controls a:hover {
	background-position: 0px 0px;
}
#controls span {
	left: -9999px; position: absolute;
}
.sub_nav {
	background: rgb(11, 11, 11); margin: 0px 0px 70px; height: 97px; min-width: 960px;
}
.sub_nav ul {
	width: 960px; height: 97px;
}
.sub_nav li {
	margin: 0px 30px 0px 0px; padding: 30px 0px; letter-spacing: 0.3px; float: left;
}
.sub_nav #category_filter li {
	margin: 0px 14px 0px 0px; width: 186px; padding-left: 4px;
}
.sub_nav #category_filter li.first {
	margin: 0px 41px 0px 0px; width: 117px; padding-left: 0px;
}
.sub_nav .sub_nav_four_col li {
	margin: 0px; width: 240px;
}
.sub_nav .sub_nav_four_col li#phone_wc {
	margin: 30px 0px;
}
.sub_nav .sub_nav_tri_col li {
	margin: 0px; width: 320px;
}
.sub_nav .sub_nav_tri_col li#phone_wc {
	margin: 30px 0px;
}
.sub_nav li#previous_dead {
	margin: 30px 40px 0px 0px;
}
.sub_nav li#next_dead {
	margin: 30px 40px 0px 0px;
}
.sub_nav li#phone_wc {
	padding: 0px 0px 0px 52px; width: 158px; color: rgb(255, 255, 255); line-height: 37px; font-family: 'Abel'; font-size: 1.25em; font-weight: 300; float: left; display: block; position: relative;
}
.sub_nav a {
	padding: 0px 0px 0px 52px; width: 158px; color: rgb(255, 255, 255); line-height: 37px; font-family: 'Abel'; font-size: 1.25em; font-weight: 300; float: left; display: block; position: relative;
}
.sub_nav a#terms_sub {
	width: 180px;
}
.sub_nav a#accessibility_sub {
	width: 135px;
}
.sub_nav #category_filter a {
	width: auto;
}
.sub_nav .longer a {
	width: 188px;
}
.sub_nav .audpagelonger a {
	width: 148px;
}
.sub_nav .audpagesolutions a {
	width: 78px;
}
.sub_nav a:hover {
	color: rgb(156, 227, 255); text-decoration: none;
}
.sub_nav span {
	background: url("../images/sprite_service_icons.png") no-repeat 0px 0px; left: 0px; top: 0px; width: 38px; height: 37px; display: block; position: absolute;
}
.sub_nav a#brand_creation span {
	background-position: 0px 0px;
}
.sub_nav a#interface_design span {
	background-position: -38px 0px;
}
.sub_nav a#web_development span {
	background-position: -76px 0px;
}
.sub_nav a#online_marketing span {
	background-position: -114px 0px;
}
.sub_nav a#process_technology span {
	background-position: -152px 0px;
}
.sub_nav a#ethos_culture span {
	background-position: -190px 0px;
}
.sub_nav a#email_enterprise span {
	background-position: -228px 0px;
}
.sub_nav a#email_priv_label span {
	background-position: -266px 0px;
}


.sub_nav a#digital_services {
	background-position: -342px 0px;
}
.sub_nav a#project_planner_sub span {
	background-position: -380px 0px;
}
.sub_nav #phone_wc span {
	background-position: -418px 0px;
}
.sub_nav a#email_wc span {
	background-position: -456px 0px;
}
.sub_nav a#skype_pandr span {
	background-position: -494px 0px;
}
.sub_nav a#data_cards span {
	background-position: -570px 0px;
}
.sub_nav a#file_enh span {
	background-position: -608px 0px;
}
.sub_nav a#ag_file span {
	background-position: -646px 0px;
}
.sub_nav a#private_db span {
	background-position: -684px 0px;
}
.sub_nav a#rss_feeds span {
	background-position: -722px 0px;
}
.sub_nav a#widepol span {
	background-position: -760px 0px;
}
.sub_nav a#turnenews span {
	background-position: -798px 0px;
}
.sub_nav a#siteauto span {
	background-position: -836px 0px;
}
.sub_nav a#newslettersponsorship span {
	background-position: -874px 0px;
}
.sub_nav a#soln1 span {
	background-position: -912px 0px;
}
.sub_nav a#soln2 span {
	background-position: -950px 0px;
}
.sub_nav a#soln3 span {
	background-position: -988px 0px;
}
.sub_nav a#soln4 span {
	background-position: -1026px 0px;
}
.sub_nav a#soln5 span {
	background-position: -1064px 0px;
}
.sub_nav a#soln6 span {
	background-position: -1102px 0px;
}
.sub_nav a#diggyserves span {
	background-position: -874px 0px;
}




.sub_nav a#feed span {
	background-position: 100% 0px;
}
.sub_nav #category_filter li.last {
	margin: 0px;
}
.sub_nav li.last {
	margin: 0px;
}
.sub_nav #category_filter a.current {
	color: rgb(129, 183, 46);
}
.datacards_sub_nav {
	background: rgb(255, 255, 255); margin: 0px 0px 40px; height: 47px; min-width: 960px;
}
.datacards_sub_nav ul {
	width: 960px; height: 47px;
}
#body_services .sub_nav a#our_services {
	color: rgb(129, 183, 46);
}
#body_about_us .sub_nav a#process_technology {
	color: rgb(129, 183, 46);
}
#body_project_planner .sub_nav a#project_planner_sub {
	color: rgb(129, 183, 46);
}
#body_contact_us .sub_nav a#contact_pandr {
	color: rgb(129, 183, 46);
}
#body_ethos_and_culture .sub_nav a#ethos_culture {
	color: rgb(129, 183, 46);
}
#body_privacy .sub_nav a#privacy_sub {
	color: rgb(129, 183, 46);
}
#body_accessibility .sub_nav a#accessibility_sub {
	color: rgb(129, 183, 46);
}
#body_terms .sub_nav a#terms_sub {
	color: rgb(129, 183, 46);
}
#body_cookies .sub_nav a#cookies_sub {
	color: rgb(129, 183, 46);
}
#body_shop .sub_nav a#all_products {
	color: rgb(129, 183, 46);
}
#body_web_design_norwich .sub_nav a#web_design_norwich {
	color: rgb(129, 183, 46);
}
#body_colour_tool .sub_nav a#colour_bookmark {
	color: rgb(129, 183, 46);
}
.sub_nav #back span {
	background-position: -266px 0px;
}
#next a {
	width: 85px;
}
.sub_nav li#next_dead {
	width: 85px;
}
#previous a {
	width: auto;
}
.sub_nav li#previous_dead {
	width: auto;
}
.sub_nav li#next_dead {
	text-align: left; color: rgb(123, 123, 123); line-height: 37px; font-family: 'Abel', sans-serif; font-size: 1.3em; font-weight: 300; float: right; display: block; position: relative;
}
.sub_nav li#previous_dead {
	text-align: left; color: rgb(123, 123, 123); line-height: 37px; font-family: 'Abel', sans-serif; font-size: 1.3em; font-weight: 300; float: right; display: block; position: relative;
}
#next a {
	padding: 0px;
}
.sub_nav li#next_dead {
	padding: 0px; margin-right: 0px;
}
#previous a {
	padding: 0px 0px 0px 52px;
}
.sub_nav li#previous_dead {
	padding: 0px 0px 0px 52px;
}
#next span {
	background-position: -228px 0px; left: 48px;
}
.sub_nav li#next_dead span {
	background-position: -228px 0px; left: 48px;
}
#previous span {
	background-position: -266px 0px; left: 0px;
}
.sub_nav li#previous_dead span {
	background-position: -266px 0px; left: 0px;
}
#next {
	text-align: left; float: right;
}
#previous {
	text-align: left; float: right;
}
#next {
	margin-right: 0px;
}
#previous {
	margin-right: 40px;
}
#back {
	margin: 0px;
}
#web_design_norfolk_sub li {
	margin: 0px 30px 0px 0px;
}
#web_design_norfolk_sub li a {
	width: 200px;
}
.medium {
	margin: 0px 12px 70px 0px; width: 476px; float: left;
}
.smallest {
	margin: 0px 12px 70px 0px; width: 230px; float: left;
}
.small {
	margin: 0px 16px 0px 0px; padding: 0px 0px 70px; width: 285px; float: left;
}
.more_right.small {
	margin: 0px 36px 0px 0px; padding: 0px 0px 70px; width: 305px; float: left;
}
.small ul {
	width: 285px; clear: both; float: left;
}
.more_right.small ul {
	width: 305px;
}
.small li {
	margin: 0px 0px 20px; width: 285px; clear: both; float: left;
}
.more_right.small li {
	width: 305px;
}
.last.medium {
	margin: 0px 0px 70px;
}
.last.smallest {
	margin: 0px 0px 70px;
}
.last.small {
	margin: 0px 0px 70px;
}
#foot_planner {
	margin: 0px auto; width: 553px; clear: both; position: relative;
}
#foot_planner::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
#foot_planner h5 {
	margin-bottom: 55px; 
}
#foot_planner a {
	color: rgb(129, 183, 46);
}
#foot_planner a.replace {
	width: 553px; height: 138px; display: block;
}
#foot_planner a.replace span {
	background: url("../images/project_planner.png") no-repeat 0px 0px; width: 100%; height: 100%;
}
#foot_planner a.replace:hover span {
	background-position: 0px 100%;
}
#foot_planner a.replace span.hover {
	background-position: 0px 100%;
}
#footer {
	background: rgb(11, 11, 11); padding: 45px 0px 150px; min-width: 960px;
}
#footer .col {
	margin: 0px 5px 0px 0px; width: 235px; float: left;
}
#footer h5 {
	margin: 0px 0px 20px; text-align: left; color: rgb(129, 183, 46); letter-spacing: 0.3px; font-size: 1.25em; font-weight: 300;
}
#footer ul {
}
#footer li {
	margin: 0px 0px 6px; padding: 0px; font-size: 0.9em; font-family: 'Abel', sans-serif;
}
#footer a {
	color: rgb(255, 255, 255); font-color: rgb(255,255,255) font-size: 1.0em; font-family: 'Abel', sans-serif; font-weight: 300;
}
#footer a:hover {
	color: rgb(129, 183, 46); text-decoration: none;
}
#footer p {
	margin: 0px 0px 5px; color: rgb(132, 132, 131); font-size: 0.9em; font-family: 'Abel', sans-serif;
}
#footer span {
	color: rgb(251, 251, 251);
}
#footer #boring_stuff p {
	margin: 0px 0px 15px;
}
#foot_follow {
	width: 186px; float: left; font-size: 0.9em; font-family: 'Abel', sans-serif;
}
#foot_follow li {
	margin: 0px 10px 10px 0px; width: 39px; height: 39px; float: left;
}
#foot_follow li.last {
	margin-right: 0px;
}
#foot_follow a {
	width: 39px; height: 39px; float: left; display: block;
}
#foot_follow span {
	background: url("../images/sprite_icons.png") no-repeat 0px 0px; width: 100%; height: 100%;
}
#foot_follow a#ffone span {
	background-position: 0px 0px;
}
#foot_follow a#ffone:hover span {
	background-position: 0px 100%;
}
#foot_follow a#ftwo span {
	background-position: -39px 0px;
}
#foot_follow a#ftwo:hover span {
	background-position: -39px 100%;
}
#foot_follow a#fthree span {
	background-position: -78px 0px;
}
#foot_follow a#fthree:hover span {
	background-position: -78px 100%;
}
#foot_follow a#ffour span {
	background-position: -117px 0px;
}
#foot_follow a#ffour:hover span {
	background-position: -117px 100%;
}
#foot_follow a#ffive span {
	background-position: -156px 0px;
}
#foot_follow a#ffive:hover span {
	background-position: -156px 100%;
}
#foot_follow a#fsix span {
	background-position: -195px 0px;
}
#foot_follow a#fsix:hover span {
	background-position: -195px 100%;
}
#foot_follow a#fseven span {
	background-position: -234px 0px;
}
#foot_follow a#fseven:hover span {
	background-position: -234px 100%;
}
#foot_follow a#feight span {
	background-position: -273px 0px;
}
#foot_follow a#feight:hover span {
	background-position: -273px 100%;
}

#foot_news {
	width: 186px; float: left; font-size: 0.9em; font-family: 'Abel', sans-serif;
}
#foot_news li {
	margin: 0px 10px 10px 0px; width: 39px; height: 39px; float: left;
}
#foot_news li.last {
	margin-right: 0px;
}
#foot_news a {
	width: 39px; height: 39px; float: left; display: block;
}


#mailingList {
	margin: 16px 0px 0px;
}
#mailingList div {
	margin: 0px 6px 0px 0px; padding: 0px; float: left;
}
#mailingList div.last {
	margin: 0px;
}
#mailingList input {
	background: rgb(55, 55, 55); margin: 0px; padding: 9px 6px; border: currentColor; border-image: none; width: 156px; color: rgb(160, 160, 160); font-size: 1.1em; float: left;
}
#mailingList .submit {
	background: rgb(251, 251, 251); margin: 0px; padding: 6px 5px; border: 1px solid rgb(251, 251, 251); border-image: none; width: auto; color: rgb(11, 11, 11); line-height: 140%; font-family: 'Abel', sans-serif; font-size: 1.2em; font-weight: 300; float: left;
}
#mailingList .submit:hover {
	background: rgb(129, 183, 46); border-color: rgb(129, 183, 46); color: rgb(251, 251, 251); cursor: pointer;
}
.work {
	margin: 0px; width: 960px; position: relative;
}
.work::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
#body_home .work {
	margin: 0px 0px 70px;
}
#body_web_design_norwich .work {
	margin: 0px 0px 70px;
}
.work li {
	margin: 0px 60px 0px 0px; padding: 0px 0px 70px; width: 280px; float: left; display: inline; box-shadow: none;
}
#body_home .work li {
	margin: 0px 66px 0px 0px; padding: 0px; width: 276px; height: 198px; overflow: hidden; position: relative; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
#body_web_design_norwich .work li {
	margin: 0px 66px 0px 0px; padding: 0px; width: 276px; height: 198px; overflow: hidden; position: relative; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.work li.first {
	clear: both;
}
#body_home .work li.last {
	margin: 0px;
}
#body_web_design_norwich .work li.last {
	margin: 0px;
}
.work li.last {
	margin: 0px;
}
.work img {
	margin: 0px 0px 17px; width: 276px; height: 198px; position: relative; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
img.blog_image {
	margin: 0px 0px 17px; width: 276px; height: 198px; position: relative; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
#body_home .work img {
	top: 0px; position: absolute;
}
#body_web_design_norwich .work img {
	top: 0px; position: absolute;
}
.work h3 {
	margin: 0px 0px 15px; line-height: 130%;
}
#body_ethos_and_culture .work h3 {
	padding-bottom: 5px;
}
#body_blog h3 {
	padding-bottom: 5px;
}
#body_project_planner .work h3 {
	padding-bottom: 5px;
}
#body_contact_us .work h3 {
	padding-bottom: 5px;
}
.work_content {
	width: 270px; color: rgb(0, 0, 0); clear: both; float: left; position: relative;
}
.work_content h3 {
	margin: 0px 0px 8px; padding: 0px;
}
#body_blog .work_content h3 {
	margin: 0px 0px 2px;
}
.work_content h4 {
	width: 270px; font-size: 1.1em; float: none; display: inline;
}
.work_content h4 a {
	color: rgb(129, 183, 46);
}
.work_content a {
	color: rgb(11, 11, 11);
}
.work_content p {
	color: rgb(123, 123, 123); clear: both;
}
.work_info {
	background: rgb(129, 183, 46); padding: 25px 24px; top: 198px; width: 228px; height: 148px; position: relative; z-index: 999;
}
.work_info h3 {
	margin: 0px 0px 10px; padding: 0px; color: rgb(11, 11, 11); line-height: 140%; font-size: 1.5em; float: none;
}
.work_info p {
	color: rgb(251, 251, 251); clear: both;
}
.loading {
	padding: 0px 0px 40px; left: 466px; top: 80px; text-align: center; display: none; position: absolute;
}
.show.loading {
	display: block;
}
.tweet {
	background: url("../images/tweet_bottom.png") no-repeat 0px 100% rgb(25, 25, 25); margin: 0px auto; padding: 47px 20px 38px; width: 178px; clear: both;
}
#body_ethos_and_culture .tweet {
	margin: 0px;
}
.tweet p {
	color: rgb(189, 189, 189); font-weight: 300;
}
.tweet p.message {
	background: url("../images/dark_hr.png") repeat-x 0px 100%; margin: 0px; padding: 0px 0px 35px; height: 147px;
}
.tweet p.when {
	margin: 0px 0px 2px; padding: 22px 0px 0px; text-transform: lowercase; font-size: 1.05em; font-style: italic;
}
.instagram_col {
	margin: 0px; width: 318px; float: left;
}
.instagram_col ul {
	width: 318px; clear: both;
}
.instagram_col li {
	margin: 0px 13px 13px 0px; width: 97px; height: 97px; float: left;
}
.instagram_col li.third {
	margin-right: 0px;
}
.instagram_col img {
	width: 97px; height: 97px;
}
.instagram_col li a {
	display: block;
}
.shot_content {
	padding: 5px 0px 0px; width: 163px; float: left;
}
.shot_content h4 {
	margin: 0px; padding: 0px; text-align: left; clear: none; font-size: 1.2em; font-weight: 300; float: none;
}
.shot_content p {
	
}
.small img {
	margin: 0px 20px 0px 0px; float: left; box-shadow: 0.5px 0.5px 2px rgba(0,0,0,0.2);
}
.recent_tracks li {
	margin: 0px 0px 27px; position: relative;
}
.recent_tracks li.second {
	margin: 0px;
}
.recent_tracks img {
	margin: 0px 35px 0px 0px; position: relative; z-index: 999;
}
.recent_tracks .shot_content {
	width: 150px;
}
.small .vinyl {
	left: 20px; top: 0px; position: absolute; z-index: 9; box-shadow: none;
}
.small a:hover .vinyl {
	transition:left 350ms; left: 30px; -moz-transition: left 350ms ease 200ms; -webkit-transition: left 350ms ease;
}
.shop_ticket {
	background: url("../images/shop_ticket.png") no-repeat 0px 0px; margin: 0px auto; padding: 0px 13px; width: 190px; height: 317px; clear: both; position: relative;
}
#body_article .shop_ticket {
	margin: 0px 0px 50px;
}
.shop_ticket h3 {
	background: rgb(126, 118, 79); margin: 86px 0px 44px; padding: 10px 20px; color: rgb(251, 251, 251); font-size: 3em; font-weight: 300;
}
.shop_ticket a:hover h3 {
	text-decoration: underline;
}
.shop_ticket h5 {
	background: url("../images/light_hr.png") repeat-x 0px 0px; margin: 0px; padding: 22px 0px 0px; text-align: left; color: rgb(115, 107, 74); line-height: 140%; clear: both; font-size: 1.5em; font-weight: 300;
}
.article_sub .shop_ticket h5 {
	background: url("../images/light_hr.png") repeat-x 0px 0px; margin: 0px; padding: 22px 0px 0px; text-align: left; color: rgb(115, 107, 74); line-height: 140%; clear: both; font-size: 1.5em; font-weight: 300;
}
.shop_ticket p {
	font-size: 1em;
}
.shop_ticket p a {
	color: rgb(150, 139, 91);
}
.blog_summary {
	
}
.blog_summary li {
	margin: 0px 0px 35px; padding: 0px 0px 0px 5px; width: 440px; clear: both; float: left;
}
.blog_summary li.last {
	margin-bottom: 0px;
}
p.blog_date {
	background: url("../images/date_board.png") no-repeat 0px 0px; margin: 0px 16px 11px 0px; padding: 3px 0px 0px; width: 48px; height: 64px; text-align: center; color: rgb(48, 48, 48); line-height: 105%; font-family: "tandelle-1","tandelle-2","Helvetica Neue",Helvetica,Arial; font-size: 3.5em; float: left; position: relative;
}
p.blog_date span {
	left: 0px; width: 48px; text-align: center; bottom: 10px; text-transform: uppercase; line-height: 10px; letter-spacing: 1px; font-size: 0.4em; font-weight: normal; position: absolute;
}
img.date_middle {
	left: 0px; top: 33px; width: 48px; height: 1px; position: absolute;
}
.blog_summary h3 {
	margin: 0px 0px 2px; padding: 0px; width: 376px; line-height: 140%; float: left;
}
.blog_summary h3 a {
	color: rgb(11, 11, 11);
}
.blog_summary h4 {
	width: 376px; text-align: left; font-size: 1.1em; float: left;
}
.blog_summary h4 a {
	color: rgb(129, 183, 46);
}
.blog_summary p {
	clear: both;
}
.four_col {
	margin: 0px 0px 70px; float: left;
}
.four_col li {
	margin: 0px 40px 0px 0px; width: 210px; float: left;
}
.four_col li.last {
	margin: 0px;
}
.four_col h2 {
	font-weight: 300;
}
.tri_col {
	margin: 0px 135px 10px; float: left;
}
.tri_col li {
	margin: 0px 20px 0px 0px; width: 210px; float: left;
}
.tri_col li.last {
	margin: 0px;
}
.tri_col h2 {
	font-weight: 300;
}

#services_list h2 {
	color: rgb(11, 11, 11);
}
#services_list h2 {
	padding: 0px 0px 0px 10px; width: 200px;
}
#services_list p {
	padding: 0px 0px 0px 10px; width: 200px;
}
#services_list li {
	background: url("../images/sprite_audience_services.jpg") no-repeat 0px 0px; padding: 260px 0px 0px;
}
#services_list #brand_creation {
	background-position: 0px 0px;
}
#services_list #interface_design {
	background-position: -210px 0px;
}
#services_list #web_development {
	background-position: -420px 0px;
}
#services_list #online_marketing {
	background-position: -630px 0px;
}
#solutions_list h2 {
	color: rgb(11, 11, 11);
}
#solutions_list h2 {
	padding: 0px 0px 0px 10px; width: 200px;
}
#solutions_list h5 {
font-family: 'Abel', sans-serif; font-size: 1.025em; float: left; text-align: left; padding: 0px 0px 0px 10px;
}
#solutions_list p {
	padding: 0px 0px 0px 10px; width: 200px;
}
#solutions_list li {
	background: url("../images/solutions_sprite.png") no-repeat 0px 0px; padding: 100px 0px 0px;
}
#solutions_list #crm {
	background-position: 0px 0px;
}
#solutions_list #ag {
	background-position: -220px 0px;
}
#solutions_list #mod {
	background-position: -440px 0px;
}
#solutions_list #priv {
	background-position: -660px 0px;
}
#solutions_list #near {
	background-position: -880px 0px;
}
#solutions_list #list {
	background-position: -1120px 0px;
}
#content_list h2 {
	color: rgb(11, 11, 11);
}
#content_list h2 {
	padding: 0px 0px 0px 10px; width: 200px;
}
#content_list p {
	padding: 0px 0px 0px 10px; width: 200px;
}
#content_list li {
	background: url("../images/sprite_content_services.jpg") no-repeat 0px 0px; padding: 260px 0px 0px;
}
#content_list #rss {
	background-position: 0px 0px;
}
#content_list #widgets {
	background-position: -210px 0px;
}
#content_list #tknewsletters {
	background-position: -420px 0px;
}
#content_list #sautomation {
	background-position: -630px 0px;
}
#our_process h2 {
	background: url("../images/sprite_our_process.png") no-repeat 0px 0px; padding: 63px 0px 44px; width: 210px; height: 147px; text-align: center; color: rgb(255, 255, 255); line-height: 90%; font-size: 2.2em; font-weight: 300; display: block;
}
.center_col h2 {
	background: url("../images/sprite_our_process.png") no-repeat 0px 0px; padding: 63px 0px 44px; width: 210px; height: 147px; text-align: center; color: rgb(255, 255, 255); line-height: 90%; font-size: 2.2em; font-weight: 300; display: block;
}
#our_process h2 span {
	line-height: 200%; font-size: 0.6em;
}
.center_col h2 span {
	line-height: 200%; font-size: 0.6em;
}
.five_col {
	margin: 0px 0px 70px; width: 960px; float: left;
}
.five_col li {
	margin: 0px 20px 0px 0px; width: 176px; float: left;
}
.five_col li.last {
	margin: 0px;
}
.five_col h3 {
	margin: 0px 0px 17px; padding: 0px; line-height: 140%; float: none;
}
#our_process h3 {
	background: url("../images/sprite_process.png") no-repeat 0px 0px; padding: 260px 0px 0px 5px; width: 171px; display: block;
}
#our_process h3#plan {
	background-position: 0px 0px;
}
#our_process h3#design {
	background-position: -173px 0px;
}
#our_process h3#build {
	background-position: -346px 0px;
}
#our_process h3#launch {
	background-position: -519px 0px;
}
#our_process h3#grow {
	background-position: -692px 0px;
}
#our_process p {
	padding: 0px 0px 0px 5px;
}
.about_two_col {
	margin: 0px 70px 0px 0px; padding: 0px 0px 70px; width: 445px; float: left;
}
.about_two_col h3 {
	padding: 0px; font-size: 1.85em; float: none;
}
.image.about_two_col {
	margin: 27px auto 0px; padding: 0px 0px 70px;
}
.cols {
	padding: 0px 0px 70px; width: auto; float: left;
}
.cols h3 {
	margin: 0px 0px 20px; padding: 0px; font-size: 1.85em; float: none;
}
.single_col {
	margin: 0px 33px 0px 0px; width: 298px; float: left; display: inline;
}
.cols .last.single_col {
	margin: 0px;
}
.cols p img {
	margin: 4px 12px 7px 0px; float: left;
}
#seo_image {
	margin-top: 9px;
}
.center_col {
	margin: 0px 0px 60px; width: 100%; float: left;
}
.center_col h2 {
	margin: 0px 80px 0px 41px; padding-bottom: 0px; float: left; display: block;
}
.center_col img {
	margin: 0px 80px 0px 41px; padding-bottom: 0px; float: left; display: block;
}
.center_col h3 {
	margin: 0px 0px 19px; padding: 0px; line-height: 140%; font-size: 1.85em; float: none;
}
#body_about_us .center_col h3 {
	margin: 19px 0px;
}
.center_col p {
	margin: 0px 0px 25px;
}
.center_col a.call_to_action {
	background: rgb(11, 11, 11); padding: 6px 10px; color: rgb(255, 255, 255); letter-spacing: 0.3px; font-family: 'Abel', sans-serif; font-size: 1.4em; font-weight: 300; float: left; display: block;
}
.call_to_action {
	background: rgb(11, 11, 11); padding: 6px 10px; color: rgb(255, 255, 255); letter-spacing: 0.3px; font-family: 'Abel', sans-serif; font-size: 1.4em; font-weight: 300; float: left; display: block;
}
.center_col a.call_to_action:hover {
	background: rgb(129, 183, 46); color: rgb(251, 251, 251); text-decoration: none;
}
.call_to_action:hover {
	background: rgb(129, 183, 46); color: rgb(251, 251, 251); text-decoration: none;
}
.work_links a:hover {
	background: rgb(129, 183, 46); color: rgb(251, 251, 251); text-decoration: none;
}
.gowalla_col {
	margin: 0px 0px 70px; width: 619px; float: left;
}
.norfolk_map_col {
	margin: 0px 0px 70px; width: 960px; float: left;
}
.gowalla_map {
	width: 619px; height: 237px; clear: both; float: left; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.norfolk_map {
	width: 960px; height: 400px; clear: both; float: left; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
h2.spot_name {
	margin: 0px; color: rgb(11, 11, 11); font-size: 1.2em; font-weight: 300;
}
p.spot_seen {
	font-size: 1em;
}
.center_content {
	padding: 0px 0px 70px; width: 960px; float: left;
}
.center_content h3 {
	margin: 0px 0px 12px; padding: 0px; float: none;
}
.image_holder {
	margin: 40px 22px 0px 0px; width: 482px; float: left;
}
.image_holder img {
	margin: 0px auto; display: block;
}
.content_holder {
	width: 454px; float: left;
}
#business_applications .content_holder {
	padding: 0px;
}
#bamboo .image_holder {
	padding: 40px 0px 0px;
}
#body_services .call_to_action {
	margin: 40px auto 0px; left: 320px; float: left; display: block; position: relative;
}
form#contact_form {
	margin: 0px 0px 70px; width: 960px;
}
form#contact_form fieldset {
	margin: 0px; padding: 20px 0px; border: 0px currentColor; border-image: none; float: left; display: inline;
}
form#contact_form fieldset#left {
	width: 510px;
}
form#contact_form fieldset#right {
	width: 450px; padding-bottom: 0px;
}
form#contact_form fieldset div {
	width: 440px; clear: left; float: left;
}
form#contact_form input.text {
	width: 414px;
}
form#contact_form textarea {
	width: 414px;
}
form#contact_form textarea {
	height: 232px;
}
.honey_pot_comments_field {
	display: none;
}
form {
	padding: 0px;
}
form fieldset {
	border: 0px currentColor; border-image: none;
}
form::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
form div {
	margin: 0px 0px 30px;
}
form label {
	margin: 0px 0px 12px; color: rgb(11, 11, 11); font-family: 'Abel', sans-serif; font-size: 1.4em; font-weight: 300; float: left;
}
p.label {
	margin: 0px 0px 12px; color: rgb(11, 11, 11); font-family: 'Abel', sans-serif; font-size: 1.4em; font-weight: 300; float: left;
}
form input.text {
	background: rgb(255, 255, 255); margin: 0px; padding: 10px 12px; border: 1px solid rgb(224, 224, 224); border-image: none; color: rgb(123, 123, 123); line-height: 140%; clear: both; font-family: 'Abel', sans-serif; font-size: 1.4em; font-weight: 300; float: left;
}
form textarea {
	background: rgb(255, 255, 255); margin: 0px; padding: 10px 12px; border: 1px solid rgb(224, 224, 224); border-image: none; color: rgb(123, 123, 123); line-height: 140%; clear: both; font-family: 'Abel', sans-serif; font-size: 1.4em; font-weight: 300; float: left;
}
form input.comment_form_button {
	background: rgb(25, 25, 25); padding: 10px 12px; border: currentColor; border-image: none; width: auto; color: rgb(251, 251, 251); font-family: 'Abel', sans-serif; font-size: 1.4em; font-weight: 300; float: right; display: block;
}
form input.comment_form_button:hover {
	background: rgb(129, 183, 46); cursor: pointer;
}
form .error {
	margin: 5px 0px 0px; font-size: 1.1em;
}
form .message {
	margin: 0px auto 70px;
}
form input.error {
	border: 1px solid rgb(129, 183, 46); border-image: none;
}
form textarea.error {
	border: 1px solid rgb(129, 183, 46); border-image: none;
}
form input:focus {
	border: 1px solid rgb(129, 183, 46); border-image: none;
}
form textarea:focus {
	border: 1px solid rgb(129, 183, 46); border-image: none;
}
form fieldset div.field_with_errors {
	margin: 0px 0px 18px; width: 442px;
}
form#project_planner fieldset div.field_with_errors {
	margin: 0px 0px 18px; width: 442px;
}
form fieldset div.field_with_errors label {
	margin: 0px; color: rgb(129, 183, 46);
}
form#project_planner fieldset div.field_with_errors label {
	margin: 0px; color: rgb(129, 183, 46);
}
form fieldset div.field_with_errors input {
	border: 1px solid rgb(129, 183, 46); border-image: none;
}
form#project_planner fieldset div.field_with_errors input {
	border: 1px solid rgb(129, 183, 46); border-image: none;
}
#errorExplanation {
	margin: 0px 0px 20px; width: 960px;
}
#errorExplanation h2 {
	margin: 0px 0px 5px; color: rgb(129, 183, 46); letter-spacing: 0.2px; font-size: 1.5em; font-weight: 300;
}
#errorExplanation li {
	list-style: inside; margin: 0px 0px 5px; padding: 0px 0px 0px 10px; font-size: 1.25em;
}
.article {
	margin: 0px 56px 0px 0px; width: 684px; float: left;
}
.article_title {
	background: url("../images/hr.png") repeat-x 0px 100%; margin: 0px 0px 26px; padding: 0px 0px 26px; width: 684px; float: left;
}
.article h1 {
	margin: 0px 0px 3px; width: 609px; text-align: left; line-height: 120%; font-weight: 300; float: left;
}
.article h4 {
	margin: 0px; text-align: left; font-size: 1.4em; float: left;
}
.article .blog_date {
	margin: 0px 27px 0px 0px; float: left;
}
.article .article_title_content {
	width: 609px; float: left;
}
.primary_image {
	margin: 0px 0px 26px;
}
.article_body {
	margin: 0px 0px 11px; float: left;
}
.article_body h1 {
	
}
.article_body h2 {
	
}
.article_body h3 {
	padding: 0px; float: none; display: inline;
}
.article_body h4 {
	
}
.article_body h5 {
	
}
.article_body p {
	margin: 0px 0px 22px;
}
.article_body ul {
	margin: 10px 0px 20px; color: rgb(123, 123, 123); line-height: 140%; clear: both; font-family: 'Abel', sans-serif; font-size: 1.25em; font-weight: 400;
}
.article_body ol {
	margin: 10px 0px 20px; color: rgb(123, 123, 123); line-height: 140%; clear: both; font-family: 'Abel', sans-serif; font-size: 1.25em; font-weight: 400;
}
.article_body ol li {
	margin: 0px 0px 5px; padding: 0px 0px 0px 10px; list-style-type: decimal; list-style-position: outside;
}
.article_body ul li {
	list-style: inside; margin: 0px 0px 5px; padding: 0px 0px 0px 10px;
}
.article_sub {
	margin: 0px 0px 70px; width: 220px; font-family: 'Abel', sans-serif; float: left;
}
.article_sub h5 {
	margin: 0px 0px 15px; text-align: left; color: rgb(11, 11, 11); line-height: 140%; font-size: 1.7em; font-weight: 300;
}
.article_sub ul {
	margin: 0px 0px 50px; width: 218px; float: left;
}
.article_sub li {
	margin: 0px 0px 8px; width: 218px; clear: both; font-size: 1.25em; float: left;
}
.article_sub li.last {
	margin: 0px;
}
.article_photos {
	margin: 0px 0px 38px; width: 684px; float: left;
}
.article_photos li {
	margin: 0px 22px 22px 0px; float: left;
}
.article_photos li.asset_4 {
	margin-right: 0px;
}
.article_photos a {
	padding: 3px; border: 1px solid rgb(189, 189, 189); border-image: none; width: 146px; height: 109px; display: block;
}
h5.further_images {
	text-align: left; color: rgb(11, 11, 11); font-size: 1.4em; font-weight: 300;
}
.pagination {
	margin: 0px 0px 70px; width: 960px; float: left;
}
.pagination a.next_page {
	background: rgb(11, 11, 11); padding: 6px 10px; color: rgb(255, 255, 255); letter-spacing: 0.3px; font-family: 'Abel', sans-serif; font-size: 1.4em; font-weight: 300; display: block;
}
.pagination a.previous_page {
	background: rgb(11, 11, 11); padding: 6px 10px; color: rgb(255, 255, 255); letter-spacing: 0.3px; font-family: 'Abel', sans-serif; font-size: 1.4em; font-weight: 300; display: block;
}
.pagination span.next_page {
	background: rgb(11, 11, 11); padding: 6px 10px; color: rgb(255, 255, 255); letter-spacing: 0.3px; font-family: 'Abel', sans-serif; font-size: 1.4em; font-weight: 300; display: block;
}
.pagination span.previous_page {
	background: rgb(11, 11, 11); padding: 6px 10px; color: rgb(255, 255, 255); letter-spacing: 0.3px; font-family: 'Abel', sans-serif; font-size: 1.4em; font-weight: 300; display: block;
}
.pagination a:hover {
	background: rgb(129, 183, 46); color: rgb(251, 251, 251); text-decoration: none;
}
.pagination a.next_page {
	float: right;
}
.pagination span.next_page {
	float: right;
}
.pagination a.previous_page {
	float: left;
}
.pagination span.previous_page {
	float: left;
}
.social_links {
	background: url("../images/hr.png") repeat-x 0px 0px; margin: 0px; padding: 60px 0px 0px; width: 684px; float: left;
}
.social {
	background: url("../images/hr.png") repeat-x 0px 100%; padding: 0px 0px 60px; width: 684px; float: left;
}
.social li {
	font-size: 1.6em; font-weight: 300; float: left; position: relative;
}
.social a {
	padding: 24px 0px 24px 80px; width: 245px; line-height: 35px; font-family: 'Abel', sans-serif; display: block;
}
.social span {
	background: url("../images/twitter_facebook.png") no-repeat 0px 0px; left: 37px; width: 27px; height: 35px; display: block; position: absolute;
}
.social .twitter {
	background: rgb(177, 224, 240); margin: 0px 34px 0px 0px;
}
.social .facebook {
	background: rgb(128, 173, 207);
}
.social .twitter a {
	color: rgb(77, 133, 177);
}
.social .facebook a {
	color: rgb(251, 251, 251);
}
.social .twitter span {
	background-position: 0px 0px;
}
.social .facebook span {
	background-position: -27px 0px;
}
#comments {
	padding: 35px 0px 0px;
}
#comments h2 {
	margin: 0px 0px 35px; color: rgb(11, 11, 11); font-size: 2.5em; font-weight: 300;
}
#comments h2 span {
	font-size: 0.5em; float: right;
}
form#comment_form {
	margin: 0px 0px 70px; width: 684px;
}
form#comment_form fieldset {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
form#comment_form fieldset div {
	width: 100%; float: left;
}
form#comment_form fieldset div.author {
	width: 325px;
}
form#comment_form fieldset div.no_clear {
	width: 325px;
}
form#comment_form fieldset div.no_clear {
	float: right;
}
form#comment_form fieldset div.submit {
	margin: 0px;
}
form#comment_form fieldset div.submit input {
	float: right;
}
form#comment_form input.text {
	width: 658px; display: inline;
}
form#comment_form textarea {
	width: 658px; display: inline;
}
form#comment_form textarea {
	height: 230px;
}
form#comment_form fieldset div input#author {
	width: 299px;
}
form#comment_form fieldset div input#author_email {
	width: 299px;
}
#comment_form #additional_fields {
	display: none;
}
#comments .message {
	margin: 0px 0px 40px; width: 684px; display: block;
}
#comments .message h4 {
	float: none;
}
.comments {
	background: url("../images/hr.png") repeat-x 0px 0px; width: 684px; padding-top: 70px; float: left;
}
.comments li {
	margin: 0px 0px 65px; width: 684px; clear: both; float: left;
}
.comment_content {
	background: url("../images/quote_left.png") no-repeat 0px 0px; padding: 0px 0px 0px 75px; width: 525px;
}
.comment_content h4 {
	margin: 0px 0px 4px; font-size: 1.7em;
}
.comment_content h4 a {
	color: rgb(11, 11, 11);
}
.comment_content .comment_date {
	margin: 0px 0px 20px; color: rgb(129, 183, 46); clear: left; font-size: 1.15em;
}
.gravatar_img {
	padding: 3px; border: 1px solid rgb(189, 189, 189); border-image: none; float: right;
}
.work_gallery {
	margin: 0px 0px 70px; width: 100%; float: left;
}
.work_gallery img {
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
}
.work_gallery .master {
	width: 704px; height: 427px; float: left;
}
#works_gallery_main {
	width: 704px; height: 427px; float: left; position: relative;
}
#works_gallery_main li {
	display: none; position: absolute;
}
#works_gallery_main li.current {
	display: block;
}
.work_gallery ul#work_gallery_images {
	float: right;
}
.work_gallery ul#work_gallery_images li {
	margin: 0px 0px 30px; width: 176px; height: 107px; clear: both; float: left;
}
.work_gallery ul#work_gallery_images a {
	border: 4px solid rgb(251, 251, 251); border-image: none; width: 176px; height: 107px; display: block;
}
.work_gallery ul#work_gallery_images a:hover {
	border-color: rgb(129, 183, 46);
}
.work_gallery #work_gallery_images a.current {
	border-color: rgb(129, 183, 46);
}
#work_body {
	margin: 0px 0px 70px;
}
.work_sub_col {
	margin: 0px 30px 0px 0px; padding: 22px 0px 0px; width: 465px; float: left;
}
.no_margin.work_sub_col {
	margin: 0px; padding: 0px;
}
.work_sub_col h2 {
	margin: 0px 0px 27px; color: rgb(11, 11, 11); line-height: 130%; font-size: 2.5em; font-weight: 300;
}
.work_small_col {
	margin: 0px; padding: 0px 0px 45px 20px; width: 213px; float: left; display: inline;
}
#similar_work {
	margin-right: 0px;
}
#applied_services {
	width: 174px; margin-left: 20px;
}
.work_small_col h4 {
	padding: 0px; text-align: left; font-size: 1.5em;
}
.work_small_col li {
	margin: 0px 0px 5px; font-size: 1.25em;
}
.work_links {
	margin: 0px 0px 0px 39px; width: 426px; float: left; display: inline;
}
.work_links li {
	margin: 0px 30px 0px 0px; float: left; display: inline;
}
.work_links a {
	background: rgb(11, 11, 11); padding: 6px 10px; color: rgb(255, 255, 255); letter-spacing: 0.3px; font-family: 'Abel', sans-serif; font-size: 1.4em; font-weight: 300; display: block;
}
form#project_planner {
	margin: 0px 0px 70px; width: 960px;
}
form#project_planner fieldset {
	margin: 0px; padding: 70px 0px 0px; border: currentColor; border-image: none; width: 960px; float: left;
}
form#project_planner fieldset.no_top {
	padding: 0px;
}
form#project_planner fieldset .hr {
	margin: 30px 0px 0px;
}
form#project_planner fieldset div {
	margin: 0px 0px 40px; width: 100%; clear: both; float: left; position: relative;
}
form#project_planner fieldset div::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
form#project_planner fieldset div.more_margin {
	margin-bottom: 70px;
}
form#project_planner fieldset div.helper {
	background: rgb(233, 233, 233); margin: 0px; padding: 27px 25px; border-radius: 10px; top: 14px; width: 392px; right: 0px; color: rgb(194, 194, 194); line-height: 130%; clear: none; font-size: 1em; float: right; position: absolute;
}
form#project_planner fieldset div.helper ul {
	margin: 15px 0px 0px 20px;
}
form#project_planner fieldset div.helper li {
	margin: 0px 0px 15px; font-size: 1.25em;
}
form#project_planner fieldset div.active.helper {
	background: rgb(129, 183, 46); color: rgb(251, 251, 251);
}
form#project_planner fieldset div.helper p {
	margin: 0px;
}
form#project_planner label {
	width: 442px; clear: both;
}
form#project_planner label.radio_label {
	margin: 0px 0px 14px 25px; width: auto; color: rgb(123, 123, 123); font-size: 1.4em;
}
form#project_planner div.required_label {
	margin: 0px; width: 960px;
}
form#contact_form div.required_label {
	margin: 0px; width: 960px;
}
form div.required_label {
	margin: 0px; width: 960px;
}
form#project_planner div.required_label label {
	width: auto; font-size: 1.25em; float: right;
}
form#comment_form div.required_label label {
	width: auto; font-size: 1.25em; float: right;
}
form div.required_label label {
	width: auto; font-size: 1.25em; float: right;
}
form#project_planner input {
	margin: 0px 25px 0px 0px;
}
form#project_planner input.text {
	width: 416px;
}
form#project_planner textarea {
	width: 416px;
}
form#project_planner input.radio {
	margin: 0px 25px 0px 0px; width: auto; height: 15px;
}
form#project_planner textarea {
	height: 230px;
}
form#project_planner input.comment_form_button {
	margin: 6px 0px 0px; clear: none; float: right;
}
.pointer {
	background: url("../images/green_arrow_new.jpg") no-repeat 0px 0px; margin: 0px; padding: 0px 35px; width: 729px; color: rgb(251, 251, 251); line-height: 55px; font-family: 'Abel', sans-serif; font-size: 1.6em; font-weight: 300; float: left;
}
label#deadline {
	margin: 0px 0px 20px;
}
label#budget {
	margin: 0px 0px 20px;
}
label#project_type {
	margin: 0px 0px 20px;
}
h1 {
	margin: 0px 0px 10px; line-height: 140%; letter-spacing: 0.1px; font-family: 'Abel', sans-serif;
}
h2 {
	margin: 0px 0px 10px; line-height: 140%; letter-spacing: 0.1px; font-family: 'Abel', sans-serif;
}
h3 {
	margin: 0px 0px 10px; line-height: 140%; letter-spacing: 0.1px; font-family: 'Abel', sans-serif;
}
h4 {
	margin: 0px 0px 10px; line-height: 140%; letter-spacing: 0.1px; font-family: 'Abel', sans-serif;
}
h5 {
	margin: 0px 0px 10px; line-height: 140%; letter-spacing: 0.1px; font-family: 'Abel', sans-serif;
}
h1 {
	margin: 0px 0px 10px; text-align: center; color: rgb(11, 11, 11); font-size: 2.7em; font-weight: 300;
}
h2 {
	
}
h3 {
	margin: 0px 0px 25px; padding: 0px 0px 0px 48px; color: rgb(11, 11, 11); line-height: 39px; font-size: 1.5em; font-weight: 300; float: left; display: block; position: relative;
}
h3 span {
	background: url("../images/sprite_green_icons.png") no-repeat 0px 0px; left: 0px; top: 0px; width: 39px; height: 39px; display: block; position: absolute;
}
h4 {
	text-align: center; color: rgb(11, 11, 11); font-size: 2.5em; font-weight: 300;
}
h5 {
	text-align: center; line-height: 170%; font-size: 1.55em; font-weight: 300;
}
p {
	margin: 0px 0px 15px; line-height: 140%; letter-spacing: 0.3px; font-size: 1.25em; font-weight: 400;
}
address {
	
}
.quote {
	background: url("../images/quote_left.png") no-repeat 0px 0px; margin: 0px 0px 26px 20px; padding: 26px 19px; width: 403px; position: relative;
}
.quote::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.empty.quote {
	background: none; padding: 0px;
}
blockquote {
	background: url("../images/quote_right.png") no-repeat 100% 100%; margin: 0px; line-height: 140%; font-family: 'Abel', sans-serif; font-size: 1.7em; font-weight: 300; z-index: 999;
}
blockquote span {
	color: rgb(11, 11, 11); font-size: 0.8em; font-weight: 300;
}
cite {
	
}
#blog_span {
	background-position: 0px 0px;
}
#tweet_span {
	background-position: -39px 0px;
}
#shop_span {
	background-position: -78px 0px;
}
#dribbble_span {
	background-position: -117px 0px;
}
#instagram_span {
	background-position: -156px 0px;
}
#gowalla_span {
	background-position: -195px 0px;
}
#lastfm_span {
	background-position: -234px 0px;
}
.section {
	width: 100%; clear: both;
}
.section::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
ol {
	list-style: none; margin: 0px; padding: 0px;
}
ul {
	list-style: none; margin: 0px; padding: 0px;
}
dl {
	font-size: 1.25em;
}
dt {
	margin: 0px 0px 15px; width: 10em; clear: left; float: left;
}
dd {
	margin: 0px 0px 15px;
}
a {
	color: rgb(129, 183, 46); text-decoration: none;
}
a:focus {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
a:active {
	
}
:focus {
	-moz-outline-style: none;
}
a img {
	border: 0px currentColor; border-image: none;
}
#skiplinks {
	list-style: none; margin: 0px;
}
#skiplinks li {
	float: left;
}
#skiplinks a {
	background: rgb(255, 255, 255); padding: 7px 5px; border: 1px solid rgb(102, 102, 85); border-image: none; left: -9999px; top: 10px; font-size: 1.3em; font-weight: bold; position: absolute; z-index: 10;
}
#skiplinks a:focus {
	border-color: rgb(102, 102, 102); left: 20px; text-decoration: none;
}
#skiplinks a:active {
	border-color: rgb(102, 102, 102); left: 20px; text-decoration: none;
}
.content {
	margin: 0px 0px 70px;
}
.content h3 {
	padding: 0px; float: none; display: inline;
}
.content ul {
	margin: 0px 0px 0px 30px;
}
.content li {
	margin: 0px 0px 15px; font-size: 1.25em;
}
.page_intro {
	margin: 0px auto; padding: 0px 0px 70px; width: 100%; text-align: center; font-family: 'Abel', sans-serif; font-size: 1.1em; float: left;
}
.page_intro em {
	color: rgb(11, 11, 11); font-style: normal;
}
.page_intro p {
	margin: 0px; line-height: 180%; letter-spacing: 0.2px; font-family: 'Abel', sans-serif; font-size: 1.55em; font-weight: 300;
}
.page_intro H6 {
	margin: 0px; line-height: 130%; letter-spacing: 0.2px; font-family: 'Abel', sans-serif; font-size: 1.2em; font-weight: 300;
}
.page_intro label {
	margin: 0px; line-height: 180%; letter-spacing: 0.2px; font-family: 'Abel', sans-serif; font-size: 1.55em; font-weight: 300;
}
.hr {
	background: url("../images/hr.png") repeat-x 0px 60%; margin: 0px 0px 20px; width: 100%; clear: both; position: relative;
}
.hr::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.banner {
	margin: 0px; padding: 0px; left: 50%; clear: left; float: left; position: relative;
}
.banner h2 {
	background: url("../images/sprite_banner.png") no-repeat 0px 100%; list-style: none; margin: 0px; padding: 0px 0px 0px 119px; height: 62px; text-align: center; right: 50%; color: rgb(251, 251, 251); letter-spacing: 0.5px; font-size: 1.5em; font-weight: 300; float: left; display: block; position: relative;
}
.banner h2 span {
	background: url("../images/sprite_banner.png") no-repeat 100% 0px; padding: 14px 119px 0px 0px; height: 48px; float: left; display: block;
}
* html h2.banner {
	background: rgb(11, 11, 11); padding: 0px 10px; width: 200px; height: 50px; text-align: center; line-height: 50px;
}
* html h2.banner span {
	background: none; padding: 0px;
}
h2.banner a {
	color: rgb(129, 183, 46);
}
.hr .star {
	margin: 0px auto; width: 40px; display: block;
}
.hr .starmark {
	margin: 0px auto; width: 40px; display: block;
}
strong {
	color: rgb(11, 11, 11); font-weight: 300;
}
.replace {
	overflow: hidden; position: relative;
}
.replace span {
	left: 0px; top: 0px; display: block; position: absolute;
}
a.replace span {
	cursor: pointer;
}
#body_colour_tool .page_intro p.alt {
	margin: 30px 0px;
}
#body_colour_tool h3 {
	padding: 0px; line-height: 140%;
}
#color_bookmark_form {
	margin: 0px auto; width: 100%; position: relative;
}
#color_bookmark_form::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
#color_bookmark_form fieldset {
	padding: 0px;
}
#color_bookmark_form fieldset::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
#color_bookmark_form div {
	margin: 0px auto; clear: none;
}
#color_bookmark_form div::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
#color_bookmark_form label {
	margin: 0px 0px 20px; padding: 0px; width: 100%; text-align: center; color: rgb(123, 123, 123);
}
#color_bookmark_form label.error {
	margin: 0px; left: 163px; width: auto; bottom: -30px; font-size: 1.15em; position: absolute;
}
#color_bookmark_form input.text {
	margin: 0px 20px 0px 160px; width: 400px;
}
#color_bookmark_form input {
	float: left; display: inline;
}
#palette {
	padding-top: 50px;
}
#colour_palette {
	margin: 0px 0px 70px;
}
ul#colour_tool {
	width: 100%; clear: both; float: left;
}
ul#colour_tool li {
	margin: 0px 0px 30px 30px; float: left; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
ul#colour_tool li.row_start {
	margin-left: 0px;
}
ul#colour_tool span {
	margin: 0px 0px 10px; width: 135px; height: 135px; display: block;
}
ul#colour_tool p {
	margin: 5px;
}
#palette p {
	clear: both;
}
ul#failure {
	clear: both;
}
ul#failure li {
	list-style: inside; padding: 0px 0px 0px 10px; clear: both; font-size: 1.25em; margin-bottom: 5px;
}
.gist {
	width: 648px;
}