/*
Theme Name: down with design
Theme URI: http://www.downwithdesign.com
Author: Daniel & Gareth Hardy
Author URI: http://www.downwithdesign.com
Description: Bespoke wordpress theme of down with design.
Version: 1.0
*/
body {
	overflow-x:hidden;
}
#logos-new {
	float:left;
	height:auto;
	width:834px;
	margin:0px 0px 0px 25px;
}
#logo-big {
	float:left;
	width:834px;
	height:401px;
	margin:0px 0px 0px 20px;
	position:relative;
}
#logo-info-holder {
	float:left;
	height:41px;
	width:834px;
}
.hidden-title, .hidden-description, .hidden-url {
	display:none;
}
#logo-info {
	float:left;
	width:804px;
	margin:0px 0px 0px 20px;
	height:41px;
	background-color:#f5f5f5;
	padding:0px 15px 0px 15px;
	color:#fff;
}
#logo-info h2 {
	font-size:20px;	
	font-family: 'BourgeoisBook';
}
#logo-description {
	float:left;
	width:auto;
	height:41px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:40px;
	margin:0px 25px 0px 0px;
	color:#000;
}
#logo-header {
	float:left;
	width:auto;
	height:41px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	line-height:40px;
	margin:0px 25px 0px 0px;
	color:#000;
}
#logo-url {
	float:left;
	width:auto;
	height:41px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:40px;
	color:#000;
}
#logo-info-open-close {
	float:left;
	height:30px;
	width:223px;
	background-color:#000;
}
#logo-info-open-close a {
	display:block;
	width:34px;
	height:26px;
	background-image:url(images/logo-info-arrow.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin:3px 0px 0px 10px;
}
#logo-info-open-close a.active {
	display:block;
	width:34px;
	height:26px;
	background-image:url(images/logo-info-arrow.png);
	background-repeat:no-repeat;
	background-position:0px -26px;
	margin:3px 0px 0px 10px;
}
#logo-big img {
	position:absolute;
}
#logo-small-new-box {
	float:left;
	width:854px;
	height:auto;
}
.logo-small {
	float:left;
	width:101px;
	height:101px;
	margin:21px 0px 0px 21px;
}
#logo-url a {
	color:#000;
	border-bottom:1px solid #9effff;
}
#logo-url a:hover {
	color:#000;
	border-bottom:1px solid #9effff;
	background-color:#9effff;
}
a.logo-small-link {
	float:left;
	display:block;
	width:101px;
	height:101px;
	background-color:#f5f5f5;
}
.logo-small.active a {
	float:left;
	display:block;
	width:101px;
	height:101px;
	background-color:#f5f5f5;
}
a.logo-small-link:hover {
	float:left;
	display:block;
	width:101px;
	height:101px;
	background-color:#e1e0e0;
}
.logo-small img {
	opacity: 0.35;
	filter: alpha(opacity=35);
}
.logo-small.active img {
	opacity: 1;
	filter: alpha(opacity=100);
}
#comment-thanks {
	width:700px;
	height:100px;
	float:left;	
	font-family: 'FuturaStdBold';
	font-size: 12px;
	text-transform: uppercase;
	color: #000;
	margin-left:45px;
}
.answer {
	font-style: italic;
}
#dwd-blog-container-actual-single {
	height:auto;
	width:877px;
	float:left;
	background-image:url(images/ruler.png);
	background-repeat:repeat-y;
	background-position: 0px -12px;
	padding:15px 0px 0px 0px;
}
#dwd-blog-container-actual {
	height:auto;
	width:877px;
	float:left;
	background-image:url(images/ruler.png);
	background-repeat:repeat-y;
	background-position: 0px -12px;
	padding:15px 0px 45px 0px;
}
#dwd-blog-container-actual-inside {
	float:left;
	width:100%;
	height:auto;	
}
#our-process-container {
	height:auto;
	width:832px;
	float:left;
	background-image:url(images/ruler.png);
	background-repeat:repeat-y;
	background-position: 0px -12px;
	padding:35px 0px 30px 0px;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#b8b8b8;
}
#testimonials-container {
	height:auto;
	width:900px;
	float:left;
	background-image:url(images/ruler.png);
	background-repeat:repeat-y;
	background-position: 0px -12px;
	padding:35px 0px 0px 0px;
}
#our-story-container {
	height:auto;
	width:877px;
	float:left;
	background-image:url(images/ruler.png);
	background-repeat:repeat-y;
	background-position: 0px -12px;
	padding:35px 0px 0px 0px;
}
#case-studies-container-main {
	height:auto;
	width:881px;
	float:left;
	background-image:url(images/ruler.png);
	background-repeat:repeat-y;
	background-position: 0px -12px;
	padding:35px 0px 45px 0px;
	border:0px;
	border:none;
}
#case-studies-container-main-new {
	height:auto;
	width:881px;
	float:left;
	max-width:100%;
	background-image:url(images/ruler.png);
	background-repeat:repeat-y;
	background-position: 0px -12px;
	padding:35px 0px 25px 0px;
	border:0px;
	border:none;
}
.new-titles {
	float:left;
	width:auto;
	background-color:#f5f5f5;
	height:41px;
	background-image:url(images/title-bg.png);
	background-repeat:no-repeat;
	background-position:right center;
	border-bottom:1px solid #a5ffff;
	margin:20px 0px 0px 25px;
	padding:0px 30px 0px 20px;
	line-height:41px;
}
#pattern {
	background: url(images/dwd-pattern.png);
	width: 100%;
	height: 100%;
}
#error-container {
	width: 500px;
	margin: 0px auto;
	height: auto;
	text-align: center;
}
#error-logo {
	width: 500px;
	margin: 0px auto;
	padding-top: 200px;
}
#error-container h1 {
	font-family: 'BourgeoisBook';
	font-size: 48px;
	color: #000
}
#error-container h2 {
	font-family: 'FuturaStdBold';
	font-size: 12px;
	text-transform: uppercase;
	color: #000;
}
#error-container a {
	color: #000;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px solid #9effff;
}
#error-container a:hover {
	background: #9effff;
	text-decoration: none;
}
#error-container h3 {
	background: #fff;
	padding: 5px;
	color: #000;
	margin: 10px 0px;
}
.new-titles-blog-search {
	float:left;
	width:auto;
	background-color:#f5f5f5;
	height:41px;
	background-image:url(images/title-bg.png);
	background-repeat:no-repeat;
	background-position:right center;
	border-bottom:1px solid #a5ffff;
	margin:12px 0px 0px 25px;
	padding:0px 30px 0px 20px;
	line-height:41px;
}
.entry-title a {
	color:#000000;
	font-size:17px;
}
.new-titles-not-blog {
	float:left;
	width:auto;
	background-color:#f5f5f5;
	height:41px;
	margin:0px 0px 0px 25px;
	background-image:url(images/title-bg.png);
	background-repeat:no-repeat;
	background-position:right center;
	border-bottom:1px solid #a5ffff;
	padding:0px 30px 0px 20px;
	line-height:41px;
}
.new-titles-not-blog-rss {
	float:right;
	width:auto;
	height:41px;
	margin:0px 0px 0px 0px;
	background-image:url(images/title-bg.png);
	background-color:#f5f5f5;
	background-repeat:no-repeat;
	background-position:right center;
	border-bottom:1px solid #a5ffff;
	padding:0px 20px 0px 0px;
	line-height:41px;
}
.new-titles-not-blog-rss span {
	float:right;
	width:auto;
	height:41px;
	padding:0px 0px 0px 20px;
	background-image:url(images/title-bg-left.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.new-titles-not-blog a {
	color: #000;
	text-decoration: none;
}
.new-titles-not-blog a:hover {
	background: #9effff;
}
#case-studies-title-process {
	float:left;
	height:86px;
	width:832px;
	padding: 0px 0px 10px 0px;
	background-image:url(images/h1-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0px 0px 3px 0px;
}
#case-studies-title {
	float:left;
	height:92px;
	color:#000000;	
	width:877px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	background-image:url(images/h1-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	
}
#case-studies-title-blog-home {
	float:left;
	height:72px;
	color:#000000;	
	width:832px;
	padding:0px 0px 10px 0px;
	background-image:url(images/h1-bg.png);
	background-repeat:no-repeat;
	background-position:left;
}
#case-studies-title-blog-search {
	float:left;
	height:55px;
	color:#000000;	
	width:832px;
	padding:0px 0px 10px 0px;
	background-image:url(images/h1-bg.png);
	background-repeat:no-repeat;
	background-position:left;
}
.foo3-list {
	width: 562px;
	height: 274px;
	background-repeat:repeat;
	cursor:pointer;
}
.foo4-list {
	width: 542px;
	height: 274px;
	background-repeat:repeat;
	cursor:pointer;
}
.logo-hover {
	display: none;
	z-index:100000;
	position:absolute;
	color:#ffffff;
	background-image:url(images/opacity.png);
	height:137px;
	font-size:16px;
	line-height:25px;
	width:136px;
	font-family: 'BourgeoisBook';
	cursor:pointer;
}
.logo-hover span {
	color:#ffffff;
	background:#000;
	height:25px;
	font-size:16px;
	line-height:25px;
	padding:0px 10px 0px 10px;
	width:auto;
	font-family: 'BourgeoisBook';
	float:left;
}
.test {
float:left;
width:562px;
height:274px;
background-image:none;
float:left;
}
.test:hover {
float:left;
width:562px;
height:274px;
background-image:url(images/opacity.png);
float:left;
}
.test span {
float:left;
width:auto;
height:34px;
background-color:#000000;
float:left;
font-family: 'BourgeoisBook';
font-size:25px;	
color:#ffffff;
padding:0px 10px 0px 10px;
line-height:35px;
}
.test span a:hover {
	color: #9effff;
	text-decoration:none;
}
.test span a {
	color: #ffffff;
	text-decoration:none;
}
#lines-controls {
	float:left;
}
#next4 {
	margin-top:28px;
}
#next3 {
	margin-top:379px;	
}
#controls {
	float:left;
	width:37px;
	height:575px;
}
a.devil {
	float:left;
	display:block;
	width:43px;
	height:50px;
	background-image:url(images/devil.png);
	background-position:0px -52px;
	margin:0px 36px 0px 0px;
}
a.devil:hover {
	float:left;
	display:block;
	width:43px;
	height:50px;
	background-image:url(images/devil.png);
	background-position:0px -1px;
}
.superdry-container {
	float:left;
	width:auto;
	height:auto;
	margin:14px 0px 0px 0px;
}
.line-container {
	float:left;
	width:auto;
	height:auto;
	margin:18px 0px 0px 0px;
}
.honda-container {
	float:left;
	width:auto;
	height:auto;
	margin:4px 0px 0px 0px;
}
.diesel-container {
	float:left;
	width:auto;
	height:auto;
	margin:14px 0px 0px 0px;
}
.devil-container {
	float:left;
	width:auto;
	height:auto;
}
.apple-container {
	float:left;
	width:auto;
	height:auto;
}
.arrow-brand-container {
	float:left;
	width:auto;
	height:auto;
	margin:12px 0px 0px 0px;
}
.fen-container {
	float:left;
	width:auto;
	height:auto;
	margin:10px 0px 0px 0px;
}
.dom-container {
	float:left;
	width:auto;
	height:auto;
}
.ps3-container {
	float:left;
	width:auto;
	height:auto;
	margin:15px 0px 0px 0px;
}
.burger-container {
	float:left;
	width:auto;
	height:auto;
	margin:5px 0px 0px 0px;
}
.etnies-container {
	float:left;
	width:auto;
	height:auto;
	margin:11px 0px 0px 0px;
}
.carling-container {
	float:left;
	width:auto;
	height:auto;
	margin:8px 0px 0px 0px;
}
.ford-container {
	float:left;
	width:auto;
	height:auto;
	margin:12px 0px 0px 0px;
}
a.superdry {
	float:left;
	display:block;
	width:92px;
	height:24px;
	background-image:url(images/superdry.png);
	background-position:0px -25px;
	margin:0px 50px 0px 0px;
}
a.superdry:hover {
	float:left;
	display:block;
	width:92px;
	height:24px;
	background-image:url(images/superdry.png);
	background-position:0px 0px;
}
a.ford {
	float:left;
	display:block;
	width:90px;
	height:36px;
	background-image:url(images/ford.png);
	background-position:0px -36px;
}
a.ford:hover {
	float:left;
	display:block;
	width:90px;
	height:36px;
	background-image:url(images/ford.png);
	background-position:0px 0px;
}
a.carling {
	float:left;
	display:block;
	width:73px;
	height:44px;
	background-image:url(images/carling.png);
	background-position:0px -44px;
	margin:0px 35px 0px 0px;
}
a.carling:hover {
	float:left;
	display:block;
	width:73px;
	height:44px;
	background-image:url(images/carling.png);
	background-position:0px 0px;
}
a.etnies {
	float:left;
	display:block;
	width:42px;
	height:43px;
	background-image:url(images/etnies.png);
	background-position:0px -43px;
	margin:0px 41px 0px 0px;
}
a.etnies:hover {
	float:left;
	display:block;
	width:42px;
	height:43px;
	background-image:url(images/etnies.png);
	background-position:0px 0px;
}
a.diesel {
	float:left;
	display:block;
	width:71px;
	height:27px;
	background-image:url(images/diesel.png);
	background-position:0px -27px;
	margin:0px 40px 0px 45px;
}
a.diesel:hover {
	float:left;
	display:block;
	width:71px;
	height:27px;
	background-image:url(images/diesel.png);
	background-position:0px 0px;
}
a.burger {
	float:left;
	display:block;
	width:56px;
	height:57px;
	background-image:url(images/burger.png);
	background-position:0px -57px;
	margin:0px 40px 0px 0px;
}
a.burger:hover {
	float:left;
	display:block;
	width:56px;
	height:57px;
	background-image:url(images/burger.png);
	background-position:0px 0px;
}
a.honda {
	float:left;
	display:block;
	width:50px;
	height:41px;
	background-image:url(images/honda.png);
	background-position:0px -41px;
	margin:0px 50px 0px 0px;
}
a.honda:hover {
	float:left;
	display:block;
	width:50px;
	height:41px;
	background-image:url(images/honda.png);
	background-position:0px 0px;
}
a.apple {
	float:left;
	display:block;
	width:43px;
	height:48px;
	background-image:url(images/apple.png);
	background-position:0px -52px;
}
a.apple:hover {
	float:left;
	display:block;
	width:43px;
	height:48px;
	background-image:url(images/apple.png);
	background-position:0px 0px;
}
a.fen {
	float:left;
	display:block;
	width:37px;
	height:49px;
	background-image:url(images/fen.png);
	background-position:0px -49px;
	margin:0px 50px 0px 0px;
}
a.fen:hover {
	float:left;
	display:block;
	width:37px;
	height:49px;
	background-image:url(images/fen.png);
	background-position:0px 0px;
}
a.ps3 {
	float:left;
	display:block;
	width:95px;
	height:22px;
	background-image:url(images/ps3.png);
	background-position:0px -22px;
	margin:0px 0px 0px 4px;
}
a.ps3:hover {
	float:left;
	display:block;
	width:95px;
	height:22px;
	background-image:url(images/ps3.png);
	background-position:0px 0px;
}
a.arrow-brand {
	float:left;
	display:block;
	width:44px;
	height:44px;
	background-image:url(images/arrow-brand.png);
	background-position:0px -44px;
	margin:0px 65px 0px 0px;
}
a.arrow-brand:hover {
	float:left;
	display:block;
	width:44px;
	height:44px;
	background-image:url(images/arrow-brand.png);
	background-position:0px 0px;
}
a.line {
	float:left;
	display:block;
	width:63px;
	height:35px;
	background-image:url(images/line.png);
	background-position:0px -35px;
	margin:0px 57px 0px 0px;
}
a.line:hover {
	float:left;
	display:block;
	width:63px;
	height:35px;
	background-image:url(images/line.png);
	background-position:0px 0px;
}
a.dom {
	float:left;
	display:block;
	width:58px;
	height:59px;
	background-image:url(images/dom.png);
	background-position:0px 0px;
}
a.dom:hover {
	float:left;
	display:block;
	width:58px;
	height:59px;
	background-image:url(images/dom.png);
	background-position:0px -59px;
}
.member-brands {
	float:left;
	width:380px;
	height:131px;
}
.brand-top {
	float:left;
	height:65px;
	width:380px;
}
.brand-bottom {
	float:left;
	height:65px;
	width:380px;
}
#socialmedia {
	width:135px;
	float:left;
	height:30px;
	text-align:center;
	margin:0px 0px 0px 28px;
}
a.tweet-new {
	display:block;
	float:left;
	width:69px;
	height:69px;
	background-image:url(images/tweet-new.png);
	margin:0px 2px 0px 0px;
}
a.fb-new {
	display:block;
	float:left;
	width:69px;
	height:69px;
	background-image:url(images/fb-new.png);
	margin:0px 2px 0px 0px;
}
a.behance-new {
	display:block;
	float:left;
	width:70px;
	height:69px;
	background-image:url(images/behance-new.png);
	margin:0px 2px 0px 0px;
}
a.dribbble-new {
	display:block;
	float:left;
	width:69px;
	height:69px;
	background-image:url(images/dribbble-new.png);
	margin:0px 2px 0px 0px;
}
a.smashing-new {
	display:block;
	float:left;
	width:69px;
	height:69px;
	background-image:url(images/smashing-new.png);
	margin:0px 0px 0px 0px;
}
#shine-tweet-content .time {
    list-style:none;
    color: #000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 0px 0px 0px 0px;
}
#case-studies-title h1 {
	font-family:'FuturaStdBold';
	font-size:12px;
	text-transform:lowercase;
}
#case-studies-title-process h1 {
	font-family:'FuturaStdBold';
	font-size:12px;
	text-transform:lowercase;
	color:#000000;
}
#case-studies-title-blog-home h1 {
	font-family:'FuturaStdBold';
	font-size:12px;
	text-transform:lowercase;
}
#case-studies-title-blog-search h1 {
	font-family:'FuturaStdBold';
	font-size:12px;
	text-transform:lowercase;
}
#desc_desc {
	color: #555555;
	font-size: 14px;
	line-height: 21px;
	float: left;
	height: auto;
	width: 530px;
	margin:0px 15px 0px 0px;
}
#case-studies-title-revolutionaries {
	float:left;
	height:30px;
	color:#000000;	
	font-family: 'BourgeoisBook';
	font-size:20px;
	width:832px;
	border-bottom:1px solid #a5ffff;
	padding:0px 0px 10px 45px;
	margin:0px 0px 45px 0px;
}
.search-field-custom {
	border:1px solid #ff0000;
}
#s {
	color:#000;
	background-color:#f9f9f9;
	width:104px;
	height:20px;
	float:left;
	font-size:10px;
	padding:0px 0px 0px 10px;
	border-bottom:0px;
	border-right:0px;
	letter-spacing: 1px;
	line-height:20px;
		-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
}
#other-case-studies h4 {
	font-size:22px;	
	font-family: 'BourgeoisBook';
	font-weight:bold;
	color:#000000;
	margin:0px;
	padding:0px;
	float:left;
	width:765px;
	height:auto;
	line-height:15px;
	margin:0px 0px 15px 15px;	
}
#url {
	font-family:Arial, Helvetica, sans-serif;;
	color:#c4c4c4;
	padding:0px 0px 20px 0px;
	float:left;
	width:530px;
	height:auto;
	font-size:10px;
	font-weight: bold;
	margin:15px 0px 0px 0px;
	border-bottom: 2px solid #f5f5f5;
}
#url a {
	font-family:Arial, Helvetica, sans-serif;;
	color:#000000;
	font-size:12px;
	border-bottom: 1px solid #9effff;
	text-decoration:none
}
#url a:hover {
	font-family:Arial, Helvetica, sans-serif;;
	color:#000000;
	font-size:12px;
	background: #9effff;
	text-decoration:none
}
#url-web {
	font-family:Arial, Helvetica, sans-serif;;
	color:#c4c4c4;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:410px;
	height:auto;
	font-size:10px;
}
#url-web a {
	font-family:Arial, Helvetica, sans-serif;;
	color:#000000;
	font-size:12px;
	text-decoration:none
}
#url-web a:hover {
	font-family:Arial, Helvetica, sans-serif;;
	color:#000000;
	font-size:12px;
	text-decoration:none
}
#case-study-individual-info {
	float:left;
	width:769px;
	height:auto;
	margin: 0px;
}
.preloader { 	
	display:inline-block;
	background:transparent url(http://www.garethhardy.com/dwdnew/wp-content/themes/dwd/images/loading01.gif) no-repeat center center; 
}
#case-study-social {
	float:left;
	height:80px;
	width:310px;
	border-top:1px solid #a5ffff;
	border-bottom:1px solid #a5ffff;
	margin:20px 0px 0px 0px;
}
#case-study-title-bar {
	float:left;
	height:auto;
	width:780px;
	padding:0px 0px 0px 45px;
}
#case-study-description {
	float:left;
	width:832px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#9a9a9a;
	height:auto;
	margin:45px 0px 0px 0px;	
	padding:0px 0px 0px 45px;
}
#web-design-description {
	float:left;
	width:832px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#9a9a9a;
	height:auto;
	margin:25px 0px 0px 0px;	
}
#member1 {
	float:left;
	width:877px;
	height:379px;
	margin:40px 0px 40px 0px;
}
.memberphoto {
	width: 407px;
	height: 379px;
	float: left;
	padding:0px 0px 0px 45px;
	border-top: 2px solid #000;
}
#member2 {
	float:left;
	width:877px;
	height:379px;
}
#member1 img {
	float:left;
}
#member2 img {
	float:left;
}
#member1-info {
	width:358px;
	height:379px;
	float:left;
	padding:0px 0px 0px 45px;
}
#member1-info h3 {
	color: #000;
}
.position {
	width:350px;
	height:auto;
	float:left;
}

.position a {
	color:#000;
	text-decoration:none;
}	
.position a:hover {
	color:#000;
	background: #9effff;
	text-decoration:none;
}
.position a:active {
	color:#000;
	background: #9effff;
	text-decoration:none;
}
#member1-info h2 {
	font-size:23px;	
	font-family: 'BourgeoisBook';
	font-weight:bold;
	color:#fff;
	padding:10px 10px 10px 10px;
	float:left;
	height:auto;
	line-height:15px;
	margin:0px 15px 15px 0px;
	background: #000;
}
#member2-info {
	width:313px;
	height:379px;
	float:left;
	padding:0px 0px 0px 45px;
}
#member2-info h2 {
	font-size:23px;	
	font-family: 'BourgeoisBook';
	font-weight:bold;
	color:#fff;
	padding:10px 10px 10px 10px;
	float:left;
	height:auto;
	line-height:15px;
	margin:0px 15px 15px 0px;
	background: #000;
}
.member-text {
	color:#555555;
	float:left;
	height:auto;
	width:358px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:21px;	
}
.member-text span a {
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #9effff;
}
.member-text span a:hover {
	background: #9effff;
	text-decoration: none;
}	
.member-text h3 {
	color:#000;
	float:left;
	text-transform:uppercase;
	margin:0px 0p 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	height:auto;
}
.brands {
	margin:20px 0px 0px 0px;	
}
#case-study-description span {
	margin:20px 0px 40px 0px;
	padding:40px 40px 40px 40px;
	height:auto;
	width:752px;
	background-color:#f8f8f8;
	float:left;
	font-size:15px;
	font-weight:normal;
}
#case-study-description h2 {
	background: #9effff;
	color: #000;
	padding: 5px;
	font-family: 'FuturaStdBold';
	width: auto;
	text-transform: uppercase;
	float: left;
	font-size: 10px;
	margin:0px 0px 10px 0px;
	clear: both;
}
#case-study-description p {
	width: 832px;
	float: left;
	height: auto;
	margin: 0px;
	padding: 10px 0px;
}
#case-study-description img {
	margin: 20px 0px;
	float: left;
	max-width:100%;
}
#case-study-description a {
	color: #000;
border-bottom: 1px solid #9effff;
font-weight: bold;
}
#case-study-description a:hover {
background: #9effff;
text-decoration: none;
}

#other-case-studies {
	float:left;
	width:881px;
	padding:40px 0px 0px 30px;
}
#case-study-description img {
	border:0px;
}
#completed-tasks-list {
	float:left;
	margin: 0px 0px 0px 65px;
	color:#000000;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	height:auto;	
	line-height:14px;
	padding-:0px 0px 0px 30px;
}
#completed-tasks-list li {
	background: #f5f5f5;
	padding:5px 5px 5px 5px;
	width:auto;
	margin:0px 0px 3px 0px;
	display: block;
}
#completed-tasks-list h3 {
	font-family: 'FuturaStdBold';
	margin:0px 0px 10px 0px;
}
#case-study_title-and-description-box {
	float:left;
	width:510px;
	height:auto;	
	margin-left:0px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}
#case-study_title-and-description-box span {
	float:left;
	font-size:13px;
	color:#c4c4c4;
	line-height:17px;
	font-family:Arial, Helvetica, sans-serif;
}
#case-study-individual-info h3 {
	font-family:'FuturaStdBold';
	font-size:10px;
	color:#000;
	margin-bottom:10px;
	text-transform: uppercase;
}
.blog-post-archive {
	float:left;
	height:auto;
	width:300px;
	padding-bottom:10px;
	margin-right:0px;
	position: relative;
}
.blog-post-archive h2 {
	top: 180px;
	left: 0px;
	width: 100%;
	position: absolute;
}
.blog-post-archive h2 span {
	background: #000;
	color: #fff;
	padding: 5px;
	font-family: 'BourgeoisBook';
}
.blog-post-archive h3 {
	top: 160px;
	left: 0px;
	width: 100%;
	position: absolute;
}
.blog-post-archive h3 span {
	background: #fff;
	color: #000;
}
.blog-image {
	width: 652px;
	height: auto;
	position: relative;
	float: left;
	border-bottom: 1px solid #9effff;
	padding-left: 45px;
}	

.blog-image h2 {
	top: 250px;
	left: 45px;
	position: absolute;
}
.blog-image a {
	color: #fff;
}
.blog-image a:hover {
	color: #9effff;
	text-decoration: none;
}
.blog-image a img {
	float:left;
}
iframe {
	float:left;
}
.blog-image h2 span {
	font-family: 'BourgeoisBook';
	color: #fff;
	font-size:23px;	
   	background: #000;
   	padding: 10px;
}
.blog-image h3 {
	top: 210px;
	left: 45px;
	position: absolute;
}
.blog-image h3 span {
	background-color: #fff;
	color: #000;
	padding: 5px 5px 5px 8px;
	font-size: 23px;
	font-family: 'BourgeoisBook';
}



.blog-video {
	width: 652px;
	height: auto;
	position: relative;
	float: left;
	border-bottom: 1px solid #9effff;
	padding-left: 45px;
}	

h2.video {
	position:relative;
	float:left;
}
h2.video a {
	color: #fff;
}
h2.video a:hover {
	color: #9effff;
	text-decoration: none;
}
.blog-video a img {
	float:left;
}
h2.video span {
	font-family: 'BourgeoisBook';
	color: #fff;
	font-size:23px;	
   	background: #000;
	padding: 5px 5px 5px 8px;
}
h3.video {
	float:left;
	position:relative;
	margin-left:-15px;
}
h3.video span {
	background-color: #000;
	color: #fff;
	padding: 5px 5px 5px 8px;
	font-size: 23px;
	font-family: 'BourgeoisBook';
}



.case-study-menu-item-web {
	float:left;
	width:554px;
	height:384px;
	color: #fff;
	position: relative;
	border-top: 2px solid #000;
}
.web-info-catch {
	background: #000;
	width: 230px;
	height: auto;
	float: left;
	padding: 20px 20px 20px 20px;
	margin-left:0px;
}
.web-desc-catch {
	float:left;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:230px;
	height:auto;
	margin-top:20px;
	line-height:15px;
	background: #000;
}
.web-desc-catch #url-web a {
	color: #9effff;
}
.web-desc-catch span {
	float:left;
	margin-bottom:20px;
}
.web-info-catch h2 span {
	font-family: 'BourgeoisBook';
	color: #fff;
	font-size:23px;	
   	background: #000;
  	border-bottom: 1px solid #9effff;
   	float:left;
   	margin-bottom: 7px;
   	padding-bottom: 0px;
}
.web-catch-container {
	float: left;
	width: 831px;
	height: 384px;
	margin-bottom: 20px;
}
.case-study-menu-item-web img:hover {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.case-study-menu-item {
	float:left;
	width:267px;
	height:182px;
	margin-left:15px;
	margin-bottom:15px;
	color: #fff;
	background: #fff;
	position: relative;
	overflow:hidden;
	margin-botom:
}
.case-study-menu-item img {
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.blog-image img:hover {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.case-study-menu-item img:hover {
		opacity:0.3;
filter:alpha(opacity=30); /* For IE8 and earlier */
}
.logo-menu-item {
	float:left;
	width:277px;
	height:182px;
	color: #fff;
	position: relative;
	cursor:pointer;
	outline:0px;
}
#tweets-side {
	width: 135px;
	float: left;
	height: auto;
}
#logo-one {
	background-image:url(images/harvester-logo.png);
	float:left;
	width:277px;
	height:192px;
	background-position:0px -193px;
	overflow:hidden;
}
#logo-one:hover {
	background-image:url(images/harvester-logo.png);
	float:left;
	width:277px;
	height:192px;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-one.on-logo {
	background-image:url(images/harvester-logo.png);
	float:left;
	width:277px;
	height:192px;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-nine {
	background-image:url(images/icpca-logo.png);
	float:left;
	width:277px;
	height:192px;
	overflow:hidden;
	display:block;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-nine:hover {
	background-image:url(images/icpca-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-nine.on-logo {
	background-image:url(images/icpca-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-seven {
	background-image:url(images/kitty-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;	
	border:0px;
	outline:0px;
}
#logo-seven:hover {
	background-image:url(images/kitty-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-seven.on-logo {
	background-image:url(images/kitty-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-five {
	background-image:url(images/jungpark-colour.png);
	float:left;
	width:277px;
	height:192px;
	overflow:hidden;
	background-position:0px -193px;
	border:none;
	outline:none;
	background-color:#ffffff;
	background-repeat:no-repeat;
}
#logo-five:hover {
	background-image:url(images/jungpark-colour.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:none;
	outline:none;
	background-repeat:no-repeat;
}
#logo-five.on-logo {
	background-image:url(images/jungpark-colour.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:none;
	outline:none;
	background-repeat:no-repeat;
}
#logo-two {
	background-image:url(images/gnome-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-two:hover {
	background-image:url(images/gnome-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-two.on-logo {
	background-image:url(images/gnome-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-six {
	background-image:url(images/dianne-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-six:hover {
	background-image:url(images/dianne-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-six.on-logo {
	background-image:url(images/dianne-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-ten {
	background-image:url(images/velloci-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-ten:hover {
	background-image:url(images/velloci-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-ten.on-logo {
	background-image:url(images/velloci-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-three {
	background-image:url(images/digfor-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-three:hover {
	background-image:url(images/digfor-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-three.on-logo {
	background-image:url(images/digfor-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-eleven {
	background-image:url(images/jam-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-eleven:hover {
	background-image:url(images/jam-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-eleven.on-logo {
	background-image:url(images/jam-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-wasteline {
	background-image:url(images/wasteline-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-wasteline:hover {
	background-image:url(images/wasteline-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-wasteline.on-logo {
	background-image:url(images/wasteline-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-chameleon {
	background-image:url(images/chameleon-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-chameleon:hover {
	background-image:url(images/chameleon-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-chameleon.on-logo {
	background-image:url(images/chameleon-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-walkies {
	background-image:url(images/walkies-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-walkies:hover {
	background-image:url(images/walkies-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-walkies.on-logo {
	background-image:url(images/walkies-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-bright-sparks {
	background-image:url(images/bright-sparks-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-bright-sparks:hover {
	background-image:url(images/bright-sparks-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-bright-sparks.on-logo {
	background-image:url(images/bright-sparks-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-theos {
	background-image:url(images/theos-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-theos:hover {
	background-image:url(images/theos-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-theos.on-logo {
	background-image:url(images/theos-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-beneship {
	background-image:url(images/beneship-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-beneship:hover {
	background-image:url(images/beneship-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-beneship.on-logo {
	background-image:url(images/beneship-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-sportique {
	background-image:url(images/sportique-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-sportique:hover {
	background-image:url(images/sportique-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-sportique.on-logo {
	background-image:url(images/sportique-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-deadpixels {
	background-image:url(images/deadpixels-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-deadpixels:hover {
	background-image:url(images/deadpixels-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-deadpixels.on-logo {
	background-image:url(images/deadpixels-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-almog {
	background-image:url(images/almog-logo.png);
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-almog:hover {
	background-image:url(images/almog-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-almog.on-logo {
	background-image:url(images/almog-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-pixeldemon {
	background-image:url(images/pixeldemon-logo.png);
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-pixeldemon:hover {
	background-image:url(images/pixeldemon-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-pixeldemon.on-logo {
	background-image:url(images/pixeldemon-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-branding {
	background-image:url(images/branding-logo.png);
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-branding:hover {
	background-image:url(images/branding-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-branding.on-logo {
	background-image:url(images/branding-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-courseexplorer {
	background-image:url(images/courseexplorer-logo.png);
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-courseexplorer:hover {
	background-image:url(images/courseexplorer-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-courseexplorer.on-logo {
	background-image:url(images/courseexplorer-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-alittlefx {
	background-image:url(images/alittlefx-logo.png);
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-alittlefx:hover {
	background-image:url(images/alittlefx-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-alittlefx.on-logo {
	background-image:url(images/alittlefx-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-manifold {
	background-image:url(images/manifold-logo.png);
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-manifold:hover {
	background-image:url(images/manifold-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-manifold.on-logo {
	background-image:url(images/manifold-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-musictandem {
	background-image:url(images/musictandem-logo.png);
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-musictandem:hover {
	background-image:url(images/musictandem-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-musictandem.on-logo {
	background-image:url(images/musictandem-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-mikazukicamera {
	background-image:url(images/mikazukicamera-logo.png);
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-mikazukicamera:hover {
	background-image:url(images/mikazukicamera-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-mikazukicamera.on-logo {
	background-image:url(images/mikazukicamera-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-caraweb {
	background-image:url(images/caraweb-logo.png);
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-caraweb:hover {
	background-image:url(images/caraweb-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-caraweb.on-logo {
	background-image:url(images/caraweb-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-solangel {
	background-image:url(images/solangel-logo.png);
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-solangel:hover {
	background-image:url(images/solangel-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-solangel.on-logo {
	background-image:url(images/solangel-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-fishfive {
	background-image:url(images/fishfive-logo.png);
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-fishfive:hover {
	background-image:url(images/fishfive-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-fishfive.on-logo {
	background-image:url(images/fishfive-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-fraaiwebdesign {
	background-image:url(images/fraaiwebdesign-logo.png);
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-fraaiwebdesign:hover {
	background-image:url(images/fraaiwebdesign-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-fraaiwebdesign.on-logo {
	background-image:url(images/fraaiwebdesign-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-techton {
	background-image:url(images/techton-logo.png);
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-techton:hover {
	background-image:url(images/techton-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-techton.on-logo {
	background-image:url(images/techton-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-abbt {
	background-image:url(images/abbt-logo.png);
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-abbt:hover {
	background-image:url(images/abbt-logo.png);	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-abbt.on-logo {
	background-image:url(images/abbt-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-ventura {
	background-image:url(images/ventura-logo.png);
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-ventura:hover {
	background-image:url(images/ventura-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-ventura.on-logo {
	background-image:url(images/ventura-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-spotfilm {
	background-image:url(images/spotfilm-logo.png);
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-spotfilm:hover {
	background-image:url(images/spotfilm-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-spotfilm.on-logo {
	background-image:url(images/spotfilm-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-eight {
	background-image:url(images/see-evil-logo.png);
	float:left;
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-eight:hover {
	background-image:url(images/see-evil-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-eight.on-logo {
	background-image:url(images/see-evil-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-four {
	background-image:url(images/wine-search-logo.png);
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-four:hover {
	background-image:url(images/wine-search-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-four.on-logo {
	background-image:url(images/wine-search-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-twelve {
	background-image:url(images/punchbox-logo.png);
	width:277px;
	height:192px;
	display:block;
	overflow:hidden;
	background-position:0px -193px;
	border:0px;
	outline:0px;
}
#logo-twelve:hover {
	background-image:url(images/punchbox-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
#logo-twelve.on-logo {
	background-image:url(images/punchbox-logo.png);
	width:277px;
	height:192px;
	display:block;
	background-position:0px 0px;
	border:0px;
	outline:0px;
}
.logo-menu-info {
	float:left;
	width:267px;
	height:207px;
	color: #fff;
	margin:0px 0px 0px 0px;	
	display:none;
	border:0px;
	outline:0px;
	overflow:hidden;
}
.logo-menu-holder {
	float:left;
	width:267px;
	height:auto;
	color: #fff;
	margin:0px 0px 15px 0px;
	border:0px;
	outline:0px;
	overflow:hidden;
}
.logo-description {
	float:left;
	width:243px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#555555;
	padding:15px 12px 0px 12px;
	border:0px;
	outline:0px;
	line-height: 21px;
}
.logo-url {
	float:left;
	width:242px;
	height:41px;
	padding-left:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#c4c4c8;
	line-height:41px;
	border:0px;
	outline:0px;
}
.logo-url a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	border-bottom: 1px solid #9effff;
	outline:0px;
}
.logo-url a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	outline:0px;
	background: #9effff;
}
.logo-url a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	border:0px;
	outline:0px;
}
.logo-url a:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	border:0px;
	outline:0px;
}
.logo-menu-item img {
	opacity:0.3;
	filter:alpha(opacity=30); /* For IE8 and earlier */
	border:0px;
	outline:0px;
	height:182px;
	width:277px;
}
.logo-menu-item img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	border:0px;
	outline:0px;
	height:182px;
	width:277px;
}
.on-logo img {
	opacity:1;
	filter:alpha(opacity=100);
	border:0px;
	outline:0px; /* For IE8 and earlier */
}
.on.logo img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	border:0px;
	outline:0px;
}
.logo-menu-info h2 span {
   	font-family: 'BourgeoisBook';
	font-size:23px;	
   	background: #000;
   	padding:0px 10px 0px 10px;
   	float:left;
   	width:auto;
   	height:auto;
   	border:0px;
	outline:0px;
	margin:0px 0px 0px 0px;
}
.logo-menu-item:hover {
	border:0px;
	outline:0px;
}
.logo-menu-item:active {
	border:0px;
	outline:0px;
}
.logo-menu-item:visited {
	border:0px;
	outline:0px;
}
#post-controls {
	float:left;
	width:310px;
	height:40px;
	padding:0px 0px 0px 30px;
	margin:15px 0px 0px 0px;	
}
.case-study-menu-item-web h2 {
	top: 344px;
   	left: 0;
   	width: 100%;
	position: absolute;
}
.case-study-menu-item h2 {
	top: 5px;
	height:auto;
   	left: 0;
	position: absolute;
}
.case-study-menu-item h3 {
	top: 32px;
	height: auto;
	left: 0;
	position: absolute;
	text-transform: uppercase;
}
.case-study-menu-item a {
	color: #fff;
}
.case-study-menu-item a:hover {
	color: #9effff;
}
.case-study-menu-item-web h2 span {
  	font-family: 'BourgeoisBook';
	font-size:23px;	
   	background: #fff;
   	padding-left: 10px;
   	padding-right:10px;
   	color: #000;
}
.case-study-menu-item h3 span {
	background: #000;
	color: #fff;
	font-size: 9px;
	text-transform: uppercase;
	font-family: arial, sans-serif;
	padding: 5px 5px 5px 10px;
}
.case-study-menu-item h3 span a {
	background: #000;
	color: #fff;
	font-size: 9px;
	opacity: 0.6;
	text-transform: uppercase;
	font-family: arial, sans-serif;
	opacity: 1;
}
.case-study-menu-item h3 span a:hover {
	color: #9effff;
	text-decoration: none;
}
.case-study-menu-item-web a {
	color: #000;
}
.case-study-menu-item h2 span {
   	font-family: 'BourgeoisBook';
	font-size:17px;	
   	background: #000;
   	padding: 10px;
}
.case-study-menu-item:hover {
	color: #9effff;
}
#case-study-individual-images {
	float:left;
	width:490px;
	height:auto;
	margin:50px 0px 0px 0px;
}
#case-study-individual-images img {
	border:none;
	outline:none;
	padding:0px;
	margin:0px 0px 20px 0px;
}
#new-social-links {
	float:left;
	width:354px;
	height:69px;
	margin:25px 0px 0px 0px;
}
#new-social-links a:hover {	
	opacity: 0.3;
	filter: alpha(opacity=30);
}
	
#blog-tweet-content {
	width:125px;
	height:128px;
	float:left;	
	background: #9effff;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: -6px;
	padding: 5px;
}
#blog-tweet-content {
	float: left;
	height: auto;
	font-size: 10px;
	width: 125px;
	font-family:Arial, Helvetica, sans-serif;
}
#blog-tweet-content .tweet {
	font-size: 10px;
	float: left;
	margin-top: 0px;
	color: #555555;
	font-family:Arial, Helvetica, sans-serif;
}
#blog-tweet-content .tweet a {
	color: #555555;
}
#blog-tweet-content .time {
	color: #000000;
	font-size: 11px;
}
.twitter-link span {
	display: none;
}
.twitter-link {
	margin-left:10px;
	float:left;
	width: 82px;
	height: 18px;
	display: block;
	background-image: url(images/twitter-link.png);
}
.twitter-link:hover {
	background-position: 0px -18px;
}
.twitter-link2 {
	margin:0px 0px 25px 0px;
	float:left;
	width: 82px;
	height: 18px;
	display: block;
	background-image: url(images/twitter-link3.png);
}
.twitter-link2:hover {
	background-position: 0px -18px;
}
.twitter-link2 span {
	display: none;
}
#follow-us-text {
	float:left;	
	color: #fff;
}
#follow-us-text2 {
	float:left;	
	color: #555555;
}
#follow-us {
	float:left;
	width:200px;
	height:30px;
	font-family: 'BourgeoisBook';
	font-size:18px;
	line-height:20px;
	margin-top:20px;
}
#follow-us2 {
	float:left;
	width:135px;
	height:30px;
	font-family: 'BourgeoisBook';
	font-size:14px;
	line-height:20px;
	margin-top:5px;
}
#follow-us a {
	outline:none;
	border:0px;
}
#foo5 li {
	width: 136px;
	height: 137px;
}
#foo6 li {
	width: 136px;
	height: 137px;
}
#shine-tweet-content .tweet {
	list-style:none;
	width:324px;
	float:left;
	text-align:left;
	height:95px;
	background-color:#e5e5e5;
	font-family: 'BourgeoisBook';
	font-size:18px;
	line-height:21px;
	color:#000;
	padding:10px 15px 15px 15px;
}
#shine-tweet-content {
	width:354px;
	height:120px;
	float:left;	
	margin:5px 0px 0px 0px;
	padding:8px 0px 0px 0px;
	background-image:url(images/tweet-pointer.png);
	background-repeat:no-repeat;
	border-bottom:1px solid #5c5c5c;
}
#shine-tweet-content a:hover {
	text-decoration: none;
}
#blog-tweet-content .tweet {
	list-style:none;
	width:125px;
	font-family:Arial, Helvetica, sans-serif;
}

@font-face {
    font-family: 'FuturaStdBold';
    src: url('futurastd-bold-webfont.eot');
    src: url('futurastd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('futurastd-bold-webfont.woff') format('woff'),
         url('futurastd-bold-webfont.ttf') format('truetype'),
         url('futurastd-bold-webfont.svg#FuturaStdBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
#blog-post img {
	float:left;
}
#blog-post-home {
	float:left;
	width:651px;
	height:auto;
	max-width:100%;
	margin:0px 0px 0px 44px;	
}
#twitter-post {
	float:left;
	width:354px;
	height:auto;
	margin-left:54px;	
}
#blog-post-image {
	float:left;
	height:162px;
	width:162px;
	border:20px solid #000;
	margin:30px 15px 0px 44px;
}
#blog-post-image {
	opacity: 1;
	filter: alpha(opacity=100);
}
#blog-post-image:hover {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
#blog-post-info {
	margin-top:30px;
	width:377px;
	float:left;
	height:120px;
	padding-top:0px;
	margin-left:10px;
}
a.read-more {
	display:inline-block;
	background-image:url(images/blog-read-more.png);
	width:10px;
	height:18px;
	margin:0px 0px 0px 5px;
}
#blog-post-info h2 {
	color:#fff;
	width:377px;
	float:left;
	font-family: 'BourgeoisBook';
	line-height:14px;
	font-size:38px;
	letter-spacing: -1px;
}
#blog-post-info h2 a {
	color: #fff;
	width:377px;
	float:left;
	font-family: 'BourgeoisBook';
	line-height:38px;
}
#blog-post-info h2 a:hover {
	text-decoration: none;
	color: #9effff;
}
#blog-post-content-home {
	margin-top:20px;
	float:left;
	width:377px;
	height:auto;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	line-height:22px;
	color:#d1d1d1;
}
#blog-title {
	float:left;
	height:35px;
	width:508px;
	color:#000000;
	padding:0px 0px 1px 44px;	
	font-family: 'BourgeoisBook';
	font-size:25px;
	margin-top: -5px;
}
#twitter-title {
	float:left;
	height:35px;
	width:354px;
	color:#fff;
	padding-top:0px;	
	font-family: 'BourgeoisBook';
	font-size:18px;	
	background-image:url(images/twitter-title.png);
	background-repeat:no-repeat;
	background-position:left;
}
#blog-down-gap {
	float:left;
	width:800px;
	height:44px;	
}
#menu-external-links {
	float:left;
	font-size:10px;
	margin-left:28px;
	width:auto;
	height:auto;
}
#menu-external-links a {
	float:left;
	font-size:10px;
	color:#cccccc;
	font-family:Arial, Helvetica, sans-serif;
}
#menu-external-links a:hover {
	color: #000;
	background: #9effff;
	text-decoration: none;
}
#menu-external-links2 {
	float:left;
	font-size:10px;
	margin-left:28px;
	width:auto;
	height:auto;	
	display: none;
}
#menu-external-links2 a {
	float:left;
	font-size:10px;
	color:#cccccc;
	font-family:Arial, Helvetica, sans-serif;
}
#menu-external-links2 a:hover {
	color: #000;
	background: #9effff;
	text-decoration: none;
}
#site-container {
	width:1201px;
	height:auto;
	margin:0px auto;
	position:relative;
}
#our-work {
	display:none;
	float:left;
	height:90px;
}
.sub-menu {
	display:none;
	float:left;
	height:auto;
	width:135px;
}
#capabilities {
	display:none;
	float:left;
	height:67px;
}
#revolution {
	display:none;
	float:left;
	height:67px;
}
#menu-container {
	width:135px;
	height:390px;
	margin:136px 0px 0px 90px;	
	font-size:12px;
	float:left;
}
#hello-container {
	float:left;		
	height:622px;
	width:180px;
	background-image:url(images/ruler.png);
	background-repeat:repeat-y;
	background-position: 0px -12px;
	padding:200px 20px 0px 80px;
	color:#888888;
	font-size:13px;
	line-height: 21px;
	font-family:Arial, Helvetica, sans-serif;
}
#hello-container p {
	display:none;
}
#case-studies-container {
	height:auto;
	width:877px;
	float:left;
	background-image:url(images/ruler.png);
	background-repeat:repeat-y;
	background-position: 0px -12px;
	padding:46px 0px 0px 0px;
}
.list_carousel {
	width: 562px;
	float:left;
	overflow:hidden;
	position:absolute;
	top: -137px;
}		
.list_carousel li {				
	float:left;
}			
.list_carousel2 {
	width: 136px;
	float:left;
	overflow:hidden;
	position:absolute;
	top:-137px;
}		
.list_carousel2 li {							
	float:left;
}
.title {
	width:auto;
	height:25px;
	margin-bottom:5px;
	float:left;
	background-color:#000000;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:5px;
	text-align:center;
	font-size:13px;
	padding:0px 10px 0px 10px;
}
.testimonial {
	float:left;
	width:393px;
	height:auto;
	border-bottom:1px solid #9dffff;
	margin-bottom:45px;
	background: #f5f5f5;
}
.testimonial-column-one {
	float:left;
	width:393px;
	height:auto;
	margin-left:45px;
}
.testimonial-column-two {
	float:left;
	width:393px;
	height:auto;
	margin-left:45px;
}
.testimonial-text {
	float:left;
	width:393px;
	height:auto;
	color:#555555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 21px;
}
.testimonial-profile {
	float:left;
	width:305px;
	height:65px;
	padding:0px 25px 0px 25px;
	margin-bottom:25px;
}
.testimonial-link {
	float:left;
	width:220px;
	height:49px;
	font-family: 'FuturaStdBold';
	font-size:10px;
	color:#000000;
	margin-top:15px;
}
.testimonial-link a {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;	
	text-decoration:none;
}
.testimonial-link a:hover {
	color: #000;
	text-decoration: none;
	background: #9effff;
}
.testimonial-link span {
	float:left;
	width:220px;
	text-transform:uppercase;
	font-family: 'FuturaStdBold';
	font-size:10px;
	color:#000000;
}
.testimonial-profile-picture {
	float:left;
	height:64px;
	width:64px;
	margin-right:20px;	
}
.testimonial-profile-picture img {
	float:left;
	height:64px;
	width:64px;
}
.testimonial-text span {
	float:left;
	padding:5px 25px 0px 25px;
	height:auto;
}
.speech-left {
	float:left;	
}
.speech-right {
	float:right;
}
#faqs {
	float:left;
	height:auto;
	width:390px;
	margin:0px 40px 35px 45px;
}
#web-design {
	float:left;
	height:auto;
	width:768px;
	margin:7px 60px 0px 45px;
}
#faqmenu {
	margin-top:35px;
	float:left;
	width:350px;
	height:auto;
}
#wrapper {
	width: 420px; 
	margin-top:35px;
	background: blue;
}
.accordionButton {	
	width: 390px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	color:#ffffff;
	cursor: pointer;
	line-height:25px;
	padding-left:10px;
	text-transform:uppercase;
	font-size:10px;
	margin-bottom:8px;
	font-family: 'FuturaStdBold';
	height:25px;
	background: #000000;
	background-image:url(images/faq-down-arrow.png);
	background-repeat:no-repeat;
	background-position:right;
}	
.accordionContent {	
	width: 390px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	border-bottom:1px solid #9dffff;
	margin:0px 0px 20px 0px;
	color:#6f6f6f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:21px;
	padding:10px 0px 20px 10px;
}
.accordionContent a {
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #9effff;
}
.accordionContent a:hover {
	background: #9effff;
	text-decoration: none;
}	
#wrapper-contact {
	width: 520px;
	background: #f5f5f5;
	float: left;
	height: auto;
	padding: 35px 45px 30px 45px;
	margin: 15px 0px 20px 0px;
	background-image: url(images/contact-form-bg.png);
	background-position: top right;
	background-repeat: no-repeat;
}
.accordionButton-contact {	
	width: 600px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	color:#ffffff;
	cursor: pointer;
	line-height:25px;
	padding-left:10px;
	text-transform:uppercase;
	font-size:10px;
	margin-bottom:8px;
	font-family: 'FuturaStdBold';
	height:25px;
	background: #000000;
	background-image:url(images/faq-down-arrow.png);
	background-repeat:no-repeat;
	background-position:right;
}
.accordionContent-contact {	
	width: 600px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	color:#555555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:21px;
	padding-top:10px;
}	
.accordionContent-contact h3 {
	font-size: 24px;
	font-family: 'BourgeoisBook';
	color: #000;
	padding: 0;
	margin: 10px 0px 20px 0px;
}
#wrapper2 {
	width: 350px; 
	margin-top:35px;
}
.accordionButton2 {	
	width: 390px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	color:#ffffff;
	cursor: pointer;
	line-height:25px;
	padding-left:10px;
	text-transform:uppercase;
	font-size:10px;
	margin-bottom:8px;
	font-family: 'FuturaStdBold';
	height:25px;
	background: #000000;
	background-image:url(images/faq-down-arrow.png);
	background-repeat:no-repeat;
	background-position:right;
}	
.accordionContent2 {	
	width: 390px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	border-bottom:1px solid #9dffff;
	margin:0px 0px 20px 0px;
	color:#6f6f6f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:21px;
	padding:10px 0px 20px 10px;
}
.accordionContent2 a {
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #9effff;
}
.accordionContent2 a:hover {
	background: #9effff;
	text-decoration: none;
}
.on {
	background: #9effff;
	background-image:url(images/faq-up-arrow.png);
	background-repeat:no-repeat;
	background-position:right;
	color:#000000;
}
#faqmenu li a {
	float:left;
	width:350px;
	background-color:#000000;
	color:#ffffff;
	height:25px;
	margin-bottom:8px;
	font-family: 'FuturaStdBold';
	font-size:10px;
	line-height:25px;
	padding-left:10px;
	text-transform:uppercase;
}
#wrapper3 {
	width: 768px;
}
.accordionButton3 {	
	width: 160px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	color:#ffffff;
	cursor: pointer;
	line-height:25px;
	text-transform:uppercase;
	font-size:10px;
	margin-bottom:8px;
	font-family: 'FuturaStdBold';
	height:38px;
	background: #000000;
	background-image:url(images/open-project.png);
	margin-left:314px;
	margin-bottom:90px;
}
.web-design-title {
	float:left;
	width:130px;
	height:25px;
	padding-left:15px;
	padding-right:15px;
	height:auto;
	background-color:#000000;
	font-family: 'BourgeoisBook';	
	color:#ffffff;
	font-size:22px;
	margin-left:314px;
	margin-top:60px;
}
.accordionContent3 {	
	width: 768px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	padding-bottom:20px;
	color:#b8b8b8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:21px;
	padding-top:10px;
	height:auto;
}
#web-design-item img {	
	border:none;
	padding:0px;
	margin:0px;
	outline:0px;
	float: left;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
} 	
.on3 {
	background: #000000;
	background-image:url(images/close-project.png);
	}
#just-for-fun {
	float:left;
	height:auto;
	width:360px;
	margin-bottom: 35px;
}
#contact-container {
	height:auto;
	width:877px;
	float:left;
	background-image:url(images/ruler.png);
	background-repeat:repeat-y;
	background-position: 0px -12px;
	padding-top:35px;
	padding-bottom:25px;
}
#prop-container {
	height:auto;
	width:832px;
	float:left;
	background-image:url(images/ruler.png);
	background-repeat:repeat-y;
	background-position: 0px -12px;
	padding:35px 0px 0px 0px;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#b8b8b8;
}
#prop-container li a, #prop-container li {
	height:auto;
	float:left;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#555555;
	list-style:none;
	width: 220px;
}
#our-story-header {
	font-family: 'BourgeoisBook';
	font-size:30px;
	color:#000000;
	width:832px;
	height:auto;	
	padding-bottom:35px;
	border-bottom:3px solid #f5f5f5;
	line-height:35px;
	float:left;
	margin:-7px 0px 43px 45px;
}
#our-story-header-below {
	font-family: 'BourgeoisBook';
	font-size:30px;
	color:#000000;
	width:832px;
	height:auto;	
	padding-bottom:35px;
	border-bottom:3px solid #f5f5f5;
	line-height:35px;
	float:left;
	margin:25px 0px 43px 45px;
}
#our-story-header2 {
	font-family: 'BourgeoisBook';
	font-size:30px;
	color:#000000;
	width:832px;
	height:auto;	
	padding-bottom:35px;
	border-bottom:3px solid #f5f5f5;
	line-height:35px;
	float:left;
	margin:-7px 0px 0px 45px;
}
#contact-header {
	font-family: 'BourgeoisBook';
	font-size:30px;
	color:#000;
	width:832px;
	height:auto;	
	padding-bottom:35px;
	border-bottom:3px solid #f5f5f5;
	line-height:35px;
	float:left;
	margin:-7px 0px 18px 45px;
}
#contact-header-temp {
	font-family: 'BourgeoisBook';
	font-size:30px;
	color:#000;
	width:832px;
	height:auto;	
	padding-bottom:60px;
	border-bottom:3px solid #f5f5f5;
	line-height:35px;
	float:left;
	margin:-7px 0px 60px 45px;
}
#our-process-header {
	font-family: 'BourgeoisLight';
	font-size:30px;
	color:#6f6f6f;
	width:832px;
	height:auto;	
	padding-bottom:35px;
	border-bottom:3px solid #f5f5f5;
	line-height:35px;
	float:left;
	margin:0px 0px 10px 45px;
}
.our-story-item {
	float:left;
	width:877px;
	height:auto;
	margin-bottom:40px;
}
#contact-content {
	float:left;
	width:832px;
	height:auto;
	padding-left:45px;
}
.requirement-column {
	float:left;
	width:240px;
	height:auto;
	margin:0px 11px 0px 0px;
}
.requirement-column-right {
	float:left;
	width:240px;
	height:auto;
}
.requirement, .budget {
	float:left;
	width:240px;
	height:37px;
	background-color:#bebebe;
	color:#fff;
	line-height:37px;
	text-align:center;
	font-family: 'FuturaStdBold';
	font-size:11px;
	letter-spacing:1px;
	text-transform:uppercase;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin:0px 0px 11px 0px;
}
.requirement:hover, .requirement.selected, .budget:hover, .budget.selected {
	background-color:#000;
	cursor:pointer;	
}
.budget.error {
	background-color:#B60101;
}
#hire-content .requirement.error {
	background-color:#B60101;
}
#contact-content #hire-content h2, #contact-content #hire-bottom-left h2 {
	font-family: 'FuturaStdBold';
	color:#000;
	font-size:19px;
	margin:0px 0px 15px 0px;	
}
#hire-content input#name, #hire-content input#email, #hire-content input#brandname, #hire-content input#website {
	float:left;
	background-color:#fff;
	width:223px;
	margin:0px 11px 0px 0px;
	height:35px;
	padding:0px 0px 0px 15px;
	border:1px solid #fff;
	font-family: 'BourgeoisBook';
	color:#b4b3b3;
	font-size:19px;
	line-height:35px;
}
.hire-row img {
	float:left;
	margin:0px 11px 0px 0px;
}
#hire-content input#submit {
	width:240px;
	height:37px;
	line-height:37px;
	border:0px;
	text-transform:uppercase;
	background-color:#000;
	color:#fff;
	font-family: 'FuturaStdBold';
	font-size:11px;
	text-align:center;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
}
#hire-content input#name.error, #hire-content input#phone.error, #hire-content input#email.error, #hire-content textarea#message.error, #hire-content input#captcha.error {
	border:1px solid #B60101;
}
#hire-content input#submit:hover {
	background-color:#a5ffff;
	color:#000;
}
#hire-content input#captcha {
	float:left;
	background-color:#fff;
	width:125px;
	margin:0px 0px 0px 0px;
	height:35px;
	padding:0px 0px 0px 15px;
	font-family: 'BourgeoisBook';
	color:#b4b3b3;
	font-size:19px;
	line-height:35px;
	border:1px solid #fff;
}
#hire-content input#phone, #hire-content input#industry {
	float:left;
	background-color:#fff;
	width:223px;
	border:1px solid #fff;
	margin:0px 0px 0px 0px;
	height:35px;
	padding:0px 0px 0px 15px;
	font-family: 'BourgeoisBook';
	color:#b4b3b3;
	font-size:19px;
	line-height:35px;
}
#hire-content textarea {
	height:88px;
	border:1px solid #fff;	
	float:left;
	width:710px;
	background-color:#fff;
	padding:15px;
	font-family: 'BourgeoisBook';
	color:#b4b3b3;
	font-size:19px;
	margin:0px 0px 11px 0px;
}
.missed-field, .message-sent {
	float:left;
	height:auto;
	width:742px;
	display:none;
	margin:20px 0px 0px 0px;
	font-family: 'FuturaStdBold';
	font-size:13px;
}
.missed-field {
	color:#B60101;
}
.message-sent {
	color:#0E8F07;
}
#hire-content {
	float:left;
	width:742px;
	height:auto;
	padding:45px;
	background-color:#f5f5f5;
	margin:14px 0px 45px 0px;
}
#hire-bottom {
	float:left;
	width:832px;
	height:auto;	
	margin:0px 0px 10px 0px;
}
#hire-bottom-right {
	width:458px;
	float:left;
	height:204px;
	margin:0px 0px 10px 0px;
}
#hire-bottom-left {
	float:left;
	width:374px;
	hight:204px;
}
#hire-bottom-left-left {
	float:left;
	width:180px;
	height:204px;
	font-family: arial, sans-serif;
	color:#727272;
	font-size:13px;
}
#hire-bottom-left-right {
	float:left;
	width:194px;
	height:127px;
	font-family: arial, sans-serif;
	color:#727272;
	font-size:13px;
	padding:77px 0px 0px 0px;
}
#hire-bottom-left-left span {
	color: #000;
}
#hire-bottom-left-left a, a.temp-link {
	color: #000;
	border-bottom: 1px solid #9effff;
}
#hire-bottom-left-left a:hover, a.temp-link:hover {
	background: #9effff;
}
#hire-bottom-left-left h3 {
	font-family: 'FuturaStdBold';
	color: #000;
	font-size: 13px;
	margin:0px 0px 10px 0px;
}
.hire-row {
	float:left;
	width:742px;
	height:auto;
	margin:0px 0px 20px 0px;
}
.hire-row-bottom {
	float:left;
	width:742px;
	height:auto;
	margin:0px 0px 0px 0px;
}
.wpcf7 p {
	color: #000;
	font-size: 10px;
	text-transform: uppercase;
	font-family: 'FuturaStdBold';
}
.wpcf7-text {
	background: red;
}
.wpcf7-checkbox {
	padding: 0px;
	margin-left: -10px;
}
.wpcf7-list-item {
	margin: 0px 0px 0px -10px;
	padding: 0px;
}
.wpcf7-submit {
	background: #000;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0px 0;
	padding: 5px 22px 5px 22px;
	font-family: 'FuturaStdBold';
	position: relative;
}
.wpcf7-submit:hover {
	background: #9effff;
	color: #000;
}
.what-we-can-do-item {
	float:left;
	width:832px;
	height:auto;
	border-bottom:1px solid #9dffff;
	padding:0px 0px 30px 45px;
	margin-bottom:43px;
}
#our-process-item {
	float:left;
	width:542px;
	height:auto;
	padding:0px 0px 30px 45px;
	margin-bottom:43px;
	font-size: 14px;
	line-height: 21px;
	color: #555555;
}
#our-process-item h1 {
	font-family: 'BourgeoisBook';
	width: auto;
	height: auto;
	margin:40px 0px 40px 0px;
}
#our-process-item h1 span {
	background: #000;
	color: #fff;
	font-size: 23px;
	padding: 10px;
}
#our-process-image {
	height: 1435px;
	width: 169px;
	float: left;
	margin-left: 45px;
	padding-left: 0px;
	padding-top: 40px;
}
#prop-item {
	float:left;
	width:230px;
	height:auto;
	padding:0px 0px 0px 45px;
	margin-bottom:43px;
	list-style:none;
}
#prop-item h1 {
	margin-bottom: 20px;
}
#prop-item2 h1 {
	margin-bottom: 20px;
}
.prop-item2 h1 {
	margin-bottom: 20px;
}
#prop-item h1 span {
	font-family: 'BourgeoisBook';
	font-size:23px;
	color:#fff;
	background: #000;
	padding: 10px;
}
.prop-item2 h1 span {
	font-family: 'BourgeoisBook';
	font-size:23px;
	color:#fff;
	background: #000;
	padding: 10px;
}
#prop-item2 h1 span {
	font-family: 'BourgeoisBook';
	font-size:23px;
	color:#fff;
	background: #000;
	padding: 10px;
}
#prop-item3 h1 span {
	font-family: 'BourgeoisBook';
	font-size:23px;
	color:#fff;
	background: #000;
	padding: 10px;
}
#contact-container h2 {
	font-family: 'BourgeoisLight';
	font-size:30px;
	color:#6f6f6f;
}
#prop-item li a {
	width:auto;
	display:block;
	height:auto;
	color:#555;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	border-bottom: 1px solid #9effff;
	padding: 0px;
	margin: 0px;
	line-height: 19px;
	padding-top: 4px;
}
#prop-item li a:hover {
	background-color: #9effff;
	text-decoration: none;
}
#rss {
	float:left;
}
#rss-share {
	float:left;
	margin-top:10px;
	margin-left:10px;
}
#prop-item2 {
	float:left;
	width:230px;
	height:auto;
	padding-bottom:30px;
	margin:0px 0px 43px 40px;
	list-style:none;
	color:#6f6f6f;
}
.prop-item2 li {
	color:#6f6f6f;
}
.prop-item2 {
	float:left;
	width:230px;
	height:auto;
	padding-bottom:30px;
	margin-bottom:0px 0px 43px 40px;
	margin-left:40px;
	list-style:none;
	color:#6f6f6f;
}
#prop-item2 h1 {
	font-family: 'BourgeoisLight';
	font-size:30px;
	color:#6f6f6f;
}
#site-map-item {
	float:left;
	width:787px;
	height:auto;
	border-bottom:1px solid #9dffff;
	padding:15px 0px 15px 45px;
}
.site-map-item {
	float:left;
	width:837px;
	height:auto;
	border-bottom:1px solid #9dffff;
	padding:15px 0px 15px 45px;
}
#site-map-item-top {
	float:left;
	width:837px;
	height:auto;
	border-bottom:1px solid #9dffff;
	padding:0px 0px 15px 45px;
}
.case-studies-site-map {
	float:left;
	height:auto;
	width:230px;
}
.web-design-site-map {
	float:left;
	height:auto;
	width:230px;
}
.web-design-site-map h3 {
	font-size:10px;
	color:#000000;
	font-family: 'FuturaStdBold';
	text-transform:uppercase;
	margin-bottom:10px;
}
.web-design-site-map h3 a {
	font-size:10px;
	color:#000000;
	font-family: 'FuturaStdBold';
	text-transform:uppercase;
	margin-bottom:10px;
	text-decoration:none;
}
.web-design-site-map h3 a:hover {
	background-color:#9effff;
	font-size:10px;
	color:#000000;
	font-family: 'FuturaStdBold';
	text-transform:uppercase;
	margin-bottom:10px;
	text-decoration:none;
}
.print-site-map {
	float:left;
	height:auto;
	width:190px;
}
.print-site-map h3 {
	font-size:10px;
	color:#000000;
	font-family: 'FuturaStdBold';
	text-transform:uppercase;
	margin-bottom:10px;
}
.print-site-map h3 a {
	font-size:10px;
	color:#000000;
	font-family: 'FuturaStdBold';
	text-transform:uppercase;
	margin-bottom:10px;
	text-decoration:none;
}
.print-site-map h3 a:hover {
	background-color:#9effff;
	font-size:10px;
	color:#000000;
	font-family: 'FuturaStdBold';
	text-transform:uppercase;
	margin-bottom:10px;
	text-decoration:none;
}
.logo-design-site-map {
	float:left;
	height:auto;
	width:118px;
}
.logo-design-site-map h3 {
	font-size:10px;
	color:#000000;
	font-family: 'FuturaStdBold';
	text-transform:uppercase;
	margin-bottom:10px;
}
.logo-design-site-map h3 a {
	font-size:10px;
	color:#000000;
	font-family: 'FuturaStdBold';
	text-transform:uppercase;
	margin-bottom:10px;
	text-decoration:none;
}
.logo-design-site-map h3 a:hover {
	background-color:#9effff;
	font-size:10px;
	color:#000000;
	font-family: 'FuturaStdBold';
	text-transform:uppercase;
	margin-bottom:10px;
	text-decoration:none;
}
.case-studies-site-map h3 {
	font-size:10px;
	color:#000000;
	font-family: 'FuturaStdBold';
	text-transform:uppercase;
	margin-bottom:10px;
}
.case-studies-site-map h3 a {
	font-size:10px;
	color:#000000;
	font-family: 'FuturaStdBold';
	text-transform:uppercase;
	margin-bottom:10px;
	text-decoration:none;
}
.case-studies-site-map h3 a:hover {
	background-color:#9effff;
	font-size:10px;
	color:#000000;
	font-family: 'FuturaStdBold';
	text-transform:uppercase;
	margin-bottom:10px;
	text-decoration:none;
}
.site-map-item h2 {
	font-family: 'BourgeoisBook';
	font-size:23px;
	padding:0px;
	margin:3px 0px 20px 0px;
	width:817px;
	height:auto;
	background: #000;
	color: #fff;
	padding: 10px;
}
.site-map-item h2 a {
	font-family: 'BourgeoisBook';
	color: #fff;
	text-decoration:none;
}
.site-map-item h2 a:hover {
	font-family: 'BourgeoisBook';
	color: #9effff;
	text-decoration:none;
}

#site-map-item h2 a {
	font-family: 'BourgeoisBook';
	color: #fff;
	text-decoration:none;
}
#site-map-item h2 a:hover {
	font-family: 'BourgeoisBook';
	color: #9effff;
	text-decoration:none;
}
#site-map-item h2 {
	font-family: 'BourgeoisBook';
	font-size:23px;
	padding:0px;
	margin:3px 0px 0px 0px;
	width:817px;
	height:auto;
	background: #000;
	color: #fff;
	padding: 10px;
}
#site-map-item-top h2 {
	font-family: 'BourgeoisBook';
	font-size:23px;
	padding:0px;
	margin:3px 0px 20px 0px;
	width:837px;
	height:auto;
	background: #000;
	color: #fff;
	padding: 10px;
}
#what-we-can-do-item2 {
	float:left;
	width:787px;
	height:auto;
	border-bottom:1px solid #9dffff;
	padding-left:45px;
	padding-bottom:30px;
}
.what-we-can-do-left {
	float:left;
	width:114px;
	height:auto;
	text-align:center;
	color:#000000;
	font-size:10px;
	text-transform:uppercase;
	font-family: 'FuturaStdBold';
	margin-right:36px;
}
.what-we-can-do-right {
	float:left;
	width:652px;
	height:auto;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#555555;
	padding-right:20px;
	line-height: 21px;
}
.what-we-can-do-right a {
	color: #000;
	border-bottom: 1px solid #9effff;
	font-weight: bold;
}
.what-we-can-do-right a:hover {
	background-color: #9effff;
	text-decoration: none;
}
.what-we-can-do-right h2 {
	margin-bottom: 25px;
	width: 652px;
}
.what-we-can-do-right h2 span {
	font-family: 'BourgeoisBook';
	font-size: 23px;
	background: #000;
	color: #fff;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	clear:both;
}
.our-story-line {
	float:left;
	width:45px;
	height:17px;
	border-bottom:1px solid #9dffff;	
	margin-left:1px;
}
a.join-the-revolution {
	color:#000000;
	border-bottom:1px solid #9dffff;
	text-decoration:none;
	font-family: 'FuturaStdBold';
	font-size:9px;
	float:left;
	text-transform:uppercase;
	margin:2px 0px 20px 10px;
}
a.join-the-revolution:hover {
	color:#000000;
	border-bottom:1px solid #9dffff;
	text-decoration:none;
	font-family: 'FuturaStdBold';
	font-size:9px;
	float:left;
	background: #9effff;
	margin-bottom:20px;
	text-transform:uppercase;
}
a.join-the-revolution-share {
	color:#000000;
	text-decoration:none;
	font-family: 'FuturaStdBold';
	font-size:9px;
	float:left;
	text-transform:uppercase;
	margin:2px 10px 20px 0px;
}
a.join-the-revolution-share:hover {
	color:#000000;
	text-decoration:underline 1px solid #9effff;
	
	font-family: 'FuturaStdBold';
	font-size:9px;
	float:left;
	margin-bottom:20px;
	text-transform:uppercase;
}
.blog-sidebar-title {
	float:left;
	margin-top:20px;
	width: 135px;
	border-bottom: 1px solid #9effff;
}
.blog-sidebar-title-cat {
	float:left;
	margin-top:5px;
	width: 135px;
		border-bottom: 1px solid #9effff;
}
.blog-sidebar-title-tweets {
	float:left;
	margin-top:0px;
	width: 135px;
}
.blog-sidebar-title-tweets img {
	padding: 0;
	margin: 0;
}
#category-list {
	float:left;
	list-style:none;
}
#category-list li {
	margin:0px;
	padding:0px;
}
#category-list li a {
	color:#7a7a7a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
}
.category-list li a:hover {
	color: #000;
	text-decoration: none;
	background: #9effff;
}
.category-list {
	float:left;
	list-style:none;
	margin-bottom: 15px;
}
.category-list li {
	margin:0px;
	padding:0px;
}
.category-list li a {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background: #000;
	padding: 5px;
	width: auto;
	height: auto;
	font-weight:bold;
}
#category-list-site-map {
	float:left;
	list-style:none;
}
#category-list-site-map li {
	margin:0px;
	padding:0px;
}
.category-list-site-map {
	float:left;
	list-style:none;
}
.category-list-site-map li {
	margin:0px;
	padding:0px;
}
.category-list-site-map li a {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
}
.category-list-site-map li a:hover {
	color:#000000;
	background-color:#9effff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
}
#links-list {
	float:left;
	list-style:none;
}
#links-list li {
	margin:0px;
	padding:0px;
}
#links-list li a {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background: #000;
	background-position: top right;
	background-repeat: no-repeat;
	padding: 5px;
	width: auto;
	height: auto;
	font-weight: bold;
}
#links-list li a:hover {
	color:#000;
	background: #9effff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}
.our-story-info {
	float:left;
	width:430px;
	height:auto;	
	margin-left:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#555555;
	padding:20px 0px 0px 30px;
	line-height: 21px;
}
.our-story-info a {
	font-weight: bold;
	color: #000;
	border-bottom: 1px solid #9effff;
	text-decoration: none;
}
.our-story-info a:hover {
	text-decoration: none;
	background: #9effff;
}
.our-story-title {
	float:left;
	width:490px;
	height:35px;
	color:#ffffff;
	background-color:#000000;
	background-image:url(images/our-story-title.png);
	background-repeat:no-repeat;
	background-position:left;	
	font-family: 'FuturaStdBold';
	color:#ffffff;
	line-height:35px;
	font-size:10px;
	text-transform:uppercase;
	padding-left:30px;
}
.event-container {
	float: left;
	width: 490px;
	height: auto;
}
.our-story-image {
	float:left;
	width:341px;
	height:auto;
	border-top: 2px solid #000;
}
.pagenavi {
	float:left;
	width:auto;
	height:auto;
	padding-left:45px;
}
.pagenavi-share {
	float:left;
	width:auto;
	height:auto;
	margin-top:40px;
}
#share-centre-container {
	height:auto;
	width:787px;
	float:left;
	background-image:url(images/ruler.png);
	background-repeat:repeat-y;
	background-position: 0px -12px;
	padding:46px 0px 70px 0px;
}
#dwd-blog-container {
	height:auto;
	width:832px;
	float:left;
	background-image:url(images/ruler.png);
	background-repeat:repeat-y;
	background-position: 0px -12px;
	padding:46px 0px 70px 0px;
}
.blog-post-content img:hover {
	background-color:#ffffff;
	padding:none;
	margin:none;
}
a.continue-reading-arrow img {
	float:left;
	margin:0px;
	padding:0px;
	outline:0px;
}
#post-blog-link img {
	text-decoration:none;
	margin:0px;
	padding:0px;
	outline:0px;
	border-bottom:1px solid #ff0000;;
}
.blog-post-content img {
	background-color:#ffffff;
	padding:0px;
	margin:0px;
}
#blog-main {
	float:left;
	height:auto;
	width:697px;
	margin-right:45px;
	padding-top: 40px;
}
#contact-main {
	float:left;
	height:auto;
	width:610px;
	margin-right:45px;
}
#blog-post {
	float:left;
	height:auto;
	width:600px;
	padding-left:45px;
	border-bottom:1px solid #9effff;
	padding:0px 0px 20px 0px;
}
#blog-post-actual {
	float:left;
	height:auto;
	width:697px;
	padding:0px 0px 0px 0px;
	
}
.blog-post-actual {
	float:left;
	height:auto;
	width:697px;
	padding:0px 0px 0px 0px;
}
.blog-post-search {
	float:left;
	height:auto;
	width:652px;
	padding:10px 0px 10px 45px;
	border-bottom:1px solid #9effff;
}
.blog-post-search a {
	color: #000;
	border-bottom: 1px solid #9effff;
}
.blog-post-search a:hover {
	background: #9effff;
	text-decoration: none;
}
.blog-post-search h1 {
	font-weight: bold;
}
.blog-post-search-title {
	float:left;
	color:#000000;
	font-size:18px;
	font-weight:bold;
	margin-top:5px;
	width:625px;
	height:auto;	
	font-family: 'BourgeoisBook';
}
#blog-post-single {
	float:left;
	height:auto;
	width:600px;
	padding:0px 0px 20px 45px;
	border-bottom:1px solid #9effff;
}
#blog-post-title {
	float:left;
	width:400px;
	color:#ffffff;
	height:auto;
	line-height:35px;
	color:#ffffff;
	font-size:28px;
	font-family: 'BourgeoisBook';
}
#blog-post-title-archive {
	float:left;
	width:200px;
	padding:0px 20px 0px 20px;
	color:#ffffff;
	height:auto;
	background-color:#000000;
	line-height:35px;
	color:#ffffff;
	font-size:13px;
	font-family: 'BourgeoisLight';
}
#blog-post-title-archive a {
	color:#ffffff;
	font-family: 'BourgeoisLight';
}
#category-container {
	width:600px;
	padding-left:45px;
	float:left;
	height:auto;
}
#blog-post-date {
	float:left;
	width:auto;
	padding:0px 20px 0px 20px;
	color:#000000;
	font-size:16px;
	font-family: 'BourgeoisLight';
	height:35px;
	background-color:#ffffff;
	line-height:35px;
}
#blog-post-category {
	float:left;
	width:600px;
	height:auto;
	padding-left: 45px;
	margin:15px 0px 15px 0px;
	font-size: 10px;
	font-weight: bold;
	font-family: arial, sans-serif;
	text-transform: uppercase;
}
.blog-post-category {
	float:left;
	width:600px;
	height:auto;
	color: #bababa;
	padding-left: 0px;
	margin:15px 0px 15px 0px;
	font-size: 10px;
	font-weight: bold;
	font-family: arial, sans-serif;
	text-transform: uppercase;
}
#comments {
	float:left;
	height:auto;
	width:600px;
	margin-top:0px;
}
.thanks {
	float:left;
	height:40px;
	width:600px;
	margin-top:20px;
	border-bottom:1px solid #9effff;
	border-top:1px solid #9effff;
	padding-left:45px;
	line-height:40px;
	font-size:18px;
	font-family: 'BourgeoisLight';
}
#number-comments {
	float:left;
	width:53px;
	height:54px;
	background-image:url(images/number-comments-bg.png);
	color:#ffffff;
	font-family: 'FuturaStdBold';
	font-size:15px;
	text-align:center;
	line-height:54px;
	padding-left:5px;
}
#have-spoken {
	float:left;
	width:auto;
	height:54px;
	color:#000000;
	font-family: 'BourgeoisBook';
	font-size:28px;
	line-height:54px;
	margin-left:5px;
}
.blog-post-category a {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	text-transform:uppercase;
	border-bottom:1px solid #9effff;
	text-decoration:none;
	font-weight: bold;
}
.blog-post-category a:hover {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	background: #9effff;
	text-transform:uppercase;
	border-bottom:1px solid #9effff;
	text-decoration:none;
}
.blog-post-content img {
	border:0px;
	padding:0px;
	outline:0px;
	margin:10px 0px 10px 0px;
}
#blog-post-content {
	float:left;
	width:652px;
	height:auto;
	color:#555555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 21px;
	padding-left: 45px;
	border-bottom: 2px solid #9effff;
}
.blog-post-content a {
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #9effff;
}
.blog-post-content a:hover {
	background: #9effff;
	text-decoration: none;
}
.blog-post-content-single a {
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #9effff;
}
.blog-post-content-single img {
	max-width:100%;
	height: auto;
	width: auto;
}
.blog-post-content-single pre {
	padding:10px;
	width:632px;
	margin-bottom:20px;
	height:auto;
	color:#000000;
	background-color:#f5f5f5;
	word-wrap: break-word;
}
.blog-post-content-single a:hover {
	background: #9effff;
	text-decoration: none;
}
.blog-post-content h2 {
	color: #000;
	font-family: 'BourgeoisBook';
	font-size: 24px;
	width: auto;
	border-bottom: 1px solid #9effff;
	margin: 0px 0px 20px 0px;
}
.blog-post-content-single h1 {
	color: #000;
	font-family: 'BourgeoisBook';
	font-size: 24px;
	width: auto;
	margin: 0px 0px 20px 0px;
}
.blog-post-content-single h2 {
	color: #000;
	font-family: 'FuturaStdBold';
	font-size: 16px;
	width: auto;
	margin: 0px 0px 20px 0px;
}
.blog-post-content-single h3 {
	font-family: 'BourgeoisBook';
	font-size: 24px;
	width: auto;
	margin: 0px 0px 20px 0px;
	color: #000;
}
.blog-post-content-single h4 {
	font-family: 'FuturaStdBold';
	font-size: 13px;
	width: auto;
	margin: 0px 0px 20px 0px;
	color: #000;
}
.blog-post-content-single li {
	list-style-type: square;
	margin: 5px 0px 5px 25px;
}
.blog-post-content-single ul {
	margin: 10px 0px 30px 0px;
}
.blog-post-content li {
	list-style-type: square;
	margin: 5px 0px 5px 25px;
}
.blog-post-content ul {
	margin: 10px 0px 20px 0px;
}
.blog-post-content {
	float:left;
	width:622px;
	height:auto;
	color:#555555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 21px;
	padding:0px 0px 0px 0px;
}

.blog-post-content-single {
	float:left;
	width:652px;
	height:auto;
	color:#555555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 21px;
	padding:0px 0px 0px 45px;
}

#blog-post-title a {
	color:#ffffff;
	font-size:28px;
	font-family: 'BourgeoisBook';
	background: #000;
	padding: 9px;
}
#blog-right {
	float:left;
	height:auto;
	width:125px;
	padding-bottom:10px;
}
#blog-right-actual {
	float:left;
	height:auto;
	width:135px;
	padding-bottom:10px;
	margin-top:40px;
}
#contact-right {
	float:left;
	height:auto;
	width:135px;
	margin-top:15px;
	padding: 20px 20px 0px 20px;
	font-family: arial, sans-serif;
	color:#727272;
	font-size:13px;
	background: #f5f5f5;
}
#contact-right img {
	vertical-align: middle;
	float: left;
}
#contact-right h2 {
	font-family: 'FuturaStdBold';
	color: #000;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
}
#contact-right a {
	color: #000;
	border-bottom: 1px solid #9effff;
}
#contact-right a:hover {
	background: #9effff;
}
#contact-right span {
	color: #000;
}
#buy-the-book {
	padding-bottom:10px;
}
#buy-the-book:hover {
	opacity: 0.3;
}
a img #buy-the-book {
	border: 0;
}
#footer-titles {
	float:left;
	height:17px;
	width:630px;
}
#footer-titles img {
	float:left;
}
#blog-navigation {
	float:left;
	width:797px;
	height:auto;
	margin:20px 0px 0px 0px;
}
#blog-post-link {
	float:left;
	width:652px;
	height:auto;
	margin-top:20px;
}
.blog-post-link {
	float:left;
	width:652px;
	height:auto;
	margin:20px 0px 25px 0px;
}
.blog-post-author-image {
	float:left;
	width:80px; 
	height:80px;
	margin-right:35px;
}
.blog-post-author-name {
	float:left;
	color: #fff;
	padding: 5px 5px 0px 5px; 
	height:20px;
	font-family: 'FuturaStdBold';
	font-size:10px;	
	text-transform: uppercase;
background: #000;
}
.blog-post-author-description {
	float:left;
	width:510px; 
	height:auto;
	margin-top:10px;
	line-height: 21px;
	color:#555555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.blog-post-author-description a {
	color: #000;
	border-bottom: 1px solid #9effff;
}
.blog-post-author-description a:hover {
	text-decoration: none;
	background: #9effff;
}
#blog-post-author {
	float:left;
	width:652px;
	height:auto;
	padding:5px 0px 0px 45px;
}
#blog-post-author h2 {
	font-family: 'BourgeoisBook';
	font-size:17px;	
	text-transform: capitalize;
}
#blog-post-share {
	float:left;
	width:607px;
	height:auto;
	padding:20px 0px 10px 45px;
	font-family: 'FuturaStdBold';
	font-size:10px;	
	background-color:#f5f5f5;
	color: #000;
	margin:45px 45px 0px 45px;
}
#case-study-post-share {
	float:left;
	width:787px;
	height:auto;
	font-family: 'FuturaStdBold';
	font-size:10px;	
	background-color:#f5f5f5;
	padding:20px 0px 10px 45px;
	margin:20px 0px 0px 45px;
}
.fb-like {
	float:left;
	width:390px;
	height:auto;
}
.tweet {
	float:left;
	width:260px;
	height:auto;
}
.tweet-blog {
	float:left;
	width:100px;
	height:auto;
}
.tweet a {
	color: #fff;
	border-bottom: 1px solid #9effff;
	font-weight: bold;
}
.tweet a:hover {
	text-decoration: none;
	background-color: #9effff;
	color: #000000;
}
#shine-tweet-content .tweet a {
	text-decoration: none;
	color: #000000;
}
#shine-tweet-content .tweet a:hover {
	text-decoration: none;
	background-color: #9effff;
	color: #000000;
}
a.continue-reading {
	color:#ffffff;
	text-decoration:none;
	width:auto;
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 10px 0px 10px;
	font-weight: bold;
	background-color:#000000;
	font-size:10px;
	float:left;
}
a.continue-reading-arrow {
	color:#000000;
	font-size:14px;
	text-decoration:none;
	float:left;
	width:auto;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-bottom:0px;
}
.wp-pagenavi {
	float:left;
	width: 652px;
	height: auto;
	margin-left: 45px;
	text-align:center;
}
.wp-pagenavi .current {
	background: #000;
	height: 50px;
	display:inline-block;
	color: #fff;
	width: 50px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	text-align: center;
	line-height:50px;
	margin:0px 3px 6px 3px;
}
.wp-pagenavi a {
	background: #f5f5f5;
	color: #000;
	width: 50px;
	height: 50px;
	padding: 0px 0px 0px 0px;
	display:inline-block;
	text-align: center;
	line-height:50px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 3px 6px 3px;
}
.wp-pagenavi .extend {
	display:none;
}
.wp-pagenavi a:hover {
	background: #9effff;
	text-decoration: none;
}
a.continue-reading:hover {
	color:#000;
	float:left;
	text-decoration:none;
	padding-top:2px;
	width:auto;
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding-left:10px;
	padding-right:10px;
	background-color:#9effff;
	font-size:10px;
}
a.continue-reading-arrow:hover {
	color:#000000;
	font-size:14px;
	text-decoration:none;
}
.share-centre-item {
	width:227px;
	padding-top:20px;
	border-bottom:1px solid #9cfdfd;
	float:left;
	font-size:13px;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#b8b8b8;
}
.share-centre-item-text {
	width:227px;
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #9cfdfd;
	float:left;
	font-size:13px;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#b8b8b8;
}
.share-centre-item-text h2 {
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:19px;
	margin-bottom:20px;
	color:#000000;
}
.share-centre-item h2 {
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:19px;
	margin-bottom:20px;
	color:#000000;
}
.share-centre-item-text h2 a {
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:19px;
	margin-bottom:20px;
	color:#000000;
	text-decoration:none;
}
.share-centre-item-text h2 a:hover {
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:19px;
	margin-bottom:20px;
	color:#000000;
	text-decoration:none;
	border-bottom:1px solid #9cfdfd;
}
.share-centre-item-text h2 a:active {
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:19px;
	margin-bottom:20px;
	color:#000000;
	text-decoration:none;
}
.share-centre-item-text h2 a:visited {
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:19px;
	margin-bottom:20px;
	color:#000000;
	text-decoration:none;
}
#share-centre {
	width:832px;
	float:left;
	height:auto;
	margin-bottom:30px;
	padding-left:45px;
}
#image-column {
	float:left;
	width:227px;
	height:auto;
	margin-right:40px;	
}
#text-column {
	float:left;
	width:227px;
	height:auto;
	margin-right:40px;	
}
#case-study-menu-holder {
	float:left;
	height:auto;
	width:auto;
	padding-left:30px;
}
.logo-menu-holder-box {
	float:left;
	height:auto;
	width:267px;
	border:none;
	outline:none;
	margin-left:15px;
}
#logo-menu-holder-box-left {
	float:left;
	height:auto;
	width:267px;
	margin-left:45px;
	outline:none;
}
#foo5 li img:hover {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.black-text {
	color:#000000;
}
#hello-container h1 {
	font-size:30px;
	color:#000000;
	font-family: 'BourgeoisBook';
}
#hello-container a {
	float: left;
	margin-top: 10px;
	text-decoration:none;
	color:#000000;
	border-bottom:1px solid #9effff;
	font-weight: bold;
}
#hello-container a:hover {
	text-decoration:none;
	color:#000000;
	background: #9effff;
}
#slideshow-container {
	height:822px;
	width:562px;
	float:left;
	position:relative;
	z-index:1
}
#slideshow-container-logo {
	height:822px;
	width:543px;
	float:left;
	position:relative;
	z-index:1
}
#slideshow-container-web {
	height:auto;
	width:769px;
	float:left;
	position:relative;
	z-index:1
}
#web-design-info {
	float:left;
	width:832px;
	height:auto;
	border-bottom:1px solid #9cfdfd;
	padding:0px 0px 30px 45px;
}
.web-design-rationale {
	float:left;
	width:500px;
	height:auto;
	color:#c4c4c4;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:45px;
}
.web-design.rationale span {
	color:#656565;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	width:500px;
	height:auto;
	float:left;
}
.web-design-rationale h2 {
	font-family: 'FuturaStdBold';
	color:#000000;
	font-size:10px;
	text-transform:uppercase;
	padding-bottom:10px;
}
.web-design-tech {
	float:left;
	width:170px;
	height:auto;
	font-family: 'FuturaStdBold';
	font-size:10px;
	text-transform:uppercase;
	color:#b2b2b2;
}
.web-design-tech li {
	margin-bottom:5px;
}
.web-design-tech h2 {
	color:#818181;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:10px;
}
#slideshow-container2 {
	float:left;
	height:822px;
	width:136px;
	position:relative;
	z-index:1
}
#slideshow2-control {
	float:left;
	width:37px;
	height:300px;
	padding-top:488px;
}
#blog-container {
	float:left;
	height:auto;
	width:100%;
	background-color:#000;
	padding:0px 0px 40px;
}
.blog-post-container {
	width: 100%;
	height: auto;
	float: left;
	padding-left: 45px;
	margin-bottom: 45px;
	box-sizing: border-box;
}
.blog-post-containerinside {
	float:left;
	width:100%;
	height:auto;	
	background: #f5f5f5;
	padding: 0px 15px 0px 15px;
	box-sizing: border-box;
}
#blog-content {
	width:1201px;
	height:auto;
	margin:0px auto;
	background-color:#000;
}
#blog {
	float:left;
	width:1125px;
	height:auto;
	max-width:100%;
}
#blog h1 {
	margin-left:50px;	
}
.menu-logo {
	float:left;
	margin-right:12px;
}
.menu-logo-left {
	float:left;
	margin:0px 12px 0px 12px;
}
#dwd-image-container {
	background-image:url(images/dwd-image-bg.png);
	background-repeat:repeat-x;
	float:left;
	height:290px;
	width:100%;
}
#dwd-image-content {
	background-image:url(images/dwd-image.png);
	width:1201px;
	height:290px;
	margin:0px auto;
}
#dwd-image-ruler-gap {
	float:left;
	width:225px;
	height:290px;
}
#dwd-image {
	float:left;
	width:900px;
	height:290px;
	background-image:url(images/ruler.png);
	background-repeat:repeat-y;
	background-position: 0px -5px;
}
#stats-container {
	background-color:#000000;
	float:left;
	height:auto;
	width:100%;
}
#stats-new {
	background-image:url(images/stats.png);
	background-repeat:no-repeat;
	width:1201px;
	height:auto;
	margin:0px auto;

}
#stats-content {
	background-repeat:no-repeat;
	width:1201px;
	height:176px;
	margin:0px auto;
}
#stats-content2 {
	width:1201px;
	height:528px;
	margin:0px auto;
	display:none;
}
.stats-content-more1 {
	background-repeat:no-repeat;
	width:1201px;
	height:176px;
	margin:0px auto;
}
.stats-content-more2 {
	background-repeat:no-repeat;
	width:1201px;
	height:176px;
	margin:0px auto;
}
.stats-content-more3 {
	background-repeat:no-repeat;
	width:1201px;
	height:176px;
	margin:0px auto;
}
a.share-centre-footer {
	float:left;
	display:block;
	height:17px;
	width:110px;
	background-image:url(images/share-centre-footer.png);	
	margin-left:5px;
}
a.share-centre-footer:hover {
	float:left;
	display:block;
	height:17px;
	width:110px;
	background-image:url(images/share-centre-footer.png);	
	background-position:0px -17px;
}
a.contact-footer {
	float:left;
	display:block;
	height:17px;
	width:56px;
	background-image:url(images/contact-footer.png);	
	margin-left:5px;
}
a.contact-footer:hover {
	float:left;
	display:block;
	height:17px;
	width:56px;
	background-image:url(images/contact-footer.png);	
	background-position:0px -17px;
}
a.twit-logo {
	float:left;
	display:block;
	height:17px;
	width:14px;
	background-image:url(images/twit-logo.png);	
}
a.twit-logo:hover {
	float:left;
	display:block;
	height:17px;
	width:14px;
	background-image:url(images/twit-logo.png);	
	background-position:0px -17px;
}
a.twit-logo-rev {
	margin-top:8px;
	float:left;
	display:block;
	height:17px;
	width:14px;
	background-image:url(images/twit-logo.png);	
}
a.twit-logo-rev:hover {
	margin-top:8px;
	float:left;
	display:block;
	height:17px;
	width:14px;
	background-image:url(images/twit-logo.png);	
	background-position:0px -17px;
}
a.be-logo {
	float:left;
	display:block;
	height:17px;
	width:25px;
	background-image:url(images/twit-logo.png);	
	margin-left:10px;	
	background-position: 46px 0px;
}
a.be-logo:hover {
	float:left;
	display:block;
	height:17px;
	width:25px;
	background-image:url(images/twit-logo.png);	
	background-position:46px -17px;
}
a.be-logo-rev {
	margin-top:8px;
	float:left;
	display:block;
	height:17px;
	width:25px;
	background-image:url(images/be-logo.png);	
	margin-left:10px;	
}
a.be-logo-rev:hover {
	margin-top:8px;
	float:left;
	display:block;
	height:17px;
	width:25px;
	background-image:url(images/be-logo.png);	
	background-position:0px -17px;
}
a.in-logo {
	float:left;
	display:block;
	height:17px;
	width:20px;
	background-image:url(images/twit-logo.png);
	margin-left:10px;	
	background-position: 79px 0px;
}
a.in-logo:hover {
	
	float:left;
	display:block;
	height:17px;
	width:20px;
	background-image:url(images/twit-logo.png);	
	background-position:79px -17px;
}
a.in-logo-rev {
	margin-top:8px;
	float:left;
	display:block;
	height:17px;
	width:25px;
	background-image:url(images/in-logo.png);
	margin-left:10px;	
}
a.in-logo-rev:hover {
	margin-top:8px;
	float:left;
	display:block;
	height:17px;
	width:25px;
	background-image:url(images/in-logo.png);	
	background-position:0px -17px;
}
a.blog-footer {
	float:left;
	display:block;
	height:17px;
	width:56px;
	background-image:url(images/blog-footer-title.png);	
}
a.blog-footer:hover {
	float:left;
	display:block;
	height:17px;
	width:56px;
	background-image:url(images/blog-footer-title.png);	
	background-position:0px -17px;
}
#cap-footer {
	margin-left:3px;
}
#rev-footer {
	margin-left:4px;
}
a.more-stats {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#dddddd;
	display:block;
	width:67px;
	height:19px;
	line-height:23px;
	padding:0px 10px 0px 10px;
	background-color:#000000;
	font-weight:bold;
	float:left;
	background-image:url(images/more-stats.png);
}
a.more-stats:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#dddddd;
	display:block;
	width:67px;
	height:19px;
	line-height:23px;
	padding:0px 10px 0px 10px;
	background-color:#000000;
	font-weight:bold;
	float:left;
	background-image:url(images/more-stats.png);
	background-position:0 -19px;
}
a.stats-on {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ff0000;
	display:block;
	width:67px;
	height:19px;
	line-height:23px;
	padding:0px 10px 0px 10px;
	background-color:#000000;
	font-weight:bold;
	float:left;
	background-image:url(images/stats-up.png);
}
a.stats-over {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ff0000;
	display:block;
	width:67px;
	height:19px;
	line-height:23px;
	padding:0px 10px 0px 10px;
	background-color:#000000;
	font-weight:bold;
	float:left;
	background-image:url(images/stats-up.png);
	background-position:0 -19px;
}
#footer-container {
	background-color:#2c2b2c;
	float:left;
	height:242px;
	width:100%;
}
#footer-content {
	background-image:url(images/footer-bg.png);
	width:1201px;
	height:242px;
	margin:0px auto;
}
#footer-gap-left {
	float:left;
	height:240px;
	width:270px;
}
#footer-main {
	float:left;
	height:172px;
	width:586px;
}
#more-stats-link-container {
	float:left;
	height:32px;
	width:832px;
}
.more-stats-gap {
	float:left;
	height:32px;
	width:721px;
}
#copyright {
	float:left;
	height:30px;
	width:599px;
	font-size:10px;
	color:#6f6e6f;
}
#footer-side {
	float:left;
	height:170px;
	width:257px;
	margin-left:39px;
	padding-top:2px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:18px;		
}
#footer-side-botom {
	float:right;
	width:252px;
	margin-top:133px;	
	margin-right:5px;
}
#footer-side-botom a {
	color:#ffffff;	
}
#footer-side-botom a:hover {
	color: #9effff;
	text-decoration: none;
}
.footer {
	float:left;
	width:80px;
	height:120px;
	margin:0px 30px 0px 0px;
	padding-left:0px;
}
.footer3 {
	float:left;
	width:80px;
	height:120px;
	margin:0px 39px 0px 0px;
	padding-left:0px;
}
.footer2 {
	float:left;
	width:80px;
	height:120px;
	margin-left:0px;
	padding-left:0px;
}
.footer li a {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:0px;
	padding-left:0px;
}
.footer li a:hover {
	color: #9effff;
	text-decoration: none;
}
.footer3 li a:hover {
	color: #9effff;
	text-decoration: none;
}
.footer li {
	list-style:none;
	line-height:15px;
	letter-spacing:0.5px;
	margin-left:0px;
	padding-left:0px;
}

.footer3 li a {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:0px;
	padding-left:0px;
}
.footer3 li {
	list-style:none;
	line-height:15px;
	letter-spacing:0.5px;
	margin-left:0px;
	padding-left:0px;	
}
.footerlinks {
	height:auto;
	float:left;
	width:auto;
	margin:37px 0px 0px 75px;
	padding-top:10px;
	border-top:1px solid #cccccc;
	font-size:12px;
}	
.footerlinks2 {
	height:auto;
	float:left;
	width:auto;
	margin-top:37px;
	padding-top:10px;
	border-top:1px solid #cccccc;
	font-size:12px;	
}
#logocontainer {
	height:111px;
	width:1000px;
	margin-bottom:9px;
}
#topnavbar {
	width:1000px;
	height:35px;
	background-color:#000000;
}
.footerlinks a{
	color:#ffffff;
	margin:0;
	padding:0;
	list-style:none;
}
.footerlinks2 a{
	color:#ffffff;
	margin:0;
	padding:0;
	list-style:none;
}
ul {
	margin-left:0;
	padding:0;
	list-style:none;
}
ul li {margin:0;
padding:0;
list-style:none;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin-left: 0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
a img {
	border: 0;
}
#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;	
}
@font-face {
    font-family: 'BourgeoisBook';
    src: url('bourgeois-book-webfont.eot');
    src: url('bourgeois-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('bourgeois-book-webfont.woff') format('woff'),
         url('bourgeois-book-webfont.ttf') format('truetype'),
         url('bourgeois-book-webfont.svg#BourgeoisBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BourgeoisLight';
    src: url('bourgeois-light-webfont.eot');
    src: url('bourgeois-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('bourgeois-light-webfont.woff') format('woff'),
         url('bourgeois-light-webfont.ttf') format('truetype'),
         url('bourgeois-light-webfont.svg#BourgeoisLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
#menu li, #menu li .sub-menu li {
	list-style-type:none;	
	margin-left:0;
	letter-spacing:0.5px;
	color:#cccccc;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 0px;
	text-transform:none;
	width:110px;
	float:left;
}
#menu li ul li {
	padding-left: 0px;	
}
#menu h2, #menu li {
	text-transform:uppercase;
	font-family: 'FuturaStdBold';
	margin: 0px;
	padding:0px 0px 0px 25px;
}
#menu {
	font-size:10px;
	padding-left:0;
	margin:15px 0px 0px 0px;
	float:left;
	width:135px;
	height:270px;
}
.sub-menu {
	display:none;
	float:left;
	height:auto;
	width:135px;
}
#menu li a {
	color:#000;
	margin-left:0;
	width: 105px;
	float: left;
	display: block;
	padding: 3px 2px 2px 4px;
	border-bottom: 1px solid #fff;
	float:left;
	text-decoration:none;
}
#menu li a:active {
	color:#000;
	margin-left:0;
	width: 105px;
	float: left;
	display: block;
	padding: 3px 2px 2px 4px;
	border-bottom: 1px solid #fff;
	float:left;
	text-decoration:none;
	background: #9effff;
}
#menu li a.current-page, #menu li.current-menu-item a, #menu li.current-page-ancestor a  {
	text-decoration: none;
	border-bottom: 1px solid #9dffff;
	background: #000;
	color: #fff;
}
#menu li a.current-page:hover, #menu li.current-menu-item a:hover, #menu li.current-page-ancestor a:hover {
	text-decoration: none;
	border-bottom: 1px solid #9dffff;
	background: #000;
	color: #fff;
}
#menu li ul li a {
	color: #6c6c6c;
	width: 105px;
}
#menu li ul li a:hover {
	color: #000;
	border-bottom: 1px solid #9dffff;
}
#menu a:hover {
	text-decoration: none;
	border-bottom: 1px solid #9dffff;
	background: #9effff;
}
#menu a:active {
	text-decoration: none;
	border-bottom: 1px solid #9dffff;
	background: #9effff;
}
#menu li:hover {
	text-decoration: none;
}
#menu li:active {
	text-decoration: none;
}
#menu ul {
	padding: 0px;
	margin: 0px;
}
#menu a.selected {
	color:#000000;
	margin-left:0;
	padding-left:0;
}
a.up {
	height:32px;
	width:37px;
	display:block;
	background-image:url(images/arrows.png);
	margin-top:347px;
	float:left;
}
a.up:hover {
	height:32px;
	width:37px;
	display:block;
	background-image:url(images/arrows.png);
	margin-top:347px;
	float:left;
	background-position:0 -33px;
}
a.down {
	height:32px;
	width:37px;
	display:block;
	background-image:url(images/arrows.png);
	float:left;
	background-position: -37px 0px;
	background-repeat: none;
}
a.down:hover {
	height:32px;
	width:37px;
	display:block;
	background-image:url(images/arrows.png);
	float:left;
	background-position:-37px -33px;
	background-repeat: none;
}
#control-lines {
	width: 37px;
	height: 38px;
	background-image: url(images/arrows.png);
	background-position: 37px 1px;
	float: left;
}
a.up2 {
	height:32px;
	width:37px;
	display:block;
	background-image:url(images/arrows.png);
	float:left;
	position:relative;
	z-index:2001;
}
a.up2:hover {
	height:32px;
	width:37px;
	display:block;
	background-image:url(images/arrows.png);
	float:left;
	background-position:0 -32px;
	position:relative;
	z-index:2001;
}
a.down2 {
	height:32px;
	width:37px;
	display:block;
	background-image:url(images/controls-down.png);
	float:left;
	position:relative;
	z-index:2001;
}
a.down2:hover {
	height:32px;
	width:37px;
	display:block;
	background-image:url(images/controls-down.png);
	float:left;
	background-position:0 -32px;
	position:relative;
	z-index:2001;
}
#arrow {
	width:1000px;
	height:37px;
	margin:0 auto;	
}
.arrowswapper {
	float:right;
}
body, input, textarea {
	color: #373737;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.625;
}

p {
	margin-bottom: 1.625em;
}
input[type=text],
input[type=password],
textarea {
	background: #fafafa;
	border: 1px solid #ddd;
	color: #888;
}
input[type=text]:focus,
textarea:focus {
	color: #373737;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}
input#s {
	
}
input#searchsubmit {
	background-image:url(images/search-form-button.png);
	width:20px;
	height:20px;
	cursor:pointer;
	border:0px;
	display:block;
	float:left;
	background-position:center;
	background-repeat:no-repeat;
	padding:0px;
	background-color:#000000;
}
a {
	text-decoration: none;
}
.commentlist {
	list-style: none;
	margin: 0 0;
	width: 68.9%;
}
/* Comment Form */
#respond {
	background: #ddd;
	border: 1px solid #d3d3d3;
	padding: 1.625em;
	position: relative;
	width: 68.9%;
}
#respond input[type="text"],
#respond textarea {
			background: #fff;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	color: #555555;
	font-size: 14px;
	font-family: arial, sans-serif;
}
#respond textarea {
	resize: none;
}
.wpcf7-form input[type="text"] {
		background: #fff;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 5px;
	color: #555555;
	font-size: 14px;
	font-family: arial, sans-serif;
}
.wpcf7-form textarea {
		background: #fff;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 6px;
	resize: none;
	width: 505px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 45px;
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 10px 0;
}
#respond a {
	color: #000;
	border-bottom: 1px solid #9effff;
	font-weight: bold;
}
#respond a:hover {
	text-decoration: none;
	background: #9effff;
}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}
#respond input#submit {
	background: #000;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 20px 0px 10px 0px;
	padding: 5px 22px 5px 22px;
	font-family: 'FuturaStdBold';
	position: relative;
	float:left;
}
#respond input#submit:hover {
	background: #9effff;
	color: #000;
}
#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}
ul#foo3{
	z-index: 3000;
	margin: 274px 0 0;
	padding: 0;
	display: block;
	position:absolute;
	float:left;
	margin-left:0px;
}
ul#foo4{
	z-index:-1000;
	margin: -548px 0 0;
	padding: 0;
	display: block;
	position:absolute;
	float:left;
	margin-left:0px;
}
ul#foo-web1{
	z-index: 3000;
	margin: 475px 0 0;
	padding: 0;
	display: block;
	position:absolute;
	width:769px;
}
ul#foo-web2{
	width:769px;
	z-index:-1000;
	margin: -950px 0 0;
	padding: 0;
	display: block;
	position:absolute;
}
#case-studies-box {
	width:90px;
	height:21px;
	background-color:#000000;
	margin-top:114px;
	color:#ffffff;
	text-align:center;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding-top:3px;
	display:none;
}
#case-studies-box2 {
	width:554px;
	height:37px;
	background-image:url(images/shadow.png);
	margin-top:273px;
	color:#ffffff;
	text-align:center;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	display:none;
}
#case-studies-box3 {
	width:530px;
	height:17px;
	background-image:url(images/waves.png);
	margin-top:358px;
	color:#ffffff;
	text-align:center;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#web-design-box {
	position:absolute;
	z-index:2000;
	width:749px;
	height:40px;
	background-color:#f0f0f0;
	color:#000000;
	line-height:40px;
	font-size:22px;
	font-family: 'BourgeoisBook';
	padding-left:20px;
	margin-top:1px;
}
.web-url {
	float:right;
	height:40px;
	width:auto;
	padding-right:20px;
	color:#9f9f9f;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.web-url a {
	color:#000000;
	text-decoration:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.web-url a:hover {
	color:#000000;
	text-decoration:underline;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
#web-design-box2 {
	position:absolute;
	z-index:2000;
	width:769px;
	height:32px;
	background-color:#f0f0f0;
	color:#000000;
	line-height:40px;
	font-size:22px;
	font-family: 'BourgeoisBook';
	margin-top:516px;
}
#logo-design-box {
	width:90px;
	height:20px;
	background-color:#000000;
	margin: 388px 0px 0px 0px;
	color:#ffffff;
	text-align:center;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding-top:3px;
}
ul#foo5{
	z-index: 3000;
	margin: 548px 0 0;
	padding: 0;
	display: block;
	position:absolute;
	float:left;
	margin-left:0px;
}
ul#foo6{
	z-index:-1000;
	margin: -548px 0 0;
	padding: 0;
	display: block;
	position:absolute;
	float:left;
	margin-left:0px;
}
#comment-indicator {
	width:800px;
	height:60px;
	padding:0px;
	margin: 0px 0px 0px 45px;
	float:left;
}
.comment-image-and-date {
	width:60px;
	float:left;
	height:auto;	
	margin-bottom:10px;
}
.comment-text-holder {
	float:left;
	width:510px;
	height:auto;
	padding: 0px 0px 20px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4a4a4a;
}
.comment-text a {
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #9effff;
}
.comment-text a:hover {
	background: #9effff;
	text-decoration: none;
}
.comment-name {
	float:left;
	height:40px;
	width:510px;
	font-size:10px;
	font-family: 'FuturaStdBold';
	color:#000000;
	text-transform:uppercase;
	letter-spacing:1px;
}
.comment-name a {
	float:left;
	font-size:10px;
	border-bottom:1px solid #9cfdfd;
	font-family: 'FuturaStdBold';
	color:#000000;
	text-transform:uppercase;
	letter-spacing:1px;
}
.comment-name a:hover {
	text-decoration: none;
	background: #9effff;
}
.commentlist {
	float:left;
	height:auto;
	width:700px;
}
.commentlist li {
	float:left;
	width:100%;
}
#respond {
	float:left;
	width:600px;
	padding-left:45px;
	height:auto;
	background-color:transparent;
	border:0px;
}
.comment-date {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7a7a7a;	
}
.comment-box {
	border-bottom:1px solid #9cfdfd;
	margin-top:10px;
	text-align:left;
	width:652px;
	padding-top:30px;
	height:auto;
	float:left;
	padding-left:45px;
}
#voice-your-opinion {
	color:#000000;
	font-size:28px;
	font-family: 'BourgeoisBook';
}
#work-footer {
	width: 106px;
	height: 17px;
	float: left;
	background: url(images/our-work-footer.png);
}
#cap-footer {
	width: 114px;
	height: 17px;
	float: left;
	background: url(images/our-work-footer.png);
	background-position: -106px 0px;
}
#rev-footer {
	width: 110px;
	height: 17px;
	float: left;
	background: url(images/our-work-footer.png);
	background-position: -220px 0px;
}
#wrapper-contact h2 {
	text-align: center;
	width: 500px;
	height: auto;
	color: #fff;
	font-family: 'FuturaStdBold';
	font-size: 14px;
	text-transform: lowercase;
	padding: 10px;
	margin: 0px 0px 25px 0px;
}

#title h2 {
	font-family: 'BourgeoisBook';
	color: #000;
	font-size: 24px;
	margin: -12px 0px 10px 0px;
	padding: 0px;
}
.quote {
background-color: #f5f5f5;
padding: 20px;
font-style: italic;
margin: 0px 0px 20px 0px;
}
.quoted {
background-color: #f5f5f5;
padding: 20px;
margin: 0px 0px 20px 0px;
}
#photoblog {
	width: 800px;
	height: auto;
	margin: 0px auto 0px;
	margin-top: 40px;
}
#photoblog-image {
	background: #f5f5f5;
	padding: 20px;
	position: relative;
	width:800px;
}
#photoblog-image img {
	background: #fff;
	padding: 10px;
  -moz-box-shadow:    0px 0px 2px 2px #ccc;
  -webkit-box-shadow: 0px 0px 2px 2px #ccc;
  box-shadow:         0px 0px 2px 2px #ccc;
	position: relative;
	left: 50%;
	margin-left: -25%;
}
#photo-footer {
	width: 800px;
	height: auto;
	float: left;
	color: #c7c7c7;
}
#photo-footer img {
	vertical-align: middle;
	padding-right: 8px;
}
#photo-footer a {
	font-size: 12px;
	color: #c7c7c7;
}
#photo-footer a:hover {
	color: #000;
}
strong {
	font-weight: bold;
	color: #000;
}

@media(max-width:1215px) {
#blog-post-info h2 a {
	width:100%;
}
#blog-post-home { 
	margin:0px 0px 0px 0px;
	float:left;
	width:50%;
	padding:0px 0px 0px 24px;
	box-sizing: border-box;
}
#blog-title {
	padding:0px 0px 0px 0px;
	width:100%;
}
#blog-post-info h2 {
	float:left;
	width:100%;
}
#blog-post-info {
	width:100%;
	height:auto;
	float:left;
	margin:0px 0px 0px 0px;
	padding:30px 30px 0px 0px;
	box-sizing: border-box;
}
#twitter-title, #new-social-links, #shine-tweet-content {
	width:100%;
	height:auto;
}
#blog-post-content-home {
	width:100%;
}
#shine-tweet-content .tweet {
	height:auto;
	min-height:95px;
	width:100%;
	box-sizing: border-box;
}
#shine-tweet-content {
	height:auto;
}
#blog-post-info-wrap {
	display:block;
	float:none;
	height:auto !important;
	padding:0px 0px 0px 120px;
}
#blog-post-info-inner {
	float:left;
	width:100%;
	height:auto;
}
#blog-post-image {
	float:left;
	width:100px;
	margin:0px 0px 0px 0px;
	height:auto;
	box-sizing: border-box;
	border:0px;
	padding:30px 0px 0px 4px;
}
#blog-post-image img {
	max-width:100%;
	height:auto;
}
#twitter-post {
	margin:0px 0px 0px 0px;
	float:left;
	width:50%;
}
.blog-post-content-single {
	width:100%;
	padding:0px 0px 0px 45px;
	box-sizing: border-box;
}
.blog-post-content-single img {
	max-width:100%;
	height:auto !important;
}
#blog-post-author, #blog-post-share {
	width:100%;
	box-sizing: border-box;
}
#menu-container {
	margin-left:0px;
}
#dwd-image-content, #blog-content {
	width:100%;
	padding:0px 20px;
	box-sizing: border-box;
}
#stats-container, #more-stats-link-container {
	display:none;
}
#footer-content {
	padding:40px 0px 40px 195px;
	background-position:-70px 0px;
	box-sizing: border-box;
	height:auto;
	width:100%;
}
#footer-side-botom {
    float: right;
    width: 100%;
    margin-top: 0px;
    margin-right: 0px;
}
#footer-side {
    float: left;
    height: auto;
    width: 100%;
    margin-left: 0px;
    padding-top: 2px;
    color: #FFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    line-height: 18px;
	margin:0px 0px 40px 0px;
}
#blog-navigation {
	width:100%;
	box-sizing: border-box;
	padding:0px 0px 0px 45px;
	height:auto;
	margin-bottom:20px;
}
.wp-pagenavi {
	width:100%;
	margin-left:0px;
	height:auto;
}
#footer-container {
	height:auto;
}
#footer-gap-left {
	display:none;
}
#footer-main {
	height:auto;
	width:100%;
}
#footer-titles, #copyright {
	width:100%;
}
#dwd-image {
	display:block;
	width:auto;
	float:none;
	padding:0px 0px 0px 135px;
	box-sizing: border-box;
	background-position:135px 0px;
}
#site-container {
	width:100%;
	padding:0px 20px;
	box-sizing: border-box;
}
#dwd-blog-container-actual, #dwd-blog-container-actual-single {
	display:block;
	width:auto;
	float:none;
	background-image:none;
	padding:0px 0px 45px 135px;
	box-sizing: border-box;
}
#dwd-blog-container-actual-inside {
	background-image:url(images/ruler.png);
	background-repeat:repeat-y;
	background-position: 0px -12px;
	padding:15px 0px 40px 0px;
}
#case-studies-title-blog-home {
	float:left;
	height:72px;
	color:#000000;	
	width:100%;
	padding:0px 0px 10px 0px;
	background-image:url(images/h1-bg.png);
	background-repeat:no-repeat;
	background-position:left;
}
#blog-main {
    float: left;
    height: auto;
    width: 70%;
    margin-right: 0px;
	padding:40px 40px 0px 0px;
	box-sizing: border-box;
}
#blog-right-actual {
    float: left;
    height: auto;
    width: 30%;
    padding-bottom: 10px;
    margin-top: 40px;
}
.blog-post-actual {
	width:100%;
}
.blog-image {
	width:100%;
	box-sizing: border-box;
}
.blog-image img {
	max-width:100%;
	height:auto !important;
}
.blog-image a {
	float:left;
	max-width:100%;
}
.blog-post-container {
    width: 100%;
    height: auto;
    float: left;
    margin-left: 0px;
    margin-bottom: 45px;
	box-sizing: border-box;
}
.blog-post-category {
	float:left;
	width:100%;
	height:auto;
	color: #bababa;
	padding-left: 0px;
	margin:15px 0px 15px 0px;
	font-size: 10px;
	font-weight: bold;
	font-family: arial, sans-serif;
	text-transform: uppercase;
	box-sizing: border-box;
}
.blog-post-content {
	float:left;
	width:100%;
	height:auto;
	color:#555555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 21px;
	padding:0px 0px 0px 0px;
}
.blog-post-link {
    float: left;
    width: 100%;
    height: auto;
    margin: 20px 0px 25px;
}
.blog-image h2 {
	position:static;
	float:left;
	width:100%;
	box-sizing: border-box;
	background-color:#000;
}
.blog-image h2 span {
	float:left;
}
.blog-image h3 {
    top: 9px;
    left: 45px;
    position: absolute;
}
.blog-sidebar-title-cat {
    float: left;
    margin-top: 5px;
    width: 100%;
    border-bottom: 1px solid #9EFFFF;
}
#tweets-side {
	width:100%;
}
#tweets-side img {
	max-width:100%;
}
.blog-sidebar-title {
    float: left;
    margin-top: 20px;
    width: 100%;
    border-bottom: 1px solid #9EFFFF;
}
.blog-sidebar-title-tweets {
    float: left;
    margin-top: 0px;
    width: 100%;
}
#blog-tweet-content {
    float: left;
    height: auto;
    font-size: 10px;
    width: 100%;
    font-family: Arial,Helvetica,sans-serif;
	box-sizing: border-box;
}
}

@media(max-width:680px) {
#twitter-post, #blog-post-home { 
	width:100%;
}
#footer-titles, .footer, .footer2, .footer3 {
	display:none;
}
#blog-post-home {
	padding-left:0px;
}
#footer-content {
	background-image:none;
	padding:20px;
}
#copyright {
	height:auto;
}
#footer-side {
	margin-bottom:20px;
}
#dwd-image {
	display:none;
}
#dwd-image-content {
	background-position:right top;
}
img.blog-sidebar-title {
	width:auto;
}
#links-list {
	float:left;
	width:100%;
}
#blog-navigation {
	padding-left:0px;
}
.category-list li, #links-list li {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0px 5px 0px;
}
.category-list, .category-list ul, #links-list ul {
	float:left;
	width:100%;
}
.category-list li a, #links-list li a {
    color: #FFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    background: #000 none repeat scroll 0% 0%;
    padding: 10px;
    width: 100%;
    height: auto;
	box-sizing: border-box;
	float:left;
}
.new-titles {
	margin-left:0px;
	height:auto;
	margin-left:-20px;
}
#case-studies-title-blog-home {
	background:none;
	height:auto;
}
#case-studies-title-blog-home h1 {
	line-height:16px;
	padding:10px 0px;
}
#dwd-blog-container-actual-inside {
	background-image:none;
}
#menu-container {
	width:100%;
	height:auto;
}
#dwd-blog-container-actual {
	float:left;
	width:100%;
	height:auto;
	padding:0px 0px;
}
.blog-post-actual {
	padding-right:0px;
	box-sizing: border-box;
}
.blog-post-container, .blog-image {
	padding-left:0px;
}
.blog-image h3 {
	left:0px;
}
#blog-main {
    float: left;
    height: auto;
    width: 100%;
    margin-right: 0px;
	padding:40px 0px 0px 0px;
	box-sizing: border-box;
}
#blog-right-actual {
    float: left;
    height: auto;
    width: 100%;
    padding-bottom: 10px;
    margin-top: 40px;
}	
}