/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,code,del,dfn,em,font,img,ins,kbd,q,s,samp,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0; }
 
/* Basic Styling */
a, a:link {
	background: transparent;
	color: #3e8cb4;
	text-decoration: none; }
 
a:visited { color: #b4b4b4; }
 
a:active {
	background: transparent;
	color: #4caee1;
	margin-top: 1px; }
 
a:hover { color: #175c7f; }
 
img {
	border: 0;
	vertical-align: top; }
 
body,html {
	background: #f7fcfe url(../skins/harding/images/background.jpg) repeat top left;
	color: #41535d;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	text-align: center; }
 
div {
	text-align: left;
	vertical-align: top; }
 
.clear {
	clear: both;
	font-size: 0; }
 
hr {
	background: #c8cdcf;
	border-top: 1px solid #cacfd1;
	border: 0px;
	height: 1px; }
 
p { padding: 7px 0px; }
 
textarea,input {
	background: #ffffff;
	border: 2px solid #cacfd1;
	color: #41535d;
	font-size: 12px;
	margin: 2px 0px;
	padding: 5px 8px; }
 
select,option {
	background: #ffffff;
	color: #000; }
 
li {
	line-height: 20px;
	list-style: square;
	list-style-position: inside; }
 
big { font-size: 16px; }
 
h1 {
	font-size: 18px;
	color: #3e8cb4;
	margin: 0px;
	padding: 7px 0px;
	line-height: 22px; }
 
h2 {
	font-size: 18px;
	color: #5d818c; }

h3 {
	font-size: 16px;
	color: #5d818c; }
 
a.more {
	margin-left: 6px;
	font-size: 16px;
	vertical-align: text-bottom; }
 
.wrapper {
	width: 960px;
	margin: 0 auto; }
 
/* Header, Logo & Navigation */
#header {
	height: 80px;
	background: #131313 url(../skins/harding/images/header.jpg) repeat-x top center; }
 
	#header ul { float: right; }
 
		#header ul li {
			list-style: none;
			float: left;
			font-size: 16px;
			line-height: 16px;
			margin: 0px;
			padding: 32px 0px 32px 30px;
			color: #ffffff;
			background: transparent; }
 
			#header ul li a {
				background: transparent;
				color: #ffffff; }
 
				#header ul li a:hover { color: #55baec; }

		#header ul li:hover ul li { padding: 10px 15px; }

		#header ul li:hover ul li:hover ul li { padding: 10px 15px 9px 15px; }
 
/* Slideshow & Social Media Connections */
#banner { background: #000000 url(../skins/harding/images/banner_background.jpg) repeat-x top center; }
 
	#banner .wrapper { position: relative; }
 
#slider {
	width: 440px;
	height: 189px;
	position: absolute;
	top: 61px;
	left: 134px; }
 
.banner {
	background: url(../skins/harding/images/banner.jpg) no-repeat top center;
	height: 350px; }
 
a#twitter, a#facebook {
	display: block;
	width: 26px;
	height: 26px;
	cursor: pointer;
	position: absolute;
	top: 147px; }
 
a#twitter {
	background-image: url(../skins/harding/images/icon_twitter.jpg);
	right: 85px; }
 
a#facebook {
	background-image: url(../skins/harding/images/icon_facebook.jpg);
	right: 51px; }
 
a#twitter:hover, a#facebook:hover { background-position: -26px 0px; }
 
/* Tagline */
#intro {
	background: #d2ecf9 url(../skins/harding/images/intro_background.jpg) repeat-x top;
	border-top: 1px solid #eff6f9;
	border-bottom: 1px solid #bdd4e0; }
 
	#intro .tagline {
		height: 58px;
		background: url(../skins/harding/images/intro.jpg) no-repeat top center; }
 
/* Company Information */
#featured, #content {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cacfd1;
	padding-top: 7px; }
 
#featured .left, #featured .center, #featured .right {
	width: 245px;
	float: left;
	padding: 7px 0px 7px 75px; }
 
#featured .left { background: url(../skins/harding/images/icon_design.jpg) no-repeat top left; }
 
#featured .center { background: url(../skins/harding/images/icon_print.jpg) no-repeat top left; }
 
#featured .right { background: url(../skins/harding/images/icon_sign.jpg) no-repeat top left; }
 
#featured p { padding: 7px 10px 7px 2px; }
 
/* Content Area */
#content { background: #f0f3f3 url(../skins/harding/images/content_background.jpg) repeat top center; }
 
	#content .left, #content .right {
		width: 405px;
		float: left;
		padding: 7px 0px 7px 75px; }
 
	#content .left { background: url(../skins/harding/images/icon_latestnews.jpg) no-repeat top left; }
 
	#content .right { background: url(../skins/harding/images/icon_whoweare.jpg) no-repeat top left; }
 
	#content h1 { color: #41535d; }
 
	#content li { list-style: none; }
 
/* Footer incl. Contact Information */
#footer { padding: 37px 0px 14px 0px; }
 
	#footer .column {
		width: 240px;
		float: left; }
 
	#footer dt, #footer dd { font-size: 11px; }
 
	#footer dt {
		float: left;
		width: 55px;
		clear: both;
		padding-left: 25px;
		color: #3e8cb4;
		font-size: 16px;
		vertical-align: text-bottom; }
 
		#footer dt.icon {
			width: 80px;
			padding: 0; }
 
	#footer img { margin-right: 7px; }
 
/* Copyright Notice */
#copyright {
	text-align: center;
	font-size: 11px;
	padding: 14px 0px; }
 
	#copyright i {
		font-style: italic;
		color: #3e8cb4;
		font-weight: bold; }
		
/* Inner Page */
#featured.page .left {
	width: 680px;
	float: left;
	padding: 7px 0px;
	background: none; }
	
#featured.page .right { 
	background: none;
	float: right;
	padding: 7px 0px;
	width: 245px; }
	
	#featured.page .right  h1 { color: #41535d; }
	
	#featured.page .left p, #featured.page .right p { padding-bottom: 14px; }

.invisible { visibility: hidden; }

/*------------table styles----------------*/
#mytable {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: left;
}
#mytable th {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background-color: #3e8cb4;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #3e8cb4;
	border-right-color: #3e8cb4;
	border-bottom-color: #3e8cb4;
}
#mytable td {
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #333;
	font-size: 0.8em;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #3e8cb4;
	border-bottom-color: #3e8cb4;
}
#mytable td.alt {
	color: #333;
	background-color: #ebebeb;
}
#mytable th.specalt {
	color: #333;
	background-color: #ebebeb;
	border-top-width: 0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #3e8cb4;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
#mytable th.spec {
	background: #fff;
	color: #333;
	border-top-width: 0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #3e8cb4;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
#mytable th.nobg {
	background: none;
	color: #333;
	border-top-width: 0;
	border-right-width: 1px;
	border-left-width: 0;
	border-right-style: solid;
	border-right-color: #3e8cb4;
}
#mytable caption {

	padding: 0 0 5px;
	width: auto;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}
#mytable li {
	list-style-type: square;
}

/*------------list styles----------------*/
.bulletList {
	margin: 0px 0px 18px 30px;
	list-style-type: square;
}
div#comments
{
  padding: 0;
}

div#comments h3
{
  font-size: 16pt;
  text-shadow: 1px 1px 0 #DDDDDD;
  text-transform: none;
  padding: 0;
}

div#comments ol
{
  padding: 0;
}

div#comments ol li
{
  list-style:none outside none;
  background:none repeat scroll 0 0 #F9F9F9;
  border:1px solid #CFCFCF;
  height:auto !important;
  margin:7px 0;
  min-height:100px;
  overflow:hidden;
  font-style: normal;
}

div#comments ol li div.comment
{
  padding: 10px;
  min-height: 100px;
  overflow: hidden;  
}

div#comments ol li img.avatar
{
  background-color: #fff; 
  padding: 3px; 
  border: 1px solid #eee;
}

div#comments ol li div.avatar-column
{
  float: left;
  width: auto;
  height: auto;
}

div#comments ol li div.message-column
{
  margin-left: 100px;
  width: auto;
}

div#comments ol li p
{
  padding: 0;
  margin: 0;
}

div#comments ol li p.date
{
  color: #666;
  margin: 0 0 10px 0;
  padding: 0;
}

form#comment-form  
{
  background: none repeat scroll 0 0 #F9F9F9;
  border: 1px solid #CFCFCF;
  clear: both;
  margin: 5px 0;
  overflow: hidden;
  padding: 10px;
}

form#comment-form input
{
  border: 1px solid #CFCFCF;
  padding: 4px;
  display: block;
  width: 300px;
  margin-bottom: 10px;
}

form#comment-form textarea
{
  display: block;
  padding: 4px;
  width: 400px;
  height: 125px;
  margin-bottom: 10px;
}

form#comment-form input[type="submit"]
{
  width: 150px;
}
div #error_message {
	background: #ffeaef;
	border: 3px solid #ff829f;
	left: 55px;
	margin-bottom: 15px;
	padding: 15px; }
 
div #success_message {
	background: #eaf4ff;
	border: 3px solid #82c0ff;
	left: 55px;
	margin-bottom: 15px;
	padding: 15px; }
div.pagination {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	padding: 0px;
	margin: 0px;
	line-height: 40px;
	text-align: left;
	height: 40px; }
 
	div.pagination a {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		text-decoration: none;
		color: #44B0EB; }
 
		div.pagination a:hover {
			color: #44e5eb; }
 
	div.pagination span.current {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		font-weight: bold;
		background-color: #44B0EB;
		color: #ffffff; }
 
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		color: #dddddd; }
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */ }
 
	.sf-menu ul li { width: 100%; }
 
	.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
 
	.sf-menu li { position: relative; }
 
	.sf-menu a { display: block; }
 
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {
		left: 15px;
		background: #000000;
		top: 80px; /* match top ul list item height */
		z-index: 99;
		border: 1px solid #797979;
		border-top: 0px; }

	.sf-menu li:hover ul li:hover ul, .sf-menu li.sfHover ul li:hover ul { border-top: 1px solid #797979; border-left: 0px; }
 
	.sf-menu li:hover li ul, .sf-menu li.sfHover li ul, .sf-menu li li:hover li ul, .sf-menu li li.sfHover li ul { top: -999em; }
 
	.sf-menu li li:hover ul, .sf-menu li li.sfHover ul, .sf-menu li li li:hover ul, .sf-menu li li li.sfHover ul {
		left: 10em; /* match ul width */
		top: 0; }

	.sf-menu li:hover ul li, .sf-menu li.sfHover ul li { padding: 10px; }
div.bbeditor
{
  position: relative;
  width: auto;
  height: 24px;
  margin: 0;
  padding: 0;
}

div.bbeditor img
{
  padding: 3px;
  border: 1px solid #eee;
  margin-right: 3px;
  background-color: #fff;
  cursor: pointer;
}

div.bbcode_quote, div.bbcode_code
{
  border: 1px solid #dadada;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  background-color: #f5f5f5;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

div.bbcode_quote_head, div.bbcode_code_head
{
  font-weight: bold;
  margin-bottom: 10px;
}

div.bbcode_quote_body
{
  font-style: italic !important;
}
div.article_title {
	background: transparent;
	color: #272727;
	font-size: 18px;
	line-height: 1;
	padding-bottom: 15px; }
 
a.article_title_link {
	background: transparent;
	color: #272727;
	font-size: 38px;
	line-height: 1;
	font-style: normal;
	text-decoration: none; }
 
	a.article_title_link:hover { 
		background: transparent;
		color: #44b0eb; }
 
div.article_footer {
	position: relative;
	width: 100%;
	height: 50px; }
 
div.article_footer_left {
	position: absolute;
	width: auto;
	height: 50px;
	font-size: 12px;
	font-style: italic; }
 
div.article_footer_right {
	position: absolute;
	width: auto;
	height: 50px;
	right: 0px;
	text-align: right;
	float: right;
	font-size: 12px;
	font-style: italic; }
 
	div.article_footer_right a { margin: 0 5px; }
div#forum *
{
  font-style: normal;
  text-align: left;  
}

div#forum
{
  position: relative; 
  height: auto; 
  width: 100%;
  margin-bottom: 20px;
}  

#forum div.clear
{
  clear: both;
}

#forum p
{
  padding: 0;
  margin: 0;
}

#forum table
{
  width: 100%; 
  border-collapse: collapse;
  margin-top: 4px;
}

#forum table thead th
{
  background-color: #44B0EB; 
  color: #fff;
  padding: 6px;  
}

#forum table thead th.col-topic-count, 
#forum table thead th.col-post-count
{
  width: 60px; 
  text-align: center;
}

#forum table thead th.col-forum-title,
#forum table thead th.col-topic-title
{
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
}

#forum table thead th.col-last-updated
{
  width: 200px; 
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
}

#forum table td
{
  padding: 6px;
  border-bottom: 1px dashed #ccc;
}

#forum table thead th.col-rss, 
#forum table td.col-rss
{
  width: 16px; 
}

a.rss-icon
{
  background: none no-repeat scroll 0 0 transparent;
  background-image: url('plugins/forum/images/rss.png');
  display: block;
  height: 16px;
  opacity: 0.50;
  overflow: hidden;
  text-indent: 9999px;
  width: 16px;
}

a.rss-icon:hover
{
  opacity: 1.0;
}

#forum table td.col-forum-title a
{
  font-size: 16px;
  text-decoration: none;
}

#forum table td.col-forum-title p
{
  padding-top: 5px;
}

#forum table td.col-topic-title a
{
  font-size: 14px;
  text-decoration: none;  
}

#forum table td.col-topic-count, 
#forum table td.col-post-count
{
  width: 60px; 
  text-align: center;
}

#forum table tbody#posts tr:first-child
{
  border-top: 1px dashed #ccc;  
}

#forum table tr.topic
{
  background-color: #fff;
}

#forum table tr.alt
{
  background-color: #f5f6f9;
}

#forum table tr td.col-user-details
{
  width: 225px; 
  background-color: #f5f6f9;
  padding: 10px;
  height: 150px;
}

#forum table tr td.col-user-details small
{
  font-size: 11px;
  font-family: verdana;
}

#forum table tr td.col-user-details img.avatar
{
  width: 50px;
  height: 50px;
  padding: 3px;
  background-color: #fff;
  border: 1px solid #eee;
  float: left;
  margin-right: 10px;
}

#forum table tr td.col-post
{
  padding: 10px;
}

#forum table tr td.col-post input[type=checkbox]
{
  float: right; 
  margin: -6px -10px 0 10px;
}

#forum table tr td.col-post div.post
{
  min-height: 150px; 
}

#forum table tr td.col-post div.post-footer
{
  margin-top: 15px;
  font-size: 11px;
}

#forum table tr td.col-post div.post-footer div.private-links
{
  float: left;
}

#forum table tr td.col-post div.post-footer div.private-links a
{
  margin-right: 10px;
}

#forum table tr td.col-post div.post-footer div.public-links
{
  float: right;
}

#forum table tr td.col-post div.post-footer div.public-links a
{
  margin-left: 10px;
}

#forum p.breadcrumb
{
  position: relative;
  float: left;
  width: auto;
  height: 20px; 
  padding: 0px; 
  margin-bottom: 8px; 
  font-size: 12px; 
  font-style: normal;
}

#forum h2
{
  background: none;
  color: #333;
  font-size: 22px;
  margin: 0;
  padding: 0;
  text-align: left;
  display: inline;
}

#forum a.new-topic-link, 
#forum a.reply-link
{
  float: right;
}


#forum div#topic-footer
{
  width: 100%; 
  height: 25px;
  margin: 14px 0;
}

#forum div#topic-footer div.pagination
{
  float: left;
  height: 0;
  line-height: normal;
}

#forum div#topic-footer div.topic-options
{
  float: right;
  text-align: right;
}

#forum div#topic-footer div.topic-options select
{
  margin-right: 10px;
} 

#forum div.form-wrap
{
  position: relative;
  width: auto;
  height: auto;
  padding: 20px;
  background-color: #f5f6f9;
  margin: 4px 0 0;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}

#forum div.form-wrap label
{
  display: block;
  width: 416px;
  font-size: 12px;
  padding: 0;
  margin: 0;
}

#forum div.form-wrap input[type="text"]
{
  width: 400px;
  margin: 0 0 10px 0;
  padding: 8px;  
}

#forum div.form-wrap textarea
{
  width: 98%;
  height: 310px;
  display: block;
  padding: 8px;
  margin: 3px 0 10px 0;
}

#forum div.form-wrap input[type="submit"]
{
  border: 1px solid #408bb6;
  padding: 8px 25px;
  background-color: #44B0EB;
  color: #fff;
  cursor: pointer; 
}

#forum div.form-wrap input[type="submit"]:hover
{
  background-color: #2e97d1;
}

#forum div.form-wrap textarea.quick-reply
{
  height: 200px;
}
#image_gallery_image img
{
  border: 2px solid #eee;
  padding: 2px;
}

#image_gallery_sections img
{
  border: 1px solid #eee;
  padding: 2px;
}

#image_gallery_thumbnails img
{
  border: 1px solid #eee;
  padding: 2px;
}
