/************************************************************************************
-------------------------------------------------------------------------------------
	
	"pbm.css"
	-	Base layout rules for philbrownmassage.net
	@author Dave Ashman <public@daveashman.com>
	
-------------------------------------------------------------------------------------
************************************************************************************/

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

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

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

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

#wrapper{
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#header{
	float: left;
	position: relative;	
	width: 960px;
	height: 125px;
	background: url('/img/common/bg-header.png') no-repeat top left; 
}
#massage #header,
#advice #header{
	height: 150px;
	background: url('/img/common/bg-header-subnav.png') no-repeat top left; 
}
#navigation{
	float: right;
	width: 651px;
	height: 98px;
	margin: 18px 10px 0 0 ;
}
#breadcrumbs{
	float: left;
	clear: left;
	width: 960px;
	height: 15px;
	line-height: 15px;
	padding: 10px 0 35px 0;
	margin: 0;
	background: url('/img/common/content-top.png') no-repeat bottom left;
}
#content{
	position: relative;
	float: left;
	width: 900px;
	padding: 20px 30px 30px 30px;
	background: url('/img/common/content-tile.png') repeat-y;
}
#primary{
	float: left;
	width: 580px;
	padding: 0;
	margin: 0;
}
#primary .primary-sub{
	float: left;
	width: 580px;
	margin-top: 25px;
	padding-top: 15px;
	border-top: 1px solid #eee;
}
#news #primary .primary-sub	{
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}
#secondary{
	float: right;
	width: 280px;
	padding: 10px 10px 0 10px;
	background: #f6f5f5;
}
#secondary.no-padding{
	padding: 0;
	background: 0;
}
#contact #secondary	{	margin-right: 20px;}
#footer{
	float: left;
	clear: both;
	width: 940px;
	padding: 10px 10px;
}

/*	-	Home page
-----------------------------------------------------------------------------------*/

#homepage #content{
	width: 960px;
	padding: 10px 0 0 0;
	background: none;
}
#homepage #primary{
	width: 630px;
	background: url('/img/common/content-top-home.png') no-repeat 0 215px;
}
#homepage #content-home{
	float: left;
	width: 570px;
	padding: 20px 30px;
	background: url('/img/common/content-tile-home.png') repeat-y 0;	
	
}
#homepage #secondary{
	width: 280px;
	padding: 10px 10px 0 10px;
}
#homepage #footer{
	padding: 25px 10px;
	background: url('/img/common/content-base-home.png') no-repeat top left;
}
#homepage #primary img{
	margin: 0 0 25px 0;
}