/* global */

body
{	margin: 0;
	padding: 0;
	text-align: center;
}



/* widths */
#main, #header, #menu, #content, #footer
{ margin-left: auto; 
  margin-right: auto;
  text-align: left;
}

/* header / footer */
#header
{ 
  padding: 0;
  margin: 0;
  border: 0;
}

#footer
{ padding: 0px 0px 0px 0px;
margin: 0;
  border: 0;
}






/* main content */
#content
{ padding: 0px 0px 0px 0px;
  overflow: hidden;
  width: 955px;  /* this will create a container 80% of the browser width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid;
}




/* area 2 column - 30/70 */
#area1
{ float: left;
  width: 305px; 
	padding: 0px 0; /* top and bottom padding create visual space within this div  */
	vertical-align: top;
}

#area2
{ margin: 0px 0 0 325px; /* the left margin can be given in percentages or pixels. It creates the space down the left side of the page. */
	vertical-align: top;
	zoom: 1;
}




.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}