/* STICKY FOOTER */
	*{
		margin: 0;
	}
	html, body{
		height: 100%;
	}
	#wrapper{
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -100px; /* negative value of footer height */ 
	}
	#footer-wrapper, 
	#push{
		clear:both;
		height: 100px;
	}
	/* not specific to the sticky footer */
	#footer{
		height: 70px;
	}
	#footer-inner{
		height: 50px;
	}

/* By default, hide the following sections */
#page-message-wrapper,
#breadcrumbs-wrapper,
#upper-content-wrapper,
#lower-content-wrapper,
#outer-content-left-wrapper,
#outer-content-right-wrapper{
	display:none;
}

/*
//// 
//// LAYOUT DEFAULTS (960px)
//// 
*/
#wrapper{
	z-index:1;
}
#footer-wrapper{
	z-index:0;
}
/* Ensures drop downs from from header overlap content and footer */
#page-message-wrapper{
	z-index:4;
}
#header-wrapper{
	z-index:3;
}
/* Ensures drop downs from from content overlap footer */
#content-wrapper{
	z-index:2;
}

/* PAGE WIDTH (BG COLOUR/IMAGE ONLY, NO BORDERS/PADDINGS/MARGINS) */
#page-message-wrapper,
#header-wrapper,
#breadcrumbs-wrapper,
#upper-content-wrapper,
#lower-content-wrapper,
#content-wrapper,
#footer-wrapper{
}
/* CONTENT WIDTH (BG COLOUR/IMAGE and WIDTHS/PADDINGS/MARGINS, NO BORDERS) */
#page-message,
#header,
#breadcrumbs,
#upper-content,
#lower-content,
#content,
#footer{
	margin:0 auto;
	width:960px;
}
/* CONTENT (ANY STYLING) */
#page-message-inner,
#header-inner,
#breadcrumbs-inner,
#upper-content-inner,
#left-content-inner,
#main-content-inner,
#right-content-inner,
#lower-content-inner,
#footer-inner,
#outer-content-left-inner,
#outer-content-right-inner{
	position:relative;
}
body.outer-content-left #outer-content-left-wrapper{
	display:block;
	left: 50%;
    position: fixed;
}
body.outer-content-right #outer-content-right-wrapper{
	display:block;
    position: absolute;
	right: 50%;
}


/* LAYOUTS VIA BODY CLASSES */

/*
//// 
//// PAGE CONTENT IS FIXED WIDTH
//// 
*/

/* Show page message */
body.page-message #page-message-wrapper{
	display:block !important;
	position:fixed;
	top:0;
	width:100%;
}
body.breadcrumbs #breadcrumbs-wrapper{
	display:block !important;
}
body.upper-content #upper-content-wrapper{
	display:block !important;
}
body.lower-content #lower-content-wrapper{
	display:block !important;
}
#left-content{ 
    display:none;
}
#main-content{ 
    float: left;
    width: 100%;
}
#right-content{ 
    display:none;
}
/* Two columns: left + main */
body.content-2-cols-left #left-content{ 
    display:block;
    float: left;
    width:28%;
}
body.content-2-cols-left #main-content{ 
    display:block;
    float: right;
    width: 70%;
}

/* Two columns: main + right */
body.content-2-cols-right #main-content{ 
    display:block;
    float: left;
    width: 70%;
}
body.content-2-cols-right #right-content{ 
    display:block;
	float: right;
    width: 28%;
}

/* Three columns */
body.content-3-cols #left-content{ 
    display:block;
    float: left;
    width: 23%;
}
body.content-3-cols #main-content{ 
    display:block;
    float: left;
	margin-left:2%;
    width: 50%;
}
body.content-3-cols #right-content{ 
    display:block;
    float: right;
    width: 23%;
}


/*
//// 
//// PAGE CONTENT IS PAGE WIDTH
//// 
*/

body.full-width #page-message,
body.full-width #header,
body.full-width #breadcrumbs,
body.full-width #upper-content,
body.full-width #lower-content,
body.full-width #content,
body.full-width #footer{
	width:auto;
}
body.full-width #outer-content-left-wrapper{
    left: auto;
    margin-left: 0 !important;
    position: inherit;
    top: auto !important;
	width:auto !important;
}
body.full-width #outer-content-right-wrapper{
    right: auto;
    margin-right: 0 !important;
    position: inherit;
    top: auto !important;
	width:auto !important;
}

/* Two columns: left + main */
body.full-width.content-2-cols-left #left-content{ 
}
body.full-width.content-2-cols-left #main-content{ 
}

/* Two columns: main + right */
body.full-width.content-2-cols-right #main-content{ 
}
body.full-width.content-2-cols-right #right-content{ 
}

/* Three columns */
body.full-width.content-3-cols #left-content{ 
}
body.full-width.content-3-cols #main-content{ 
}
body.full-width.content-3-cols #right-content{ 
}


@media all and (max-width: 639px){
	#page-message,
	#header,
	#breadcrumbs,
	#upper-content,
	#lower-content,
	#content,
	#footer{
		width:auto;
	}
	/* Two columns: left + main */
	body.content-2-cols-left #left-content{ 
		display:none;
	}
	body.content-2-cols-left #main-content{ 
		display:block;
		float: none;
		width: auto;
	}
	body.content-2-cols-left #lower-content-wrapper{ 
		display:block;
		width: auto;
	}
	/* Two columns: main + right */
	body.content-2-cols-right #main-content{ 
		display:block;
		float: none;
		margin:0 0 15px 0;
		width: auto;
	}
	body.content-2-cols-right #right-content{ 
		display:block;
		float: none;
		width: auto;
	}
	/* Three columns */
	body.content-3-cols #left-content{ 
		display:none;
	}
	body.content-3-cols #main-content{ 
		display:block;
		margin:0 0 15px 0;
		float: none;
		width: auto;
	}
	body.content-3-cols #right-content{ 
		display:block;
		float: none;
		width: auto;
	}
	body.content-3-cols #lower-content-wrapper{ 
		display:block;
		width: auto;
	}
}
@media all and (max-width: 1000px) and (min-width: 640px) {
	#page-message,
	#header,
	#breadcrumbs,
	#upper-content,
	#lower-content,
	#content,
	#footer{
		width:auto;
	}
	body.content-3-cols #left-content{ 
		display:block;
		float: left;
		width: 33%;
	}
	body.content-3-cols #main-content{ 
		display:block;
		float: right;
		margin:0;
		width: 65%;
	}
	body.content-3-cols #right-content{ 
		display: block;
		float: right;
		margin-top: 15px;
		width: 100%;
	}
}
@media all and (min-width: 1001px) {
}