/**************** Body and tag styles ****************/
* {margin: 0;}
body, h1, h2, h3, h4, h5, h6, p, blockquote, label, fieldset, ul, ol, dl, li, object, table, th, tr, td, hr  {padding: 0;}
body {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	color: #000; background-color: #eee;
}
img {
	border:none;
	vertical-align: bottom;
}
h1 {
	font: normal 1.2em "Arial Black", Arial, Helvetica, sans-serif;
	float: left;
	width: 938px;
	padding: 0 0 0 42px;
	background: #00847A;
	color: #fff;
	height: 36px;
	line-height: 36px;
}
h1 .plaintext {
	font: 1em Arial, Helvetica, sans-serif;
}
h2 {
	font-size: 1em;
	color: #00847A;
	margin-top: .5em;
	float: left;
	width: 100%;
}
h3 {
	font-size: 1.1em;
	margin-bottom: 1em;
	line-height: 1.7;
}
p, ul, ol {font-size: .7em;
	margin-bottom: 1em;
}
ul, ol {margin-left: 1.4em;
}
a {text-decoration: none;}
a:link {color: #F27F18;}
a:visited {color: #F27F18;}
a:hover {color: #00847A; text-decoration: underline;}
a:active {color: #00847A; text-decoration: underline;
}
table, th, td {border-collapse: collapse;
	padding: 5px;
	vertical-align: top;
}
/**************** Container styles ****************/
#container {
	width: 980px;
	margin: 0 auto;
}
#topsection {
	float: left;
	width: 100%;
	background: #fff url(../images/main/navbar-bg.gif) repeat-x left top;
	position: relative;
	height: 43px;
}
#topwrapper {
	background-color: #fff;
	float: left;
	width: 100%;
}
.textblock2, #textblock3, #addresssection {
	float: left;
	width: 906px;
	padding: 20px 32px 20px 42px;
	background-color: #fff;
}
#addresssection {
	padding: 20px 32px 15px 42px;
}
.textblock2, #textblock3 {
	padding: 20px 32px 5px 42px;
}
/**************** Header styles ****************/
#header {
	background: url(../images/main/header.jpg) no-repeat left top;
	height: 115px;
	position: relative;
}
#header img.cypherdigital {
	position: absolute;
	left: 40px; top: 30px;
}
#header img.exhibitionsystems {
	position: absolute;
	right: 50px; top: 64px;
}
/**************** Navigation styles ****************/
#navbar {
	display: inline;
	list-style: none;
	margin: 0 0 0 42px;
	float: left;
	height: 23px;
	position: relative;
	z-index: 100;
}
#navbar li {
	float: left;
	font-size: 1em;
	border-right: 1px solid #fff;
	line-height: 1;
	margin: 6px .8em 0 0;
	padding-right: .8em;
}
#navbar a {text-decoration: none;}
#navbar a:link, #navbar a:visited {color: #fff;}
#navbar a:hover, #navbar a:active {color: #00847A; text-decoration: none;
}
#navbar li.lastlistitem {border-right: none;
}
/**************** Content styles ****************/
#topsection img.topmainimage {
	position: absolute;
	right: 38px; top: 49px;
}
#toptextblock {
	width: 390px;
	margin: 15px 0 0 42px;
	float: left;
	height: 380px;
}
.middlead {
	width: 206px;
	float: left;
	margin-right: 25px;
	margin-bottom: .2em;
}
.middleadlarge {
	width: 426px;
	float: left;
	margin-right: 44px;
	margin-bottom: .2em;
}
.norightmarg {
	margin-right: 0;
}
.middleadlarge p.firstp, .middlead p.firstp {
	margin-top: 1em;
}
.lastad {
	width: 206px;
	float: left;
	margin-bottom: .2em;
}
.middlead p, .lastad p, .middleadlarge p {
	font-size: .65em;
}
.otheroptions {
	float: left;
	width: 109px;
	margin-right: 22px;
}
.otheroptionslast {
	float: left;
	width: 109px;
}
.otheroptions p, .otheroptionslast p {
	text-align: center;
	font-size: .6em;
	padding-top: 5px;
}
#addresssection {
	border-top: 1px solid #00847A;
	height: 145px;
}
.textboxcontainer {
	background: url(../images/main/textbox-bg.gif) no-repeat left top;
	padding-top: 7px;
	color: #00847A;
	height: 140px;
	float: left;
	margin: 0 10px;
	width: 190px;
}
.textboxcontainer p {
	padding: 0 7px;
	line-height: 1.3;
}
#textblock2 ol li {
 	margin-bottom: .8em;
}
small {
	font-size: .7em;
	padding-left: .5em;
}
#contactwrapper {
	 float: left;
	 width: 380px;
}
#mapswrapper {
	float: right;
	border: 1px solid #00847A;
	margin-bottom: .9em;
}
/**************** Contact pages styles ****************/
#contacttable {
	font-size: .7em;
	margin: 0 0 1em 0;
}
#contacttable input, #contacttable textarea {
	margin-bottom: 6px;
}
input#fullname, input#company, textarea#address, input#town, input#county, input#postcode, input#country, input#work_telephone, input#home_telephone, input#fax, input#emailaddress, input#jobtitle, input#qty, input#finished_size_special, textarea#comments, input#pages, input#run_on, textarea#description, textarea#existing_styles, textarea#provide, textarea#timescales, textarea#usp, textarea#audience, textarea#like, textarea#dislike, textarea#goodwebsites, textarea#corporateid, textarea#marketingmaterial, textarea#photos, input#url, input#competitor1, input#competitor2, input#competitor3, input#adjective1, input#adjective2, input#adjective3, input#adjective4, input#deadline, input#budget, input#position {
	width: 220px;
	margin-bottom: 3px;
}
#contacttable th {
	background-color: #EBF5F4;
	font-size: 1.1em;
}
#contacttable .leftcolumn {
	width: 295px;
	text-align: right;
	font-weight: bold;
}
.subleftcolumn {
	width: 140px;
}
/**************** Footer styles ****************/
#footer {
	background-color: #00847A;
	color: #fff;
	text-align: center;
	padding: .5em 0;
	font-size: 1.2em;
	float: left;
	width: 100%;
}
#footer p {
	margin-bottom: 0;
}
#footer a {text-decoration: none;}
#footer a:link, #footer a:visited {color: #fff;}
#footer a:hover, #footer a:active {color: #7EC2B9; text-decoration: none;
}
/**************** Misc classes and styles ****************/
.imgleft {float: left; margin: 0 1em .5em 0;}
.imgright {float: right; margin: 0 0 .5em 1em;}
.boldtext {font-weight: bold;}
.italictext {font-style: italic;}
.marg0bottom {margin-bottom: 0;}
.smalltext {font-size: .65em;}
.smallgreentext {
	font-size: .6em;
	color: #00847A;
	line-height: 1.3;
	margin-top: 1.2em;
}
.textcentre {text-align: center;}
.floatleft {float: left;}
.redtext {color: #f00;}
.orangebold {font-weight: bold; color: #F27F18;}
.boldgreentext {
	color: #00847A;
	font-weight: bold;
	margin-bottom: 1.8em;
}