/***************** main formatting css ************************/

* 
{
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-size: 12px;
	font-family: Verdena, Arial, Helvetica, sans-serif;
	font: verdana;
	line-height: 1.25em;
	text-align:left;
	background-color: #1b1b1b;
	color:#717171;
	/* known browser compatible workaround for centering page (IE5/Win as example) - see margin and text-align. This box is normally horizontally centered by setting its right and left margin widths to "auto" but these margin and text-align values followed by the text-align left on the sibling container will also centre all */
}

/***************** table / layout ************************/

#container {
	width: 850px;
}

#top_area {
}

#top_nav {
	margin-top: 42px;
	height: 73px;
	background-image: url(../images/banner_top.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
}

#header_image {
	height: 300px;
}

#header_image_home {
	height: 300px;
	background-image: url(images/going_mobile.jpg);
	background-repeat: no-repeat;
	width: 850px;
}

#header_image_home_text {
    color: #000000;
    line-height: 14pt;
    padding-left: 475px;
    padding-right: 97px;
    padding-top: 180px;
    text-align: left;
}

#header_image_home_text a {
	color:#000;
	font-size:11px;
}

#header_image_news {
	height: 300px;
	background-image: url(images/design_agency_news.jpg);
	background-repeat: no-repeat;
	width: 850px;
}

#header_image_news_text {
	padding-left: 15px;
	padding-top: 45px;
	text-align: left;
	color: #FFFFFF;
}

#header_work {
	height: 300px;
	background-image: url(images/design_work.jpg);
	background-repeat: no-repeat;
	width: 850px;
}

#header_work_text {
	float: left;
	padding-left: 15px;
	padding-top: 22px;
	text-align: left;
	color: #FFFFFF;
	line-height: 1.2em;
}

#header_work a {
	font-weight: 100;
	color: #FFFFFF;
}

#main_content {
	padding-top: 13px;
	position: relative;
	vertical-align: top;
	height: 100%;
}

#content_left {
	/*padding-bottom: 25px; this may have to go back in*/
	text-align: left;
	vertical-align: top;
}
#content_left_web {
	padding-bottom: 0px;
	text-align: left;
	vertical-align: top;
}


#content_textbox {
	margin-top: 15px;
	width: 556px;
	background-color: #fff;
}
#content_textbox_sites {
	margin-top: 15px;
	width: 516px;
	background-color: #fff;
	padding:20px 20px 20px 20px;
}
#content_textbox_text {
	margin-top: 15px;
	width: 516px;
	background-color: #fff;
	padding:20px 20px 0px 20px;
}

#content_project {
	margin-top: 15px;
	width: 526px;
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
}

#content_project_head {
	background-image:url(images/project_background.gif);
	background-repeat: no-repeat;
}

#content_project_headtext {
	padding-top: 5px;
}

#content_textbox_text {
	padding-left: 20px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 5px;
}
#content_textbox_text_web {
	background-color: #FFFFFF;
	padding-left: 15px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 5px;
}

#content_textbox_text li {
	/*text-indent: 15px; THIS MAY HAVE TO GO BACK IN*/
}

#content_right {
	padding-left: 7px;
	text-align: left;
}

#content_right_news {
	margin-top: 15px;
	width: 278px;
}

#contact_textbox {
	margin-top: 15px;
	float: left;
	width: 556px;
	background-image: url(images/contact_background.gif);
	background-repeat: no-repeat;
}
#contact_textbox1 {
	margin-top: 0px;
	float: left;
	width: auto;
	background-image: url(images/contact_background.gif);
	background-repeat: no-repeat;
}

#contact_textbox_left {
	width: 300px;
	float: left;
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 5px;
}

#contact_textbox_right {
	width: 217px;
	float: right;
	padding-top: 15px;
	padding-bottom: 5px;
}

#content_right_approach {
	width: 278px;
	padding-top:10px;
}

#content_right_approach_spread {
	width: 278px;
	padding-top:1px;
	padding-bottom: 10px;
}

#content_right_landing {
	width: 278px;
	padding-bottom: 10px;
}

#content_right_approach_text {
	background-color: #FFFFFF;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	text-align: left;
	vertical-align: top;
	line-height: 2em;
}

#content_right_approach_email {
	background-color: #FFFFFF;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	text-align: left;
	vertical-align: top;
	line-height: 1.25em;
}

#content_right_approach_email ul {
    list-style-position: outside;
}

#content_right_approach_email ul li {
    margin: 0 20px 1.20em 20px;
}

#content_work {
	height: 285px;
	background-image:url(images/pixie-logo.jpg);
	background-color: #FFFFFF;
	padding-top: 15px;
	margin-top: 15px;
}

#content_work_1 {
	height: 285px;
	background-image:url(images/fightstore.jpg);
	background-color: #FFFFFF;
	padding-top: 15px;
	margin-top: 15px;
}

#content_work_2 {
	height: 285px;
	background-image:url(images/dragon-yarns-brand.jpg);
	background-color: #FFFFFF;
	padding-top: 15px;
	margin-top: 15px;
}

#content_work_3 {
	height: 285px;
	background-image: url(../images/quinin_letterhead_corners.jpg);
	background-color: #FFFFFF;
	padding-top: 15px;
	margin-top: 15px;
}

#content_work_4 {
	height: 285px;
	background-image: url(../images/charnwood_car.jpg);
	background-color: #FFFFFF;
	padding-top: 15px;
	margin-top: 15px;
}

#content_work_6 {
	height: 285px;
	background-image:url(images/reflections-brochure.jpg);
	background-color: #FFFFFF;
	padding-top: 15px;
	margin-top: 15px;
}

#content_work_5 {
	height: 285px;
	background-image:url(images/carlton-brochure.jpg);
	background-color: #FFFFFF;
	padding-top: 15px;
	margin-top: 15px;
}

#content_work_7 {
	height: 285px;
	background-image:url(images/bmi-print-text.jpg);
	background-color: #FFFFFF;
	padding-top: 15px;
	margin-top: 15px;
}

#content_work_8 {
	height: 285px;
	background-image:url(images/tbpc-print-text.jpg);
	background-color: #FFFFFF;
	padding-top: 15px;
	margin-top: 15px;
}

#content_work_9 {
	height: 285px;
	background-image:url(images/dragon-yarns-web.jpg);
	background-color: #FFFFFF;
	padding-top: 15px;
	margin-top: 15px;
}

#content_work_10 {
	height: 285px;

		background-image:url(images/auto-retail-web.jpg);
	padding-top: 15px;
	margin-top: 15px;
}

#content_work_11 {
	height: 285px;
	background-image:url(images/vw-web-text.jpg);
	background-color: #FFFFFF;
	padding-top: 15px;
	margin-top: 15px;
}

#content_work_12 {
	height: 285px;
	background-image:url(images/qe-global-iphone-app.jpg);
	background-color: #FFFFFF;
	padding-top: 15px;
	margin-top: 15px;
}

#content_work_21 {
	height: 285px;
	background-image:url(images/tbpc.jpg);
	background-color: #FFFFFF;
	padding-top: 15px;
	margin-top: 15px;
}

#content_work_text {
	line-height: 1.15em;
	margin-left: 15px;
	text-align: left;
	padding-top: 5px;
	color: #FFF;
}

#content_work_text_right {
	line-height: 1.15em;
	margin-left: 655px;
	text-align: left;
	padding-top: 5px;
}

#positions_text {
	padding-left: 15px;
	color: #FFFFFF;
}

#content_right_text {
	background-color: #FFFFFF;
	padding:15px 13px 0 13px;
	text-align: left;
	vertical-align: top;
	font-size: 90%;
}

#content_right_stuff_text {
	background-color: #FFFFFF;
	padding:15px 15px 0 15px;
	vertical-align: top;
	font-size: 90%;
	line-height: 1.5em;
}


#content_right_text a {
	color: #af0021;
	text-decoration: none;
}

#content_right_text a:hover {
	text-decoration: underline;
}

#creative_quotes {
background-image:url(images/creative_quotes.gif);
background-position:left center;
background-repeat:no-repeat;
color:#BCBCBC;
font-size:12px;
height:265px;
line-height:16px;
margin-top:15px;
padding-left:15px;
padding-right:20px;
padding-top:12px;
width:243px;
}

#content_quote {
	margin-top: 15px;
	width: 556px;
	background-image: url(images/speech_marks_panel.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

#content_quote_text {
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 5px;
}

#bottom_bar {
}

#bottom_text {
	color: #ffffff;
	text-align: left;
	margin-bottom: 15px;
}

#map {
	margin-top: 30px;
}

#content_plain {
	width: 850px;
	background-color: #FFFFFF;
	text-align: left;
}

#content_plain_text {
	padding-left: 15px;
	padding-right: 15px;
}

#landing_content {
	margin-top: 10px;
	float: left;
	width: 850px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-align: left;
}

#landing_content_text {
	padding: 15px;
}

#landing_content_left {
	width: 556px;
	float: left;
	margin-top: 10px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-align: left;
}

#landing_content_right {
	width: 278px;
	float: right;
	margin-top: 10px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-align: left;
}

#landing_content_image_left_livead {
	margin-top: 10px;
	float: left;
	width: 850px;
	height: 300px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-align: left;
	background-image:url(../images/livead_dongle_PPC.jpg);
	background-repeat: 0 0;
}

#landing_content_image_left_ima {
	margin-top: 10px;
	float: left;
	width: 850px;
	height: 300px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-align: left;
	background-image:url(../images/IMA_PPC.jpg);
	background-repeat: 0 0;
}

#landing_content_image_left_text {
	padding: 20px 15px 15px 655px;
	width: 190px;
}

#landing_content_image_right_red21 {
	margin-top: 10px;
	float: left;
	width: 850px;
	height: 300px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-align: left;
	background-image:url(../images/Red21_brand.jpg);
	background-repeat: 0 0;
}

#landing_content_image_right_raffia {
	margin-top: 10px;
	float: left;
	width: 850px;
	height: 300px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-align: left;
	background-image:url(../images/Raffia_PPC.jpg);
	background-repeat: 0 0;
}

#landing_content_image_right_sp {
	margin-top: 10px;
	float: left;
	width: 850px;
	height: 300px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-align: left;
	background-image:url(../images/simon_pattison_PPC.jpg);
	background-repeat: 0 0;
}

#landing_content_image_right_text {
	padding: 20px 15px 15px 15px;
	width: 190px;
}

#landing_content_image_right_text_extended {
	padding: 20px 15px 15px 15px;
	width: 290px;
}

#landing_content_text ul {
    list-style-type:disc; 
    list-style-position: outside;
}
#landing_content_text ul li {
    margin: 0 20px 0.5em 20px;
}

#landing_content_image_left_party2u {
	margin-top: 10px;
	float: left;
	width: 850px;
	height: 300px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-align: left;
	background-image:url(../images/party2u_actinic.jpg);
	background-repeat: 0 0;
}

#landing_content_image_left_blinking {
	margin-top: 10px;
	float: left;
	width: 850px;
	height: 300px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-align: left;
	background-image:url(../images/blinkingsun_magento.jpg);
	background-repeat: 0 0;
}

#landing_content_image_left_trabasack {
	margin-top: 10px;
	float: left;
	width: 850px;
	height: 300px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-align: left;
	background-image:url(../images/trabasack_drupal.jpg);
	background-repeat: 0 0;
}

#landing_content_image_right_red21_actinic {
	margin-top: 10px;
	float: left;
	width: 850px;
	height: 300px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-align: left;
	background-image:url(../images/Red21_website.jpg);
	background-repeat: 0 0;
}

#landing_content_image_right_linkwave {
	margin-top: 10px;
	float: left;
	width: 850px;
	height: 300px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-align: left;
	background-image:url(../images/linkwave_website.jpg);
	background-repeat: 0 0;
}

#landing_content_image_right_bassline {
	margin-top: 10px;
	float: left;
	width: 850px;
	height: 300px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-align: left;
	background-image:url(../images/bassline_website.jpg);
	background-repeat: 0 0;
}

#landing_content_image_right_magento_demo {
	margin-top: 10px;
	float: left;
	width: 850px;
	height: 300px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-align: left;
	background-image:url(../images/magento_demo.jpg);
	background-repeat: 0 0;
}

#landing_content_image_right_fandcemail {
	margin-top: 10px;
	float: left;
	width: 850px;
	height: 300px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-align: left;
	background-image:url(images/farmer_carlisle_email.jpg);
	background-repeat: 0 0;
}

#landing_content_text h1 {
	font-size: 16px;
	color:#af0021;
	font-weight: bold;
}

#landing_content_image_left_lmg {
	margin-top: 10px;
	float: left;
	width: 850px;
	height: 300px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-align: left;
	background-image:url(images/lmg_email_marketing.png);
	background-repeat: 0 0;
}

#landing_content_image_drupal_brooksby {
	margin-top: 10px;
	float: left;
	width: 850px;
	height: 300px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-align: left;
	background-image:url(images/drupal/bmc-drupal.jpg);
	background-repeat: 0 0;
}

#landing_content_image_drupal_warner {
	margin-top: 10px;
	float: left;
	width: 850px;
	height: 300px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-align: left;
	background-image:url(images/drupal/warner-drupal.jpg);
	background-repeat: 0 0;
}
#landing_content_image_drupal_dalycom {
	margin-top: 10px;
	float: left;
	width: 850px;
	height: 300px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-align: left;
	background-image:url(images/drupal/dalycom-drupal.jpg);
	background-repeat: 0 0;
}
/***************** image layout ************************/




/***************** navs ************************/

#nav {
	padding-top: 38px;
	text-align: left;
	position: relative;
}

#nav_home {width:100px; height:35px; float:left;}
#nav_home a {background:url('images/nav_home.gif') no-repeat 0 0; display:block; width:100px; height:35px; overflow:hidden;}
#nav_home a:hover {background-position:-100px 0;}

#home #nav_home a {background:url(images/nav_home_on.jpg);}

#nav_approach {width:100px; height:35px; float:left; padding-left:10px;}
#nav_approach a {background:url('images/nav_approach.gif') no-repeat 0 0; display:block; width:100px; height:35px; overflow:hidden;}
#nav_approach a:hover {background-position:-100px 0;}

#approach #nav_approach a {background:url(images/nav_approach_on.jpg)}

#nav_work {width:100px; height:35px; float:left; padding-left:10px;}
#nav_work a {background:url('images/nav_work.gif') no-repeat 0 0; display:block; width:100px; height:35px; overflow:hidden;}
#nav_work a:hover {background-position:-100px 0;}

#work #nav_work a {background:url(images/nav_work_on.jpg)}

#nav_news {width:100px; height:35px; float:left; padding-left:10px;}
#nav_news a {background:url('images/nav_news.gif') no-repeat 0 0; display:block; width:100px; height:35px; overflow:hidden;}
#nav_news a:hover {background-position:-100px 0;}

#news #nav_news a {background:url(images/nav_news_on.jpg)}

#nav_contact {width:100px; height:35px; float:left; padding-left:10px;}
#nav_contact a {background:url('images/nav_contact.gif') no-repeat 0 0; display:block; width:100px; height:35px; overflow:hidden;}
#nav_contact a:hover {background-position:-100px 0;}

#contact #nav_contact a {background:url(images/nav_contact_on.jpg)}


#nav_side_approach {
}

#nav_approach_branding {width:278px; height:45px; float:left;}
#nav_approach_branding a {background:url('images/nav_approach_branding.gif') no-repeat 0 0; display:block; width:278px; height:45px; overflow:hidden;}
#nav_approach_branding a:hover {background-position:-278px 0;}

#branding #nav_approach_branding a {background-position:-278px 0;}

#nav_approach_literature {width:278px; height:45px; float:left;}
#nav_approach_literature a {background:url('images/nav_approach_literature.gif') no-repeat 0 0; display:block; width:278px; height:45px; overflow:hidden;}
#nav_approach_literature a:hover {background-position:-278px 0;}

#literature #nav_approach_literature a {background-position:-278px 0;}

#nav_approach_advertising {width:278px; height:45px; float:left;}
#nav_approach_advertising a {background:url('images/nav_approach_advertising.gif') no-repeat 0 0; display:block; width:278px; height:45px; overflow:hidden;}
#nav_approach_advertising a:hover {background-position:-278px 0;}

#advertising #nav_approach_advertising a {background-position:-278px 0;}

#nav_approach_marketing {width:278px; height:45px; float:left;}
#nav_approach_marketing a {background:url('../images/nav_approach_marketing.gif') no-repeat 0 0; display:block; width:278px; height:45px; overflow:hidden;}
#nav_approach_marketing a:hover {background-position:-278px 0;}

#marketing #nav_approach_marketing a {background-position:-278px 0;}

#nav_approach_online_marketing {width:278px; height:45px; float:left;}
#nav_approach_online_marketing a {background:url('images/nav_approach_online.gif') no-repeat 0 0; display:block; width:278px; height:45px; overflow:hidden;}
#nav_approach_online_marketing a:hover {background-position:-278px 0;}

#online_marketing #nav_approach_online_marketing a {background-position:-278px 0;}

#nav_approach_web {width:278px; height:45px; float:left;}
#nav_approach_web a {background:url('images/nav_approach_web.gif') no-repeat 0 0; display:block; width:278px; height:45px; overflow:hidden;}
#nav_approach_web a:hover {background-position:-278px 0;}

#web #nav_approach_web a {background-position:-278px 0;}

#nav_approach_bluetooth {width:278px; height:45px; float:left;}
#nav_approach_bluetooth a {background:url('images/nav_approach_bluetooth.gif') no-repeat 0 0; display:block; width:278px; height:45px; overflow:hidden;}
#nav_approach_bluetooth a:hover {background-position:-278px 0;}

#bluetooth #nav_approach_bluetooth a {background-position:-278px 0;}

#nav_approach_more {width:278px; height:47px; float:left; padding-bottom: 10px;}
#nav_approach_more a {background:url('images/nav_approach_more.gif') no-repeat 0 0; display:block; width:278px; height:47px; overflow:hidden;}
#nav_approach_more a:hover {background-position:-278px 0;}

#more #nav_approach_more a {background-position:-278px 0;}


#work_nav {
	float: right;
	padding-top: 14px;
	padding-right: 388px;
}

#work_brand {width:75px; height:16px; float:left;}
#work_brand a {background:url('images/nav_work_brand.gif') no-repeat 0 0; display:block; width:75px; height:16px; overflow:hidden;}
#work_brand a:hover {background-position:-75px 0;}

#brand #work_brand a:visited {background-position:-75px 0;}

#work_print {width:75px; height:16px; float:left; padding-left:8px;}
#work_print a {background:url('images/nav_work_print.gif') no-repeat 0 0; display:block; width:75px; height:16px; overflow:hidden;}
#work_print a:hover {background-position:-75px 0;}

#print #work_print a:visited {background-position:-75px 0;}

#work_digital {width:75px; height:16px; float:left; padding-left:3px;}
#work_digital a {background:url('images/nav_work_digital.gif') no-repeat 0 0; display:block; width:75px; height:16px; overflow:hidden;}
#work_digital a:hover {background-position:-75px 0;}

#digital #work_digital a:visited {background-position:-75px 0;}


/* side nav images --------------------------- */


/***************** image layout ************************/


/***************** content layout ************************/

.text_indented {
		text-indent: 40px;
}


/***************** text formatting ************************/


h1 {
	font-size: 110%;
	font-weight: 110;
}

h2 {
	font-size: 120%;
	font-weight: 100;
	color: #af0021;
	line-height: 1.1em;
}

h3 {
	font-size: 110%;
	color: #b00026;
}

h4 {
	font-size: 105%;
	color: #b00026;
}

h5 {
	font-size: 150%;
	line-height: 1.3em;
}


/***************** links ************************/

a:link, a:visited, a:active {
	text-decoration: none;
	color:#b00026;
}

a:hover {
	text-decoration: underline;
}



/* extend height of div containing floating divs - behave like content in tables ---------------------------- */





/* contact form ---------------------------- */







/* misc */

.none {
display:none;
}
.white {
	color: #FFF;
}


#content_quote_text li {
	margin-left:20px;
}

#content_textbox_text ol {
	margin-left:20px;	
}
#container #main_content table tr td #content_textbox p img {
	text-align: center;
}

tr {
	margin-bottom:5px;
}.bold {
	font-weight: bold;
}
.bold {
	font-weight: bold;
}

#main_content li {
	padding-bottom:2px;
	margin-left:20px;
}
#container p {
	text-align: left;
}
.left-footer-logos {
	text-align: left;
}