@charset "utf-8";

body {
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
}

.oneColElsCtr #container {
	width: 750px;
	background: #4D2300;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColElsCtr #mainHeader {
	padding: 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height: 200px;
}
.oneColElsCtr #container #mainHeader #logo {
}
#headCol1 {
	width: 300px;
	float:left;
}
#headCol2 {
	margin-left: 350px;
	margin-top: 89px;
}

#nav {
	padding: 5px;
}

#nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
	
#nav li {
	display: inline;
	padding-left: 15px;	
}
	
#nav a:link, #nav a:visited {
	color: #fff;
	text-decoration: none;
	padding-top: 4px;
	padding-left: 4px;
	border-top: 4px solid #FFFFFF;
}
	
#nav a:active, #nav a:hover {
	border-top: 4px solid #61BB46;	
}
.oneColElsCtr #mainContent {
	padding: 10px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-top: 10px;
	padding-top: 20px;
	background: #61BB46;
	color: #61BB46;
	clear: both;
}

#mainCol2{
	float: left;
	margin-left: 30px;
	width: 260px;
	background: #61BB46;
	color: #FFFFFF;
}

#mainCol1{
	width: 400px;
	float: left;
	background: #61BB46;
	color: #FFFFFF;	
}

h1#headIntroduction{
	/* The width of the image */
	width: 295px;
	/* The height of the image is the first padding value */
	padding: 28px 0 0 0;
	overflow: hidden;
	background-image: url("/images/headIntroduction.png");
	background-repeat: no-repeat;
	voice-family: "\"}\"";
	voice-family:inherit;
	height /**/: 28px;
	height: 0px !important;
}
h1#headTransport{
	/* The width of the image */
	width: 295px;
	/* The height of the image is the first padding value */
	padding: 28px 0 0 0;
	overflow: hidden;
	background-image: url("/images/headTransport.png");
	background-repeat: no-repeat;	
	voice-family: "\"}\"";
	voice-family:inherit;
	height /**/: 28px;
	height: 0px !important;
}
h1#headPlanning{
	/* The width of the image */
	width: 295px;
	/* The height of the image is the first padding value */
	padding: 28px 0 0 0;
	overflow: hidden;
	background-image: url("/images/headPlanning.png");
	voice-family: "\"}\"";
	voice-family:inherit;
	height /**/: 28px;
	height: 0px !important;
}
h1#headServices{
	/* The width of the image */
	width: 295px;
	/* The height of the image is the first padding value */
	padding: 28px 0 0 0;
	overflow: hidden;
	background-image: url("/images/headServices.png");
	voice-family: "\"}\"";
	voice-family:inherit;
	height /**/: 28px;
	height: 0px !important;
}
h1#headSpecification{
	/* The width of the image */
	width: 295px;
	/* The height of the image is the first padding value */
	padding: 28px 0 0 0;
	overflow: hidden;
	background-image: url("/images/headSpecification.png");
	voice-family: "\"}\"";
	voice-family:inherit;
	height /**/: 28px;
	height: 0px !important;
}
h1#headPrice{
	/* The width of the image */
	width: 295px;
	/* The height of the image is the first padding value */
	padding: 28px 0 0 0;
	overflow: hidden;
	background-image: url("/images/headPrice.png");
	voice-family: "\"}\"";
	voice-family:inherit;
	height /**/: 28px;
	height: 0px !important;
}
h1#headEnquiries{
	/* The width of the image */
	width: 295px;
	/* The height of the image is the first padding value */
	padding: 28px 0 0 0;
	overflow: hidden;
	background-image: url("/images/headEnquiries.png");
	voice-family: "\"}\"";
	voice-family:inherit;
	height /**/: 28px;
	height: 0px !important;
}
.clear { clear: both; }
.sp{
	font-size: 0.75em;
}