* {	margin: 0; padding: 0; border:none; }

html {	height: 100%; }
body { height: 100%; background: #999 url(../images/mainBackground.gif); }
#main {	position: relative;	min-height: 100%; }
#content { padding-bottom: 8.2em; }
* html #main { height: 100%; }

/*-----------------------------------------*/
/*   HEADER                                */
/*-----------------------------------------*/
#header_main {
	background: url(../images/headerBackground.gif) repeat-x;
	height: 160px; width: 100%; 
}
#head{
	width: 630px; margin: auto;
}
#header_logo {
	background: url(../images/logo.jpg) no-repeat;
	height: 160px; width: 108px; float:left;
	margin: auto auto -70px auto; padding-top: 70px;
}
#header_logo:hover{
	background: url(../images/logo0.jpg) no-repeat;
}

/*-----------------------------------------*/
/*   NAVIGATION                            */
/*-----------------------------------------*/
#navigation {
	background: url(../images/navBackground.gif) repeat-x;	
	height: 40px; width: 522px; float:right;
	margin-top: 70px; 
}

#navigationButtons ul { padding: 0; margin: 0; }

#about {
	background: url(../images/about.gif) no-repeat;
	width: 99px;
}
#about:hover { background: url(../images/about1.gif) no-repeat; }
#about.this { background: url(../images/about0.gif) no-repeat; }

#portfolio {
	background: url(../images/portfolio.gif) no-repeat;
	width: 149px;
}
#portfolio:hover { background: url(../images/portfolio1.gif) no-repeat; }
#portfolio.this { background: url(../images/portfolio0.gif) no-repeat; }

#services {
	background: url(../images/services.gif) no-repeat;
	width: 133px;
}
#services:hover { background: url(../images/services1.gif) no-repeat; }
#services.this {	background: url(../images/services0.gif) no-repeat; }

#contact { 
	background: url(../images/contact.gif) no-repeat;
	width: 128px;
}
#contact:hover { background: url(../images/contact1.gif) no-repeat; }
#contact.this { background: url(../images/contact0.gif) no-repeat; }

#navigationButtons {
	display: inline; float: left;
}
#navigationButtons li {
	list-style: none; float: left; position: relative; padding-top: 6px;
}
#navigationButtons a {
	display: block;	height: 30px;
}

/*---------------------------------------*/
/*   MAIN                                  */
/*-----------------------------------------*/
#main_content {
	position: relative;
	width: 620px;
	margin: 0px auto auto auto; 
	padding-bottom: 2px;
}
#column_left {
	width: 290px; float: left; padding: 10px;
}
#column_right {
	width: 290px; float: right;	padding: 10px;
}
#footer {
	background:#000 url(../images/footer.gif);
	width: 100%; height: 20px;
	position: relative;
	margin-top: -6.7em;
	padding-top:60px;
	clear:both; text-align:center;
	font: 9pt Verdana, Arial, sans-serif; color: #888; 
}