/* Global CSS */

/* Site Specific Layout */
#page {width:981px; margin:0 auto;}
#main {float:left; width:981px; margin:0; padding:0; text-align:left;}

#masthead {float:left; width:966px; padding:10px 0 30px 15px;}
#logo {float:left; margin-top:10px}
#top-links {float:right; padding:19px 10px 0 0; color:#FFFFFF;}

#img-nat-sales {float:left; width:981px; height:63px;}
#img-aloha1 {float:left; width:981px; height:208px;}

.content-container {float:left; width:981px;}
#img-aloha3 {float:left; position:relative; width:491px; height:240px; background:transparent url(../images/Aloha_10.jpg) no-repeat;}
.icon-info3 {position:absolute; top:55px; left:230px;}
#img-aloha5 {float:left; position:relative; width:490px; height:240px; background:transparent url(../images/Aloha_11.jpg) no-repeat;}
.icon-info5 {position:absolute; top:55px; left:395px;}
#img-aloha7 {float:left; position:relative; width:491px; height:247px; background:transparent url(../images/Aloha_12.jpg) no-repeat;}
.icon-info7 {position:absolute; top:25px; left:165px;}
#img-aloha-and {float:left; width:490px; height:247px; background:transparent url(../images/Aloha_13.jpg) no-repeat;}

#footer {float:left; width:981px; padding:10px 0 50px 10px; text-align:left; color:#FFFFFF;}


/* Hidden Boxes */
.bg-hover-box3 {position:absolute; z-index:200; width:283px; top:85px; left:200px; visibility:hidden;}
.bg-hover-box3-content {width:263px; height:145px; padding:12px; font-size:12px; background:transparent url(../images/popup.gif) top left no-repeat;}

.bg-hover-box5 {position:absolute; z-index:200; width:283px; top:85px; left:190px; visibility:hidden;}
.bg-hover-box5-content {width:263px; height:145px; padding:12px; font-size:12px; background:transparent url(../images/popup.gif) top left no-repeat;}

.bg-hover-box7 {position:absolute; z-index:200; width:283px; top:10px; left:200px; visibility:hidden;}
.bg-hover-box7-content {width:263px; height:180px; padding:12px; font-size:12px; background:transparent url(../images/popup_large_03.gif) top left no-repeat;}


/* Typography */
body {text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; font-weight:normal; background-color:#0079c1; color:#191919;}
div {font-size:12px;}
a {color:#FFFFFF; text-decoration:none;}
a:focus {outline:none;}

sup, sub {height:0; line-height:1; vertical-align:baseline; _vertical-align:bottom; position:relative;}
sup {bottom: 1ex;}
sub {top:.5ex;}
/*###################################################################
###########                    ACCECCIBILTY              ###########
###################################################################*/

	#title_main{ 
		background-image:url(../images/Aloha_07.jpg);
		background-repeat:no-repeat;
		height:63px;
		margin-bottom: 10px; }
		
	#title_main h1{
		display:none;
	}
		
	#title_sub{ 
		background-image:url(../images/Aloha_09.jpg);
		background-repeat:no-repeat;
		height:208px;
		margin-bottom: 10px; }
		
	#title_sub h2{
		display:none;
	}