/* 
Site:	To Young to Work
Name:	Layout
Author:	RBurnie
*/

* {
	margin: 0;
	padding: 0;
}

body {
	/* total width 850px*/
	width: 850px;
	text-align: left;
	
	background: #E2E5D0 url(../images/bg-body.jpg) top right fixed no-repeat;
}

hr { display: none; }
/* SHELL **************************************************************************************/
div#shell {
	/* total width 850px*/
	width: 850px;
	margin-top: 68px;
	/* background settings for ie6 */
	background: transparent url(../images/bg-shell.gif) 0 0 repeat-y;
}
div[id=shell] {
	background: transparent url(../images/bg-shell.png) 0 0 repeat-y !important;
}
/* HEADER *************************************************************************************/
div#header {
	/* total width 850px*/
	width: 824px;
	/* total height 262px */
	height: 194px; /* #branding #shell has margin-top: 68px; */
	position: relative;
	
	background: transparent;
}
/***	BRANDING *******************************************************************************/
div#branding {
	width: 824px; 
	height: 194px;
	background: transparent url(../images/bg-header.jpg) no-repeat;
}
/*** MAIN NAV **********************************************************************************/
div#main_nav {
	width: 850px;
	height: 68px;
	position: absolute;
	top: -68px;
	left: 0;
	/* background settings for ie6 */
	background: transparent url(../images/bg-nav.gif) no-repeat;
}
div[id=main_nav] {
	background: transparent url(../images/bg-nav.png) no-repeat !important;
}
/*** MAIN NAV MENU ( styled in nav.css ) - quick style set here for layout*/
div#main_nav li { display: inline; }

/*	CONTENT *************************************************************************************/
div#content {
	width: 100%;
	background: transparent;
}
/*	class for each column in CONTENT */
div#content div.column {
  position: relative;
  float: left;
  min-height: 400px;
  height: 400px;		/* i6 */
  /* 
  make min height of all total = 1000px
  min-height: 656px;
  height: 656px;*/
}
div#shell > div#content > div.column {
	height: auto !important;
}

/* MAIN *****************************************************************************************/
div#main {
	width: 414px; /* 440 - (2 * 14) */
	padding: 20px 14px;
 	background: transparent;
}


/*	LEFT ****************************************************************************************/
div#left {
	width: 170px; /* 200 - (10+20) */
	padding: 20px 10px 24px 20px;
	background: transparent;
}

/*	RIGHT **************************************************************************************/
div#right {
	width: 180px; /* 190 - (2*10) */
	padding: 56px 10px;
	background: transparent;
}
/*	FOOTER ***************************************************************************************/
div#footer {
	width: 100%;
	min-height: 82px;
  	height: 82px; /* ie6 */
	padding-bottom: 3px;
	background: transparent;/* not working out url(../images/bg-footer.png) bottom no-repeat;/**/
	position: relative;
}
div[id=footer] { height: auto !important;}
div#footer div.wrapper {
  width: 824px;
  clear: both;
  min-height: 82px;
  height: 82px; /* ie6 */
  background: #333;
}
div#footer > div.wrapper { height: auto !important;}
div#footer_logo {
	position: absolute;
	top: 20px;
	right: 50px;
}
div#footer_logo img { border: 0; }
body > div#footer > div {
	height: auto;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */