body 
{
margin: 0 auto;
padding: 0px 0px 0px 0px;
background: #ffffff url(img/background_white.gif) repeat-x;
}

.clr
{
clear: both;
}

/* Text */

h1 {
	margin:30px 0px 20px 370px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #7DC242;
	}
	
h2 {
	margin:0px 0px 0px 370px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #BCBEC0;
	}
	
h3 {
	margin:0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666;
	}
	
p {
	margin:0px 30px 0px 370px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #BCBEC0;
	}
	
a {
	margin:0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #7DC242;
	text-decoration: underline;
	overflow: hidden; 
	}
	
a:hover {
	text-decoration: none;
	overflow: hidden;
	}

#container
{
margin:0 auto;
padding: 0px 0px 30px 0px;
width: 800px;
background: #ffffff;
}

#header
{
margin:0 auto;
padding: 0px 0px 0px 0px;
width: 800px;
height: 117px;
background: transparent url(img/hdr_bg.gif) repeat-x;
}

#logo
{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 360px;
height: 117px;
text-indent: -9999em;
overflow: hidden;
/*position: relative;
left: 0px;
top: 0px;*/
}

#logo a {
	margin:0px;
	padding: 0px;
	width: 365px;
	height: 117px;
	display: block;
	background: url(img/logo.gif);
	text-decoration: none; 
	}

#top_nav
{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 435px;
height: 117px;
/*background-color: #FF0000;
position: relative;
left: 365px;
top: 70px;*/

}

#top_nav ul
{
margin: 86px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#top_nav li
{
margin: 0px 70px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
list-style: none;
display: inline;

}


.about a 
	{
	margin:0px;
	padding: 0px;
	width: 49px;
	height: 21px;
	background: url(img/about_off.gif) no-repeat;
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	overflow: hidden; 
	}
	
.about a:hover 
	{
	background: url(img/about_on.gif) no-repeat;
	overflow: hidden;
	}
	
.portfolio a 
	{
	margin:0px;
	padding: 0px;
	width: 70px;
	height: 21px;
	background: url(img/portfolio_off.gif) no-repeat;
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	overflow: hidden; 
	}
	
.portfolio a:hover 
	{
	background: url(img/portfolio_on.gif) no-repeat;
	overflow: hidden;
	}
	
.contact a 
	{
	margin:0px;
	padding: 0px;
	width: 49px;
	height: 21px;
	background: url(img/contact_off.gif) no-repeat;
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	overflow: hidden; 
	}
	
.contact a:hover 
	{
	background: url(img/contact_on.gif) no-repeat;
	overflow: hidden;
	}


#main
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 800px;
}

#flash
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 800px;

}

.contactinfo
{
margin: 20px 0px 0px 370px;
padding: 0px 0px 0px 0px;
width: 430px;
}

.contactinfo h2
{
margin:0px 0px 10px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7DC242;
}

.contactinfo a
{
color: #BCBEC0;
}

.grey
{
margin:0px 0px 0px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #BCBEC0;