@charset "utf-8";
/* CSS Document */
.hp-holder {
	width: 155px;
	background:url(../images/hp-bg.jpg) top repeat-x;
	float:left;
	margin-right: 3px;
	margin-left: 5px;
	margin-bottom: 10px;
}
.hp-top {
	border-bottom: 2px solid #fff;
	height: 29px;
}
.hp-top-left {
	padding-left: 5px;
	line-height:29px;
	vertical-align:middle;
	color: #1ab7ea;
	font-size: 12px;
	font-weight:bold;
	text-decoration:underline;
	height: 29px;
	width: 75px;
	text-align:left;
	float: left;
}
.hp-top-left a {
	color: #1ab7ea;
	text-decoration:underline;
}
.hp-price {
	line-height: 16px;
	font-size: 12px;
	font-weight:bold;
	color: #000;
}
.hp-top-right {
	line-height:11px;
	font-size: 10px;
	height: 29px;
	width: 70px;
	text-align:right;
	float:left;
}
.hp-middle {
	height: 48px;
	padding-top: 10px;
	padding-bottom: 4px;
	border-bottom: 2px solid #fff;
}
.hp-bottom {
	line-height:20px;
	vertical-align:middle;
	text-align:right;
	height: 20px;
	font-size: 10px;
	color: #fff;
	font-weight:bold;
	padding-right: 2px;
	text-decoration:none;
}
.hp-bottom a {
	color: #fff;
	text-decoration:none;
}
.hp-order {
	line-height:20px;
	vertical-align:middle;
	font-size: 12px;
	font-weight:bold;
	color: #fff;
	height: 20px;
	background: #ff6600;
	text-align: right;
	padding-right: 2px;
}
.hp-order a {
	text-decoration:none;
	color: #fff;
}

.hp-middle ul {
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
}
.hp-middle li {
	list-style-image:url(../images/bullet.gif);
}
.orderNowButton {
	width:512px;
	text-align:center
}
.orderNowButton a {
	color: #fff;
	text-decoration: none;
	line-height: 30px;
	vertical-align:middle;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 10px;
	background:#333333;
	border: 2px solid #fff;
	clear: both;
}
.orderNowButton a:hover {
	color: #fe6600;
	text-decoration:underline;
}
body {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: "Myriad Pro", "Trebuchet MS", Verdana, Arial;
	background:url(../images/mg_bg.gif);
}
#header {
	width: 766px;
	text-align:center;
	margin: auto;
	background:#000;
}
#header h1, #header a {
	text-decoration:none;
	letter-spacing:1px;
	text-transform:uppercase;
	color: #993300;
	font-size: 15px;
	margin: 0px;
	padding: 0px;
}

#pageHolder {
	width: 776px;
	margin: auto;
	margin-top:0px;
	background:url(../images/main_bg.gif) center repeat-y;
}
#page {
	width: 766px;
	margin: auto;
}
#topLine {
	width: 100%;
	background:url(../images/top.gif) top center no-repeat;
	height: 6px;
	overflow:hidden;

}

.packagesHolder {
	width: 490px;
	background: #fff;
	color: #4c4c4c;
	padding: 10px;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	margin-top: 5px;
	line-height: 14px;
}
.packagesHolder p {
	margin: 0px;
	padding: 0px;
}

#mainBody {
	width: 766px;
	background: url(../images/body_bg.gif) center repeat-y;
}
#bodyBottom {
	width: 100%;
	background:url(../images/bodyBottom.gif) top center no-repeat;
	height: 2px;
	overflow:hidden;

}
#bottomHr {
	background:url(../images/bottom_hr.gif) bottom center no-repeat;
	width: 100%;
	height: 29px;
}

#flashHead {
	text-align: center;	
	padding-bottom: 5px;
	border-bottom: 4px #ff5c00 solid;
}

#topBar {
	background: url(../images/nav_bg.gif) center repeat-y;
	height: 17px;
	border-top: 1px solid #d8d6d0;
	vertical-align:bottom;
	font-family:Arial, Helvetica, sans-serif;
	padding-left: 29px;
	text-align:left;
}
#topNav {
	line-height:15px;
	font-size: 11px;
	width: 283px;
	float:left;
	text-align:left;
}
#topInfo {
	color: #484848;
	width: 437px;
	padding-right: 17px;
	float:left;
	font-size: 14px;
	line-height:15px;
	font-weight:bold;
	vertical-align:top;
	height: 15px;
	text-align:right;
	font-family:"Myriad Pro", "Trebuchet MS", verdana, arial;
}
.orange {
	color: #fe6600;
}
.infoBox {
	border: 2px solid #fff;
	width: 490px;
	background: #d6d6d6;
	color: #4c4c4c;
	padding: 10px;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	margin-top: 5px;
	line-height: 14px;

}
.infoBox p {
	margin-top: 0px;
	margin-bottom: 6px;
}

#topNav a {
	color: #484848;
	text-decoration:none;
}

#topNav a:hover {
	color: #ff5c00;
}

#bodyWrapTop {
	height: 100%;
	width: 100%;
	background:url(../images/bodyTop.gif) top left no-repeat;
}
#bodyWrapBottom {
	height: 100%;
	width: 100%;
	background:url(../images/bodyBottom.gif) bottom left no-repeat;
	clear:both;
}

#leftNav {
	padding-left: 29px;
	width: 196px;
	float:left;
}
#bodyContent {
	float:left;
	padding-left: 11px;
}
#tileBg {
	display:block;
	height: 1px;
	clear:both;
	width: 100%;
}
#leftNav a {
	font-family: "Myriad Pro", "Trebuchet MS", Verdana, Arial;
	font-size: 20px;
	color: #333333;
	display:block;
	width: 196px;
	height: 67px;
	line-height: 67px;
	vertical-align:middle;
	text-align:center;
	background:url(../images/buttonOff.jpg) center top no-repeat;
	text-decoration:none;
	padding-bottom: 3px;
}

#leftNav a:hover {
	color: #fff;
	background:url(../images/buttonOn.jpg) center top no-repeat;
}

#bottomLine {
	width: 100%;
	background:url(../images/footer_image.gif) bottom center no-repeat ;
	height: 21px;
	overflow:hidden;

}

#footer {
	height: 116px;
	background:url(../images/30day.gif) top right no-repeat;
	border-bottom: 1px solid #dcdad3;
}

#footerLinks {
	padding-top: 11px;
	padding-left: 45px;
	padding-right: 101px;
	font-family:"Trebuchet MS", Arial, verdana;
	font-size: 12px;
	color: #c3c3c3;
	text-align:center;
	padding-bottom: 10px;
}

#footerLinks a {
	color: #c3c3c3;
	font-weight: bold;
	text-decoration:none;
}

#footerLinks a:hover {
	color: #ff5c00;
}

#callUs {
	width: 190px;
	height: 43px;
	background:url(../images/callUs.jpg) center top no-repeat;
	padding-left: 40px;
	padding-right: 56px;
	padding-top: 16px;

	color: #484848;
	font-size: 14px;
	line-height:15px;
	font-weight:bold;
	text-align:center;
	font-family:"Myriad Pro", "Trebuchet MS", verdana, arial;
	
	margin-left: 28px;
	
	float: left;

}

#copyright {
	width: 314px;
	background:url(../images/matsonglogo.gif) right top no-repeat;
	float:left;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 30px;
	padding-left: 26px;
}

#topNav a.currentPage {
	text-decoration: underline;
}

#leftNav a.currentPage {
	text-decoration: underline;
	color: #fff;
	background:url(../images/buttonOn.jpg) center top no-repeat;

}

#footerLinks a.currentPage {
	text-decoration: underline;
}