/*general & default setter styles*/
body {
	color: #000000;
	background-color:#F8C618;
	margin: 0;
	text-align:center;
	font:0.8em/1.05em Arial, Helvetica, sans-serif;	
	}
	a:link { color:#808080; }
	a:visited { color:#606060; }
	a:hover {color:#003399;}
	form, input, textfield, p, h1, h2, h3, h4, h5, h6 { margin:15px 0; padding:0; }
	ul, ol { margin:10px 10px 10px 30px; padding:0; }
		li { margin:4px 0; padding:0; }
	h1 { font-size:1.6em; margin:10px 0 20px 0; }
	h2 { font-size:1.4em; font-style:italic; }
	h3 { font-size:1.2em; }
	h4 { font-size:1.1em; }
	h5 { font-size:1.0em; }
	h6 { font-size:0.9em; }
	img { border:none; }
	.screen-hide { display:none; }
	.bold { font-weight:bold; }
		
	/*easy clearer*/
	.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 */

/* page holder & specific styles */
.content {
	position:relative;
	width:760px;
	margin:60px auto 0 auto;
	padding: 20px 0;
	background:#FFFFFF url('../images/spanner-watermark.gif') bottom right no-repeat;
	border:1px solid #CCCCCC;
	text-align:left;
	}
	/* actual content styles */
		ul.two-column-content-layout { list-style-type:none; }
			ul.two-column-content-layout li { float:left; }
			ul.two-column-content-layout li.left {
				display:inline; /* <IE7 margin-doubling fix */
				width:150px;
				margin-right:20px;
				}
			ul.two-column-content-layout li.right { width:400px; }
			
		ul.four-column-content-layout {
			margin-top:50px;
			margin-right:0px;
			margin-bottom:30px;
			margin-left:0px;
			list-style-type:none;
			}
			ul.four-column-content-layout li { float:left; }
			ul.four-column-content-layout li.column-1 {
				display:inline; /* <IE7 margin-doubling fix */
				width:90px;
				}
			ul.four-column-content-layout li.column-2 {
				position:relative;
				width:200px;
				margin-right:20px;
				border-bottom:1px solid #000000;
				text-align:center;
				}
			ul.four-column-content-layout li.column-3 { width:90px; }
			ul.four-column-content-layout li.column-4 {
				width:200px;
				border-bottom:1px solid #000000;
				}
				img.signature {
					position:absolute;
					top:-18px;
					left:25px;
					}
		.antz-logo-front {
			position:absolute;
			right:-75px;
			margin-top:-70px;
			margin-left:20px;
			margin-bottom:20px;
			}
	.section { margin:0 80px 0 30px; }
		/* Identifying workplace hazards image + links */
		img.hazard-workplace {
			margin-left:30px;
			margin-bottom:10px;
			border:1px solid #333333;
			}
		a.hazard-1:link, a.hazard-2:link, a.hazard-3:link, a.hazard-4:link ,
		a.hazard-1:visited, a.hazard-2:visited, a.hazard-3:visited, a.hazard-4:visited {
			position:absolute;
			display:block;
			text-decoration:none;
			}
		a.hazard-1:link, a.hazard-1:visited	{
			top:471px;
			left:181px;		
			}
		a.hazard-2:link, a.hazard-2:visited	{
			top:431px;
			left:411px;
			}
		a.hazard-3:link, a.hazard-3:visited	{
			top:671px;
			left:341px;
			}
		a.hazard-4:link, a.hazard-4:visited	{
			top:631px;
			left:606px;
			}						
		a.hazard-1:hover { background: transparent url(../images/hazard-1-hover.jpg) top left no-repeat; }
		a.hazard-2:hover { background: transparent url(../images/hazard-2-hover.jpg) top left no-repeat; }
		a.hazard-3:hover { background: transparent url(../images/hazard-3-hover.jpg) top left no-repeat; }
		a.hazard-4:hover { background: transparent url(../images/hazard-4-hover.jpg) top left no-repeat; }
/*footer styles*/
.footer {
	width:760px;
	margin:40px auto 10px auto;
	}
	.footer div { margin:10px 0; }
	.footer a:hover {
		color:#606060;
		}
	
	