* {
	margin: 0;
}

html,body {
	height: 100%;
}

body {
	background: url(/lib/img/homebk.png) no-repeat center top;
	background-color: #0071b9;
	margin: 0 auto;
	padding: 0;
	font-family: Helvetica, arial, serif;
	font-size: 12px;
	color: #727272;
	line-height: 18px;
	height: 100%;
	text-align: center;
}

body.subpage {
	background: url(/lib/img/sub-bk.png) repeat-x 0 0 !important;
	background-color: #0071b9 !important;
}

body.landing {
	background: url(/lib/img/comp-landing.jpg) no-repeat center top !important;
	background-color: #0071b9 !important;
	margin: 0 auto !important;
}

a {
	color: #0071b9;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: #0071b9;
}

/* Global Styles */

#cwrapper {
	height:100%;
	height: auto !important;
	min-height:100%;
	position:relative;
	text-align: center;
	margin:0 auto;
	border-bottom:1px solid white;
}


body div#header {
	text-align:center;
}

#cwrapper div,#headerCenter, div#topCon {
	text-align:left;
}

.houdini {
	display: none;
	visibility: hidden;
}

.nofloat {
	border:medium none;
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	:0;
	margin:0;
	padding:0;
	visibility:hidden;
}

.last {
	margin-right: 0px !important;
	margin-bottom: 0px !important;
}

.first {
	margin-left: 0px !important;
	margin-top: 0px !important;
}

.nobg {
	background: none !important;
	padding: 0 !important;
	width: 604px !important;
}

#contentContainer {
	width: 960px;
	margin:0 auto;
	padding-top: 28px !important;
	position: relative;
	text-align: center;
}

a {
	cursor: pointer;
}

h1 {
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 15px;
}

h2,h3 {
	margin-bottom: 15px;
}

p {
	margin-bottom: 15px;
}

/* End Global Styles */

/* Header Styles */

#header {
	background: url(/lib/img/hdr-bk.png) repeat-x 0 0;
	height: 105px;
	position: relative;
	z-index: 100;
	width: 100%;
}

#logo {
	background: url(/lib/img/logo.gif) no-repeat 0 bottom;
	display: block;
	width: 385px;
	height: 67px;
	float: left;
}

#headerCenter {
	width: 960px;
	height: 105px;
	margin: 0 auto;
	overflow: hidden;
}

/* Nav Styles */

#nav {
	height: 45px;
	position: relative;
	float: left;
	top: 60px;
	right: 0;
	
}

div#nav li {
	float: left;
}

div#nav a {
	display: block;
	height: 45px;
}

div#nav a.home {
	background: url(/lib/img/nav.png) no-repeat 0 0;
	width: 54px;
}

div#nav a.portfolio {
	background: url(/lib/img/nav.png) no-repeat -54px 0;
	width: 100px;
}

div#nav a.ourapproach {
	background: url(/lib/img/nav.png) no-repeat -451px 0;
	width: 136px;
}

div#nav a.whoweare {
	background: url(/lib/img/nav.png) no-repeat -154px 0;
	width: 116px;
}

div#nav a.blog {
	background: url(/lib/img/nav.png) no-repeat -270px 0;
	width: 61px;
}

div#nav a.getintouch {
	background: url(/lib/img/nav.png) no-repeat -331px 0;
	width: 108px;
}


div#nav li#home a:hover, div#nav li#home.current a {
background-position: 0 -45px;
}

div#nav li#portfolio a:hover, div#nav li#portfolio.current a {
background-position: -54px -45px;
}

div#nav li#ourapproach a:hover, div#nav li#ourapproach.current a {
background-position: -451px -45px;
}

div#nav li#whoweare a:hover, div#nav li#whoweare.current a {
background-position: -154px -45px;
}

div#nav li#blog a:hover, div#nav li#blog.current a {
background-position: -270px -45px;
}

div#nav li#getintouch a:hover, div#nav li#getintouch.current a {
background-position: -331px -45px;
}

/* End Nav Styles */

/* Enquiry Form */

#topCon {
	position: absolute;
	z-index: 600;
	width: 100%;
}

#enqCon {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#enquiryBtn {
	background: url(/lib/img/enq-btm.png) repeat-x 0 bottom;
		background-color: #f7f7f7;
	height: auto;
	min-height: 8px;
}

/* Split test enquire button styles */

div.split {
	background: url(/lib/img/enq-btm-alt.png) repeat-x 0 bottom !important;
		background-color: #beddf7 !important;
		color: #11548b !important;
}

a#splitbtn {
	background: url(/lib/img/enq-btn-alt.png) no-repeat 0 0;
	width: 163px;
}

a.closeBtnsplit {
	background: url(/lib/img/enq-close-btn-alt.png) no-repeat 0 0 !important;
}


/* End Split test enquire button styles */

a.clickMe {
	background: url(/lib/img/enq-btn.png) no-repeat 0 0;
	display: block;
	width: 135px;
	height: 26px; 
	float: right;
	margin-top: -3px;
}

/* JS Disabled enquiry button */

a.clickMenojs {
	display: block;
	width: 135px;
	height: 26px;
	position: absolute;
	right: 0;
	top: -3px;
}

/* End JS Disabled enquiry button */

a.closeBtn {
	background: url(/lib/img/enq-close-btn.png) no-repeat 0 0 !important;
}

#enquiry {
	width: 960px;
	margin: 0 auto;
	padding: 15px;
	display: none;
	overflow: hidden;
}

#enqWrap {
	overflow: hidden;
}

.enqFloat {
	float: left;
	width: 320px;
}

div.enqFloat span {
	font-size: 23px;
	margin-top: 5px;
	display: block;
	font-weight: bold;
}

#enquiry h2 {
	font-size: 16px;
	color: #000;
	margin-bottom: 5px;
}

/* End Enquiry Form */

/* End Header Styles */

/* Client Promo */

a.sticker {
	background: url(/lib/img/sticker.png) no-repeat 0 0;
	width: 148px;
	height: 148px;
	display: block;
	position: absolute;
	z-index: 200;
	right: -60px;
	top: -10px;
}

a.getin {
	top: 25px !important;
}

#promo {
	position: relative;
	height: 323px;
	display: block;
	overflow: hidden;
}


#promo2 {
	position: relative;
	height: 323px;
	display: block;
	overflow: hidden;
}


div#promo a {
	color: inherit;
}

div#promo a.caseLink {
	height: 30px;
	display: block;
	margin-top: 10px;
	font-weight: bold;
}

#promo DIV.active {
    z-index:10;
    opacity:1.0;
}

#promo DIV.last-active {
    z-index:9;
}

.client {
	position: absolute;
	top: 0;
	left: 0;
}

#highendspeaker {
	background: url(/lib/img/promo/highendspeaker.gif) no-repeat 0 0;
	width: 960px;
	height: 320px;
}

#pcc {
	background: url(/lib/img/promo/pcc.png) no-repeat 0 0;
	width: 960px;
	height: 320px;
}

div#pcc p {
	color: #333333;
	text-shadow: none !important;
}

#supbud {
	background: url(/lib/img/promo/supportbuddi.png) no-repeat 0 0;
	width: 960px;
	height: 320px;
}

div#promo .desc {
	padding: 30px 0 0 30px;
	width: 380px;
}

div#promo h2 {
	font-size: 30px;
	font-family: Helvetica Neue, Helvetica, Sans-Serif;
	font-weight: normal;
	color: #505050;
	letter-spacing: -1pt;
	margin-bottom: 15px;
}

div#promo p {
	font-size: 14px;
	text-shadow: 0px 1px 0px #fff;
	line-height: 21px;
}

.wedid {
	position: absolute;
	bottom: 10px;
	width: 960px;
}

div.wedid h3 {
	margin-bottom: 0;
}

div.wedid ul {
	margin-left: 170px;
}

div.wedid li {
	float: left;
	padding-left: 45px;
	height: 45px;
	width: 170px;
}

div.wedid span {
	font-size: 10px;
}


div#promo li.des {
	background: url(/lib/img/wedid-icons.png) no-repeat 0 bottom;	
}

div#promo li.bra {
	background: url(/lib/img/wedid-icons.png) no-repeat 0 -45px;	
}

div#promo li.mag {
	background: url(/lib/img/wedid-icons.png) no-repeat 0 top;	
}

#supbud h2, #supbud p {
	color: #fff !important;
	text-shadow: none !important;
}

.casethumb {
	float: left;
	margin: 10px 10px 0 0;
	position: relative;
	height: 76px;
	width: 76px;
}

a.casethumb img {
	position: absolute;
}

/* End Client Promo */

/* Sub Promo */

#lowerPromo {
	margin: 20px 0;
	height: 236px;
}

div#lowerPromo a {
	color: #333333;
}

#promoHdr {
	overflow: hidden;
	height: 50px;
}

#promoHdr .side {
	width: 6px;
	height: 50px;
}

div#promoHdr #left {
	background: url(/lib/img/promo-corners.png) no-repeat 0 0;
	float: left;
}

div#promoHdr #middle {
	background: url(/lib/img/promo-top-bk.png) repeat-x 0 0;
	width: 948px;
	height: 50px;
	float: left;
}

div#middle span {
	font-size: 16px;
	font-weight: bold;
	color: #406a76;
	letter-spacing: -0.5pt;
	font-family: Helvetica Neue, Helvetica, Sans-Serif;
	line-height: 50px;
	padding-left: 15px;
	text-shadow: 0px 1px 0px #d0ecf4;
}

div#promoHdr #right {
	background: url(/lib/img/promo-corners.png) no-repeat -6px 0;
	float: left;
}

#promoContent .feature {
	float: left;
	width: 285px;
	height: 128px;
	padding: 15px 15px 15px 20px;
}

#promoContent #design {
	background: url(/lib/img/feature-bk.png) no-repeat right 0;
	
}

#promoContent #internet {
	background: url(/lib/img/feature-bk.png) no-repeat right -159px;	
}

#promoContent #brand {
	background: url(/lib/img/feature-bk.png) no-repeat right -317px;	
}

div.feature p {
	width: 175px;
}

div.feature h4 {
	font-weight: bold;
	font-size: 16px;
	color: #333333;
	letter-spacing: -0.5pt;
	font-family: Helvetica, sans-serif;
	margin-bottom: 10px;
}

/* End Sub Promo */


/* Footer Styles */


#footNav {
	height: 20px;
}

div#footer {
	background: #fff;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
}

.push,div#footer {
	height: 156px;
}

#footerCenter {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#footer .btmFeat {
	float: left;
	width: 308px;
	padding-top: 15px;
	margin: 0 18px 0 0;
}

div#footer h5 {
	font-family: Georgia, serif;
	color: #768894;
	font-style: italic;
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 10px;
}

#footer #smallprint {
	clear: left;
	font-size: 10px;
	color: #bebebe;
}

div#smallprint li {
	float: left;
}

div#smallprint span.pipe {
	margin: 0 5px;
}

#fromBlog span {
	font-size: 11px;
	line-height: 5px;
}

#fromTwitter {
	background: url(/lib/img/twitter-icon.png) no-repeat right 20px;
}

input.text, textarea, div.field textarea {
	background: url(/lib/img/field-bk.gif) no-repeat 0 0;
	width: 209px;
	height: 30px;
	padding-left: 5px;
	color: #959595;
	margin-bottom: 10px;
	font-family: lucida grande, arial;
	font-size: 12px;
	float: left;
}

textarea {
	padding: 5px;
}

input.submit {
	background: url(/lib/img/submit-btn.png) no-repeat 0 0;
	width: 68px;
	height: 32px !important;
	cursor: pointer;
}

input.submit:hover {
	background-position: 0 -32px;
}

#copy {
	float: right;
}

/* End Footer Styles */

/* Portfolio Styles */

.portfolioPieces {
	overflow: hidden;
}

div.workpiece {
	float: left;
}

div.portfolioPieces label.new {
	background: url(/lib/img/new.png) no-repeat 0 0;
	width: 70px;
	height: 69px;
	position: absolute;
	z-index: 100;
	top: 0;
	right: 0;
}

a.thumb {
	width: 274px;
	height: 155px;
	display: block;
	margin-right: 16px;
	position: relative;
}

.portfolioPieces span {
	font-size: 16px !important;
	display: block;
	margin-bottom: 20px !important;
	line-height: 27px;
}

img.hover {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

img.hovered {
	position: absolute;
	left: 0;
	z-index: 0;
}

img.showimg {
	display: block;
}

.hiddenPieces {
	display: none;
}

h2#seewhat {
	background: url(/lib/img/see-what.png) no-repeat 0 0 !important;
	width: 774px !important;
}

h2#wedont {
	background: url(/lib/img/we-dont.png) no-repeat 0 0 !important;
	width: 512px !important;
}

h2#designisnt {
	background: url(/lib/img/design-isnt.png) no-repeat 0 0 !important;
	width: 547px !important;
}

h2#needa {
	background: url(/lib/img/need-a.png) no-repeat 0 0 !important;
	width: 452px !important;
}

a.showMore {
	background: url(/lib/img/viewall-btn.png) no-repeat 0 0;
	width: 69px;
	height: 27px;
	display: block;
	margin-top: 10px;
}

a.showMore:hover {
	background-position: 0 -27px;
}

a.hideAll {
	background: url(/lib/img/viewall-btn.png) no-repeat 0 -54px;
	width: 69px;
	height: 27px;
	display: block;
}

a.hideAll:hover {
	background-position: 0 -81px;
}

li.tick {
	background: url(/lib/img/tick-icon.gif) no-repeat 0 0;
	padding-left: 25px;
	height: 16px;
	margin-bottom: 10px;
}

ul.services {
	overflow: hidden;
	margin-bottom: 10px;
}

/* End Portfolio Styles */


/* Who we are Styles */

h2#werepas, h2#dropus, h2#seewhat, h2#wedont, h2#designisnt, h2#needa {
	background: url(/lib/img/were-passionate.png) no-repeat 0 0;
	width: 622px;
	height: 33px;
	margin-bottom: 30px;
}

#wrapper {
	overflow: hidden;
	text-shadow: 0px 1px 0px #043b4e;
	color: #fff;
	margin-bottom: 30px;
}

div#wrapper a {
	color: #fff;
}

div#wrapper a:hover {
	text-decoration: underline;
}


div#wrapper h4, .portfolioPieces span {
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 18px;
	margin-bottom: 10px;
}

.leftCon {
	float: left;
	width: 336px;
	padding-right: 20px;
}

div.leftCon h4, .dottedBtm {
	background: url(/lib/img/dotted-divider.gif) repeat-x 0 bottom;
	height: 30px;
}

.rightCon {
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: right;
	width: 564px;
	padding: 20px;
	color: #727272 !important;
	text-shadow: none;
	margin-bottom: 20px;
	display: block;
}


div.rightCon h4, div.rightCon a {
	color: #333333 !important;
}

div.rightCon h5 {
	color: #333333;
	font-size: 14px;
	margin-bottom: 5px;
}

.proLrg, .proSml {
	background: url(/lib/img/profiles.png) 0 0 no-repeat;
	float: left;
	width: 178px;
	margin: 0 15px 0 0;
	padding-top: 185px;
}

#james {
	margin-bottom: 20px;
}

div.proLrg label {
	font-weight: bold;
	color: #64bb46;
}

div.proLrg p {
	margin-bottom: 10px;
}

div.proLrg span.quote {
	font-family: Georgia, serif;
	font-style: italic;
	margin-bottom: 10px;
	overflow: hidden;
	display: block;
}

#ben {
	background-position: -178px 0;
}

#mark {
	background-position: -356px 0;
}

#davidy {
	background-position: -534px 0;
}

#davidc {
	background-position: -534px -66px;
}

#brookeb {
	background-position: -807px 0;
}

#krisz {
	background-position: -807px -66px;
}

a.spotify {
	background: url(/lib/img/spotify-icon.png) no-repeat 0 0;
	padding-left: 20px;
	height: 16px;
	display: block;
	font-weight: bold;
	line-height: 15px;
}

.dis {
	background-position: 0 -16px !important;
}

a.spotify:hover {
	text-decoration: underline;
}

.proSml {
	padding: 32px 0 0 75px !important;
	width: 199px !important;
	height: 34px;
	font-family: Georgia, serif;
	font-style: italic;
	line-height: 16px;
	float: left;
	margin-bottom: 10px;
}

/* End Who we are Styles */

/* Get in touch Styles */

h2#dropus {
	background: url(/lib/img/drop-us.png) no-repeat 0 0 !important;;
	width: 305px !important;
}

#map_canvas {
	width: 564px;
	height: 288px;
	text-shadow: none;	
}

.contact {
	margin-top: 15px;
}

div.contact span {
	font-size: 21px;
	font-weight: bold;
	font-family: Helvetica, serif !important;
	margin-bottom: 10px;
	display: block;
}

#infoWin {
	height: 60px;
	overflow: hidden !important;
	color: #727272;
}

/* End Get in touch Styles */

/* Blog Styles */


.blogCon {
	overflow: hidden;
	margin-bottom: 30px;
	border-bottom: 1px solid #cdcdcd;
}

.titleCon {
	margin-bottom: 10px;
	float: left;
	width: 495px;
}

div.rightCon h2 {
	font-size: 21px !important;
	letter-spacing: -1pt;
	margin: 30px 0 10px 0;
	color: #333333 !important;
}

.blogPost h2 {
	margin: 0 20px 0 0 !important; 
}

div.postDate {
	font-size: 14px;
	font-weight: bold;
	
}

.cmtCount {
	background: url(/lib/img/cmt-bub.png) no-repeat 0 0;
	width: 48px;
	height: 51px;
	float: left;
	color: #156eb8;
	font-weight: bold;
	font-size: 24px;
	line-height: 48px;
	text-align: center;
	letter-spacing: -1pt;
	margin-right: 15px;
}

.blogPost p {
	margin-bottom: 15px;
	clear: left;
}

.blogdivider {
	background: url(/lib/img/dotted-divider.gif) repeat-x 0 0;
	width: 604px;
	height: 10px;
}

.commentFrm {
	margin-top: 30px;
}

div.commentFrm label {
	display: block;
}

div.commentFrm input {
	height: 30px;
}

.cmtTxt {
	background: url(/lib/img/cmt-textarea.gif) no-repeat 0 0;
	width: 375px;
	height: 146px;
	font-family: Helvetica;
	font-size: 11px;
}

div.commentFrm ul {
	float: left;
}

.comment {
	padding: 10px 10px 10px 0;
	overflow: hidden;
	border-bottom: 1px dotted #727272;
	clear: left;
	display: block;
}

.avatar {
	float: left;
	width: 48px;
	height: 48px;
}

.commentTitle {
	font-size: 14px;
	font-weight: bold;
	float: left;
}

.commentCon {
	float: left;
	margin-left: 10px;
	overflow: hidden;
	width: 480px;
}
.editComment {
	float: left;
	margin-left: 10px;
}

.commentBody {
	clear: left;
}

.alignleft, .alignright {
	float: left;
	width: 282px;
	font-weight: bold;
}

div.alignright {
	float: right;
	text-align: right !important;
}

h3#comments {
	font-size: 18px;
	margin: 15px 0;
}

#respond .field {
	clear: left !important;
}

/* End Blog Styles */

/* web design styles */

.serwrap {
	overflow: hidden;
	margin-top: 10px;
}

.sercon {
	width: 485px;
	float: left;
}

.service {
	float: left;
	width: 64px;
	height: 64px;
	margin: 0 15px 15px 0;
}

#webinterface {
	background: url(/lib/img/web-design-icons.png) no-repeat 0 0;
}

#webapplication {
	background: url(/lib/img/web-design-icons.png) no-repeat -64px 0;
}

#iphoneapp {
	background: url(/lib/img/web-design-icons.png) no-repeat -128px 0;
}

#emarket {
	background: url(/lib/img/web-design-icons.png) no-repeat -192px 0;
}

#identity {
	background: url(/lib/img/branding-icons.png) no-repeat 0 0;
}

#logodev {
	background: url(/lib/img/branding-icons.png) no-repeat -64px 0;
}

#visuals {
	background: url(/lib/img/branding-icons.png) no-repeat -128px 0;
}

.quotNow {
	background: #efefef;
	border: 1px solid #cdcdcd;
	padding: 7px;
	display: block;
}

div.quotNow p {
	margin-bottom: 0 !important;
}

.sideSec {
	margin-bottom: 15px;
}

div.sideSec li {
	background: url(/lib/img/arrow.gif) no-repeat 0 12px;
	padding: 7px 0 0 15px;
	height: 20px;
}

/* End web design styles */

/* web development styles */

#ecommerce {
	background: url(/lib/img/web-dev-icons.png) no-repeat 0 0;
}

#cms {
	background: url(/lib/img/web-dev-icons.png) no-repeat -64px 0;
}

#seo {
	background: url(/lib/img/web-dev-icons.png) no-repeat -128px 0;
}

#sccode {
	background: url(/lib/img/web-dev-icons.png) no-repeat -192px 0;
}

#social {
	background: url(/lib/img/marketing-icons.png) no-repeat 0 0;
}

#adwords {
	background: url(/lib/img/marketing-icons.png) no-repeat -64px 0;
}
/* end web development styles */

/* Related Post Styles */


.blogPost {
	overflow: hidden;
	margin-bottom: 10px;
}

div.blogPost h3 {
	margin: 0;
}

.date {
	background: url(/lib/img/cal.png) no-repeat 0 0;
	width: 33px;
	height: 33px;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: none;
	float: left;
	margin-right: 10px;
}

div.date span {
	width: 33px;
	text-align: center;
	display: block;
	font-weight: bold;
}

div.date span.month {
	font-size: 10px;
	color: #fff;
	line-height: 12px;
}

div.date span.day {
	font-size: 18px;
	color: #583b24;
	line-height: 21px;
}

.blogIntro {
	float: left;
}

/* End Related Post Styles */

/* Related Tweet Styles */

li.tweet {
	background: url(/lib/img/twitter.png) no-repeat 0 0;
	padding-left: 40px;
	margin-bottom: 10px;
	min-height: 32px;
}

/* End Related Tweet Styles */

/* Get a Quote Styles */

.fldWrap {
	overflow: hidden;
}

div.fldWrap .field {
	float: left;
	width: 272px;
	margin-right: 20px;
}

div.field label {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

div.field label span {
	color: #da1b1b;
}

div.field input {
	background: url(/lib/img/quot-fld.gif) no-repeat 0 0;
	width: 272px;
}

div.field select {
	width: 272px;
}

div.field textarea {
	background: url(/lib/img/quot-txt-fld.gif) no-repeat 0 0 !important;
	width: 564px !important;
	height: 115px !important;
}


form#quote #first {
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #cdcdcd;
	width: 564px;
}

form#quote .submit {
	background: url(/lib/img/quot-btn.png) no-repeat 0 0;
	float: right;
	width: 109px;
	height: 32px;
}

form#quote .submit:hover {
	background: url(/lib/img/quot-btn.png) no-repeat 0 -32px;
}

#subfrm {
	overflow: hidden;
	float: right;
}

#sendenq {
	float: left;
	margin-right: 10px;
	line-height: 40px;
	height: 32px;
	color: #0682c4;
	font-weight: bold;
}

form#quote .msg, #newsletter .msg {
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px 0 5px 32px;
}

div#newsletter .submit {
	float: left;
	margin-left: 5px;
}

form#quote .msg p {
	margin: 0;
}

form#quote #warn {
	background: #ff9205;
	border: 1px solid #dd7200;
	width: 545px;
	color: #583200;
	padding: 7px !important;
}

form#quote #success, #newsletter #success {
	background: url(/lib/img/success.png) no-repeat 7px 7px;
		background-color: #bac91c;
	border: 1px solid #789d24;
	color: #557609;
	width: 530px;
}

form#quote #fail, #newsletter #fail {
	background: url(/lib/img/fail.png) no-repeat 7px 7px;
		background-color: #f83536;
	border: 1px solid #bc0707;
	color: #a50101;
	width: 530px;
}

div#newsletter #fail, div#newsletter #success {
	width: 274px !important;
}

.testi {
	position: relative;
	width: 356px;
	overflow: hidden;
	margin-top: 10px;
}

div.testi .testIntro {
	float: left;
	width: 250px;
}

div.testi a.casethumb {
	float: left;
	margin-right: 10px;
	margin-top: 0 !important;
	display: block;
	width: 76px;
	height: 76px;
}

.terms {
	overflow: hidden;
	margin-top: 10px;
	width: 305px;
	float: left;
}

div.terms input {
	float: left;
}

div.terms span {
	float: left;
}

#checkCon {
	width: 20px;
	display: block;
	float: left;
}

/* End Get a Quote Styles */

/* 404 Page Styles */

.fourofour {
	background-color: #002c4f !important;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 100%;
	min-width: 100%;
	height: 100%;
	width: 100%;
	margin: auto;
}

#errorContainer {
	background: url(/lib/img/404bk.gif) 0 0 no-repeat;
	width: 790px;
	height: 761px;
	margin: 0 auto;
	margin-top: 50px;
}

div#errorContainer .content {
	float: right;
	margin-top: 202px;
}

div#errorContainer a.logo {
	background: url(/lib/img/logo404.png) 0 0 no-repeat;
	width: 355px;
	height: 48px;
	display: block;
	margin-bottom: 41px;
}

#oops {
	background: url(/lib/img/oops.png) bottom no-repeat;
	width: 373px;
	height: 93px;
	clear: both;
}

div#errorContainer p {
	font-size: 16px;
	width: 323px;
	line-height: 21px;
	margin-top: 20px;
	color: #fff;
	text-align: left;
}

div#errorContainer a {
	color: #fff !important;
}

/* End 404 Page Styles */

/* JustHost Customer Landing Page */

#promoWrap {
	overflow: hidden;
}

#leftPromo {
	float: left;
	width: 620px;
	padding: 13px;
	padding-right: 0 !important;
}

#rightPromo {
	float: right;
	width: 274px;
	padding: 20px;
	position: relative;
}

div#leftPromo h2, div#rightPromo h2 {
	color: #156eb8;
	font-size: 24px;
	margin-bottom: 15px;
	font-weight: normal;
	letter-spacing: -1pt;
}

div#rightPromo h2 {
	font-size: 22px !important;
}

div#leftPromo p {
	font-size: 14px;
	line-height: 21px;
	margin-bottom:12px;
}

.threeStep {
	clear: both;
	overflow: hidden;
	position: relative;
}

.step {
	background: url(/lib/img/landing-images.png) 0 0 no-repeat;
	float: left;
	width: 192px;
	height: 105px;
	margin-right: 5px;
	text-align: center !important;
	padding: 65px 0 0 10px;
}


.arrow {
	background: url(/lib/img/landing-images.png) -606px -114px no-repeat;
	width: 48px;
 	height: 30px;
	position: absolute;
	top: 67px;
}

div.threeStep #first {
	left: 181px;
}

div.threeStep #second {
	left: 388px;
}

div.step p {
	font-size: 12px !important;
	color: #02325a;
	width: 176px;
	margin: 0 auto;
}

div.threeStep #two {
	background: url(/lib/img/landing-images.png) -202px 0 no-repeat !important;
}

div.threeStep #three {
	background: url(/lib/img/landing-images.png) -404px 0 no-repeat !important;
}

div.step h3 {
	color: #033259;
	font-weight: bold;
	font-size: 16px;
	text-shadow: 0px 1px 0px #cbe6fd !important;
	margin: 8px;
}


div#rightPromo h2 {
	color: #555555;
}

div#rightPromo .field {
	margin-top: 6px;
}

div#rightPromo input.quot {
	background: url(/lib/img/landing-images.png) -606px -144px no-repeat;
	width: 269px;
	height: 30px;
	padding-left: 5px;
	color: #727272;
}

input.bigSub {
	background: url(/lib/img/landing-images.png) -606px 0px no-repeat !important;
	width: 274px !important;
	height: 57px;
	margin-top: 11px;
}

input.bigSub:hover {
	background: url(/lib/img/landing-images.png) -606px -57px no-repeat !important;
	cursor: pointer;
}

strong.dark {
	color: #000;
}

#txtWrap {
	padding: 7px 7px 0 7px;
}
/* End JustHost Customer Landing Page */

/* Competition Landing Page Styles */

#landingWrap {
	overflow: hidden;
	padding-left: 30px;
	font-size: 14px;
}

#topwrap {
	height: 563px;
	overflow: hidden;
}

#btmwrap {
        width: 890px;
	height: 273px;
	overflow: hidden;
	margin-bottom: 40px;
}

div#landingWrap strong {
	color: #333333;
}

#ribbon {
	background: url(/lib/img/landing-sprite.png) 0 -80px no-repeat;
	width: 188px;
	height: 188px;
	position: absolute;
	top: 25px;
	right: -3px;
	z-index: 100;
	
}

#titleCont {

	height: 67px;
	margin-bottom: 30px;
	padding-top: 50px;
	overflow: hidden;
}

#title {
	background: url(/lib/img/landing-sprite.png) 0 0 no-repeat;
	width: 772px;
	height: 22px;
	margin-bottom: 13px;
}

#subtitle {
	background: url(/lib/img/landing-sprite.png) 0 -22px no-repeat;
	width: 805px;
	height: 33px;
}

#whordf {
	color: #727272;
	line-height: 21px;
	width: 510px;
}

div#whordf h2, div#whordf p {
	text-shadow: 0 1px 0 #fff;
}

div#whordf h2, div.entry h3, #entCont h2 {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 10px !important;
}

#entCont {
	width: 600px;
	height: 220px;
	float: left;
}

.entry {
	width: 278px;
	float: left;
}

div.entry h3 {
	font-size: 14px !important;
}

div.entry h3 {
	padding-left: 24px;
}

#twitter h3 {
	background: url(/lib/img/landing-sprite.png) -237px -80px no-repeat;
}

#facebook h3 {
	background: url(/lib/img/landing-sprite.png) -237px -98px no-repeat;
}

#tweeters {
	clear: both;
	overflow: hidden;
	margin-top: 10px;
	height: 50px;
}

#somepeeps {
	background: url(/lib/img/landing-sprite.png) 0 -56px no-repeat;
	width: 813px;
	height: 24px;
	margin-top: 20px;
}

.topsy_widget_data {
	width: 80px;
	float: left;
}

#sitebtns {
	float:right;
	position:relative;
	height: 30px;
	width: 261px;
	margin-right: 27px;
}


a.landportfolio {
	background: url(/lib/img/landing-sprite.png) -188px -116px no-repeat;
	width: 152px;
	display: block;
	float: left;
	height: 31px;
	margin: 0 10px 15px 0;
	position: absolute;
	bottom: 0;
}

a.landquote {
	background: url(/lib/img/landing-sprite.png) -340px -116px no-repeat;
	width: 101px;
	display: block;
	float: left;
	height: 31px;
	margin-bottom: 15px;
	position: absolute;
	bottom: 0;
	right: 0;
}

a.landportfolio:hover {
	background-position: -188px -147px
}

a.landquote:hover {
	background-position: -340px -147px
}

#compterms {
	color: #727272;
	clear: both;
	font-size: 12px;
	width: 600px;
	margin-top: 30px;
}

.cta {
	overflow: hidden;
}

div.cta p {
	width: 200px;
	float: left;
}

div#entCont h2 {
	margin-bottom: 15px !important;
}

.fb_iframe_widget {
	float: left;
	width: 85px;
	height: 18px;
}

#twit {
	width: 180px !important;
}

/* End Competition Landing Page Styles */

img.tweep{
    width: 34px;
    height: 34px;
    margin-bottom: -5px;
}

#winaweb {
	background: url(/lib/img/win-a-website.png) 0 0 no-repeat;
	position: absolute;
	top: -1px;
	right: -1px;
	display: block;
	width: 124px;
	height: 123px;
	z-index: 500;
}

.blogimgcont {
	margin: 15px 0;
}	

p.postmetadata {
	background: #efefef;
	padding: 8px;
}