html *{
	margin:0;
	padding: 0;
}

html{
	background-color: #19214b;
	background-image: url(../images/bg.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

img{ border: none;}

p{ line-height: 18px; padding-bottom: 6px;}
#featured h1{font-size: 26px;letter-spacing: -2px; color: #374daf;}
h2{
	font-size: 19px;
	font-weight: normal;
	letter-spacing: normal;
	color: #333333;
	padding-bottom: 10px;
	padding-top: 15px;
}
h3{
	font-size: 19px;
	font-weight: normal;
	letter-spacing: normal;
	color: #fff;
	padding-bottom: 5px;
	padding-top: 5px;
}
h4{ font-size: 14px; font-weight: normal; color: #333333; padding-bottom: 5px;}
.scrollContainer div.panel h2{
	color: #CCCCCC;
}
h6{
	font-size: 19px;
	font-weight: normal;
	letter-spacing: normal;
	color: #ffffff;
	padding-bottom: 10px;
	padding-top: 15px;
}
/* Clearing floats without extra markup  */

.clearfloat { display: inline-block; }

.clearfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .clearfloat { height: 1%; }

.clearfloat { display: block; }

/* End Clearing floats without extra markup  */

/*///////////////// LINKS ///////////////////////*/
a{outline: none;}
	
a:link, a:visited{
	color: #2d41aa;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

a.readMore:link, a.readMore:visited{}

#free-quote a:link, #free-quote a:visited{ color: #fff; text-decoration: none;}

#free-quote a:hover { text-decoration: underline; }

#support a:link, #free-quote a:visited{ color: #fff; text-decoration: none;}

#support a:hover { text-decoration: underline; }

#faqs a:link, #free-quote a:visited{ color: #fff; text-decoration: none;}

#faqs a:hover { text-decoration: underline; }

#main-content a.button1{ background: url(../images/button1.png) no-repeat 0 0 ;display: block; width: 130px; height: 23px; padding-left: 30px; padding-top: 2px; color: #fff; margin-left: 10px; }
#main-content a.button1:hover{ background: url(../images/button1.png) no-repeat 0 -25px; text-decoration: none;}
/*///////////////// END LINKS ///////////////////////*/

/*///////////////// LISTS ///////////////////////*/
ul{ margin-bottom: 20px; margin-left: 20px; list-style: none;}
ul li{
	padding: 0px 5px 0px 15px;
	background-image: url(../images/li_icon.png);
	background-repeat: no-repeat;
	background-position: left 10px;
}
#main-content ul.buttons{width: 99%; margin: 15px 0;}
#main-content ul.buttons li{float: left; margin-right: 5px; background-image: none; height: 25px; padding: 0;}
#main-content ul.buttons li.order a {background: url(../images/order.png) no-repeat 0 0 ; display: block; width: 103px; height: 20px; padding-left: 15px; padding-top: 5px; color: #fff;}
#main-content ul.buttons li.order a:hover {background: url(../images/order.png) no-repeat 0 -25px ; display: block; width: 103px; height: 20px; padding-left: 15px; padding-top: 5px; color: #fff; text-decoration: none;} 
#main-content ul.buttons li.enlarge a {background: url(../images/enlarge.png) no-repeat 0 0 ; display: block; width: 103px; height: 20px; padding-left: 12px; padding-top: 5px; color: #fff;}
#main-content ul.buttons li.enlarge a:hover {background: url(../images/enlarge.png) no-repeat 0 -25px ; display: block; width: 103px; height: 20px; padding-left: 12px; padding-top: 5px; color: #fff; text-decoration: none;} 
/*///////////////// END LISTS ///////////////////////*/

/*///////////////// LAYOUT  ///////////////////////*/
* html div#wrapper { padding-top: 28px; }

#wrapper{
	width: 940px;
	margin: 15px auto 0 auto;
}
#header{ width: 940px; height: 40px; margin-bottom: 20px;}
#slider-container{
	width: 920px;
	background-image: url(../images/sliderbg.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	height: 190px;
}
#featured{
	float: left;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 130px;
	margin-top: 20px;
	width: 300px;
	background-image: url(../images/featured_bgd.png);
	background-repeat: no-repeat;
	
}
#content{ width: 940px;}
#sidebar{float: left; width: 290px; margin-right: 15px; display: inline;}
#sidebarright{float: right; width: 290px; margin-left: 15px; display: inline;}
.sidebar-element{
	padding: 9px 22px 0;
	background-color: #3350a8;
	background-image: url(../images/rounded_top.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.sidebar-bottomelement{
	width: 290px;
	height: 23px;
	margin-bottom: 10px;
	background-color: #2d41aa;
	background-image: url(../images/rounded_bottom.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#free-quote{ background: #5f96ac url(../images/free_quote_top.png) no-repeat top left; padding: 9px 22px; padding-bottom: 0;}
#faqs{
	padding: 9px 22px;
	padding-bottom: 0;
	background-color: #e03828;
	background-image: url(../images/faqs_top.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#faqs p{ padding-right: 40px; background: url(../images/freequote_arrow.png) no-repeat 100% 50%;}
#support{
	padding: 9px 22px;
	padding-bottom: 0;
	background-color: #fdcf00;
	background-image: url(../images/support_top.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#main-content-wrapper{
	float: left;
	width: 635px;
}
#main-content{ width: 595px; padding: 10px 20px; background: #fff url(../images/main_content_top.png) no-repeat top left;}
#main-content-bottom{ width: 635px; height:17px; background: url(../images/main_content_bottom.png) no-repeat top left;}
#free-quote-bottom{ background: url(../images/free_quote_bottom.png) no-repeat top left; width: 290px; height: 17px; margin-bottom: 5px;}
#clientsays-bottom{ background: url(../images/free_quote_bottom.png) no-repeat top left; width: 290px; height: 17px; margin-bottom: 5px;}
#faqs-bottom{
	width: 290px;
	height: 17px;
	margin-bottom: 5px;
	background-image: url(../images/faqs_bottom.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#supportbottom{
	width: 290px;
	height: 17px;
	margin-bottom: 5px;
	background-image: url(../images/suport_bottom.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#footer{ margin-top: 7px;}
#footer p{ text-align: center; color: #fff;}
.spacer-line{ width: 99%; margin: 10; border-bottom: 3px solid #e8ecee;}
.spacer-line2{ width: 99%; margin-bottom: 4px; border-bottom: 1px solid #e8ecee;}
.service{ width: 99%; padding-top:5px;}
.service-description{
	float: left;
	width: 75%;
}
.product-description{
	float: left;
	width: 60%;
	padding-left: 20px;
}
/*/////////////////END LAYOUT ///////////////////////*/

/*///////////////// IMAGES  ///////////////////////*/
.icon-left{
	float: left;
	margin-right: 20px;
	display: inline;
	padding-left: 20px;
} /* icon floated left */
.icon-right{ float: right; margin-left: 25px; display: inline;} /* icon floated right */
.image-left{ float: left; margin: 0 25px 20px 0 ; display: inline;} /* image floated left */
.image-right{ float: right; margin: 0 0 20px 25px ; display: inline; border: 2px solid #fff;} /* image floated right */
/*///////////////// END IMAGES  ///////////////////////*/

/*///////////////// SUBMENU ///////////////////////*/
ul#submenu{ width: 99%; margin: 0; margin-top: 15px; padding-top: 2px; background: url(../images/news_divider.png) top left repeat-x;}
ul#submenu li{ height: 30px; background: url(../images/news_divider.png) bottom left repeat-x; padding:0; }
ul#submenu li a{
	display: block;
	height: 21px;
	padding-left: 15px;
	padding-top: 7px;
	color: #CCCCCC;
	background-color: #334aa8;
	background-image: url(../images/submenu_icon.png);
	background-repeat: no-repeat;
	background-position: 1% 50%;
}
ul#submenu li a:hover{
	color: #FFFFFF;
	background-color: #22348c;
	text-decoration: none;
}
/*///////////////// END SUBMENU ///////////////////////*/

/*///////////////// SIDEBAR NEWS ///////////////////////*/
.news{ width: 99%; background: url(../images/news_divider.png) bottom left repeat-x; margin-top: 15px;}
p.date{ color: #54bee6; padding-bottom: 7px; font-weight: bold;}
p.news-text{ color: #8598a0;}
p.news-archive{ padding-top: 10px; padding-bottom: 0;}
p.news-archive a{ padding-left: 22px; font-weight: bold; background: url(../images/archive_icon.png) 0 50% no-repeat;}
/*///////////////// END SIDEBAR NEWS ///////////////////////*/

/*///////////////// FREE QUOTE ///////////////////////*/
#free-quote{
	padding: 9px 22px;
	padding-bottom: 0;
	background-color: #99989b;
	background-image: url(../images/free_quote_top.png);
	background-repeat: no-repeat;
	background-position: left top;
} 
#free-quote p{ color: #1d292f; padding-right: 40px; background: url(../images/freequote_arrow.png) no-repeat 100% 50%;}
/*///////////////// END FREE QUOTE ///////////////////////*/

/*///////////////// clientsays ///////////////////////*/
#clientsays{
	padding: 9px 22px;
	padding-bottom: 0;
	background-color: #9f9fa2;
	background-image: url(../images/free_quote_top.png);
	background-repeat: no-repeat;
	background-position: left top;
} 
/*///////////////// END FREE QUOTE ///////////////////////*/

/*///////////////// SUPPORT///////////////////////*/
#support{
	padding: 9px 22px;
	padding-bottom: 0;
	background-color: #fdcf00;
	background-image: url(../images/support_top.png);
	background-repeat: no-repeat;
	background-position: left top;
} 
#support p{ padding-right: 40px; background: url(../images/freequote_arrow.png) no-repeat 100% 50%;}
/*///////////////// END FSUPPORT  ///////////////////////*/

/*///////////////// LOGO AND SEARCH ///////////////////////*/
#logo-container{
	float: left;
	width: 216px;
	margin-left: 15px;
	display: inline;
	padding-top: 5px;
}
#logo-container small{ padding: 0; margin: 0;}
h1#logo {
	width: 372px;
	height: 40px;
	text-indent:-9000px;
	background-image: url(../images/hmh_logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
h1 a { height:40px; width: 216px; display:block; text-decoration:none;}
h1 a:hover { text-decoration:none; background:transparent;}
#search{ float: right; width: 316px; height: 25px; display: inline; margin-top: 10px; }
#search input{
	float: left;
	width: 210px;
	height: 16px;
	border: 1px solid #4c61c0;
	color: #8598a0;
	margin: 0;
	margin-right: 12px;
	padding: 4px;
	background-color: #19214b;
}

/*///////////////// END LOGO AND SEARCH ///////////////////////*/

/*///////////////// NAVIGATION ///////////////////////*/
#navigation{ background:url(../images/menu_bg.gif) no-repeat 0 0; width: 940px; height: 46px; line-height: 42px; margin-bottom: 8px;}
#navigation ul{ list-style: none;}
#navigation ul li{ display: inline; height: 42px; text-transform: uppercase;background: transparent; padding: 0;}
#navigation ul li a{ float: left; display: block; padding: 0 20px; color: #fff; text-decoration: none; background: url(../images/menu_divider.gif) top right no-repeat;}
#navigation ul li a:hover, #navigation ul li a.current{ color: #54bee6;}
/*///////////////// END NAVIGATION ///////////////////////*/

/*///////////////// TESTIMONIALS ///////////////////////*/
blockquote{ padding-bottom: 15px;}
blockquote div {
	padding-right: 10px;
	padding-top: 15px;
	background-image: url(../images/quote_right.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
blockquote p.text{
	background: url(../images/quote_left.png) top left no-repeat;
	padding-left: 10px;
	text-indent: 30px;
	color: #555555;
	font-style: italic;
}
.testimonial-name {padding-left: 10px; padding-bottom: 0;}
/*///////////////// END TESTIMONIALS ///////////////////////*/

/*///////////////// CODA SLIDER ///////////////////////*/
#slider {
	float: left;
	width: 520px;
	margin: 0 auto;
	padding-top: 10px;
	position: relative;
}
.scroll {
	height: 162px;
	width: 520px;
	overflow: auto;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
}
.scrollContainer div.panel { height: 162px; width: 520px; /* change to 560px if not using JS to remove rh.scroll */}
.scrollContainer div.panel img { float: left; margin-right: 20px; margin-left: 10px; display: inline;}
.scrollContainer div.panel div.panel-text { width: 75%; float: left; color: #8598a0;}
.scrollContainer div.panel div.panel-text p.more{ float: right; width:103px;}
.scrollContainer div.panel div.panel-text p.more a{ background: url(../images/read-more-button.png) no-repeat 0 0 ; display: block; width: 103px; height: 23px; padding-top: 2px; color: #fff; padding-left: 20px; margin-top: 10px;}
.scrollContainer div.panel div.panel-text p.more a:hover{ background: url(../images/read-more-button.png) no-repeat 0 -25px ; text-decoration: none;}
.scrollButtons { position: absolute; top: 75px; cursor: pointer;} .scrollButtons.left { left: -30px;}
.scrollButtons.right { left: 540px;}
/*///////////////// END CODA SLIDER ///////////////////////*/

#setuppanel{ width: 560px; padding: 10px 20px;}

.logo {
	width: 20px;
	float: left;
	padding-left: 20px;
}