body {
	background:#000000;
	color:#999b9e;
	margin:0px;
	font-size:13px;
	font-family:verdana;
}

body.popup { margin:8px; }

.left { float:left; }
.right { float:right; }
.clear { clear:both }

h1, h2, h3 { margin:0px; padding:0px; font-size:18px; }
a { color:#03afee; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:0px; }
ul li a { color:#999b9e; }

div.container {
	width:904px;
	margin-left:auto;
	margin-right:auto;
}

div.header {
	position:relative;
	margin-top:44px;
	height:79px;
	font-family:helvetica,arial;

}

div.header h1 {
	float:left;
	background:url(../media/artisan.gif);
	width:201px;
	height:79px;
	margin:0px;
	padding:0px;
}

div.header div.details {
	height:79px;
	width:702px;
	position:absolute;
	top:0px;
	left:201px;
}

div.header span.slogan {
	color:#ffffff;
	position:absolute;
	left:18px;
	bottom:12px;
	font-size:15px;
}

div.header span.telephone {
	color:#ffffff;
	position:absolute;
	right:0px;
	bottom:12px;
	font-size:24px;
	font-weight:bold;
}

div.header h1 span { display:none; }

ul.navigation {
	background:url(../media/nav.gif);
	width:904px;
	height:41px;
	list-style:none;
	margin:0px;
	padding:0px;
	font-weight:bold;
	font-size:17px; 
	margin-bottom:10px;
	position:relative;
	font-family:helvetica,arial;

}

ul.navigation li {
	padding:0px;
	display:block;
	float:left;
	position:relative;
}

ul.navigation  li a {
	float:left;
	text-transform:uppercase;
	text-decoration:none;
	color:white;
	text-align:center;
	font-size:22px;
        margin-top:0px;
	padding-top:8px;
	height:33px;
}

ul.navigation  li a:hover {
	text-decoration:none;
}

ul.navigation  li a.selected, ul.navigation li a:hover { background:url(../media/navselectedback_2.gif); }

ul.navigation a.services { width:162px; margin-left:0px; margin-right:1px; }
ul.navigation a.news { width:118px;  margin-right:1px; }
ul.navigation a.clients { width:147px;  margin-right:1px; }
ul.navigation a.technical { width:169px;  margin-right:1px;  }
ul.navigation a.contact { width:174px; margin-right:1px; }
ul.navigation a.sitemap { width:129px; }

div.main { }


div.col_3_wide {
	width:598px;
	float:left;
	margin-right:14px;
	overflow:hidden;
	display:inline;

}

div.col_3 {
	float:left;
	width:292px;
	margin-right:14px;
	overflow:hidden;
	display:inline;
}

div.col_4 {
	float:left;
	width:220px;
	margin-right:8px;
	overflow:hidden;
	display:inline;
}	

div.contentbox {
	float:left;
	background:#1d1919;
	margin-bottom:14px;
	width:100%;
	position:relative;
}
div.contentbox p { margin:16px; }

img.corner_tl { position:absolute; top:0px; left:0px; }
img.corner_tr { position:absolute; top:0px; right:0px; }
img.corner_bl { position:absolute; bottom:0px; left:0px; }
img.corner_br { position:absolute; bottom:0px; right:0px; }

.main .last { margin-right:0px;}

div.quicklinks { margin-bottom:0px; width:292px;}

div.quicklinks div.red {
	background:url(../media/redbg2.gif);
	position:relative;
}

div.quicklinks div.blue {
	background:url(../media/bluebg2.gif);
	position:relative;
}

div.quicklinks div.green {
	background:url(../media/greenbg2.gif);
	position:relative;
}

div.quicklinks img.right {  border:1px solid #cccccc; float:none; position:absolute; top:5px; right:5px;}

div.quicklinks h2.red {
	background:url(../media/heading_red.gif);
	background:url(../media/redh2-2.gif);

	color:#ffffff;
	margin:0px;
	padding:0px;
	padding-top:6px;
	padding-left:56px;
	height:25px;
	text-transform:uppercase;
}

div.quicklinks div.redover {
	background:url(../media/redbg2-hover.gif);
	position:relative;
}
div.quicklinks div.redover h2.red {
	background:url(../media/redh2-2-hover.gif);
}


div.quicklinks div.blueover {
	background:url(../media/bluebg2-hover.gif);
}
div.quicklinks div.blueover h2.blue {
	background:url(../media/blueh2-2-hover.gif);
}

div.quicklinks div.greenover {
	background:url(../media/greenbg2-hover.gif);
}
div.quicklinks div.greenover h2.green {
	background:url(../media/greenh2-2-hover.gif);
}

div.quicklinks h2 a {
	color:#ffffff;
}


div.quicklinks h2.blue {
	background:url(../media/heading_blue.gif);
	background:url(../media/blueh2-2.gif);

	color:#ffffff;
	margin:0px;
	padding:0px;
	padding-top:6px;
	padding-left:56px;
	height:25px;
	text-transform:uppercase;
}

div.quicklinks h2.green {
	background:url(../media/greenh2-2.gif);

	color:#ffffff;
	margin:0px;
	padding:0px;
	padding-top:10px;
	padding-left:8px;
	height:27px;
	padding-left:66px;
	height:25px;
	text-transform:uppercase;
}

div.quicklinks h2 {
	padding-top:8px;
	padding-left:8px;
	padding-bottom:8px;
	font-size:16px;
	color:#ffffff;
}

div.quicklinks p {
	font-size:10px;
	margin:0px;
	padding:8px;
	padding-top:0px;
	margin-top:8px;
	width:157px;
	height:64px;
	overflow:hidden;
	color:#ffffff;
	background:transparent;
	position:relative;
}

#uploadarea {
	height:369px;
	background:url(../media/uploadarea-bg.gif);
}
#uploadarea p {
	height:auto;
	width:auto;
	padding:12px;
	padding-top:0px;
	padding-bottom:2px;
	margin-top:2px;
}
#uploadarea h2.green {
	background:url(../media/uploadarea-h2.gif);
	text-transform:none;
}
#uploadarea h2.greenfade {
	background:url(../media/uploadarea-h2-fade.gif);
	color:#ffffff;
	margin:0px;
	padding:0px;
	padding-top:10px;
	padding-left:8px;
	height:27px;
	padding-left:8px;
	height:25px;
	text-transform:uppercase;
}
#uploadarea img.button {
	float:right;
	margin-top:8px;
}
#uploadarea img.oslogos {
	float:left;
}

#papersamples {
	height:327px;
	background:url(../media/papersamples-bg.gif);
}
#papersamples h2.blue {
	background:url(../media/papersamples-h2.gif);
	color:#ffffff;
	margin:0px;
	padding:0px;
	padding-top:6px;
	padding-left:8px;
	height:27px;
	padding-left:66px;
	height:28px;
}
#papersamples div.bluefade {
	background:url(../media/papersamples-h2-fade.gif);
	color:#ffffff;
	margin:0px;
	padding:0px;
	padding-top:6px;
	padding-left:8px;
	height:27px;
	height:49px;
	font-size:10px;
	position:relative;
}
#papersamples div.bluefade img.storaenso {
	position:absolute;
	bottom:1px;
	left:8px;
}
#papersamples div.bluefade img.mreal {
	position:absolute;
	bottom:2px;
	left:93px;
}
#papersamples div.bluefade img.sappi {
	position:absolute;
	bottom:2px;
	left:177px;
}
#papersamples div.bluefade img.upm {
	position:absolute;
	bottom:2px;
	left:244px;
}

#papersamples p {
	font-size:10px;
	margin:0px;
	padding:8px;
	padding-top:0px;
	margin-top:8px;
	overflow:hidden;
	color:#ffffff;
	background:transparent;
	position:relative;
	padding-bottom:0px;
}
#papersamples img.button {
	float:right;
	margin-top:4px;
}


div.quicklinks p a { color:white; }

div.quicklinks p strong { color:#ffffff; }

div.osbox {
	background:url(../media/osbox.jpg);
	height:128px;
	padding-top:8px;
	padding-left:8px;
	overflow:hidden;
	width:284px;
}
div.osbox img.logo { float:left; }
div.col_3 div.osbox h3 { float:right; width:216px; padding-left:0px;margin:0px; margin-right:8px; margin-top:6px;font-size:11px;}

div.osbox p { float:right; width:200px; margin:0px; margin-right:8px; margin-bottom:4px;  font-size:11px; padding-right:16px;}
div.osbox p.enter { text-align:right;}


div.h_327 {
	height:327px;
}

div.h_370 {
	height:370px;
}
div.h_246 {
	height:246px;
}


h2 img { vertical-align:bottom; }
h2.blue { color:#00aeef; margin-left:8px; padding-top:8px;}
h2.red  { color:#d11349; margin-left:8px; padding-top:8px; }
h2.teal  { color:#019892; margin-left:8px; padding-top:8px; }
h2.orange  { color:#c56613; margin-left:8px; padding-top:8px; }
h2.yellow  { color:#ffe300; margin-left:8px; padding-top:8px; }
h2.green  { color:#4b9c1b; margin-left:8px; padding-top:8px; }
h2.lime { color:#c4d52d; margin-left:8px; padding-top:8px; }

h2.bluecurve {
	background:url(../media/bluecurveback.jpg);
	height:30px;
	padding-left:10px;
	padding-top:8px;
	color:#ffffff;
	margin-bottom:4px;
}

h2.blue a { color:#00aeef; }
h2.red  a { color:#d11349; }
h2.teal  a { color:#019892; }
h2.orange a { color:#c56613; }
h2.yellow a { color:#ffe300; }
h2.green a { color:#4b9c1b; }
h2.lime a { color:#c4d52d; }



ul.blue { list-style-image:url(../media/dot_blue.gif); line-height:1.5; margin-top:4px;}
ul.red { list-style-image:url(../media/dot_red.gif); line-height:1.5;margin-top:4px; }


div.footer { 
	background:#6d6e70;
	color:#e9eaea;
	text-align:center;
	padding:3px;
	margin-bottom:16px;
}

div.footer a { color:#e7cb13; }


div.sitemap_col {
	width:220px;
	margin-left:16px;
	margin-top:16px;
	float:left;
	line-height:1.5;
}

div.sitemap_col a {
	color:#999b9e;
}

div.news_scroll {
	width:270px;
	height:302px;
	overflow-y:scroll;
	margin:0px;
	margin-top:16px;
	margin-bottom:4px;
	float:left;
}

div.news_scroll_large {
	width:270px;
	height:268px;
	overflow-y:scroll;
	margin:0px;
	margin-top:16px;
	margin-bottom:4px;
	float:left;
}

div.news_scroll h3 {
	color:#ffdd00;
	font-size:13px;
}
div.news_scroll h3.red { color:#d11349;}

div.col_3 div.news_scroll_large h3 {
	font-size:11px;
}
div.col_3 div.news_scroll_large p {
	font-size:11px;
	margin-top:4px;
	margin-bottom:4px;
}


h2.main {
	background:url(../media/main_header.gif);
	height:28px;
	padding-top:1px;
	padding-left:16px;
	color:#ffffff;	
}

h2.plain {
	padding-top:1px;
	padding-left:16px;	
	height:28px;
}

h3 {
	padding-left:16px;
}

div.col_3 div.thumb {
	padding-top:4px;
	text-align:center;
}
div.col_3 div.thumb img {
	border:1px solid #ccc;
}

div.col_3 div.news_scroll {
	width:280px;
	height:100px;
	margin-top:8px;

}

div.col_3 h3 {
	font-size:13px;
}

div.col_3 div.news_scroll h3 {
	color:#999b9e;
	font-size:13px;
}

div.col_3 div.news_scroll h3.teal  { color:#019892; }


div.col_3 div.news_scroll p {
	margin-top:4px;
}

p.mainpic img {
	border:1px solid #ccc;
}

div.contentbox p.mainpic {
	margin-right:0px;
}

div.contentbox p.smallprint {
	font-size:10px;
		margin-top:4px;
	margin-bottom:4px;

}

a.pdfdownload {
	display:block;
	background:#000000;
	font-size:10px;
	text-align:center;
	color:#6d6e70;
	margin-top:0px;
	margin-left:16px;
	margin-right:16px;
	margin-bottom:4px;
	padding:12px;
	background:url(../media/pdf_icon.gif);
	background-repeat:no-repeat;
}

div.rupert {
	background-image:url(../media/rupert_winstanley.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}

div.rupert p {
	width:140px;
}

div.contentbox p.hours-col {
	float:left;
	width:100px;
	margin-bottom:4px;
}

div.col_3 div.h_135 {
	height:135px;
	margin-bottom:16px;
}

form.enquiries {
	margin:0px;
	padding:0px;
	padding-left:32px;
	padding-top:16px;
}

form.enquiries input {
	width:140px;
	background:#ffffff;
	border:1px solid #ccc;
	margin-bottom:8px;
}

form.enquiries input.submit {
	width:64px;
	height:23px;
	border:0px;
	margin-left:140px;
}

form.enquiries textarea {
	width:204px;
	height:88px;
	background:#ffffff;
	border:1px solid #ccc;
	margin-bottom:8px;
}

div.client_logos {
	text-align:center;
	padding-top:8px;
	padding-bottom:16px;
}

div.client_logos img {
}

div.rupert_main {
	background-image:url(../media/rupert_main_back_2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;	
	height:370px;
}

div.rupert_main p {
	width:260px;
}

body.popup {
	background:#1d1919;
}

div.popup_container {
	width:325px;
	margin-left:auto;
	margin-right:auto;
	margin-top:8px;
	background:#000000;
	margin-bottom:24px;
}

div.popup_container h1 {
	background:url(../media/popup_h2.gif);
	padding-left:48px;
	color:#ffffff;
	padding-top:4px;
	padding-bottom:6px;
}

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

div.popup_container p img {
	border:1px solid #ccc;
	margin-top:8px;
}

div.popup_container form {
	margin:0px;
	padding:0px;
	padding-left:32px;
	padding-top:0px;
}

div.popup_container form input.text {
	width:260px;
	background:#ffffff;
	border:1px solid #ccc;
	margin-bottom:8px;
	padding-top:4px;
	padding-bottom:4px;
}

div.popup_container form input.submit {
	width:64px;
	height:23px;
	border:0px;
	margin-left:200px;
	padding:0px;
}

div.popup_container form textarea {
	width:260px;
	height:72px;
	background:#ffffff;
	border:1px solid #ccc;
	margin-bottom:8px;
}

div.mapside {
	float:left;
	width:608px;
	overflow:hidden;
}

div.quoteform {
	float:right;
	width:292px;
	height:712px;
	background:url(../media/quote-bg.gif);
	color:white;
	
}

div.quoteform form {
	margin:0px;
	margin-top:8px;
}
div.quoteform form input {
	width:262px;
	margin-bottom:6px;
}
div.quoteform form input.submit, div.quoteform form input.radio {
	width:auto;
	height:auto;
}
div.quoteform div.thumb {
	margin-top:8px;
	margin-left:10px;
}


div.quoteform p {
	margin-top:4px;
	margin-left:12px;
	font-size:11px;
}

div.quoteform h2.red {
	background:url(../media/quote-h2.gif);
	color:#ffffff;
	margin:0px;
	padding:0px;
	padding-top:6px;
	padding-left:64px;
	height:27px;
}
div.quoteform h2.redfade {
	background:url(../media/quote-h2-fade.gif);
	color:#ffffff;
	margin:0px;
	padding:0px;
	padding-top:6px;
	padding-left:12px;
	height:27px;
	font-size:12px;
}