/* Start total browser reset 覧覧覧覧覧*/

body, blockquote {
margin: 0;
padding: 0;
font-size: 62.5%;
background: #FFF;
font-family: Arial, verdana, sans-serif;
color: #000;
}
p,em{
margin: 0;
padding: 0;
}
a img, iframe { border: none; }
/* Headers
覧覧覧覧覧*/
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-size: 100%;
}
/* Lists
覧覧覧覧覧*/
ul, ol, dl, li, dt, dd {
margin: 0;
padding: 0;
}
/* Links
覧覧覧覧覧*/
a, a:link {}
a:visited {}
a:hover {}
a:active {}
a:focus{outline: none;}
/* Forms
覧覧覧覧覧*/
form, fieldset {
margin: 0;
padding: 0;
}
fieldset { border: 1px solid #000; }
legend {
padding: 0;
color: #000;
}
input, textarea, select {
margin: 0;
padding: 1px;
font-size: 100%;
font-family: inherit;
}
select { padding: 0; }
.clear{clear:both;}

/* End total browser reset 覧覧覧覧覧*/

	body
	{
		color: #444;
		margin: 0;
		padding: 0;
		background: #FFF url(../images/background.gif) repeat-y;
		font: 85%/130% arial, helvetica, sans-serif;
	}
	
	#header { background: #bdf7bb; }
	
	#header h1
	{
		margin: 0;
		padding: 0;
		width: 782px;
		height: 137px;
		background: url(../images/header1.jpg) no-repeat;
	}
	
	#header h1 em
	{
		position: absolute;
		left: -1000px;
		width: 900px;
	}
	
	#topnav
	{
		float: left;
		width: 100%;
		background: #e6ffe2 url(../images/navstrip.jpg) repeat-y;
		border-top: 1px solid #9AA2C8;
		border-bottom: 1px solid #9AA2C8;
	
	}
	
	#topnav ul
	{
		width: 619px;
		float: left;
		padding: 0;
		margin: 0 0 0 2px;
		list-style-type: none;
		background: url(../images/nav-line.gif) repeat-y 0 0;
	}
	
	#topnav li { display: inline; }
	#topnav li a:hover{color:#009900; text-decoration:underline; }
	#topnav li a
	{
		display: block;
		float: left;
		padding: 5px 7px 5px 7px;
		text-align: center;
		background: url(../images/nav-line.gif) repeat-y 100% 0;
		color: #666666;
		text-decoration: none;
	}
	
	#topstrip
	{
		clear: both;
		height: 18px;
		background: #bdf7bb;
		font-size: 10px;
		color:#006600;
	}
	
	#content-image-home
	{
	width: 608px;
	display: block;
	margin: 0px 10px 0px 0px;
	background-image: url(../images/frontpage.jpg);
	height: 350px;
	}
	
		#content-image-about
	{
	position:relative;
	left:-40px;
	top:0px;
	width: 360px;
	float:left;
	margin: 0px 0px 0px 0px;
	background-image: url(../images/aboutus.jpg);
	height: 300px;
	}
	
		#content-image-serv
	{
	width: 613px;
	display: block;
	margin: 0px 10px 0px 0px;
	background-image: url(../images/service.jpg);
	height: 350px;
	}
	
		#content-image-work
	{
	width: 613px;
	display: block;
	margin: 0px 10px 0px 0px;
	background-image: url(../images/workshop.jpg);
	height: 350px;
	}
	
		#content-image-fleet
	{
	width: 613px;
	display: block;
	margin: 0px 10px 0px 0px;
	background-image: url(../images/fleet.jpg);
	height: 350px;
	}
	
		#content-image-contact
	{
	width: 613px;
	display: block;
	margin: 0px 10px 0px 0px;
	background-image: url(../images/contact.jpg);
	height: 350px;
	}
	
	#content
	{
	display: block;
	margin: 0px 20px 20px 0px;
	float: right;
	width: 580px;
	}
	
	#col1
	{
	float:left;
	width: 603px;
	margin:0px 0px 0px 5px;	
	padding:0px 5px 0px 0px;
	background-color: #FFffFF;
	background-image:url(../images/harc-logo1.png);

	background-attachment: fixed;
	background-repeat:repeat-y;
	color:#336600;
	}
	
	#col1home
		{
	float:left;
	width: 603px;
	margin:0px 0px 0px 5px;	
	padding:0px 5px 0px 0px;
	background-color: #FFffFF;
	color:#336600;
	}
	
	#colhome
	{
	float:left;
	width: 603px;
	padding:0px 5px 0px 0px;
	background-color: #FFffFF;
	}
	
	#col1 .intro
	{
	font-size: 120%;
	color: #5E6200;
	line-height: 130%;
	margin-bottom: 0.5em;
	}
	
	#col1 ul
	{
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	
	#col1 ul li
	{
		padding: 0 0 0 15px;
		background: url(../images/arrow.gif) no-repeat 0 .4em;
	}
	
	#col1 h2
	{
		margin-bottom: 0;
		color: #0E1D6D;
		font-size: 140%;
		line-height: normal;
	}
	
	#col1 p { margin: 0 0 1.5em 0; }
	
	#col1home .intro
	{
	font-size: 120%;
	color: #5E6200;
	line-height: 130%;
	margin-bottom: 0.5em;
	}
	
	#col1home ul
	{
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	
	#col1home ul li
	{
		padding: 0 0 0 15px;
		background: url(../images/arrow.gif) no-repeat 0 .4em;
	}
	
	#col1home h2
	{
		margin-bottom: 0;
		color: #0E1D6D;
		font-size: 140%;
		line-height: normal;
	}
	
	#col1home p { margin: 0 0 1.5em 0; }
	
	#myGallery
	{
        width: 300px !important;
        height: 230px !important;
		float:left;
		margin:5px 10px 10px 5px;
    }
	
	#content a
	{
		color: #0E1D6D;
		text-decoration: none;
	}
	
	#col1 a:link { border-bottom: 1px solid #616A9C; }
	
	#col1 a:visited
	{
		color: #5E6200;
		border-bottom: 1px solid #929554;
	}
	
	#col1 a:hover, #col1 a:active
	{
		color: #600;
		border-bottom: 1px solid #930;
	}
	
	table { margin: auto;
	}
	
	#banners
	{
	float: left;
	width: 148px;
	padding: 15px 0 0 20px;
	display: inline;
	}
	
	#banners img
	{
		margin-bottom: 20px;
		border: 0;
	}
	
	#footer
	{
	float: left;
	width: 613px;
	border-top: 1px solid #9AA2C8;
	border-bottom: 1px solid #9AA2C8;
	background: #e6ffe2 url(../images/navstrip.jpg);
	text-align: center;
	position: relative;
	left: -5px;
	}
	
	#footer a:link { color:#00CC00; 
	border-bottom: 1px solid #616A9C; }
	
	#footer a:visited
	{
		color: #5E6200;
		border-bottom: 1px solid #929554;
	}
	
	#footer a:hover, #content a:active
	{
	color: #990000;
	border-bottom: 1px solid #930;
	}