*			{ margin:0; padding:0; }
body			{ font:13px normal arial,sans-serif; color:#000; background-color:#eee; }
a			{ color:#b91907; text-decoration:none; }
a:hover		{ text-decoration:underline; }
p,li			{ line-height:1.6em; }
form			{ margin:10px 10px 0 10px; }
.row			{ clear:left; margin-bottom:0.5em; }
.row label		{ float:left; width:120px; font-weight:bold; }
.row input		{ width:300px; padding:1px 2px; font:13px normal arial,sans-serif; }
.row textarea		{ width:300px; padding:1px 2px; font:13px normal arial,sans-serif; height:200px; }
.submit		{ color:#fff; background-color:#b91907; margin-left:120px; padding:2px; border:0; }
.noshow		{ display:none; }

#container		{ width:720px; margin:0 auto; padding:20px 20px 5px 20px; background-color:#fff; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }

#header p a		{ display:block; width:240px; height:52px; margin-bottom:10px; background:url('images/logo.gif') top left no-repeat; }
#header p a span	{ display:none; }

#header ul		{ list-style:none; background:url('images/menu_bg.gif') repeat-x top; height:29px; }
#header ul li		{ float:left; line-height:1.2em; }
#header ul li a	{ display:block; float:left; margin:2px 1px 0 1px; padding:6px 12px; color:#fff; font-weight:bold; }
#header ul li a:hover,#header ul li.on a { filter:alpha(opacity=85); opacity:0.85; background-color:#fff; color:#333; text-decoration:none; border-left:1px solid #aaa; border-right:1px solid #aaa; margin-left:0; margin-right:0; }

#intro			{ clear:both; border:1px solid #ccc; border-top:0; }
#intro.home		{ background:url('images/intro_home.jpg') no-repeat center right; height:170px; padding:20px 390px 0 10px; }
#intro.web		{ background:url('images/intro_web.jpg') no-repeat center right; height:96px; padding:10px 420px 0 10px; }
#intro.mobile		{ background:url('images/intro_mobile.jpg') no-repeat center right; height:96px; padding:10px 280px 0 10px; }
#intro.marketing	{ background:url('images/intro_marketing.jpg') no-repeat center right; height:96px; padding:10px 430px 0 10px; }
#intro.portfolio	{ background:url('images/intro_portfolio.jpg') no-repeat center right; height:96px; padding:10px 330px 0 10px; }
#intro.contact	{ background:url('images/intro_contact.jpg') no-repeat center right; height:96px; padding:10px 430px 0 10px; }
#intro h1		{ color:#d8210d; font-weight:bold; font-size:1.6em; }

#main			{ clear:both; overflow:auto; margin-top:10px; }
#main h2		{ color:#222; font-weight:bold; font-size:1.2em; border-bottom:1px dotted #ccc; margin:10px 10px 0.3em 10px; }
#main h3		{ color:#333; font-weight:bold; font-size:1.1em; margin:2em 10px -10px 10px; }
#main h4		{ color:#333; font-weight:bold; font-size:1.1em; }
#main h4 a		{ color:#333; }
#main ul		{ margin:10px 10px 0 30px; }
#main p		{ margin:1em 10px 0 10px; }

.work			{ clear:left; margin:20px 10px 0 10px; padding-left:330px; min-height:248px; }
.work h4		{ margin:0 0 -10px 10px; }
.work.shutter		{ background:url('images/work_shutter.jpg') no-repeat top left; }
.work.itwebshow	{ background:url('images/work_itwebshow.jpg') no-repeat top left; }
.work.jumpit		{ background:url('images/work_jumpit.jpg') no-repeat top left; }
.work.xnabled		{ background:url('images/work_xnabled.jpg') no-repeat top left; }
.work.rickyracing	{ background:url('images/work_rickyracing.jpg') no-repeat top left; }
.work.eggblog		{ background:url('images/work_eggblog.jpg') no-repeat top left; }
.work.jobsinkent	{ background:url('images/work_jobsinkent.jpg') no-repeat top left; }
.work.jobsin		{ background:url('images/work_jobsin.jpg') no-repeat top left; }
.work.tamsuk		{ background:url('images/work_tamsuk.jpg') no-repeat top left; }
.work.ukpostcodes	{ background:url('images/work_ukpostcodes.jpg') no-repeat top left; }
.work.recycleit	{ background:url('images/work_recycleit.jpg') no-repeat top left; }
.work.b2bsoutheast	{ background:url('images/work_b2bsoutheast.jpg') no-repeat top left; }

#footer		{ position:relative; top:45px; color:#bbb; font-size:0.9em; height:30px; }
#footer a		{ color:#ccc; text-decoration:underline; }

.homebox		{ margin-left:15px; float:left; width:228px; border:1px solid #ddd; padding-bottom:1em; }
.homebox.first	{ margin-left:0; }
.homebox div a	{ display:block; height:40px; width:218px; margin-bottom:10px; padding:10px 0 1px 10px; font-size:2em; font-weight:bold; background:#ccc url('images/homebox.gif') repeat-x bottom; color:#fff; }
.homebox:hover div a	{ background-color:#d12310; text-decoration:none; }
.homebox:hover	{ background-color:#f7edec; }
.homebox p		{ margin:0 10px 10px 10px; }

