/************************************************************************************
-------------------------------------------------------------------------------------
	
	"artists.css"
	-	Base layout rules for suppliesforartists.co.uk
	-	Author: Dave Ashman
	_	Email: public@daveashman.com
	
-------------------------------------------------------------------------------------
************************************************************************************/

@import "typography.css";
@import "nav.css";
@import "modules.css";
@import "shop.css";
@import "phark.css";
/*@import "debug.css";*/

/*	-	Global
-----------------------------------------------------------------------------------*/

*{
	margin:  0;
	padding: 0;
}
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
html{   
}
body{
	background: #f7f7f4 url('/images/site/common/bg_body.png') repeat-x;
}
ul#skip-nav{
	position: absolute;
	top: -999em;
}

/*	-	Main Layout
-----------------------------------------------------------------------------------*/

#wrapper-outer{
	width: 965px;
	margin: 0 auto;
}
#wrapper{
	
}
#top-bar{
	float: left;
	width: 965px;
	height: 30px;
}
#search{
	float: right;
	line-height: 23px;
	height: 23px;
}
#header{
	float: left;
	width: 965px;
	height: 113px;
}
#navigation{
	float: right;
	width: 328px;
	height: 60px;
	margin-top: 20px;
}
#content{
	
}
#primary{
	float: right;
	width: 690px;
	padding: 15px 20px 25px 20px;
	margin: 3px 10px 10px 10px;
}
.three-col #primary{
	float: left;
	width: 520px;
	margin-left: 20px;
	padding-bottom: 0;
	background: #fff url('/images/site/common/bg_primary_threecol.png') no-repeat top left;
}
#shop.three-col #primary{
	width: 560px;
	padding: 0 0 25px 0;
	background: none;
}
.two-col #primary{
	float: right;
	width: 700px;
	margin-right: 3px;
	background: #fff url('/images/site/common/bg_primary_twocol.png') no-repeat top right;
}
.search.two-col #primary{
	margin-top: 3px;
}
#secondary-wrapper{
	float: left;
	width: 205px;
	margin-top: 2px;
	padding-bottom: 7px;	
}
#secondary{
	float: left;
	width: 205px;
	padding-bottom: 9px;
	background: url('/images/site/common/bg_sidenav.png') no-repeat bottom left;	
}

#breadcrumb{
	float: left;
	margin-left: -20px;
	height: 40px;
	margin-bottom: 0;
}
.three-col #breadcrumb{
	width: 555px;
}
.two-col #breadcrumb{
	width: 740px;
}
#shop.three-col  #breadcrumb{
	margin: 15px 0 0 0;
	height: 2em;
}
#footer{
	float: left;
	clear: both;
	width: 945px;
	padding: 10px;
	margin-top: 15px;
}