/* basic elements */

* { margin: 0; padding: 0; }

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

/* Hides from IE-mac \*/

/** html .clearfix {height: 1%;}
.clearfix {display: block;}*/

/* End hide from IE-mac */

body 
{
	font-family: Trebuche MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}


.TopBarHome
{
	background-color: #808285;
	height: 7px;
}

.TopBarInside
{
	background-color: #F8941D;
	height: 7px;
}

.Header
{
	background: repeat-x top center url(../images/background_concrete.jpg);
	height: 154px;
	text-align: center;
}

	.HeaderContent
	{
		height: 154px;
		margin: 0px auto;
		overflow: hidden;
		text-align: left;
		width: 835px;
	}
	
		.ContactExpert
		{
			height: 56px;
			margin-left: 638px !important;
			margin-left: 635px;
		}
		
		.HeaderLogo
		{
			background: no-repeat url(../images/suface_logos.jpg);
			float: left;
			margin-top: 41px;
			width: 201px;
		}
		
			.HeaderLogo a
			{
				display: block;
				height: 92px;
				overflow: hidden;
				text-indent: -5000px;
				width: 201px;
			}
			
		.Navigation
		{
			list-style: none;
			margin-top: 57px;
		}
		
			.Navigation a
			{
				background-color: #4B4C4E;
				color: #FFFFFF;
				float: right;
				font-size: 12px;
				line-height: 41px;
				margin-left: 4px;
				padding: 0px 12px;
				text-decoration: none;
			}
			
			.Navigation a:hover {background-color: #666666;}
			
			
.Footer
{
	background: repeat-x top center url(../images/background_footer.gif);
	text-align: center;
}

	.FooterContent
	{
		font-size: 12px;
		margin: 0px auto;
		padding: 14px 0px 30px 0px;
		text-align: left;
		width: 835px;
	}
	
		.FooterContent p
		{
			color: #898989;
			padding-bottom: 12px;
		}
		
		.FooterContent a
		{
			color: #3C7ED3;
			text-decoration: none;
		}
		
		.FooterContent a:hover
		{
			color: #F8941D;
		}