body {
	background-color: #E1E4CF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
}

a {
	text-decoration: none;
	color: #7E3E3C;
}
a:hover {
	text-decoration: underline;
}

/* LAYOUT DIVs */
/* ======================================================================= */
#container {
	position: absolute;
	left: 50%;
	width: 809px;
	height: 543px;
	background: #FFF url(images/background.gif) no-repeat left top	;
	margin-left: -437px;
	padding: 28px 34px 36px 30px;
}
#header {
	height: 206px;
	background: #FFF url(images/header.jpg) no-repeat center bottom;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
/*	border: 1px solid #F00;*/
}

#columnOne {
	position:absolute;
	left:30px;
	width:233px;
	height: 277px;
	padding: 0px 50px 0 28px;
	margin: 20px 1px 0 0;
	overflow: hidden;
}

#columnTwo {
	position:absolute;
	left: 347px;
	width: 270px;
	height: 277px;
	padding:0 21px 0 20px;
	margin:20px 0 0 0;
	background: transparent url(images/dottedLine.gif) no-repeat left top;
}

#columnThree {
	position:absolute;
	left: 659px;
	width: 136px;
	margin:20px 0 0 0;
	padding:0px 22px 0px 22px;
	background: transparent url(images/dottedLine.gif) no-repeat left top;
}

div#columnOne h1 {
	text-indent:-5000px;
	margin:0;
	padding:0;
	width:250px;
}

/* COLUMN ONE IMAGES */
/* ======================================================================= */
h1#home {
	background: transparent url(images/homeSubHeader.png) no-repeat top left;
	height:120px;	
}
h1#about {
	background: url(images/aboutus.png) no-repeat top left;
	height:120px;	
}
h1#services {
	background: url(images/servicesSubHeader.png) no-repeat top left;
	height:55px;
}
h1#training {
	background: url(images/training.png) no-repeat top left;
	height:55px;
}
h1#clients {
	background: url(images/clients.png) no-repeat top left;
	height:120px;	
}
h1#newsletter {
	background: url(images/newsletter.png) no-repeat top left;
	height:120px;	
}
h1#contact {
	background: url(images/contactSubHeader.png) no-repeat top left;
	height:120px;	
}
h1#links {
	background: url(images/useful-links.png) no-repeat top left;
	height:120px;	
}

/* DID YOU KNOW BOX */
/* ======================================================================= */
div#columnOne h2 {
	position:absolute;
	left:28px;
	top:150px;
	width:233px;	
	margin:12px 0 0 0;
	padding:6px 6px 4px 6px;
	background-color:#C6BAAA;
	color:#FFFFFF;
	font-weight:normal;
	font-size:12px;
	text-transform: uppercase;
}

div#columnOne ul#didYouKnow {
	position:absolute;
	left:28px;
	top:184px;
	width:227px;
	background-color:#F5F5F5;
	margin:3px 0 0 0;
	padding:8px 3px 12px 15px;
	font-size:10px;
}

div#columnOne ul#didYouKnow li {
	padding:2px 0px;
	margin: 0;
	line-height:15px;
}

#columnTwo p {
	font-size:11px;
	line-height:15px;
	color:#AAAAAA;
}

#columnThree h3 {
	background:url(images/arrow.gif) no-repeat left center;
	color:#660000;
	text-transform:uppercase;
	text-indent:18px;
	font-weight:normal;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0;
}

#columnThree p {
	line-height:15px;
	margin: 10px 0;
}

#columnThree p a {
	color:#B7AF9C;
	font-size:9px;
}


/* SERVICES.HTM */
/* ======================================================================= */
#columnBig {
	position:absolute;
	left: 347px;
	width: 450px;
	height: 277px;
	overflow: auto;
	padding:0 21px 0 20px;
	margin:20px 0 0 0;
	background: transparent url(images/dottedLine.gif) no-repeat left top;
}

#columnBig p {
	line-height:16px;
}


/* FOOTER */
/* ======================================================================= */
#footer {
	position: absolute;
	top: 548px;
	left: 29px;
	background-color: #ABA49C;
	width: 800px;
	padding: 5px;
	color: #FFF;	
}

#footer a {
	text-decoration:none;
	color:#FFFFFF;
}

/* SERVICES MENU */
/* ======================================================================= */
div#columnOne ul#servicesMenu {
	position:absolute;
	left:15px;
	top:40px;
	list-style-position:inside;
	margin-left: 0; 
	margin-top: 0; 
	padding-left: 15px;
}

div#columnOne ul#servicesMenu li, div#columnOne ul#servicesMenu {
	margin: 0 0 0 4px;
	padding: 0 0 0 2px;
}
div#columnOne ul#servicesMenu li a {
	margin:3px 0 0 0;
	color: #999999;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
}
div#columnOne ul#servicesMenu li a.active {
	color: #7E3E3C;
}
div#columnOne ul#servicesMenu li a:hover {
	color: #7E3E3C;
}

/* NAVIGATION STYLES */
/* ======================================================================= */
#header ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
	text-align: right;
	position: absolute;
	top: 70px;
	right: 45px;
}
#header ul li {
	display: inline;
	padding: 0 6px;
	border-left: 1px solid #CCC;
}
#header ul li.firstLink {
	border-left: none;
}
#header ul li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #999;
}
#header ul li a.active {
	color: #7E3E3C;
}
#header ul li a:hover {
	color: #7E3E3C;
}
#header h1 {
	position: absolute;
	width: 251px;
	height: 24px;
	top: 65px;
	left: 57px;
	text-indent: -5000px;
	background: transparent url(images/cooperSafetyLogo.png) no-repeat left top;
	margin: 0;
	padding: 0;
}
/* TEXT STYLES */
#columnTwo p {
	margin: 0 0 15px 0;
}