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

body{
	margin:20px 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
}

.fffClearBoth{
	clear:both;
	height:0;
	margin:0;
	padding:0;
	line-height:0;
	border-bottom: 1px solid #333;
}

.fffFloatRight{
	float:right;
	padding: 10px;
}

#fffContainer{
	width: 690px;
	margin: 0 auto;
	padding:0;
}

#fffHeader{
	height: 165px;
	background: url(../images/headerBG.jpg) no-repeat top left;
	margin:0;
	padding:0;
}

#fffHeader h1{
	display: block;
	width: 350px;
	height: 165px;
	margin:0;
	padding:0;
	background: url(../images/flemminLogo.png) no-repeat center;
	text-indent: -5000px;
}

#fffHeaderRight{
	float:right;
	margin:0;
	padding: 130px 20px 0 0;
}

#fffHeaderRight img{
	border:0;
	margin:0;
	padding:5px;
}

#fffHomeLink{
	margin:0;
	padding: 5px;
}

#fffEmailLink{
	margin:0;
	padding: 5px;
}

/* NAVIGATION */

#fffHeader ul{
	display: block;
	margin:10px 0 0 0;
	padding:0;
	list-style: none;
}

#fffHeader li{
	display: block;
	float: left;
	width: 111px;
	height: 30px;
	margin:1px;
	padding:0;
	border: 1px solid #ccc;
	font-size: .9em;
	display: inline;
}

#fffHeader li a{
	display: block;
	margin:0;
	padding:7px 0;
	text-align: center;
	text-decoration: none;
	color: #333;
	background: url(../images/buttonHover.jpg) repeat 0 0;
}

#fffLeftImageWelcome{
	clear: both;
	float:left;
	width: 230px;
	height: 500px;
	background:url(../images/FlemingTruckBack.jpg) no-repeat top left;
	margin:10px 10px 10px 0;
	padding:0;
}
#fffLeftImageAbout { background: url(../images/highway.jpg) no-repeat left top !important; margin: 10px 10px 10px 0; padding: 0; width: 230px; height: 500px; float: left; clear: both; }
#fffLeftImageServices { background: url(../images/skids.jpg) no-repeat left top !important; margin: 10px 10px 10px 0; padding: 0; width: 230px; height: 450px; float: left; clear: both; }
#fffLeftImageEquipment { background: url(../images/guardrail.jpg) no-repeat left top !important; margin: 10px 10px 10px 0; padding: 0; width: 230px; height: 450px; float: left; clear: both; }
#fffLeftImageJobs { background: url(../images/handshake.jpg) no-repeat left top; padding: 0; width: 230px; height: 450px; float: left; clear: both; margin: 10px 10px 10px 0; }
#fffLeftImageContact { background: url(../images/contact.jpg) no-repeat left top; margin: 10px 10px 10px 0; padding: 0; width: 230px; height: 450px; float: left; clear: both; }
#fffMainBody{
	clear:both;
	position: relative;
	margin:0;
	padding:0;
}

#fffMainBody p,li{
	font-size: .9em;
}

#fffMainContent{
	margin: 0 0 0 240px;
	padding:10px 0 0 0;
}

#fffMainBody h2{
	margin:0;
	padding: 10px 0 0 10px;
	margin:0;
	font-weight: normal;
	color:#006699;
}
#fffMainBody h3 { color: #006699; font-weight: normal; margin: 0; padding: 10px 0 0 10px; }
#fffMainBody p{
	margin:0;
	padding: 10px;
}

#fffFooter{
	text-align: right;
	font-size: .8em;
}

#fffFooter p{
	margin:0;
	padding:3px;
}