/* ========================*/
/*         Layout          */
/* ========================*/

* {
	padding: 0;
	margin: 0;
	}

body {
	text-align:center;
	font: normal 90%/120% Arial, Helvetica, sans-serif;
	}

#container {
	font: normal 90%/120% Arial, Helvetica, sans-serif;
	width: 730px;
	margin: 0 auto;
	text-align: left;
	}

#header {
	width: 730px;
	height: 70px;
	background: #fff url(/graphics/sitetop.jpg) top left no-repeat;
	}
	
#header * {
	visibility: hidden;
	}
		
#menu {
	background: #039;
	text-align:center;
	height: 30px;
	padding: 0 0 0 10px;
	font: normal 90%/120% Arial, Helvetica, sans-serif;
	}
	
#menu ul li{
	display: inline;
	float: left;
	margin: 0;
	}
	
#menu ul li a {
	text-transform: uppercase;
	color: #ffffcd;
	text-decoration: none;
	height: 21px;
	padding: 8px 40px 0 2px;
	display: block;
	}
	
* html #menu ul li a {
	width: 1%;
	}
	
#menu ul li a:hover,
#menu ul li a.on {
	background: #ffffcd;
	color: #039;
	text-decoration: none;
	}
	
#submenu ul li {
	list-style-type: none;
	margin: 0 0 5px 0;
	}	

#submenu ul li a {
	display: block;
	width: 175px;
	text-decoration:none;
	background: #039;
	color: #fff;
	padding: 4px 10px;
	}
	
#submenu ul li ul {
	margin: 5px 0 5px 0;
	}	

#submenu ul li ul li {
	margin: 0 0 3px 0;
	}

#submenu ul li ul li a {
	background: #5486cf url(/graphics/product-arrow.gif) 8px 6px no-repeat;
	text-indent: 15px;
	}	

#submenu ul li a:hover {
	text-decoration:none;
	background: #ffffcd;
	color: #039;
	}
	
#submenu ul li.iso-logo {
	background: #fff;
	}
	
#submenu ul li.iso-logo img {
	border: 1px solid #039;
	}
	
#banner {
	width: 730px;
	height: 145px;
	}
	
#banner * {
	visibility: hidden;
	}
	
.bAbout {
	background: #d9d9ef url(/graphics/bannerabout.jpg) bottom left no-repeat;
	}
	
.bHome {
	background: #d9d9ef url(/graphics/bannerhome.jpg) bottom left no-repeat;
	}
	
.bNews {
	background: #d9d9ef url(/graphics/bannernews.jpg) bottom left no-repeat;
	}
	
.bProducts {
	background: #d9d9ef url(/graphics/bannerproducts.jpg) bottom left no-repeat;
	}	
	
.bdistrib{
	background: #d9d9ef url(/graphics/bannerdistributors.jpg) bottom left no-repeat;
	}	

.binfo{
	background: #d9d9ef url(/graphics/bannerinfo.jpg) bottom left no-repeat;
	}
	
.bcontact{
	background: #d9d9ef url(/graphics/bannercontact.jpg) bottom left no-repeat;
	}

#space {
	width: 730px;
	height: 5px;
	}
	
#content {
	background: #fff url(/graphics/bg-page-side.gif) top left repeat-y;
	font: normal 90%/120% Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
	}

#crumb {
	background: #039;
	width: 520px;
	padding: 4px 0;
	color: #fff;
	}
	
#main #crumb p {
	margin: 0;
	padding: 0 0 0 4px;
	font: normal 90%/120% Arial, Helvetica, sans-serif;
	}
	
#main {
	float: right;
	width: 521px;
	padding: 0;
	font: normal 100%/160% Arial, Helvetica, sans-serif;
	}
	
#main p {
	margin: 8px 0;
	}
	
#main ol {
	margin: 8px 25px;
	}

#main p.divider {
	border-bottom: 1px solid #039;
	padding: 0 0 10px 0;
	margin: 8px 0 20px 0;
	}
	
#main h3.divider2 {
	border-top: 1px solid #039;
	}
	
#main .newspost img {
	float: right;
	}
	
#main .newspost img.planes{
	float: right;
	margin: -20px 0 0 0;
	}
	
#main .newspost h2 {
	height: 43px;
	text-indent: -20000em;
	}
	
* html #main h2 {
	font: bold 130%/160% Arial, Helvetica, sans-serif;
	}
	
* html #main h3 {
	font: bold 110%/160% Arial, Helvetica, sans-serif;
	}

#main h2,	
#main h3 {
	margin: 8px 0 0;
	}
	
#main h2.osullivan {
	width:500px;
	height:30px;
	background: #fff url(/graphics/header-osullivan.gif) BOTTOM left no-repeat;
	text-indent: -20000em;
	}	

#main h2.cincinnati {
	width:500px;
	height:30px;
	background: #fff url(/graphics/header-cincinnati.gif) BOTTOM left no-repeat;
	text-indent: -20000em;
	}
	
#main h2.augusto {
	width:500px;
	height:30px;
	background: #fff url(/graphics/header-augusto.gif) BOTTOM left no-repeat;
	text-indent: -20000em;
	}
	
#main h2.modeltoys {
	width:500px;
	height:30px;
	background: #fff url(/graphics/header-modeltoys.gif) BOTTOM left no-repeat;
	text-indent: -20000em;
	}
	
#main h2.idealtek {
	width:500px;
	height:30px;
	background: #fff url(/graphics/header-idealtek.gif) BOTTOM left no-repeat;
	text-indent: -20000em;
	}

#main h2.hobbybounties {
	width:525px;
	height:43px;
	background: #fff url(/graphics/header-hobbybounties.gif) BOTTOM left no-repeat;
	text-indent: -20000em;
	}
	
#main h2.hobbytools {
	width:270px;
	height:43px;
	background: #fff url(/graphics/header-hobbytools.gif) bottom left no-repeat;
	text-indent: -20000em;
	}	
#main .newspost h2.scale-plastic {
	background: #fff url(/graphics/header-scale-plastic.gif) top left no-repeat;
}
#main .newspost h2.chris {
	background: #fff url(/graphics/header-chris.jpg) top left no-repeat;
}
#main .newspost h2.aero2 {
	width: 375px;
	background: #fff url(/graphics/header-aero2.jpg) top left no-repeat;
}
#main .newspost h2.aero {
	width: 375px;
	background: #fff url(/graphics/header-aero.gif) top left no-repeat;
	}
	
#main .newspost h2.planes {
	width: 232px;
	background: #fff url(/graphics/header-planes.gif) top left no-repeat;
	}
		
#main .newspost h2.meagher {
	width: 200px;
	background: #fff url(/graphics/header-meagher.gif) top left no-repeat;
	}
		
#main .newspost h2.wigan {
	width: 160px;
	background: #fff url(/graphics/header-wigan.gif) top left no-repeat;
	}
	
#main .newspost h2.trimming-new {
	width: 530px;
	background: #fff url(/graphics/header-trimming-new.gif) top left no-repeat;
	}
	
#main .newspost h2.smor2 {
	width: 525px;
	background: #fff url(/graphics/header-smor2-home.gif) top left no-repeat;
	}
	
#main h1 {
	height: 43px;
	text-indent: -20000em;
	}
	
#main h1.home {
	width: 306px;
	background: #fff url(/graphics/header-home.gif) top left no-repeat;
	}
	
#main h1.products {
	width: 254px;
	background: #fff url(/graphics/header-products.gif) top left no-repeat;
	}
	
#main h1.about {
	width: 306px;
	background: #fff url(/graphics/header-about.gif) top left no-repeat;
	}
	
#main h1.news {
	width: 306px;
	background: #fff url(/graphics/header-news.gif) top left no-repeat;
	}
	
#main h1.info {
	width: 306px;
	background: #fff url(/graphics/header-info.gif) top left no-repeat;
	}
		
#main h1.distrib {
	width: 306px;
	background: #fff url(/graphics/header-distributors.gif) top left no-repeat;
	}
	
#main h1.contact {
	width: 306px;
	background: #fff url(/graphics/header-contact.gif) top left no-repeat;
	}
	
#main h2.handling {
	width: 350px;
	height: 43px;
	text-indent: -20000em;
	background: #fff url(/graphics/header-handling.gif) top left no-repeat;
	}
	
#main h2.graphic{
	width: 350px;
	text-indent: -20000em;
	background: #fff url(/graphics/header-graphic.gif) top left no-repeat;
	}
	
#main h2.festival {
	width: 327px;
	background: #fff url(/graphics/header-festival.gif) top left no-repeat;
	}
	
#main h2.retractaway {
	width: 327px;
	background: #fff url(/graphics/header-retract.gif) top left no-repeat;
	}
	
#main h2.supa {
	width: 327px;
	background: #fff url(/graphics/header-supa.gif) top left no-repeat;
	}
	
#main h2.smo {
	width: 327px;
	background: #fff url(/graphics/header-smo.gif) top left no-repeat;
	}
	
#main h2.smoo {
	width: 327px;
	background: #fff url(/graphics/header-smoo.gif) top left no-repeat;
	}
		
#main h2.supa_t {
	width: 327px;
	background: #fff url(/graphics/header-supatool.gif) top left no-repeat;
	}
	
#main h2.trimming {
	width: 327px;
	background: #fff url(/graphics/header-trimming.gif) top left no-repeat;
	}
	
#main h2.crafttool {
	width: 327px;
	background: #fff url(/graphics/header-crafttool.gif) top left no-repeat;
	}
	
#main h2.unitool {
	width: 327px;
	background: #fff url(/graphics/header-unitool.gif) top left no-repeat;
	}
	
#main h2.trimaway {
	width: 327px;
	background: #fff url(/graphics/header-trimaway.gif) top left no-repeat;
	}
	
#main h2.trimaway1 {
	width: 327px;
	background: #fff url(/graphics/header-trimaway01.gif) top left no-repeat;
	}
	
#main h2.acrylic {
	width: 327px;
	background: #fff url(/graphics/header-acrylic.gif) top left no-repeat;
	}
	
#main h2.professional {
	width: 327px;
	background: #fff url(/graphics/header-professional.gif) top left no-repeat;
	}
	
#main h2.acm {
	width: 350px;
	background: #fff url(/graphics/header-acm.gif) top left no-repeat;
	}

#main h1.wigan2 {
	width: 350px;
	background: #fff url(/graphics/header-wigan2.gif) top left no-repeat;
	}
	
#main h1.aaa {
	width: 350px;
	background: #fff url(/graphics/header-aaa.gif) top left no-repeat;
	}
		
#main .product {
	background: #fff url(/graphics/bg-product.gif) top left repeat-x;
	margin: 0 0 8px 0;
	}
	
#main .product h2 {
	color: #fff;
	padding: 3px 2px 2px 3px;
	font: bold 100%/120% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
	
#main .product p.description {
	width: 245px !important;
	width: 235px;
	float: right;
	background: #fff;
	padding: 5px;
	margin: -16px 5px 0 0;
	font: normal 95%/140% Arial, Helvetica, sans-serif;
	}
		
#main .product p.description a {
	color: #6a6a6a;
	text-decoration: none;
	}

.paintings {
	clear: both;
	float: right;
	margin: 0 1px 0 10px;
	width: 125px;
	text-align: center;
	}
	
.paintings2 {
	clear: both;
	float: right;
	margin: 0 1px 0 0px;
	width: 125px;
	text-align: center;
	}
	
.paintings h3 {
	width: 150px;
	}
		
.aboutimages {
	clear: both;
	float: right;
	margin: 2px 1px 0 10px;
	}
	
#main .product p.description a:hover {
	text-decoration: underline;
	}
	
#submenu {
	float: left;
	width: 195px;
	}
	
p.center {
	text-align: center;
	}
	
p.contdetails {
	clear: both;
	float: right;
	margin: 0 1px 0 10px;
	width: 125px;
	}	
			
a {
	color: #039;
	}

#crumb a {
	color: #fff;
	}	

a:hover {
	text-decoration: none;
	}

#footer {
	clear: both;
	text-align: center;
	padding: 10px 0 15px 0;
	font: normal 70%/120% Arial, Helvetica, sans-serif;
	background: #039;
	padding: 4px;
	margin: 2px 0;
	color: #fff;
	}

#footer a {
	color: #94c7fb;
	}
	
#footer p {
	margin: 5px 0 5px 0;
	}
	
table tr td {
	padding: 4px;
	}
	
.articlecontainer{
    text-align: left;
    width: 521px;
    margin: 0 auto;
    padding: 0 5px;
    font: normal 80%/140% Verdana, Arial, Helvetica, sans-serif;
}
.articlecontainerp{
    padding: 0 0 0 10px;
}
.articlecontainerh2{
    clear: both;
    padding: 0 0 20px 10px;
    font: bold 120%/140% Verdana, Arial, Helvetica, sans-serif;
}
.articlecontainerimg{
    float: right;
    margin: 5px 0px 20px 20px;
    padding: 0 10px 0 0;
}
.articlecontainera{
    margin: 15px 0 0 0;
}
.clearh2{
    clear: both;
}
.newsheader{
    background: #fff url(http://www.craftknives.co.uk/graphics/newsletter-header.gif) top left no-repeat;
    width: 521px;
    height: 138px;
    text-indent: -20000px;
    margin: 0 10px 20px 0;
}
.newsfooter{
    clear: both;
    background: #fff url(http://www.swann-morton.co.uk/graphics/newsletter/news_footer_strip.gif) top left repeat-y;
}
.newsfooterh3{
    margin: 15px 0 10px 0;
    padding: 15px 0 0 10px;
    background: transparent url(http://www.swann-morton.co.uk/graphics/newsletter/news_footer_top.gif) top left no-repeat;
    font: bold 120%/140% Verdana, Arial, Helvetica, sans-serif;
}
.newsfooterp{
    background: transparent url(http://www.swann-morton.co.uk/graphics/newsletter/news_footer_bottom.gif) bottom right no-repeat;
    margin: 0 0 10px 0;
    padding: 0 0 15px 10px;
}
.smallprint{
    margin: 0 0 15px 0;
    padding: 0;
    font: normal 70%/100% Verdana, Arial, Helvetica, sans-serif;
    background: #fff;
    text-align: center;
}
.articledivider{
    border-bottom: 1px solid #039;
    width: 521px;
    height: 1px;
    clear: both;
    margin: 0 0 0 8px;
}

/* ========================*/
/*         Styling         */
/* ========================*/


/* ========================*/
/*          Hacks          */
/* ========================*/

a img {
	border: none;
	}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

