/*
Theme Name: HBC Guam
Theme URI: http://ascendio.com

Georg Zimmer stole it from the main hbc guam site and copied it here, pared it down so it just affects the header.
which was also stolen from the main site and copied here.

That way, if someone tweaks CSS for the main site, the magento site should still be ok.
Also, make it easier to reskin.  boxes.css is vile. 
*/

#hm_gradient{
	position: relative;
	background: #dcd4c5 url(../images/maincontent_gradient.png) top left repeat-x;	
	top: -77px;
}

.hm_container {
    position: relative;
	width: 940px;
	margin: 0 auto;
	color:#000000;
	font-family:"Trebuchet MS",Tahoma,Sans;
	padding:0pt;
	text-align: left;
}
.hm_container img{
  border:medium none;
}

#hm_header {
	background: url(../images/headerbg.png) repeat-x bottom;
	height: 327px;
}

#hm_header .hm_container {
	height: 327px;

}

#hm_header .hm_hide {
	text-indent: -9999px;
	height: 39px;
}

#hm_header.hm_subpage, #hm_header .hm_container.hm_subpage {
	height: 277px;
}

#hm_header .hm_container.hm_subpage {
	background: url(../images/clouds2.png) no-repeat bottom center;
}

/*------------------------------------------------------------------------ Tabs at the top 
This tabs stuff copied directly from the wordpress.css because the resources tabs are included via php include.
*/
#tabholder {
	position: relative;
	top:-40px;
	background:transparent;
	width: 940px;
	margin: 0 auto;
	z-index:901;
	font-size: 16px;
}

#toptabs {
	display: inline;
	float: right;
	position:absolute;
	top: 40px;
	right:24px;
	z-index:10;
}

#tab1 {
	float: left;
}

#tab2 {
	float: left;
}

#tab3 {
	float: left;
}

.tableft {
	height: 37px;
	width: 5px;
	background: url(../images/tableft.png) no-repeat top left;
	float: left;
}

.tabmiddle {
	height: 23px;
	background: url(../images/tabmiddle.png) repeat-x bottom;
	float: left;
	color: #589fbe;
	padding: 7px 5px;
}

.tabmiddle a {
	color: #589fbe;
	text-decoration: none;
}

.tabmiddle a:hover {
	text-decoration: underline;
}

.tabright {
	height: 37px;
	width: 5px;
	background: url(../images/tabright.png) no-repeat top left;
	float: left;
}

.restableft {
	height: 37px;
	width: 5px;
	background: url(../images/res_tableft.png) no-repeat top left;
	float: left;
}

.restabmiddle {
	height: 23px;
	background: url(../images/res_tabmiddle.png) repeat-x bottom;
	float: left;
	color: #17405f;
	padding: 7px 5px;
}

.restabmiddle a {
	color: #17405f;
	text-decoration: none;
}

.restabmiddle a:hover {
	text-decoration: underline;
}

.restabright {
	height: 37px;
	width: 5px;
	background: url(../images/res_tabright.png) no-repeat top left;
	float: left;
}

#primarynav { margin: 0; z-index:9999; position:relative; list-style: none; }
#primarynav li { float: left; margin: 0 8px; }
#primarynav a { display: block; padding: 0 0 10px 0; border-bottom: none; text-decoration: none; }
#primarynav a:hover { text-decoration: underline; }

#primarynav li ul { position: absolute; width: 180px; top: 28px; left: -1002em; margin: 0; background: #fff; list-style:none; -moz-border-radius: .2em; border-radius: .2em; }
#primarynav li ul li { margin: 0 0 0 5px; padding: 0 0 3px 0; }
#primarynav li ul li a { display: block; width: 180px; padding: 3px 5px; font-size: 11px; color:#17405f; }
#primarynav li ul li a:hover { color:#17405f; }
#primarynav li:hover ul, #primarynav li.sfhover ul { left: auto; }



/*------------------------------------------------------------------------ Navigation */

#hm_nav {
	background: url(../images/waves.jpg) repeat-x top center;
	height: 148px;
	text-align: center;
}

#hm_nav ul {
	list-style-type: none;
	position: relative;
	top: -70px;
	left: 15px;
}

#hm_nav li {
	float: left;
	height: 148px;
	width: 230px;
	background: url(../images/navbg_new.png) no-repeat top right;	
}

#hm_nav li p {
	margin-right: 35px;
	margin-left: 30px;
	text-align: left;
	color: #ffffff;
	font-size: 20px;
	line-height: 22px;
	font-weight: bolder;
	text-decoration: none;
}

#hm_nav li p a {
	color: #ffffff;
	text-decoration: none;
}

#hm_nav li:hover {
	cursor: pointer;
}

#hm_nav li:hover p a {
	color: #ffd97e;
}

#hm_nav li p.hm_threeline {
	margin-top: 18px;
}

#hm_nav li p.hm_twoline {
	margin-top: 49px;
}