/**************** 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, dd, dt {padding: 0;}
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	color: #00847A; background-color: #fff;
}
img {border:none;
	vertical-align: bottom;
}
h1 {
	background: url(../images/main/title-200px.gif) no-repeat left top;
	font-size: .75em;
	padding-left: 16px;
	height: 23px;
	line-height: 22px;
	margin-bottom: 9px;
}
h2 {
	background: url(../images/main/title-767px.png) no-repeat left top;
	font-size: .75em;
	padding-left: 16px;
	height: 23px;
	line-height: 22px;
	margin-bottom: 9px;
}
h3 {
	color: #F27F18;
	font-size: .8em;
	margin-bottom: .7em;
}
h4 {
	font-size: .9em;
	margin-bottom: .7em;
}
h5 {
	color: #F27F18;
	font-size: .75em;
	margin-bottom: .5em;
}
h6 {
	font-size: .7em;
}
p, ul, ol, dl {
	font-size: .64em;
	margin-bottom: 1em;
}
ul, ol {
	margin-left: 2em;
}
a {text-decoration: underline;}
a:link {color: #00847A;}
a:visited {color: #00847A;}
a:hover {color: #F27F18;}
a:active {color: #F27F18;
}
table, th, td {border-collapse: collapse;
	padding: 5px;
	vertical-align: top;
}
/**************** Container styles ****************/
#container {
	width: 980px;
	margin: 0 auto;
}
/**************** Header styles ****************/
#header {
	height: 181px;
	background: url(../images/main/header-bg.jpg) no-repeat left top;
	position: relative;
	border-bottom: 11px solid #F27F18;
}
#logolink {
	position: absolute;
	top: 48px;
	left: 34px;
}
#tabbuttonscontainer {
	position: absolute;
	top: 62px;	right: 32px;
	height: 72px;
}
#tabbuttonscontainer a {
	height: 72px;
	display: block;
	float: right;
	margin-left: 22px;
}
#tabbuttonscontainer a.homepage {background: url(../images/main/rollover-home.gif) no-repeat left top; width: 38px;}
#tabbuttonscontainer a.homepage:hover {background: url(../images/main/rollover-home.gif) no-repeat -38px top; width: 38px;}
#tabbuttonscontainer a.payonline {background: url(../images/main/rollover-payonline.gif) no-repeat left top; width: 49px;}
#tabbuttonscontainer a.payonline:hover {background: url(../images/main/rollover-payonline.gif) no-repeat -49px top; width: 49px;}
#tabbuttonscontainer a.guidelines {background: url(../images/main/rollover-guidelines.gif) no-repeat left top; width: 49px;}
#tabbuttonscontainer a.guidelines:hover {background: url(../images/main/rollover-guidelines.gif) no-repeat -49px top; width: 49px;}
#tabbuttonscontainer a.uploadfiles {background: url(../images/main/rollover-upload.gif) no-repeat left top; width: 54px;}
#tabbuttonscontainer a.uploadfiles:hover {background: url(../images/main/rollover-upload.gif) no-repeat -54px top; width: 54px;}
#tabbuttonscontainer a.contactus {background: url(../images/main/rollover-contact.gif) no-repeat left top; width: 49px;}
#tabbuttonscontainer a.contactus:hover {background: url(../images/main/rollover-contact.gif) no-repeat -49px top; width: 49px;
}
#tabbuttonscontainer span {display: none;
}	
/**************** Navigation styles ****************/
#navbar {
	width: 980px;
	height: 22px;
	font-weight: bold;
	line-height: 22px;
	position: absolute;
	bottom: 0; left: 0;
	border-bottom: 1px solid #fff;
}
#navbar ul {
	margin: 0 0 1px;
	position: relative;
	height: 22px;
	font-size: .75em;
}
#navbar li {
	float: left;
	list-style: none;
	width: 119px;
	text-align: center;
	position: relative;
	background: url(../images/main/nav-tab.gif) no-repeat left top;
	margin-left: 4px;
}
#navbar ul li ul {
	background-color: #DFFFF0;
	position: absolute;
	top: 22px; left: 0;
	margin: 0;
	font-size: .8em;
}
#navbar ul li ul li {
	background: #EBF5F4 none;
	display: none;
	line-height: 1.3;
	text-align: left;
	font-weight: normal;
	border-left: 1px solid #7EC2B9;
	border-right: 1px solid #7EC2B9;
	margin-left: 0;
	width: 117px;
}
#navbar ul li:hover ul li {
	display: block;
}
#navbar ul li ul li a {
	padding: 3px 5px 4px;
	border-top: 1px solid #f9f9f9;
}
#navbar a {
	text-decoration: none;
	display: block;
}
#navbar a:link, #navbar a:visited {color: #008479;}
#navbar a:hover, #navbar a:active {color: #F27F18;
}
#navbar li#lefttab {margin-left: 0;
}
#navbar ul li ul li.lastlistitem {border-bottom: 1px solid #7EC2B9;
}
/**************** Content styles ****************/
#maincontent {
	float: left;
	width: 100%;
	margin-top: 12px;
}
#leftcolumn {
	float: left;
	width: 200px;
}
#thirdcolumn {
	float: right;
	width: 200px;
	margin: 0 -10px 0 10px;
}
#rightcolumnhome, #rightcolumn {
	width: 767px;
	padding-bottom: .5em;
	margin-left: 13px;
	float: left;
}
#rightcolumn {
	width: 747px;
	padding: 0 10px .5em;
}
#topsection {
	width: 980px;
	margin-top: 9px;
	float: left;
}
#slideshow {
	width: 270px;
	height: 400px;
	float: left;
}
#categorieswrapper {
	float: left;
	margin: 3px 0 0 0;
	width: 710px;
}
.catcontainer {
	text-align: center;
	float: left;
	width: 107px;
	font-size: .65em;
	margin: 0 0 3px 38px;
	line-height: 1.4;
}
.firstleft {
	margin: 0 0 2px 23px;
}
.catcontainer img {
	float: left;
}
#categorieswrapper a:link, #categorieswrapper a:visited, ul.infolist a:link, ul.infolist a:visited {color: #008479; text-decoration: none;}
#categorieswrapper a:hover, #categorieswrapper a:active, ul.infolist a:hover, ul.infolist a:active {color: #F27F18; text-decoration: underline; 
}
.leftcontainer {
	background: url(../images/main/content-bg-top-200.png) no-repeat left top;
	margin-bottom: 13px;
	padding-top: 10px;
}
.leftbottomrad {background:url(../images/main/content-bg-bottom-200.gif) no-repeat left top;
	height: 5px;
}
.leftcontainer ul {
	margin-left: 2.9em;
}
ul.infolist {
	list-style: none;
	margin:  0 0 8px 16px;
}
ul.infolist li {
	margin-bottom: .5em;
	padding: 0 14px 0 16px;
	background: url(../images/main/arrowforlists.gif) no-repeat left top;
}
.leftcontainer p {
	padding: 0 14px 0 16px;
}
#leftcolumn img {
	margin-bottom: 13px;
}
#leftcolumn a:link, #leftcolumn a:visited {text-decoration: none;}
#leftcolumn a:hover, #leftcolumn a:active {text-decoration: underline;
}
.rightwrapper {
	background: url(../images/main/content-bg-top-767.png) no-repeat left top;
	margin-bottom: 13px;
	float: left;
}
.rightcontainer {
	padding: 20px 20px 8px;
	width: 727px;
	float: left;
}
.rightbottomrad {
	background:url(../images/main/content-bg-bottom-767.gif) no-repeat left top;
	height: 5px;
	float: left;
	width: 767px;
}
#rightcolumnhome h2 {
	width: 751px;
	float: left;
}
.rightwrappersub {
	background: url(../images/main/content-bg-top-747.png) no-repeat left top;
	margin-bottom: 13px;
	float: left;
}
.rightcontainersub {
	padding: 20px 20px 8px;
	width: 707px;
	float: left;
}
.rightbottomradsub {
	background: url(../images/main/content-bg-bottom-747.gif) no-repeat left top;
	height: 5px;
	float: left;
	width: 747px;
}
ul.portfoliolist, ul#gallerylist {
	list-style: none;
	float: left;
	margin: 0;
	padding-top: 5px;
	width: 766px;
}
ul.portfoliolist li, ul#gallerylist li {
	float: left;
	width: 130px;
	height: 145px;
	text-align: center;
	margin: 0 23px 0 0;
}
ul#gallerylist li {
	text-align: left;
	height: 153px;
	display: inline;
}
ul.portfoliolist img {
	background-color: #EBF5F4;
	padding: 4px;
	border: 1px solid #C3E5E0;
	margin-bottom: 3px;
}
ul.portfoliolist a:link img {background-color: #EBF5F4;
}
ul.portfoliolist a:hover img {background-color: #fff;
}
.greenborderbottom {
	margin-bottom: 0;
	border-bottom: 1px solid #C3E5E0;
}
#howtoorder {
	width: 980px;
	height: 136px;
	background: url(../images/home/howtoorder-bg.jpg) no-repeat left top;
	float: left;
	margin: 2px 0 20px;
}
#howtoorder a {
	height: 132px;
	display: block;
	float: left;
	margin-top: 2px;
}
#howtoorder a.buyonline {background: url(../images/home/order-buyonline.jpg) no-repeat left top; width: 123px; margin-left: 242px;}
#howtoorder a.buyonline:hover {background: url(../images/home/order-buyonline.jpg) no-repeat left -132px;}
#howtoorder a.quickorder {background: url(../images/home/order-quickorder.jpg) no-repeat left top; width: 111px; margin-left: 76px;}
#howtoorder a.quickorder:hover {background: url(../images/home/order-quickorder.jpg) no-repeat left -132px;}
#howtoorder a.callforadvice {background: url(../images/home/order-callforadvice.jpg) no-repeat left top; width: 132px; margin-left: 72px;}
#howtoorder a.callforadvice:hover {background: url(../images/home/order-callforadvice.jpg) no-repeat left -132px; cursor: default;}
#howtoorder a.emailus {background: url(../images/home/order-email.jpg) no-repeat left top; width: 112px; margin-left: 72px;}
#howtoorder a.emailus:hover {background: url(../images/home/order-email.jpg) no-repeat left -132px;}
#howtoorder span {display: none;
}	
/**************** Contact pages styles ****************/
#contacttable {
	font-size: .7em;
	margin-bottom: 1em;
}
#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: 245px;
	text-align: right;
	font-weight: bold;
}
.subleftcolumn {
	width: 140px;
}
/* Accordion styles for staff details */
.accordion {
	width: 168px;
	padding: 0 14px 0 16px;
}
.accordion dt {
	width:158px;
	padding-top: 3px;
	cursor: pointer;
	margin-bottom: 3px;
}
.accordion dd {
	overflow: hidden;
	background: #fff;
	margin-bottom: 5px;
}
.accordion dd span {
	display: block;
	width: 152px;
	border: 1px solid #9ac1c9;
	padding: 7px 7px 9px;
	font-size: .92em;
}
.accordion dd span img {
	float: left;
	margin: 0 10px 2px 0;
}
/**************** Footer styles ****************/
#footer {
	background-color: #00847A;
	width: 960px;
	text-align: center;
	clear: both;
	padding: .4em 10px .5em;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#footer p {
	font-size: .65em;
	margin-bottom: 0;
	line-height: 1.6;
}
#footer a:link, #footer a:visited {color: #fff; text-decoration: none;}
#footer a:hover, #footer a:active {color: #fff; text-decoration: underline;
}
/**************** Misc classes and styles ****************/
.imgleft {float: left; margin: 0 1em .5em 0;}
.imgright {float: right; margin: 0 0 .5em 1em;}
.imgrightborder {float: right; margin: 0 0 .5em 20px; border: 1px solid #BFE1DC;}
.boldtext {font-weight: bold;}
.italictext {font-style: italic;}
.normaltext {font-weight: normal;}
.clear {clear: both;}
.bordbottom {border-bottom: 1px solid #C3E5E0; padding-bottom: 1em;}
.marg0bottom {margin-bottom: 0;}
.imgborder {border: 1px solid #C3E5E0;}
.orangebold {font-weight: bold; color: #F27F18;}
.FI_reviews {font-size: 80%; margin-bottom: 1em;}