body {
	background-color: #fff;
	margin: 0;
	font: 12px Georgia, "Times New Roman", Times, serif;
	
}

img {
	border:0;
}
a {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:active {
	color: #3cb371;
	text-decoration: none;
}
a:hover {
	color: #3cb371;
	text-decoration: none;
}
h2 {
	font: 1.5em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}
.color {
	color: #3cb371;
}
.grey {
	color: #666;}

#container {
	background: #fff;
	width: 900px;
	
	margin: 15px auto 0 auto;
}
/* HEADER */

#header {
	background: #fff;
	width: 860px;
	height: 160px;
	margin: 0 0 0 20px;
}
#header_top {
	width: 860px;
	height: 80px;
}
#header_bottom {
	width:860px;
	height:50px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-style:italic;
	text-align: right;
}
#logo {
	float: left;
	width: 89px;
	height: 130px;
}
.divider {
	width:900px;
	height:20px;
	margin: 2px 0 0 0;
	background:url(../gfx/divider.jpg) no-repeat;
}
#nav {
float:right;
	font: 13px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight:bold;
	
	text-align: right;
	width: 700px;
	height: 15px;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
}




.title_text {
	font: 38px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-align: left;
	float:right;
	margin: 40px 0 5px 0;
	padding: 0 0 0 0;
	width: 400px;
	height: 38px;
	border-bottom: 1px solid #3cb371;
}

#address {
float:right;
width: 700px;
height: 45px;
text-align: right;
font-style: italic;
margin: 5px 0 0 0;
}
/* END OF HEADER */


#content {
	overflow: hidden;
	margin: 0 0 0 5px;
	width: 890px;
	height: 590px;
}
#content_testing {
	margin: 0 0 0 5px;
	width: 890px;
	height: 590px;
}
/* CONTENT AREA */

#content_container {
	width:20000px;
	height: 2360px;
	background: #fff;
}
.content_container_column {
	float:left;
	width:890px;
	height: 2360px;
}
.spacing_column {
	float:left;
	width: 65px;
	height:2360px;
}
.content_container_single {
	width:890px;
	height: 590px;
	background: #fff;
}
.container_casestudies1 {
	background: url(../images/casestudies/AM-Vintage.jpg);
	width:890px;
	height: 590px;
}
.container_casestudies2 {
	background: url(../images/casestudies/33-Events.jpg);
	
	width:890px;
	height: 590px;
}
.container_casestudies3 {
	background: url(../images/casestudies/icanmakeshoes.jpg);
	width:890px;
	height: 590px;
}
.container_casestudies4 {
	background: url(../images/casestudies/luciemarquis.jpg);
	width:890px;
	height: 590px;
}
.container_casestudies5 {
	background: url(../images/casestudies/glassworks.jpg);
	width:890px;
	height: 590px;
}
.container_casestudies6 {
	
	background: url(../images/casestudies/kimi.png);
	width:890px;
	height: 590px;
}
.container_casestudies7 {
	background: url(../images/casestudies/apesatplay.jpg);
	width:890px;
	height: 590px;
}
.container_casestudies8 {
	background: url(../images/casestudies/venture.jpg);
	width:890px;
	height: 590px;
}
.container_casestudies9 {
	background: url(../images/casestudies/NK6.0.jpg);
	width:890px;
	height: 590px;
}
.container_casestudies10 {
	background: url(../images/casestudies/AAS.jpg);
	width:890px;
	height: 590px;
}
.container_casestudies11 {
	background: url(../images/casestudies/SAP2.jpg);
	width:890px;
	height: 590px;
}
.container_casestudies12 {
	background: url(../images/casestudies/rideuk.jpg);
	width:890px;
	height: 590px;
}
.container_casestudies13 {
	background: url(../images/casestudies/mob.jpg);
	width:890px;
	height: 590px;
}

/* INDIVIDUAL POST LAYOUT */
.work_text_title {
	font: 24px Georgia, "Times New Roman", Times, serif;	
	width: 300px;
	height: 24px;
	margin: 0 0 5px 0;
}
.work_nav {
	border-top:dashed 1px #3cb371;
	margin-top:2px;
	font-size:12px;
	height: 20px;
}
.work_nav_active {
	font-size:12px;
	color: #3cb371;
}
.work_text_2line {
	
	margin: 10px 10px 0 0;
	background: url(../images/about/biog_trans.png);
	float:right;
	font:12px Georgia, "Times New Roman", Times, serif;
	padding: 5px;
	width: 300px;
		
}
.work_text_1line {
	margin: 10px 10px 0 0;
	background: url(../images/about/biog_trans.png);
	float:right;
	font: 12px Georgia, "Times New Roman", Times, serif;
	padding: 5px;
	width: 300px;
	
}
.page_text_title {
	font: 38px Georgia, "Times New Roman", Times, serif;
	width: 300px;
	height: 38px;
	margin: 0 0 5px 0;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}

.homepage_columns {
	float:left;
	width:222px;
	height:590px;
}
.homepage_columns_forblog {
	float:left;
	width:222px;
	height:590px;
	background: url(../gfx/andwhatswhatBG.png);
}
.homepage_columns_forblog img {
	margin: 230px 0 0 66px;
}
.homepage_columns_forblog span {  /* HIDES THE HEADER LINK */
 float:left;
  width: 0;
  height: 0;
  overflow: hidden;
}


#homepage_columns_aboutus {
	float:left;
	width:222px;
	height:590px;
}

#homepage_columns_aboutus a {
	display: block;
	padding: 0;
	width: 222px;
	height: 590px;
	background:url(../images/home/us.jpg) no-repeat;
}
#homepage_columns_aboutus a:hover {
	background:url(../images/home/us.jpg) no-repeat 0 -595px;
}



.homepage_text {
	width: 410px;
	height: 60px;
	margin: 5px 0 0 10px;
	text-align:right;
}
.homepage_text a, .homepage_text a:visited {
	
	text-decoration:none;
	color:#000000;
}
.homepage_text a:hover {
	text-decoration:none;
	color:#3cb371;
	
}

#services_top {
	width: 890px;
	height: 335px;
}
.services_columns_left {
	float:left;
	width:296px;
}
.services_columns_left ul {
	padding: 0;
	margin: 15px 0 0 0;
}
.services_columns_left li {
	list-style: none;
	
	padding: 0;
	margin: 0 0 0 58px;
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	
}
.services_columns_middle {
	float:left;
	width:296px;
}
.services_columns_middle ul {
	padding: 0;
	margin: 15px 0 0 0;
}
.services_columns_middle li {
	list-style: none;
	
	padding: 0;
	margin: 0 0 0 58px;
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	
}
.services_columns_right {
	float:left;
	width:296px;
}
.services_columns_right ul {
	padding: 0;
	margin: 15px 0 0 0;
}
.services_columns_right li {
	list-style: none;
	
	padding: 0;
	margin: 0 0 0 17px;
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	
}

.services_title {
	float:left;
	width:870px;
	height:50px;
	margin: 59px 0 0 10px;
	padding: 0 0 15px 0;
	border-bottom:solid 1px #3cb371;
	font: 38px Georgia, "Times New Roman", Times, serif;
}
.services_logo {
float:left;
width: 100px;
height: 100px;
margin: 300px 0 0 0;
padding: 0 0 0 0;


}
.services_text {
	float:right;
	width:870px;
	height:400px;
	margin:25px 10px 0 0;
	text-align:right;
	font: 29px Georgia, "Times New Roman", Times, serif;
	line-height: 40px;
}


.services_links {
float:right;
width:600px;
height:30px;
margin: 10px 10px 0 0;
text-align:right;
}
.services_link_back {
float:left;
width:55px;
height:30px;
margin: 10px 0 0 10px;
text-align:right;
}


/* WORK PAGES */

.about_title {
	float:right;
	width: 400px;
	height: 45px;
	margin:0 0 0 10px;
	background: #fff;
	font: 24px Georgia, "Times New Roman", Times, serif;
	
}
.about_margin {
	float:left;
	height: 15px;
	width: 890px;
}
.about_boxes_top {
	float:left;
	width: 277px;
	height: 83px;
	list-style:none;
	
	background: #fff ;
	margin: 15px 0 0 10px;
}
.about_boxes_top_middle {
	float:left;
	width: 277px;
	height: 83px;
	list-style:none;
	
	background: #fff ;
	margin: 15px 0 0 16px;
}
.about_boxes_top_right {
	float:right;
	width: 277px;
	height: 83px;
	list-style:none;
	
	background: #fff ;
	margin: 15px 10px 0 0;
	}
.about_boxes_top_text {
	margin: 5px 0 0 5px;
	font: 28px Georgia, "Times New Roman", Times, serif;
}
.about_boxes_middle {
	float:left;
	width: 867px;
	height: 100px;
	margin: 25px 0 0 10px;
	
	background:#FFFFFF;
}
.about_boxes_middle_text {
	float:left;
	width: 275px;
	height:80px;
	margin: 10px 0 0 10px;
	font: 16px Georgia, "Times New Roman", Times, serif;
}
.about_text_one {
	float:left;
	width: 870px;
	height: 43px;
	margin: 10px 0 10px 10px;
	font: 16px Georgia, "Times New Roman", Times, serif;
	background:#FFFFFF;
}
.about_text_two {
	float:left;
	width: 870px;
	height: 75px;
	margin: 25px 0 35px 10px;
	font: 16px Georgia, "Times New Roman", Times, serif;
	background:#FFFFFF;
}

.about_thumbs {
	width:870px;
	height:210px;
	margin: 0 auto 0 auto;
}
.about_thumbs_box_jc {
	float:left;
	height:210px;
	margin: 0 0 0 0;
}
.about_thumbs_box_hs {
	float:left;
	height:210px;
	margin: 0 0 0 60px;
}
.about_thumbs_box_rh {
	float:left;
	height:210px;
	margin: 0 0 0 60px;
}
.about_thumbs_box_fg {
	float:right;
	height:210px;
}








a#jonny_mouseover {
	width: 174px;
	height: 210px;
	background-image: url(../images/about/creative-director.jpg);
	display: block;
}
a#jonny_mouseover:hover {
	background-position: 174px 0;
}
a#richard_mouseover {
	width: 174px;
	height: 210px;
	background-image: url(../images/about/digital-magician.jpg);
	display: block;
}
a#richard_mouseover:hover {
	background-position: 174px 0;
}
a#helen_mouseover {
	width: 174px;
	height: 210px;
	background-image: url(../images/about/digital-content-and-marketing.jpg);
	display: block;
}
a#helen_mouseover:hover {
	background-position: 174px 0;
}
a#floyd_mouseover {
	width: 174px;
	height: 210px;
	background-image: url(../images/about/sales-executive.jpg);
	display: block;
}
a#floyd_mouseover:hover {
	background-position: 174px 0;
}
a#flashguy_mouseover {
	width: 174px;
	height: 210px;
	background-image: url(../images/about/the-flasher.jpg);
	display: block;
}
a#flashguy_mouseover:hover {
	background-position: 174px 0;
}
#container_ianfloyd {
	background: url(../images/people/ian-floyd.jpg);
	width:890px;
	height: 590px;
}
.biog_ianfloyd {
	margin: 10px 0 0 10px;
	background: url(../images/about/biog_trans.png);
	float:left;
	font: 12px Georgia, "Times New Roman", Times, serif;
	
	padding: 10px;
	width: 150px;
	height: 545px;
}
#container_jonnycazzola {
	background: url(../images/people/Jonny-Cazzola.jpg);
	width:890px;
	height: 590px;
}
.biog_jonnycazzola {
	margin: 10px 0 0 10px;
	background: url(../images/about/biog_trans.png);
	float:left;
	font: 12px Georgia, "Times New Roman", Times, serif;
	padding: 10px;
	width: 200px;
	
}
#container_richardhomer {
	background: url(../images/people/richard-homer.jpg);
	width:890px;
	height: 590px;
}
.biog_richardhomer {
	margin: 10px 0 0 10px;
	background: url(../images/about/biog_trans.png);
	float:left;
	font: 12px Georgia, "Times New Roman", Times, serif;
	padding: 10px;
	width: 200px;
	
}
#container_helensproat {
	background: url(../images/people/helen-sproat.jpg);
	width:890px;
	height: 590px;
}
.biog_helensproat {
	margin: 10px 0 0 10px;
	background: url(../images/about/biog_trans.png);
	float:left;
	font: 12px Georgia, "Times New Roman", Times, serif;
	padding: 10px;
	width: 200px;
	
}
#container_flashguy {
	background: url(../images/people/the-flasher.jpg);
	width:890px;
	height: 590px;
}
.biog_flashguy {
	margin: 10px 0 0 10px;
	background: url(../images/about/biog_trans.png);
	float:left;
	font: 12px Georgia, "Times New Roman", Times, serif;
	padding: 10px;
	width: 200px;
	
}

.biog_back {
float:left;
width:38px;
}
.biog_aboutlink {
float:left;
width:38px;
margin: 0 0 0 43px;
}

.biog_next {
float:right;
width:38px;
text-align:right;
}

#footer {
	height:34px;
	margin: 0 0 0 15px;
	padding: 0 0 10px 0;
}
#footer_text {
	float:left;
}
#footer img {
	float:right;
	margin: 0 10px 0 0;
}

#newsletter {
	float:left;
}
#newsletter input{
	
	width: 230px;
	background: #fff;
	border: 1px solid #3cb371;;
	padding: 1px;
	margin: 0 0 0 20px;
	font: 12px Georgia, "Times New Roman", Times, serif;
		font-style:italic;
	cursor: pointer;
}

#thanks_text {
	width: 700px;
	margin: 0 auto;
	padding: 150px;
	font-weight:bold;
}
