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

body{
	font-family:Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	font-size:12px;
	line-height:16px;
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	background-image:url(images/background-sub.jpg);
	background-repeat:repeat-x;
	min-width:900px;
	behavior:url("csshover3.htc");
}

.background{background-repeat:repeat-x; overflow:hidden; background-image:url(images/bottom_background.jpg); background-position:bottom; min-width:900px;}

a{color:#456e78; text-decoration:none;}
a:hover{color:#005622; text-decoration:underline;}

h1{color:#456e78; font-size:23px; line-height:25px; margin:0px; padding:0px;}
h2{color:#005622; font-size:19px; font-weight:normal;  line-height:20px; margin:0px; padding:0px;}
h3{color:#456e78; font-size:12px; line-height:16px; margin:0px; padding:0px; padding-bottom:8px; text-transform:uppercase;}

p{margin:0px; padding:0px; padding-top:10px; padding-bottom:10px;}

ul{margin-top:0px; padding-bottom:15px; margin-bottom:15px;}

.orderedlist{padding:5px 0px 5px 15px; margin:0px 0px 0px 15px; }
.orderedlist li{padding:0px 0px 6px 0px; font-weight:bold; color:#005622;}
.orderedlist li em{font-weight:normal; font-style:normal; color:#4d4d4d;}

a img{border:none;}

.displace{display:none;}

.container{ width:900px; margin-left:auto; margin-right:auto;}

.top{width:895px; height:100px; padding-left:5px; float:left;}

.contact_info_top{position:relative; float:right; padding-top:12px; height:20px; width:590px; font-family:Arial, Helvetica, sans-serif; text-align:right; color:#a5b5ab; font-size:14px;}

#hmc_logo{float:left;}

.divider{ height:1px; background-color:#e4e5e7;  border:6px #FFFFFF solid; margin-bottom:-3px;}
                     
/*************************/

.banner{width:900px; height:auto; float:left; overflow:hidden;}

.underbanner{width:900px; height:10px; background-image:url(images/underbanner.png); background-repeat:repeat-x; float:left; overflow:hidden;}

.bodycontainer{width:900px; background-image:url(images/body_background.jpg); overflow:hidden; padding:10px 0px 10px 0px;  float:left;}

.main_content{width:515px; padding-left:30px; float:left;}


/**** RIGHT-SIDE BUCKETS ****/
.right_buckets_container{ width:290px; float:right; padding-right:30px; padding-left:15px; margin-top:5px; border-left:#d9d9d9 1px solid; line-height:12px;}

#current_project_copy{width:150px; margin-left:107px; padding-top:45px; font-size:11px; line-height:14px;}
#current_project_copy h3{font-size:12px; padding:0px 0px 5px 0px; margin:0px; line-height:14px; text-transform:none;}

/** OFF **/
#logos, #current_project a, #hmc_difference a{width:290px; display:block;}
#logos{height:88px; background-image:url(images/rightbucket_logos.png); background-position:0px 0px; margin-top:10px;}
#current_project a{height:120px; margin-top:0px; background-image:url(images/rightbucket_current_project.jpg); background-position:0px 0px;}
#hmc_difference a{height:123px; margin-top:10px; background-image:url(images/rightbucket_hmc_difference.jpg); background-position:0px 0px;}

/** ON **/
#current_project a:hover{background-position:0px -120px;}
#hmc_difference a:hover{background-position:0px -123px;}
/********/

#project_specs{ padding:10px; margin-bottom:10px; line-height:17px; background-color:#e7ebe9; border:1px solid #c3d0d4;}

/*** Project Gallery ***/
#featured_project{ width:290px; height:75px; overflow:hidden; margin-bottom:15px;}

.thumb{width:80px; height:75px; float:left; margin-right:15px; background-color:#333333;}


/**** BOTTOM BUCKETS ****/
.bottom_buckets_container{width:900px; height:137px; float:left; padding-top:25px; padding-bottom:10px;}
.bottom_buckets{width:276px; height:137px; float:left; padding-left:18px;}
.bottom_buckets a{width:276px; height:137px; display:block; background-image:url(images/lower_buckets.jpg);}

/** ON **/
#design a{background-position:0px 0px;}
#service a{background-position:-294px 0px;}
#fire a{background-position:-588px 0px;}

/** OFF **/
#design a:hover{background-position:0px -137px;}
#service a:hover{background-position:-294px -137px;}
#fire a:hover{background-position:-588px -137px;}
/********/

.body_bottom{width:900px; height:5px; background-image:url(images/body_bottom.png);  float:left;}

.copyright{width:890px; height:125px; text-align:right; margin-top:20px; font-size:11px; color:#a5bfaf; padding-right:10px; float:left;}

.copyright a{color:#a5bfaf; text-decoration:underline;}
.copyright a:hover{color:#ffffff;}

.bee a{
	width:64px;
	height:64px;
	background-image:url(images/bee.jpg);
	background-position:0px 0px;
	display:block;
	float:right;
	margin-left:20px;
	margin-top:-3px;
}
.bee a:hover{background-position:0px 64px;}

.bottom_logo{
	float:left;
	padding:20px 15px 0px 0px;
	}

/******** menu **********/
.menu{ width:660px; height:68px; float:right; }
#menuh{list-style:none; width:660px; height:30px; margin:0px; margin-top:38px; padding:0px; float:right;}
.nav_menu{list-style:none; width:660px; height:30px; float:right;}

/** OFF **/
a#home{width:85px; background-position:0px 0px;}
a#about{width:105px; background-position:-85px 0px;}
a#services{width:105px; background-position:-190px 0px;}
a#projects{width:115px; background-position:-295px 0px;}
a#resources{width:120px; background-position:-410px 0px;}
a#contact{width:130px; background-position:-530px 0px;}

/** ON **/
a#home:hover{background-position:0px -30px;}
a#about:hover{background-position:-85px -30px;}
a#services:hover{background-position:-190px -30px;}
a#projects:hover{background-position:-295px -30px;}
a#resources:hover{background-position:-410px -30px;}
a#contact:hover{background-position:-530px -30px;}
/*****/
li.menuitem div{ visibility:hidden;}
li.menuitem:hover div{ visibility:visible;}

ul.nav_menu{margin:0px; padding:0px; list-style:none; }

li.menuitem{
	float: left;
	}

a.menuitemlink{
	display: block;
	height: 30px;
	float:left;
	background-image:url(images/menu.png);
	margin:0px;
	padding:0px;
	}

/*** Drop-down Menu ***/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.sidebarmenu{
display:block;
position:absolute;
margin:28px 0px 0px -5px;
}

.sidebarmenu ul{
margin: 0px;
padding: 0px;
list-style-type: none;
width: 125px; /* Main Menu Item widths */
border: 2px solid #005622;
display:block;
position:absolute;
}
 
.sidebarmenu ul li{
position: relative;
font-weight:bold;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
text-decoration: none;
padding: 6px;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #ffffff; /*background of tabs (default state)*/
text-decoration:none;
}


.sidebarmenu ul li a:hover{
background-color: #f4f5f7;
text-decoration:none;
}

.sidebarmenu ul ul li a{
font-weight:normal;
text-decoration:none;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 150px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(images/arrow.png) no-repeat 95% 50%;
}
 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */

ul#menu2{}
ul#menu3{margin-left:-15px; width:150px;}
ul#menu4{}
ul#menu5{margin-left:-15px; width:150px;}

.sidebarmenu ul li.services {font-weight:normal;}
.sidebarmenu ul li.services a{font-weight:normal; font-size:11px; padding:4px 6px 4px 12px;}

/*** ***/

.hmc_cares{
	width:260px;
	height:315px;
	background-image:url(images/hmc_cares.png);
	background-repeat:no-repeat;
	text-align:center;
	margin:10px 0px 0px 0px;
	padding:0px 10px 0px 20px;
	}

.hmc_cares a{color:#005622; text-decoration:none; font-weight:bold; text-transform:uppercase;}
.hmc_cares a:hover{color:#456e78;}

.news_bucket{
	width:490px;
	background-color:#f4f5f7;
	border:1px solid #c3d0d4;
	margin:30px 0px 0px 0px;
	padding:10px;
	background-image:url(images/news_top.png);
	background-repeat:repeat-x;
	}
.news_bucket h3{ font-size:15px; color:#005622;}
.news_bucket ul{
	margin:10px 0px 0px 10px;
	padding:0px 0px 0px 10px;
	}
.news_bucket ul li{
	padding:0px 0px 5px 0px;
	}


ul.category_projects_list{
	margin:0px 0px 0px 10px;
	padding:5px 0px 0px 10px;
	}
ul.category_projects_list li{padding:0px 0px 5px 0px;}

.nextproject{ font-weight:bold;}