/************************************************************************************
-------------------------------------------------------------------------------------
	
	"paneltrend.css"
	@desc	Base layout rules for paneltrend.com
	
-------------------------------------------------------------------------------------
************************************************************************************/

@import "slider.css";
@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;
}
ul#skip-nav{
	position: absolute;
	top: -999em;
}
html{
	background: #C5C7C9 url('/_img/common/bg-tile.png') repeat-x top ;
}



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

/*	Wrapper		-----------------------------------------------------------------*/


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

/*	Header		-----------------------------------------------------------------*/

#header{
	background: url('/_img/common/top-picture-final.jpg') no-repeat top left;
	height: 90px;
	padding: 0 60px;
	position: relative;
	width: 680px;	
}
#navigation{
	float: left;
	margin: 65px 60px 45px 60px;
	width: 680px;
}
#client-list #navigation{
	margin-bottom: 0px;
}

/*	Content		-----------------------------------------------------------------*/

#content{
	padding: 0 60px;
	width: 680px;
}

/*	Primary		-----------------------------------------------------------------*/

#primary{
	background: #DBDCDD;
	float: left;
	position: relative;
	width: 680px;
}
#home #primary{
	background: url('/_img/home/bg-primary-home.jpg') no-repeat top left;
	height: 340px;
}
#projects #primary{
	height: 340px;
}
#client-list #primary{
	background: none;
	padding: 15px 0 0 345px;
	width: 335px;
}
#contact-us #primary{
	height: 340px;
	padding: 15px 0 0 515px;
	width: 165px;
}


/*	Secondary		--------------------------------------------------------------*/

#secondary{	
	float: left;
	margin: 0 auto;
	padding: 30px 0;
	width: 680px;
}

/*	Footer		------------------------------------------------------------------*/


#footer{
	float: left;
	margin: 0 60px;
	padding: 3px 0;
	width: 680px;
}