/*****************************************************************************************
/ Filename: base.css
/ Author: Design Fuse
/ Purpose: evolutioniron.ca - Base styles 
/ Date: 08.03.12
/*****************************************************************************************/ 


*
{
	margin: 0;
	padding: 0;
}

body
{ 
	background-color: #420000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%;
	color: #555;
}

*html body 
{ 
	text-align:center; 
}

#page
{
	margin-top: 40px; 
	
	width: 890px;
	
	/* Center */ 
	margin-left: auto; 
	margin-right: auto; 
	
	/* DEBUG 
	border: 1px solid #009900;*/ 
}	

*html #page
{ 
	text-align: left;
}

/* THREE COLUMN LAYOUT CSS BEGINS */
#left {
	float: left;
	width: 130px;
	height: 690px;
	
	background-image:url(/images/layout/background/left_bkg.png);
	background-repeat:no-repeat; background-color:none; 
	
	/* DEBUG 
	border: 1px solid #009900;*/ 
}
#right {
	float: right; 
	width: 130px;
	height: 690px;
	
	background-image:url(/images/layout/background/right_bkg.png);
	background-repeat:no-repeat; background-color:none; 
	
	/* DEBUG 
	border: 1px solid #009900; */
}
#center {
	/* padding: 0px 5px 5px 5px; */
	margin-left: 130px;
	margin-right: 130px; 
	
	background-image:url(/images/layout/background/center_bkg.png);
	background-repeat:no-repeat; background-color:none; 
	
	/* offset by height of the H1 */ 
	background-position: 0px 130px;

	height: 690px;
	
	/* DEBUG 
	border: 1px solid #009900;*/ 
}
* html #center {
	margin-left: auto;
	margin-right: auto;
	float: left;
}
/* THREE COLUMN LAYOUT CSS ENDS */


#header
{
	height: 130px; border: 
}


#main_content
{ 
	overflow:auto;
	
	width:auto; 
	
	background: none; 
	
	/* DEBUG 
	background-color:#999999;*/
	
}


#footer_content
{
	/*
	background-position:top;
	background-image:url(/images/layout/background/maincontent_home_bkg.jpg);
	background-repeat: repeat-y; 
	clear:both; /* this is to clear the floating items in main_content */ 
	
	margin-top: 10px;
	
	border-top: 1px solid #ccc;
	padding: 15px 0px 0px 0px; 
	
	text-align: center;
	color: #aaa; 
	font:Arial, Helvetica, sans-serif;
	font-size: 70%;
	
/*	border: 1px solid yellow; */
}