@charset "utf-8";
/* CSS Document */

/* clearing */
.stretch,
.clear
{
	clear				: both; 
	height				: 1px; 
	margin				: 0; 
	padding				: 0; 
	font-size			: 15px;
	line-height			: 1px;
}

.clearfix:after
{
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}

* html>body .clearfix
{
	display				: inline-block; 
	width				: 100%;
}

* html .clearfix
{
	/* Hides from IE-mac \*/
	height				: 1%;
	/* End hide from IE-mac */
}
/* end clearing */


/*start page*/
html
{
	height: 100%;
}

body 
{
	margin					: 0;
	padding					: 0;
	height					: 100%;
	
	background-image		: url(../images/bg_index.jpg);
	background-repeat   	: repeat-x;
	background-color    	: #FFF;
	
	text-align    			: left;
	font-family    			: Arial, Helvetica, sans-serif;
	font-size    			: 62.5%;
	/* 16px × 62.5% = 10px */	
	letter-spacing    		: 0;
	text-align    			: left;
	word-spacing    		: normal;
	line-height    			: 1.5em;

	text-decoration    		: none;	
	
	background-color:#535353;
}

body img
{
	border    				: none;
}

#page
{
	margin					: 0 auto;
    padding					: 0;	
	
	width					: 786px;
}

/*end page*/

/*start content*/
#main
{
	padding:30px 30px 30px 0;
	margin:30px 0 0 0;
	
	height:100%;
	
	width:756px;	
	float:left;
	
	background-color:#fff;
}

#main a,
#main a:visited
{
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.1em;
	text-decoration:none;
}

#main a:hover
{
	text-decoration:underline;
}


/*start content topcontainer*/
#main #topcontainer
{
	padding:0;
	margin:0 0 1px 0;
	
	height:160px;
	width:786px;	
	
	width:786px;	
	float:left;
}

#main #topcontainer #logoblue
{
	padding:0;
	margin:0;
	
	height:160px;
	width:142px;	
	
	background-color:#006bb6;
	
	background-image:url(../images/bw_logoblue.jpg);
	background-repeat:no-repeat;
	float:left;
}

#main #topcontainer #textblue
{
	padding:40px 20px 48px 10px;
	margin:0;
	
	height:72px;
	width:182px;	
	
	background-color:#006bb6;
	
	float:left;
}

.leftpadding
{
	padding:0 0 0 10px;

}


#main #topcontainer #photoblue
{
	margin:0 0 0 1px;
	padding:0;
	height:160px;
	float:left;
}

#main #topcontainer #contactblue
{
	margin:0;
	padding:30px 10px 0 20px; 
	
	height:130px;
	width:164px;
	
	float:left;	
	
	color:#9b9a9a;
	font-weight:bold;
	font-size:1.1em;
	text-decoration:none;
			
}

#main #topcontainer #contactblue a
{
	margin:0;
	padding:0;
	
	color:#006bb6;
	text-decoration:none;
	font-size:11px;
}

#main #topcontainer #contactblue a:hover
{
	
	text-decoration:underline;	
}

/*end content topcontainer*/

/*start content centercontainer*/
#main #centercontainer
{
	padding:0;
	margin:0 0 1px 0;
	
	height:160px;
	width:786px;	
	
	width:786px;	
	float:left;
}

#main #centercontainer #logobraun
{
	padding:0;
	margin:0;
	
	height:160px;
	width:142px;	
	
	background-color:#9f6614;
	
	background-image:url(../images/bw_logobraun.jpg);
	background-repeat:no-repeat;
	float:left;
}

#main #centercontainer #textbraun
{
	padding:40px 20px 48px 10px;
	margin:0;
	
	height:72px;
	width:182px;	
	
	background-color:#9f6614;
	
	float:left;
}

.leftpadding
{
	padding:0 0 0 10px;

}


#main #centercontainer #photobraun
{
	margin:0 0 0 1px;
	padding:0;
	height:160px;
	width:auto;
	float:left;
}

#main #centercontainer #contactbraun
{
	margin:0;
	padding:30px 10px 0 20px; 
	
	height:130px;
	width:164px;
	
	float:left;	
	
	color:#9b9a9a;
	font-weight:bold;
	font-size:1.1em;
	text-decoration:none;
			
}

#main #centercontainer #contactbraun a
{
	margin:0;
	padding:0;
	
	color:#9f6614;
	text-decoration:none;
	font-size:11px;	
}

#main #centercontainer #contactbraun a:hover
{
	
	text-decoration:underline;	
}

/*end content centercontainer*/


/*start content bottomcontainer*/
#main #bottomcontainer
{
	padding:0;
	margin:0 0 1px 0;
	
	height:160px;
	width:786px;	
	
	width:786px;	
	float:left;
}

#main #bottomcontainer #logogrey
{
	padding:0;
	margin:0;
	
	height:160px;
	width:142px;	
	
	background-color:#4c5255;
	
	background-image:url(../images/bw_logogrey.jpg);
	background-repeat:no-repeat;
	float:left;
}

#main #bottomcontainer #textgrey
{
	padding:40px 20px 48px 10px;
	margin:0;
	
	height:72px;
	width:182px;	
	
	background-color:#4c5255;
	
	float:left;
}

.leftpadding
{
	padding:0 0 0 10px;

}


#main #bottomcontainer #photogrey
{
	margin:0 0 0 1px;
	padding:0;
	height:160px;
	width:auto;
	float:left;
}

#main #bottomcontainer #contactgrey
{
	margin:0;
	padding:30px 10px 0 20px; 
	
	height:130px;
	width:164px;
	
	float:left;	
	
	color:#9b9a9a;
	font-weight:bold;
	font-size:1.1em;
	text-decoration:none;
			
}

#main #bottomcontainer #contactgrey a
{
	margin:0;
	padding:0;
	
	color:#4c5255;
	text-decoration:none;
	font-size:11px;	
}

#main #bottomcontainer #contactgrey a:hover
{
	
	text-decoration:underline;	
}

/*end content bottomcontainer*/



#footer 
{
	padding:0;
	margin:20px 0 0 0;
	clear:both;
	
	width:786px;
	
}

#footer #left
{
	text-align:left;
	float:left;
	padding:0 0 0 10px;
	color:#fff;
	height:1%;
}

#footer #right
{
	text-align:right;
	float:right;
	padding:0 10px 0 0;
	color:#fff;
	height:1%;
}

<!--end footer-->