@charset "utf-8";

/* Text Styles  */

.heading01 {font: bold 0.8em Calibri, Arial; color:#616161;}

/* Common Selector Styles  */

body {font: 100% Arial, Helvetica, sans-serif; background: #fff; margin: 0px; padding: 0px; text-align: center; }

p.callteam {font-family: Calibri, Arial; font-size: 11px; font-style: italic; font-weight: bold; text-transform: uppercase; color: #9ABC25; margin-left: 24px; margin-top: 14px; margin-bottom:3px; width: 250px;}
p.top-number { font-family: Calibri, Arial; font-size:16px;	color:#006785; margin-left: 24px; width: 250px;}

p.blogrelease {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: italic; font-weight: bold; text-transform: uppercase; color: #9ABC25; margin-right: 20px; margin-top: 20px; letter-spacing: 110%;}
p.blogrelease a, p.blogrelease a:hover, p.blogrelease a:visited {font-style: italic; font-weight: bold;	color: #9ABC25;	text-decoration: none;}
p.blogrelease .green {font-style: italic; font-weight: bold; color: #8DAC22; text-decoration: none;}

p.blogheader {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #006785; line-height: 130%; margin-top: 7px;}
p.blogheader a {font-size: 14px; color: #006785; text-decoration:underline;}
p.blogheader a:hover {text-decoration: none;}

p.hmcentre a{color: #616161;text-decoration: underline;}
p.hmcentre a:hover{text-decoration: none;}

p.side2, p.hmcentre {margin-left: 18px; font-size: 11px; color: #616161; line-height: 150%;}

h2.side2, h2.hmcentre { font-family: Calibri, Arial; font-size: 20px; color: #006785; line-height: 130%; padding-top: 8px; padding-bottom: 8px; margin-left: 18px;}
h3.main1 { font-family: Calibri, Arial; text-transform: uppercase; font-size: 12px; color: #BFBFBD; font-weight: bold; padding-top: 10px; padding-bottom: 10px; background-color: #FFFFFF;}
h3.side2, h3.hmcentre { font-family: Calibri, Arial; text-transform: uppercase; font-size: 12px; color: #BFBFBD; font-weight: bold; padding-top: 10px; padding-bottom: 10px; background-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E5E5E5; margin-left: 18px; padding-left: 5px;}
h3.straph3{font-family: Calibri, Arial Narrow, Arial; font-size: 13px; color: #006785; padding-right: 18px;	padding-left: 19px;	text-align: center;	padding-top: 11px; line-height: 140%; font-weight: bold; display: block; background-image: url(../img/bg-head-strap.png); background-repeat: no-repeat;	width: 192px; margin-left: 0px;	height: 62px;}
h3.sidebar1 {font-family: Calibri, Arial; font-weight: bold; color: #BFBFBD; background-color: #FFFFFF; display: block; font-size: 12px; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px;}

/* List Styles  */

ul#topnav { display: block; padding-top: 8px; height:26px;}
#topnav li { display: inline; text-transform: uppercase; margin-left: 20px; font-family: Calibri, Arial; font-size: 14px; font-weight: bold; color: #006785; background-position: left center;}
#topnav li a { color:#A9D11F; text-decoration:none; font-weight:bold; font-family: Calibri, Arial;}
#topnav li a:hover { color:#006785; text-decoration:none; font-weight:bold;	font-family: Calibri, Arial;}

ul#vendorlist01 {}
ul#vendorlist01 li {float:left; margin:5px 5px 5px 0;}

/* Spacing Styles  */

.subspacing {padding: 2px;}

/* Link Styles  */

.grey01 a {color: #616161; text-decoration:underline;}
.grey01 a:hover { text-decoration:none;}
a.grey {color:#666666;}
a.grey:hover {text-decoration:none;}

a.greylink01:link {color: #616161; text-decoration: none;}
a.greylink01:link:hover {color: #616161; text-decoration: underline;}
a.greylink01:visited {color: #616161; text-decoration: none;}
a.greylink01:visited:hover {color: #616161; text-decoration: underline;}

/* General Styles  */

#container {width: 956px; margin: 0 auto; text-align: left; padding: 0px; background-image: url(../img/bg-container-hm.gif); background-repeat: repeat-y;}
#header { height: 372px;}

.hm-logo {background-image: url(../img/hm-laptop-hand.jpg);	background-repeat: no-repeat; height: 370px; background-position: 0px 90px;	width: 376px; float: left; background-color: #FFFFFF;}
.hm-logoct { padding: 0px; margin: 5px 0 0 35px;}
.headstrap { background-image: url(../img/bg-head-strap-hm.png); background-repeat: no-repeat; height: 60px; width: 213px; margin-left: 10px;}
#hm-nav { width: 580px; float: right;}
.hm-contact { background-color: #f5f5f5; height: 56px;}
.hm-blogcopy img { margin-bottom: 5px;	margin-top: 5px;}
.hm-copyimg{ float:left; margin-right:10px; margin-bottom: 0px;	margin-left: 18px; width: 124px;}
.hm-copyimg img { margin-bottom: 15px;}
.hm-blogcopy {font-size: 11px; color: #616161; line-height: 150%; margin-right: 0px; margin-top: 10px;}
.hm-blogcopy p{font-size: 11px;	color: #616161;	line-height: 150%; margin-right: 20px; margin-top: 10px;}
.hm-blogcopy a {color: #616161; text-decoration: underline;}
.hm-blogcopy a:hover {text-decoration: none;}

.topcontact {float: left; width: 170px;}

#blogsnip {margin: 0 15px 0 55px;}
#blogsnip .post-categories {font-family: Arial, Helvetica, sans-serif; font-size: 10px;	font-style: italic;	font-weight: bold; text-transform: uppercase; color: #9ABC25; margin-right: 20px; margin-top: 20px;	letter-spacing: 110%;}
#blogsnip .post-categories a{font-style: italic; font-weight: bold;	color: #9ABC25;	text-decoration: none;}
#blogsnip .post-categories .green {font-style: italic; font-weight: bold; color: #8DAC22; text-decoration: none;}

#date {float: left;	width: 35px; margin: 20px 0px 0px 10px;	clear: both; padding: 0px; _margin: 20px 0px 0px 6px;}
.dateDay {font-family: Calibri, Arial; font-size: 17px;	display: block;	text-align: center;	float: left; padding-top: 6px; padding-bottom: 0px;	color: #006785;	background-color: #FFFFFF; font-weight: bold; width: 35px; padding-right: 0px; padding-left: 0px; margin: 0px;}
.dateDay p{font-family: Calibri, Arial;	font-weight: bold;	display: block;	width: 35px; text-align: center; font-size: 13px; text-transform: uppercase; color: #FFFFFF; background-color: #A7CC28;	padding-top: 5px; padding-bottom: 5px; padding-right: 0px; padding-left: 0px; float: left; margin-top: 6px;}
.dateMonth {font-family: Calibri, Arial; font-weight: bold;	display: block;	width: 35px; text-align: center; font-size: 13px; text-transform: uppercase; color: #FFFFFF; background-color: #A7CC28;	padding-top: 5px; padding-bottom: 5px; margin: 0px;	padding-right: 0px;	padding-left: 0px; float: left;}

.support { float:right; margin-top: 26px; margin-right: 10px; width: 100px;}

#hm-main1 a {color:#006785;}
#hm-main1 a:hover {text-decoration:none;}
#hm-side2 a, #hm-main3 a {color:#616161;}
#hm-side2 a:hover, #hm-main3 a:hover {text-decoration:none;}

#hm-panels { width: 580px; float: right;}
#hm-panels2 { width: 580px; float: right; background: #F0F0F0;}

#flashgraphic01 {width: 354px;float:left;}
#vendorlogos01 {height: 270px;width:211px;float:left;background: url(../img/vendorbacking01.png) repeat-y left; padding: 10px 0 0 15px;}

.clearfloat {clear:both;height:0px;line-height: 0px;font-size: 1px;margin: 0px;padding: 0px;}
div.clear {clear: both;}

#side1 {background-color: #F9F9F9;float: left;width: 375px;padding: 0px;}
#side2 {float: right;width: 290px;padding: 0px;}
#hmcentre {margin: 0 290px 0 376px; padding: 0; }

/* Footer Styles  */

#footer { background:#F7F7F7; padding: 10px 0px;}

.foot12{ font-size: 12px; margin-bottom: 8px; color: #93938E; font-weight: bold;}
.foot11{ font-size: 11px; margin-bottom: 12px; color: #93938E; line-height:150%;}
.foot11 .spacer {margin-right: 19px;}
.foot10{ font-size: 10px; padding: 0px 0px 8px; margin-bottom: 7px;	color: #93938E; line-height:150%;}

.footer01 {	text-align: center;	vertical-align: middle;	border-right-width: 1px; border-right-style: solid;	border-right-color: #E7E7E7; width: 145px;}
.footer02 {	border-right-width: 1px; border-right-style: solid;	border-right-color: #E7E7E7; padding-top: 3px; padding-right: 20px;padding-bottom: 3px; padding-left: 10px; width: 200px;}
.footer02 .subscribe{ margin-top: 10px;}
.footer02 .footerform { padding: 0px; margin: 0px;}
.footer03 {	color: #666666;	padding: 2px 10px; margin: 0px; border-right-width: 1px; border-right-style: solid;	border-right-color: #E7E7E7;}

.footer03 p {padding-left: 0px; line-height: 150%;}

.footer03 a{color: #93938E;	text-decoration:underline;}
.footer03 a:hover{ text-decoration:none;}

.footer04 {text-align: center;	vertical-align: middle;	width: 144px;}

#footnote {font-size: 11px;	padding: 8px;color: #93938E;line-height:150%;background-color: #FFFFFF;}
#footnote  a { color: #93938E; text-decoration:underline;}
#footnote  a:hover { text-decoration:none;}

/* Form Styles */

input {font: 0.8em Arial, Helvetica, sans-serif; color:#616161;	padding: 3px;}