@charset "UTF-8";
/* CSS Document */

	/* <![CDATA[ */
		
	   html, body {
		  height: 100%;
		  width: 100%;
		  margin: 0px;
		  padding: 0px;
		  text-align: center;
		  }
		
		body {
	background: #FFF;
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size: 0.9em;
	line-height: 1.3em;
	text-align: left;
			}
			
		img {
			border: 0;
			}

		.container {
			width: 760px;
			clear: both;
			margin-left: auto;
			margin-right: auto;
			}

		#story {
	/* border-bottom: 1px dashed #999; */
			height: 200px;
	margin: 10px 0 0 0;
			}

		#mainContent {
	background-color: #FFB03B;
			}
		

		#contact {
	background-color: #7B975B;
			}
			
			
		#mainMenu {
	margin-left: auto;
	margin-right: auto;
		}
		
		#news {
	background-color: #98BB71;
			}
			
		div.entry {
	margin-bottom: 20px;
			}


		div.thumbnail, div.viewed {
	background-color:#E8E6D6;
	float: left;
	width: 181px;
	height: 100px;
	margin: 0 12px 0 0;
	padding: 0;
			}
			
		div.thumbnail p, div.viewed p {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
			}
		
		div.thumbnail span, div.viewed span {
			display: none;
			}
		
		div.thumbnail a {
			border: 0;
			display: block;
			margin: 0;
			padding:0;
			width:100%;
			height:100%;
			overflow:hidden;
			text-decoration: none;
			}
		
		a {
			color: black;
			}
			
		a.permalink {
			font-style: italic;
			float: left;
			margin-right: 4px;
			}
			
		
		#one {
	background-image: url(../images/HS_Logo181x200.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}			
		#two { background: url('images/thumbnails-bw.jpg') -181px 0 no-repeat; }
		#three { background: url('images/thumbnails-bw.jpg') -362px 0 no-repeat; }
		#four { 
			margin-right: 0; 
			background: url('images/thumbnails-bw.jpg') -543px 0 no-repeat; 
			}

		/* Second row of navigation. Last has special margin. */
		#five {
	background-image: url(../images/HS_Logo181x200.jpg);
	background-repeat: no-repeat;
	background-position: 0 -100px;
}			
		#six { background: url('images/thumbnails-bw.jpg') -181px -68px no-repeat; }
		#seven { background: url('images/thumbnails-bw.jpg') -362px -68px no-repeat; }
		#eight { 
			margin-right: 0; 
			background: url('images/thumbnails-bw.jpg') -543px -68px no-repeat; 
			}
		
		
		#one a:visited, #two a:visited, #three a:visited, #four a:visited, #five a:visited, #six a:visited, #seven a:visited, #eight a:visited {
			background: url('images/visited.png') left top no-repeat; 
			}

	
		#one a:link { background: url('images/thumbnails-color.jpg') 0 136px no-repeat; }
		#two a:link, #three a:link, #four a:link, #five a:link, #six a:link, #seven a:link, #eight a:link { 
			background-image: none; 
			}		
		
	
		#one a:hover { background: url('images/thumbnails-color.jpg') 0 0 no-repeat; }
		#two a:hover { background: url('images/thumbnails-color.jpg') -181px 0 no-repeat; }
		#three a:hover { background: url('images/thumbnails-color.jpg') -362px 0 no-repeat; }
		#four a:hover { background: url('images/thumbnails-color.jpg') -543px 0 no-repeat; }
		#five a:hover { background: url('images/thumbnails-color.jpg') 0 -68px no-repeat; }
		#six a:hover { background: url('images/thumbnails-color.jpg') -181px -68px no-repeat; }
		#seven a:hover { background: url('images/thumbnails-color.jpg') -362px -68px no-repeat; }		
		#eight a:hover { background: url('images/thumbnails-color.jpg') -543px -68px no-repeat; }	
		
			
	.column_a {
	width:334px;
	float:left;
	padding-top: 0px;
	padding-bottom: 0;
	padding-left: 40px;
			}
.column_a p {
	padding-right: 20px;
}
.container #mainContent .column_a h2 {
	margin-right: 20px;
}

.column_home {
	width:350px;
	float:left;
	padding-top: 0px;
	padding-bottom: 0;
	padding-left: 40px;
			}
.column_home p {
	padding-right: 20px;
}
.container #mainContent .column_home h2 {
	margin-right: 20px;
}

		.column_b {
	width:165px;
	padding: 0 12px;
	float:left;
	font-size: 9.5px;
			}			

		.column_c {
			padding:0 12px;
			width:315px;
			float:left;
			}
			
			.column_cHome {
	padding:0 12px;
	width:315px;
	float:left;
	background-color: #C7933F;
			}

		br {
			clear: both;
			}	

		.clearBoth {
			clear: both;
			display: block;
			}	
		
		ul {
			margin: 0;
			padding: 0;
			}
			
		li {
			list-style: none;
			padding: 4px 0;
			border-top: 1px solid #d1cdad;
			}
		
		#news li {
			border-top: 1px solid #a7a48a;
			}
		
		
		h1, h2 {
	height: 30px;
	padding: 0;
			}
				
		h2 {
	letter-spacing: 0px;
	font-size: 14px;
			}
			
		#icon {
			margin: 3px 3px -5px 0;	
			}
		
		#product_image {
			text-align: left;
		 	width: 51px;
		 	height: 166px;
		 	float: left;
			}


		#orderform {
			border-top: 1px solid #d1cdad;			
			background-color: #f3f2ea;
			margin: 0 -12px 0 0;
			padding: 0 12px;
			}
				
		#orderform span {
			float: left;
			margin: 0;
			width: 60px;
			font-style: italic;
			text-align: left;
			}
		  
		#cases {
			margin: -2px 0;
			padding: 0;
			width: 50px;
			}			
		
		#submit {
			margin: 14px;
			padding: 0;
			}			
		
		form {
			padding: 0;
			margin: 0;
			}
			
		#googleMap {
	margin-top: 12px;
	padding: 0;
	border: 1px solid #d1cdad;
	width: 300px;
	background-color: #f3f2ea;
			}	
			
		.contact_details {
	width: 300px;
	float: left;
			}
			
		#footer {
	float:left;
	padding-top: 0;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 40px;
			}
			
			
		/* Form field styles */
		
		div.row {
	clear: both;
	padding-top: 10px;
	height: 24px;
	border-bottom: 1px solid #d1cdad;
	background-color: #A7A37E;
			}
			
		div.submit {
			clear: both;
			padding-top: 10px;
			height: 24px;
			text-align: center;
			}			

		div input {
			margin: -2px 0;
			padding: 0;
			width: 160px;
			}
		
		span input {
			width: 100%;
			}

		div.row span {
			float: right;
			width: 180px;
			margin-right: 10px;
			text-align: left;
			}
		
		div.row span.label, div.row span.required {
			float: left;
			margin-left: 18px;
			width: 90px;
			text-align: left;
			font-weight: bold;
			text-transform: none;			
			}

		#newsletter {
	font: inherit;
	padding: 5px;
	border: thin dotted #CCCABC;
	margin-bottom: 10px;
	background-color: #98BB71;
	margin-top: 15px;
			}
			
			
			/* Things to sort */
			
			.white {
			color: white;
			
			}
			
			.big1 {
	font-size: 2.5em;
	margin-left: 5px;
	color: white;
	padding-top: 30px;
	margin-top: 5px;
			}
			
			
			blockquote {
	width: 300px;
	margin: 0px;
	padding: 10px;
	quotes: "\201C" "\201D";
			}
			blockquote:before { content: open-quote; font-weight: bold; }
			blockquote:after { content: close-quote; font-weight: bold; }