/*****************************************************************************************************

This file should contain all div tags structuring the layout of the website

reasoning : 

so this style sheet could be used to re-structure the website and when removed
should produce the website as a easily readable list which can be used for small
screens (such as phones)

*****************************************************************************************************/

/*************************************** Structure Settings *****************************************/

html
{
	margin:0px;
	padding:0px;
}
body
{
	background: #FFF url(/images/background-tile.jpg) top center repeat-y;
	margin:0px;
	padding:0px;
	line-height: 1.2em;
	text-align:left;
}
#topbar {
	width:100%;
	height:5px;
	background:url(/images/topbar.gif) repeat-x #68696c;
}
#layout
{
	position:relative;
	width:822px;
	margin:0 auto;
}
#header
{
font: x-small/18px  Helvetica, Arial, Verdana, sans-serif; /* Medium = 11 px - Small = 9px */
	position:relative;
	background:url(/images/header-background.gif) bottom left no-repeat;
	height:137px; /*Height of top section*/
	overflow:hidden;
	width:822px;
}
#contentwrapper
{
	position:relative;
	float: left;
	width: 822px;;
}
#contentcolumn
{
	position:relative;
	margin: 0 330px 0 0; /*Margins for content column. Should be "0 right-column-width 0 left-column-width*/
}
#leftcolumn
{
	position:relative;
	float: left;
	width: 250px; /*Width of left column in percentage*/
	margin-left: -822px;
}
#rightcolumn
{
	position:relative;
	float: left;
	width: 330px; /*Width of right column in pixels*/
	margin-left: -331px; /*Set margin to -(RightColumnWidth)*/
}
#footer
{
	position:relative;
	width: 822px;
	background:url(/images/footer-bg.jpg) top left no-repeat;
	height:110px; /*Height of bottom section*/
	text-align: center;
	padding: 0;
	clear: left;
}
#footercontact {
	position:absolute;
	left:20px;
	top:90px;
	font: x-small/18px  Helvetica, Arial, Verdana, sans-serif; /* Medium = 11 px - Small = 9px */
}
.padding { margin: 10px; clear:both; /*Margins for inner DIV inside each column (to provide padding)*/ }
.clearing { clear:both;}