/*
	CSS based on "Perfect" and "Ultimate" layouts by Matthew James Taylor.
	Matthew James Taylor: "This layout is FREE for anyone to use."
	http://matthewjamestaylor.com/
	http://matthewjamestaylor.com/blog/perfect-multi-column-liquid-layouts
	http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layouts-em-and-pixel-widths
	http://matthewjamestaylor.com/blog/how-to-convert-a-liquid-layout-to-fixed-width
	http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
*/

/* General styles */
body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:black;
	min-width:740px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
						/* The min-width should be equal to the fixed width specified in #fixedwidth */
}

/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
}

/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
/* 1 column full page settings */
.fullpage {
	background:black;
}
.fullpage .col1 {
	margin:0 15px;
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
}
#footer p {
	margin:0;
}

/* Fixed-width styles */
body {
	text-align:center;		/* required to center the fixed width content */
}
#fixedwidth {
	margin:0 auto;			/* required to center the fixed width content */
	width:640px;			/* the fixed width: you can use px, em or % */
	text-align:left;		/* required to have left-aligned text in our content since our body text-align is centered */
}