html
{
	background: url(../site-images/html_bg.gif) repeat-x top left;
	margin: 0;
	padding: 0;
}

body{
	background: url(../site-images/film.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
	text-align:center;
}

#wrap{
	width: 770px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align:left;
}

h1{
	margin: 0;
	padding: 0;
}

h1 a{
	margin: 0;
	padding: 0;
	background: url(../site-images/h1.jpg) no-repeat;
	width: 189px;
	height: 90px;
	display: block;
}

.hideme{
	display: none;
}

#leftside{
	margin: 0;
	padding: 0;
	float: left;
	width: 320px;
}

#rightside{
	margin: 0;
	padding: 0;
	float: right;
	width: 446px;
	background: url(../site-images/whiteside_bg.gif) no-repeat top center;
}

#blog_left{
	margin-left: 10px;
	width: 45%;
	float: left;
	display: inline;
}

#blog_right
{
	width: 45%;
	float: right;
}

#rightsidecontent
{
	width: 406px;
	margin: 0 auto;
}

#rightsidecontent p
{
	line-height: 140%;
}

#leftcontent
{
	margin-top: 190px;
}

#rightside img
{
	padding: 0 5px;
	text-decoration: none;
	border: none;
}

#rightside a
{
	text-decoration: none;
	border: none;
}

.footer_right
{
	background: url(../site-images/rightside_footer.jpg) no-repeat bottom center;
	height: 0;
	width: 420px;
	margin: 0;
	padding: 25px 26px 50px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #FFFFFF;
	text-align: right;
}

.clear
{
	clear: both;
	margin: 0;
	padding: 0;
}

.portfolio{
	background: #ffffff url(../site-images/track.jpg) no-repeat top left;
}
.portfolio1{
background: #ffffff url(../site-images/portfolio1.jpg) no-repeat top left;
}
.portfolio2{
background: #ffffff url(../site-images/portfolio2.jpg) no-repeat top left;
}
.portfolio3{
background: #ffffff url(../site-images/portfolio3.jpg) no-repeat top left;
}
.portfolio4{
background: #ffffff url(../site-images/portfolio4.jpg) no-repeat top left;
}
.portfolio5{
background: #ffffff url(../site-images/portfolio5.jpg) no-repeat top left;
}
.portfolio6{
background: #ffffff url(../site-images/portfolio6.jpg) no-repeat top left;
}
.portfolio7{
background: #ffffff url(../site-images/portfolio7.jpg) no-repeat top left;
}
.portfolio8{
background: #ffffff url(../site-images/portfolio8.jpg) no-repeat top left;
}
.portfolio9{
background: #ffffff url(../site-images/portfolio9.jpg) no-repeat top left;
}
.portfolio10{
background: #ffffff url(../site-images/portfolio10.jpg) no-repeat top left;
}
.portfolio11{
background: #ffffff url(../site-images/portfolio11.jpg) no-repeat top left;
}
.portfolio12{
background: #ffffff url(../site-images/portfolio12.jpg) no-repeat top left;
}


h2
{
	margin: 0;
	padding: 0;
	letter-spacing: -1px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 200%;
}

h2.first
{
	margin: 0px 15px 0px 15px;
	color: #ff0000;
	padding: 0;
	padding-top: 400px;
}

h2.latest
{
	margin: 0px 15px 10px 15px;
	padding: 0;
	color: #ffffff;
}

h2.more
{
	margin: 0px 15px 0px 15px;
	padding: 0;
	padding-top: 5px;
	color: #ffffff;
	background: url(../site-images/more_overline.gif) no-repeat top left;
}

p.small_blue{
	margin: 0px 15px 10px 15px;
	padding: 0;
	color: #0094B0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

#rightside p.general
{
	margin: 0px 15px 0px 15px;
	padding: 0;
	color: #ffffff;
	font-family: tahoma, verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

#rightside p.blog
{
	margin: 0px 15px 0px 15px;
	padding: 0;
	color: #ffffff;
	font-family: tahoma, verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
text-align:justify;
}

#rightside .ernesto p.blog
{
	color: #333333;
}

#rightside p.general a
{
	color: #D4BB33;
	border-bottom: 1px solid #ffffff;
}
#rightside p.blog a
{
	color: #D4BB33;
	border-bottom: 1px solid #ffffff;
}


#rightside p.generalC
{
	margin: 0px 15px 0px 15px;
	padding: 0;
	color: #000000;
	font-family: tahoma, verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

#rightside p.generalC a
{
	color: #D4BB33;
	border-bottom: 1px solid #ffffff;
}

#rightside p.general a:hover
{
	background-color: #333333;
}

p.block_bg
{
	margin: 0px 15px 10px 15px;
	padding: 0;
	color: #999999;
	font-family: georgia, "Times new roman", times, serif;
	font-size: 90%;
	font-weight: normal;
	font-style: italic;
}

p.big_white
{
	margin: 10px 15px 10px 15px;
	color: #0094b0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	letter-spacing: -1px;
	border-left: 6px solid #0094B0;
	padding: 0 0 0 10px;
}

#leftside p.leftp
{
	margin: 10px 15px 0px 10px;
	padding: 0;
	color: #666666;
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	line-height: 130%;
	font-size: 85%;
	text-align: justify;
}


#leftside h2
{
	color: #0094B0;
	margin: 0px 0px 0px 10px;
	padding: 0;
	font-size: 200%;
	font-weight: normal;
	letter-spacing: -2px;
}

#leftside h3.lefth3
{
	margin: -6px 15px 0px 10px;
	padding: 0;
	color: #777777;
	font-family: georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	font-weight: normal;
	font-style: italic;
}

#nav
{
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 130%;
	margin-top: -26px;
}

#nav li
{
	float: right;
	margin: 0;
	padding: 0;
}

#nav li a
{
	float: left;
	margin: 0;
	height: 20px;
	padding: 5px 5px;
	display: block;
	text-decoration: none;
	color: #000000;
	font-size: 90%;
	background: url(../site-images/menu_left.gif) no-repeat top left;
}
#nav li a:hover{
color:#B13800;
}

blockquote.bluequote
{
	background: url(../site-images/blockquote.gif) no-repeat top left;
	width: 323px;
	margin: 0;
	padding: 0;
}

blockquote.bluequote p.quote
{
	margin: 0;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #3F3F3F;
	padding: 43px 40px 0 50px;
}

blockquote.bluequote p.quote_sm
{
	margin: 0;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #3F3F3F;
	padding: 43px 40px 0 50px;
}

blockquote.bluequote p.author
{
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	width: 233px;
	text-align: right;
	background: url(../site-images/blockquote_foot.gif) no-repeat bottom left;
	padding: 0px 40px 20px 50px;
}

.gold
{
	color: #CCCE85;
}

.small_blue a.frameit
{
	padding: 8px 2px;
	background: url(../site-images/thumbborder.gif) no-repeat;
	height: 67px;
	width: 80px;
	float: left;
	display: block;
}

.small_blue a.frameit:hover
{
	background: url(../site-images/thumbborder_roll.gif) no-repeat;
}

#portfolio
{
	width: 350px;
	margin: 0 auto;
}

.link
{
	text-align: center;
	background: url(../site-images/divider.gif) top left no-repeat;
	margin: 10px 0;
	padding: 20px 0 10px 0;
}

.iaaf p.big_white
{
	font-size: 150%;
}

.dk
{
	background: url(../site-images/portfolio_dk.jpg) no-repeat top left;
}

.steve
{
	background: url(../site-images/portfolio_sb.jpg) no-repeat top left;
}

.steve h2.first
{
	padding-top: 350px;
}

.cecelia
{
	background: url(../site-images/portfolio_ca.jpg) no-repeat top left;
}

.graeme
{
	background:#ffffff url(../site-images/portfolio_gr.jpg) no-repeat top left;
}

.graeme h2.first
{
	padding-top: 330px;
	color: #000000;
}

.graeme .link
{
	background: url(../site-images/divider_w.gif) no-repeat top left;
}

.foz
{
	background: url(../site-images/portfolio_mf.jpg) no-repeat top left;
}
.foz h2.first{
padding-top:350px;
}

.pace
{
	background: url(../site-images/portfolio_pace.jpg) no-repeat top left;
}
.pace h2.first
{
	font-size: 190%;
	padding-top: 340px;
}

.tri
{
	background: #ffffff url(../site-images/portfolio_tri.jpg) no-repeat top left;
}

.tri h2.first
{
	padding-top: 330px;
	color: #000000;
}

.tri .link
{
	background: url(../site-images/divider_w.gif) no-repeat top left;
}

.busstop
{
	background: url(../site-images/bg_blog.jpg) no-repeat top left;
}
.ernesto
{
	background:#ffffff url(../site-images/blog_ernesto.jpg) no-repeat top left;
}
.siterip
{
background: url(../site-images/siterippblog.jpg) no-repeat top left;
}

.black_bg
{
	margin-top: 5px;
	background: #000000 url(../site-images/vertical_fade.gif) no-repeat top right;
}

.jccm
{
	background: url(../site-images/portfolio_jccm.jpg) no-repeat top left;
}

.jccm h2.first
{
	font-size: 190%;
}

.jccm p.big_white
{
	font-size: 150%;
}

.fdsw
{
	background: url(../site-images/portfolio_fdsw.jpg) no-repeat top left;
}

.fdsw h2.first
{
	font-size: 190%;
}



.pac
{
	background: url(../site-images/portfolio_PAC.jpg) no-repeat top left;
}

.pac h2.first
{
	font-size: 190%;
padding-top:365px;
}
.clientarea{
background:#000000;
color:#ffffff;
}
.clientarea a{
color: #CCCE85;
}

.rbk
{
	background: url(../site-images/portfolio_rbk.jpg) no-repeat top left;
}

.rbk h2.first
{
	font-size: 190%;
/*padding-top:365px;*/
}
.reebok
{
	background: url(../site-images/work_rbk.jpg) no-repeat top left;
}

.reebok h2.first
{
	font-size: 190%;
padding-top:365px;
}

.iaaf
{
	background:#DFDCCB url(../site-images/portfolio_iaaf.jpg) no-repeat top left;
}

.iaaf h2.first
{
	font-size: 190%;
	padding-top: 300px;
}
.iaaf .link
{
	background: url(../site-images/divider_ba.gif) no-repeat top left;
}

.ukhc
{
	background:#AAB7C4 url(../site-images/portfolio_ukhc.jpg) no-repeat top left;
}

.ukhc h2.first
{
	font-size: 190%;
	padding-top: 350px;
}

.ukhc .link
{
	background: url(../site-images/divider_b.gif) no-repeat top left;
}
.madl{
background: url(../site-images/portfolio_madl.jpg) no-repeat top left;
}
.madl h2.first
{
	font-size: 190%;
	padding-top: 310px;
}

.leap{
background: url(../site-images/portfolio_leap.jpg) no-repeat top left;
}
.leap h2.first
{
	font-size: 190%;
	padding-top: 310px;
}

.location
{
	background: url(../site-images/portfolio_location.jpg) no-repeat top left;
}

.location h2.first
{
	font-size: 190%;
	padding-top: 300px;
}

#zemContactForm
{
	width: 406px;
}

#enquiry
{
	margin-left: 15px;
}

#name, #email, #website, #company, #enquiry, #zemrequired
{
	width: 340px;
	border: 1px solid #0094B0;
	margin-bottom: 10px;
	padding: 5px;
	background: #C6D6FD;
	color: #000000;
}


#zemContactForm fieldset
{
	border: none;
}

#zemContactForm legend
{
	display: none;
}

#zemContactForm label
{
	margin: 0px 15px 10px 15px;
	padding: 0;
	color: #C7DCE0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

#zemContactForm input
{
	margin-left: 15px;
}

#zemSubmit
{
	/*float: right;
	border: 1px solid #0094B0;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #0094B0;
	color: #000000;*/
}

h2.arrow
{
	padding-top: 283px;
	padding-left: 81px;
	padding-bottom: 10px;
	background: url(../site-images/blog_arrow.gif) no-repeat bottom left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	color: #B13800;
	letter-spacing: normal;
	font-weight: normal;
}

.ernesto h2.arrow
{
	padding-top: 370px;
	background: url(../site-images/blog_arrow_w.gif) no-repeat bottom left;
}

.reebok h2.arrow
{
	padding-top: 360px;
}


h2.arrow_non
{
	padding-top: 30px;
	padding-left: 81px;
	padding-bottom: 10px;
	background: url(../site-images/blog_arrow.gif) no-repeat bottom left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	color: #B13800;/*#CCB531;*/
	letter-spacing: normal;
}

h2.arrow_non .subscript
{
	color: #ffffff;
	font-size: 70%;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}

h2.arrow .subscript
{
	color: #ffffff;
	font-size: 70%;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
.ernesto h2 .subscript{
color:#000000;
}

h3.sectitle
{
	font-family: "Trebuchet MS", verdana, tahoma, arial, sans-serif;
	color: #0097B2;
font-size:95%;
}

h4
{
	font-family: georgia, "Times New Roman", Times, serif;
	color: #0F5C6C;
	margin: 10px 15px 0px 0px;

	
/*	0F5C6Cpadding: 2px 10px;border-top: 1px solid #C1D6DB;0px 25px 0px 0px*/

	font-weight: normal;
}

h4 a
{
	color: #CCB531;
	text-decoration: none;
}
h4 a:hover{
background-color: #333333;
display:block;
}

.red, .blue
{
	margin: 0px 0px 0px 10px;
}

.red h4
{
	background:  url(../site-images/divider_w.gif) no-repeat bottom left;
}

.blue h4{
background: url(../site-images/divider_w.gif) no-repeat top left;
}

/*#F1F8FF.red p
{
	text-align: justify;
	font-size: 85%;
	color: #666666;
}*/
.red p
{
	padding: 0;
	color: #999999;
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	line-height: 130%;
	font-size: 85%;
	text-align: justify;
margin: 0px 15px 0px 0px;

	padding: 2px 10px;
}


#blog_right ul, #blog_left ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#blog_right ul li, #blog_left ul li
{
	margin: 0;
	padding: 0;
	color: #999999;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	line-height: 130%;
	font-size: 85%;
}

#blog_right ul li a, #blog_left ul li a
{
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #BAA52A;

}
#blog_right ul li a:hover, #blog_left ul li a:hover{
background-color: #333333;
}

p.date
{
	/*background: url(../site-images/blog_border.gif) no-repeat top left;
	padding: 8px 10px 8px 10px;
	font-size: 80%;
	color: #B13800;
	height: 20px;*/

background: url(../site-images/blog_border.gif) no-repeat top left;
margin: 0px 15px 10px 15px;
	padding: 0;
	color: #999999;
	font-family: georgia, "Times new roman", times, serif;
	font-size: 90%;
	font-weight: normal;
	font-style: italic;padding: 8px 10px 4px 10px;height: 20px;
}
#txpCommentInputForm
{
	width: 406px;
}

#message
{
	margin-left: 15px;
}

#name, #email, #web, #company, #message
{
	width: 340px;
	border: 1px solid #0094B0;
	margin-bottom: 10px;
	padding: 5px;
	background: none;
	color: #ffffff;
}
.ernesto #name, .ernesto #email, .ernesto #web, .ernesto #company, .ernesto #message
{
	color: #000000;
}
.ernesto p.blog{
color:#000000;
}

.ernesto .comments p{
color:#000000;
}

#txpCommentInputForm fieldset
{
	border: none;
}

#txpCommentInputForm legend
{
	display: none;
}

#txpCommentInputForm label
{
	margin: 0px 15px 10px 15px;
	padding: 0;
	color: #C7DCE0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.ernesto #txpCommentInputForm label{
color:#0094B0;
}

#txpCommentInputForm input
{
	margin-left: 15px;
}
#txpCommentInputForm a
{
	color: #D4BB33;
	border-bottom: 1px solid #ffffff;
}

.comments
{
	margin: 15px;
	padding: 10px;
}

.comments p
{
	margin: 0px 15px 0px 15px;
	padding: 0;
	color: #ffffff;
	font-family: tahoma, verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.comments p a
{
	color: #D4BB33;
	border-bottom: 1px solid #ffffff;
}

.comments p a:hover
{
	background-color: #333333;
}

.odd
{
	border-left: 4px solid #333333;
}

.even
{
	border-left: 4px solid #cccccc;
}

#strides{
font-family: georgia, "Times new roman", times, serif;
color:#0094B0;
margin: 0px 15px 10px 15px;
font-size:150%;
font-weight:normal;
letter-spacing:-2px;
}

.zemError{
color:#ffffff;
}

.leftp a
{
	color: #CCB531;
	text-decoration: none;
}
.leftp a:hover{
background-color: #333333;

}
.imgright{
float:right;
}
#name{
background-color:#c6d6FD;
color:#000000;
}
#email{
background-color:#c6d6FD;
color:#000000;
}
#company{
background-color:#c6d6FD;
color:#000000;
}
#website{
background-color:#c6d6FD;
color:#000000;
}
#enquiry{
background-color:#c6d6FD;
color:#000000;
}

.textfield {
font:13px/20px verdana, arial, helvetica, sans-serif;
r:#333 ;
margin:3px;
border:solid 0 #fff;
padding: 3px 8px;
width:200px;
voice-family: "\"}\"";
voice-family:inherit;
width:200px;
}

textarea {
font:13px/20px verdana, arial, helvetica, sans-serif;
color:#333 ;
margin:3px;
height:165px;
border:solid 0 #fff;
padding: 0 8px;
background: transparent url("../site-images/textarea_bg.gif") no-repeat fixed;
width:200px;
voice-family: "\"}\"";
voice-family:inherit;
width:200px;
}

fieldset>textarea {
background: transparent url("../site-images/textarea_bg.gif") no-repeat;
width: 200px;
}

.submit {
margin:3px;
background: transparent url("../site-images/submit.gif") no-repeat;
height:20px;
border:solid 0 #fff;
width:80px;
font:13px/20px verdana, arial, helvetica, sans-serif;
color:#666;
}

fieldset {
background-color: #e0e0e0;
margin: 2em 2em 2em 0;
padding: 1em .5em .5em .5em;
border: 1px solid black;
}

legend {
padding: .2em;
background-color: #920E00;;
font-weight: bold;
color: #ffffff;
border: 1px solid #000000;
}

fieldset>input.textfield {
background: transparent url("../site-images/textfield_bg.gif") no-repeat;
}



div.th.textfield {
font:13px/20px verdana, arial, helvetica, sans-serif;
color:#333 ;
margin:3px;
height:20px;
border:solid 0 #fff;
padding: 3px 8px;
background: transparent url("../site-images/textfield_bg.gif") no-repeat fixed;
width:200px;
voice-family: "\"}\"";
voice-family:inherit;
width:200px;
}
fieldset>input.textfield {
background: transparent url("../site-images/textfield_bg.gif") no-repeat;
}
 {
	float: left;
	height: 120px;
	padding: 8px;
	border: solid 2px black;
	margin: 2px;
	margin-bottom: 26px;
}

div.thumbnail.p {
	text-align: center;
}