@charset "UTF-8";
/* CSS Document */

body {
	background-color:#000;
	color: #333;
	text-align:center;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
}

#container {
	width: 800px;
	margin: 0px auto;
	background-color: ;
	background:url(media/containerbground.jpg) #FFF repeat-y;
	color:#333;
}

#header {
	width: 800px;
	background-color: #FFF;
	color: #000;
	margin-top: 0px;
}

#logobox {
	width: 318px;
	margin-top: 5px;
	float: left;
	padding: 0px;
}

.prices {
	width: 150px;
	float: right;
	margin-left: 20px
	}

#logo {
	width: 318px;
	height: 60px;
	position: relative;
}

#logo span {
	background: url(media/finishingmatters.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#sponsor {
	width: 180px;
	height: 180px;
	position: relative;
}

#sponsor span {
	background: url(media/sponsor.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#offer {
	width: 180px;
	height: 180px;
	position: relative;
}

#offer span {
	background: url(media/offer.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

h1 {
	font: normal 1.2em/1.5em Arial, Helvetica, sans-serif;
	color:#333;
	background-color: #FFF;
}

#contact {
	width: 200px;
	text-align: center;
	float: right;
	padding-top: 20px;
}

.phone {
	font: bold 2em/1.2em Arial, Helvetica, sans-serif;
	color:#666;
	background-color: #FFF;
}

.email a:link, a:visited {
	font: normal 0.8em/1em Arial, Helvetica, sans-serif;
	color:#666;
	background-color: #FFF;
	text-decoration: none;
}

.email a:hover {
	font: normal 0.8em/1em Arial, Helvetica, sans-serif;
	color:#333;
	background-color: #FFF;
	text-decoration:underline;
}


#navcontainer {
	width: 800px;
	background-image:url(media/navbground.jpg);
	background-repeat:no-repeat;
	background-position:top;
	float:left;
	margin-top: 0px;
}

#navcontainer ul {
	padding: 4px 0px 5px 0px;
	margin: 0;
	background-color: transparent;
	color: White;
	float: left;
	width: 100%;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
	padding: 10px 20px;
	background-color: transparent;
	color: #FFF;
	text-decoration: none;
	font: bold 0.9em/1.5em arial, helvetica, sans-serif;
}

#navcontainer ul li a:hover {
	
	background-image:url(media/navbgroundHover.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color: transparent;
	color: #E1383F;
}

/*#navcontainer ul li a:visited {
	font: bold 0.9em/1.5em arial, helvetica, sans-serif;
}*/

#intro {
	width: 800px;
	float:left;
	background-repeat:no-repeat;
	background-position:top;
	text-align:left;
}

.news {
	width: 800px;
	float:left;
	background-repeat:no-repeat;
	background-position:top;
	text-align:left;
}

.indexintro {
	background-image:url(media/introbground.jpg);
	background-repeat:no-repeat;
	background-position:top;
	text-align:left;
}

.contactintro {
	background-image:url(media/contactbground.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.aboutusintro {
	background-image:url(media/aboutusbground.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.designintro {
	background-image:url(media/designbground.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.finishingintro {
	background-image:url(media/finishingbground.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.ftpintro {
	background-image:url(media/ftpbground.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.printintro {
	background-image:url(media/printbground.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#introtext {
	width: 490px;
	margin: 15px 0px 100px 20px;
	padding: 0px;
}

#introtext h2 {
	font: normal 2.4em/1.5em Arial, Helvetica, sans-serif;
	color: #E1383F;
	background-color: transparent;
	margin: 0px;
}

#introtext p {
	font: normal 1em/1.5em Arial, Helvetica, sans-serif;
	color: #666;
	background-color: transparent;
	margin-top: 5px;
}

#maincontent {
	width: 780px;
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 20px;
	background-color: #FFF;
	color: #000;
	background-image:url(media/containerbground.jpg);
	background-repeat:repeat-y;
}

#lftcolumn {
	width: 180px;
	margin: 0px;
	padding: 0px;
	float: left;
}


#lftcolumn2 {
	width: 360px;
	margin-left: 20px;
	padding: 0px;
	float: left;
	text-align: left;
}

#lftcolumn2 h2 {
	font: bold 1.4em/1.1em Arial, Helvetica, sans-serif;
	margin-top: 0px;
	color: #E1383F;
	background-color: transparent;
}

#lftcolumn2 h3 {
	font: bold 1em/1.2em Arial, Helvetica, sans-serif;
	margin-top: 0px;
	color:#333;
	background-color: transparent;
}

#lftcolumn2 p {
	font: normal 0.8em/1.5em Arial, Helvetica, sans-serif;
	margin-top: 0px;
	color:#333;
	background-color: transparent;
}
#centrecol {
	width: 350px;
	margin-left: 20px;
	padding: 0px;
	float: left;
	text-align: left;
}
#centrecol2 {
	width: 500px;
	margin-left: 20px;
	padding: 0px;
	float: left;
	text-align: left;
}

#centrecol h2 {
	font: bold 1.4em/1.4em Arial, Helvetica, sans-serif;
	margin-top: 0px;
	color: #E1383F;
	background-color: transparent;
}

#centrecol h3 {
	font: bold 1em/1.2em Arial, Helvetica, sans-serif;
	margin-top: 0px;
	color:#333;
	background-color: transparent;
}

#centrecol p {
	font: normal 0.8em/1.5em Arial, Helvetica, sans-serif;
	margin-top: 0px;
	color:#333;
	background-color: transparent;
}

#centrecol2 h2 {
	font: bold 1.4em/1.4em Arial, Helvetica, sans-serif;
	margin-top: 0px;
	color: #E1383F;
	background-color: transparent;
}

#centrecol2 h3 {
	font: bold 1em/1.2em Arial, Helvetica, sans-serif;
	margin-top: 0px;
	color:#333;
	background-color: transparent;
}

#centrecol2 p {
	font: normal 0.8em/1.5em Arial, Helvetica, sans-serif;
	margin-top: 0px;
	color:#333;
	background-color: transparent;
}
#rtcolumn {
	width: 180px;
	margin-left: 15px;
	float: left;
	text-align:left;
}

#rtcolumn h2 {
	font: bold 1.4em/1.1em Arial, Helvetica, sans-serif;
	margin-top: 0px;
	color: #E1383F;
	background-color: transparent;
}

#rtcolumn h3 {
	font: bold 1em/1.2em Arial, Helvetica, sans-serif;
	margin-top: 0px;
	color:#333;
	background-color: transparent;
}

#rtcolumn p {
	font: normal 0.8em/1.5em Arial, Helvetica, sans-serif;
	margin-top: 0px;
	color:#333;
	background-color: transparent;
}

.standardlist {
	font: normal 0.8em/1.5em Arial, Helvetica, sans-serif;
	list-style: square;
	list-style-position:outside;
	margin-left: 20px;
}

#upload {
	width: 555px;
	float: left;
	text-align: left;
}

#newsFeature {
	width: 170px;
	margin: 0px;
	/*border-left: solid 1px #CCC;*/
	padding-left: 10px;
}

#newsFeature h2 {
	font: normal 1.3em/1.5em Arial, Helvetica, sans-serif;
	color: #E1383F;
	background-color: transparent;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

dl {
border-left: solid 4px #E1383F;
}
	

dt {
	width: 170px;
	padding: 0px 10px 0px 10px;
	font: bold 1.1em/1.5em Arial, Helvetica, sans-serif;
	color: #E1383F;
	background-color: transparent;
	
}

dd {
	font: bold 0.9em/1.3em Arial, Helvetica, sans-serif;
	color: #333;
	background-color: transparent;
	padding: 5px 10px 10px 12px;
	margin: 0px;
}
dd2 {
	font: bold 0.75em/1.5em Arial, Helvetica, sans-serif;
	color:#0;
	background-color: transparent;
	padding: 5px 10px 10px 12px;
	margin: 0px;
}
#findus{
	width: 180px;
	height: 30px;
	position: relative;
}

#findus span {
	background: url(media/findus.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#latestnews {
	width: 180px;
	height: 30px;
	position: relative;
}

#latestnews span {
	background: url(media/latestnews.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

.news a:link, a:visited {
	font: normal 1em/1em Arial, Helvetica, sans-serif;
	color:#666;
	background-color: #FFF;
	text-decoration: underline;
}

.news a:hover {
	font: normal 1em/1em Arial, Helvetica, sans-serif;
	color:#333;
	background-color: #FFF;
	text-decoration:none;
}


#introtext p {
	font: normal 1.2em/1.5em Arial, Helvetica, sans-serif;
	color: #666;
	background-color: transparent;
	margin-top: 5px;
}	

#footer {
	width: 800px;
	float: left;
	clear: both;
	padding: 70px 0px 40px 0px;
	background: url(media/footerbground.jpg) no-repeat;
	background-position: top;
}

#footer p {
	font: normal 0.7em/1.5em Arial, Helvetica, sans-serif;
	padding-top: 0px;
	color:#333;
	background-color: transparent;
}

#footerlogo {
	width: 200px;
	float: left;
	margin-left: 20px;
	padding: 0px;
	text-align: left;
}

#footerinfo {
	width: 240px;
	float: left;
	margin-left: 25px;
	padding: 0px 0px 0px 25px;
	border-left: solid 1px #CCC;
	text-align: centre;
}

#footerabsolute {
	width: 200px;
	float: left;
	margin-left: 25px;
	padding: 0px 0px 0px 25px;
	border-left: solid 1px #CCC;
	text-align: right;
}

.yellow {
	color: #FBFC31;
	background-color: transparent;
}

.green {
	color: #E1383F;
	background-color: transparent;
}

.picpadtoptwenty {
	margin-top: 20px;
	border: solid 1px #666;
}

.picborder {
	border: solid 1px #666;
}
	
form {
	padding: 0px;
	margin: 0 0 10px 0;
}

input.field {width: 90%;}
textarea {width: 90%;}
input.check {margin-right: 5px;}

.form-title {padding: 10px 0px 0px 0px;}

table#new-form h3 {font: bold 1.3em/1.3em Arial, Helvetica, sans-serif;}

table {
	font-size: 11px;
	margin: 0px 0px 15px 0px;
}

td {
	border-bottom: solid 1px #CCC;
}

.contactForm {
	font: normal 1em/1.3em Arial, Helvetica, sans-serif;
	width: 350px;
	float: left;
	margin: 0px;
	padding: 0px;
}

.ftptable {
	width: 100%;
	font: normal 0.8em/1.3em Arial, Helvetica, sans-serif;
}

.intro a:link, .intro a:visited {
	text-decoration:underline;
	color:#666;
	background-color: transparent;
}

.intro a:hover {
	text-decoration:none;
	color:#666;
	background-color: transparent;
}

.news2 a:link, .news a:visited {
	text-decoration:underline;
	color:#000;
	background-color: transparent;
}

.news2 a:hover {
	text-decoration:none;
	color:#000;
	background-color: transparent;
}

.linklist {
	list-style-type: none;
}

.linklist li a:link, .linklist a:visited {
	font: normal 1em/1.5em Arial, Helvetica, sans-serif;
	color:#666;
	background-color: #FFF;
	text-decoration: underline;
}

.linklist li a:hover {
	font: normal 1em/1.5em Arial, Helvetica, sans-serif;
	color:#333;
	background-color: #FFF;
	text-decoration:none;
}

.class1 a:link, .class1 a:visited {
	font: normal 1em/1.5em Arial, Helvetica, sans-serif;
	color:#E1383F;
	background-color: #FFF;
	text-decoration: underline;
}

.class1 a:hover {
	font: normal 1em/1.5em Arial, Helvetica, sans-serif;
	color:#E1383F;
	background-color: #FFF;
	text-decoration:none;
}

.listitemPadBottom {
	padding-bottom: 20px;
}