/*
Theme Name: Har-bro Theme
Theme URI: http://harbro.com/
Description: Har-Bro Corporate Website
Version: 1.0
Author: m!power
Author URI: http://www.mpower-designs.com/
Tags: home

	Default Home Page Har-bro v1.0
	 http://www.mpower-designs.com

	This theme was designed and built by m!power web design

	The CSS, XHTML and design is not for release for the general public

*/
HTML
{
 height:100%;
 width: 100%;
 margin:none;
}
BODY
{
 height:100%;
 width: 100%;
 background-color:#FFFFFF;
 margin:0;
 background-repeat:no-repeat;
 background-position: top center;
 margin-bottom:5px;
}
#mainbg
{
 width:100%;
 z-index:0;
 top:0px;
 left:0px;
 position:relative;
 min-height:100%;
/* border:2px solid purple;*/
}
#container
{
width:850px;
margin-bottom:0 auto -10px;
margin-left:-425px;
left:50%;
min-height:100%;
position:relative;
}
#header
{
 position:relative;
 width: 850px;
 top:0px;
 text-align:left;
 /*border:1px solid green;*/
}
#logo
{
position: relative;
top:0px;
left:0px;
}
#contactmenu
{
position: absolute;
right: 5px;
top:5px;	
z-index:100;
/*border:1px solid purple;*/
color: #8b0e0e;
font: 20px "Franklin Medium Gothic", "Impact", Arial, Helvetica, sans-serif;
}

#contactmenu a {
color: #8b0e0e;
font: 20px "Franklin Medium Gothic", "Impact", Arial, Helvetica, sans-serif;
}

#mainnav
{
z-index:2;
position: absolute;
top: 130px;
right:0px;
width:100%;
height:45;
padding-bottom:2px;
padding-top:2px;
}

#nav {
	background: url('http://www.harbro.com/wp-content/uploads/2011/09/nav-bg.gif') top left repeat-x #AAA;
	height: 41px;
        box-shadow: 0px 5px 5px #333;
}

#nav ul {
	
	margin: 0px auto;
	width: 800px;
}

#nav li {
	list-style: none;
	margin: 6px 0px;
	padding: 7px 10px;
	border-left: 3px solid #000;
	font: bold 14px "Arial Narrow",Arial, Helvetica, sans-serif;
	float: left;
	position: relative;
}

#nav a:link, #nav a:visited {
	color: #000;
	text-decoration: none;
}

#nav a:hover {
	color: #600;
	text-decoration: none;
}

#maincontent
{
 position:relative;
 top:-20px;
 width:850px;
 height:100%;

}
HR.navborder
{
 margin:2px;
 margin-left:0px;
 margin-right:0px;
 width:100%;
}
.shadowoffset
{
  position: relative;
  bottom: -16px;
  right: -12px;
  margin-bottom: 20px;
  margin-right:20px;
}
.shadow, .shadowsubject
{
  position: relative;
}
.shadow 
{
-webkit-box-shadow:5px 5px 2.0em hsla(0, 0%, 0%, 1.0);
-moz-box-shadow:5px 5px 2.0em hsla(0, 0%, 0%, 1.0);
 }
.spacer
{
position:static;
}
A.non:link
{
 color:#000000;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:10px;
 text-decoration: none;
}
A.non:visited
{
 color:#000000;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:10px;
 text-decoration: none;
}
A.non:active
{
 color:#000000;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:10px;
 text-decoration: none;
}A:link
{
 color:#12597c;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:12px;
 text-decoration: none;
}

A:visited
{
 color:#12597c;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:12px;
 text-decoration: none;
}
A:hover
{
 color:#12597c;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:12px;
 text-decoration: underline;
}
A:active
{
 color:#12597c;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:12px;
 text-decoration: none;
}
A.bigblue:link
{
 color:#12597c;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:15px;
 text-decoration: none;
 font-weight:bold;
}
A.bigblue:visited
{
 color:#12597c;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:15px;
 text-decoration: none;
 font-weight:bold;
}
A.bigblue:hover
{
 color:#12597c;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:15px;
 text-decoration: underline;
 font-weight:bold;
}
A.bigblue:active
{
 color:#12597c;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:15px;
 text-decoration: none;
 font-weight:bold;
}
A.bigred:link
{
 color:#8b0d0d;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:15px;
 text-decoration: none;
 font-weight:bold;
}
A.bigred:visited
{
 color:#8b0d0d;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:15px;
 text-decoration: none;
 font-weight:bold;
}
A.bigred:hover
{
 color:#8b0d0d;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:15px;
 text-decoration: underline;
 font-weight:bold;
}
A.bigred:active
{
 color:#8b0d0d;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:15px;
 text-decoration: none;
 font-weight:bold;
}
A.scarlet:link
{
 color:#660000;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:12px;
 text-decoration: none;
}
A.scarlet:visited
{
 color:#660000;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:12px;
 text-decoration: none;
}
A.scarlet:hover
{
 color:#660000;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:12px;
 text-decoration: underline;
}
A.scarlet:active
{
 color:#660000;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:12px;
 text-decoration: none;
}
A.grey:link
{
 color:#CCCCCC;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:12px;
 text-decoration: none;
}
A.grey:visited
{
 color:#CCCCCC;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:12px;
 text-decoration: none;
}
A.grey:hover
{
 color:#CCCCCC;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:12px;
 text-decoration: underline;
}
A.grey:active
{
 color:#CCCCCC;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:12px;
 text-decoration: none;
}
A.footer:link
{
 color:#660000;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:10px;
 text-decoration: none;
}
A.footer:visited
{
 color:#660000;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:10px;
 text-decoration: none;
}
A.footer:hover
{
 color:#660000;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:10px;
 text-decoration: underline;
}
A.footer:active
{
 color:#660000;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:10px;
 text-decoration: none;
}
#footer
{
position:absolute;
width:100%;
bottom:0px;
text-align:center;
color:#000000;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:10px;
 padding-bottom:10px;
 padding-top:20px;
vertical-align:bottom;
}
#footerpadding
{
position:relative;
height:50px;
}
.defaulttext
{
text-align:left; 
color:#000000;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:12px;
}
H1
{
text-align:left; 
color:#000000;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:15px;
}
TD
{
text-align:left; 
color:#000000;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:12px;
 vertical-align:top;
}
.tableheading
{
 text-align:left; 
 color:#000000;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:14px;
white-space:nowrap;
padding-right:20px; 
font-weight:bold;
}
IMG.left
{
margin-left:5px;
margin-right:5px;
/*border:3px solid #FFFFFF;*/
float:left;
}
IMG.right
{
margin-left:5px;
margin-right:5px;
/*border:3px solid #FFFFFF;*/
float:right;
}
TD.formlabel
{
text-align:right;
vertical-align:top;
}
INPUT
{
border:1px solid #000000;
background-color:#CCCCCC;
}
INPUT.required
{
border:1px solid #660000;
background-color:#CCCCCC;
}
#SubmenuFloatright
{
float:right;
padding:10px;
}
#SubmenuFloatinside
{
background:#000000;
padding:10px;
color:#000000;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;

}
.title
{
	font-size:16px;
	font-weight:bold;
	color:#0000000;
	width:100%;
}
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:250px;
		height:100px;
		overflow:hidden; 
		}	
	/* numeric controls */	

/* // Easy Slider */
#scroll
{
position:relative;
top:-25px;
left:270px;
}