/* General styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption {
	margin : 0;
	padding : 0;
	border : 0;
	outline : 0;
	letter-spacing: 0;
}
body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	min-width:920px;	/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
}
/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
}
/* column container */
#container {
	width: 920px;
	margin: 0 auto;
}
.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 */
}
/* holy grail 3 column settings */
.holygrail .colmid {
	float:left;
	width:200%;
	margin-left:-200px; 	/* Width of right column */
	margin-left:-260px; 	/* Width of right column */
	position:relative;
	right:100%;
}
.holygrail .colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:400px;		 	/* Left column width + right column width */
	left:520px;		 	/* Left column width + right column width */
}
.holygrail .col1wrap {
	float:left;
	width:50%;
	position:relative;
	right:200px;			/* Width of left column */
	right:260px;			/* Width of left column */
}
.holygrail .col1 {
	margin:0 215px;	 	/* Centre column side padding:
							Left padding = left column width + centre column left padding width
							Right padding = right column width + centre column right padding width */
	margin:0 270px;	 	/* Centre column side padding:*/
	position:relative;
	left:200%;
	overflow:hidden;
}
.holygrail .col2 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:170px;			/* Width of left column content (left column width minus left and right padding) */
	width:240px;			/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:15px;		 	/* Width of the left-had side padding on the left column */
	right:10px;		 	/* Width of the left-had side padding on the left column */
}
.holygrail .col3 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:170px;			/* Width of right column content (right column width minus left and right padding) */
	width:240px;			/* Width of right column content (right column width minus left and right padding) */
	margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
	margin-right:30px;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
}
/* 3 column blog style settings */
.blogstyle .colmid {
	float:left;
	width:200%;
	margin-left:-200px; 	/* Width of right column */
	margin-left:-260px; 	/* Width of right column */
	position:relative;
	right:100%;
}
.blogstyle .colleft {
	float:left;
	width:100%;
	margin-left:-200px; 	/* Width of centre column */
	margin-left:-260px; 	/* Width of centre column */
}
.blogstyle .col1wrap {
	float:left;
	width:50%;
}
.blogstyle .col1 {
	margin:0 15px 0 415px;	/* Centre column side padding:
							Left padding = left column width + centre column left padding width
							Right padding = right column width + centre column right padding width */
	margin:0 10px 0 530px;	/* Centre column side padding:*/
	position:relative;
	left:100%;
	overflow:hidden;
}
.blogstyle .col2 {
	float:right;
	width:170px;			/* Width of left column content (left column width minus left and right padding) */
	width:240px;			/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	left:185px;		 	/* Width of the left-had side padding on the left column */
	left:250px;		 	/* Width of the left-had side padding on the left column */
}
.blogstyle .col3 {
	float:right;
	width:170px;			/* Width of right column content (right column width minus left and right padding) */
	width:240px;			/* Width of right column content (right column width minus left and right padding) */
	position:relative;
	left:750px;
}
/* 2 column left menu settings */
.leftmenu .colright {
	float:left;
	width:200%;
	position:relative;
	left:200px;
	left:260px;
}
.leftmenu .col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:200px;
	right:260px;
}
.leftmenu .col1 {
	margin:0 15px 0 215px;
	margin:0 10px 0 268px;
	position:relative;
	right:100%;
	overflow:hidden;
}
.leftmenu .col2 {
	float:left;
	width:170px;
	width:240px;
	position:relative;
	right:185px;
	right:250px;
}
/* 2 column right menu settings */
.rightmenu .colleft {
	float:left;
	width:200%;
	margin-left:-200px;
	margin-left:-260px;
	position:relative;
	right:100%;
}
.rightmenu .col1wrap {
	float:left;
	width:50%;
	position:relative;
	left:50%;
}
.rightmenu .col1 {
	margin:0 15px 0 215px;
	margin:0 10px 0 268px;
	overflow:hidden;
}
.rightmenu .col2 {
	float:right;
	width:170px;
	width:240px;
	position:relative;
	left:185px;
	left:250px;
}
/* 1 column full page settings */
.fullpage .col1 {
	margin:0 10px;
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
}