body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left;
}
#bigdiv1 {
	height: 100%;
	width: 100%;
	background-image: url(bg_images_rotator/OB_bg5.jpg);
	background-repeat: no-repeat;
}
#bigdiv2 {
	height: 100%;
	width: 100%;
	background-image: url(OB_bg3.jpg);
	background-repeat: no-repeat;
}
#bigdiv3 {
	height: 100%;
	width: 100%;
	background-image: url(OB_bg4.jpg);
	background-repeat: no-repeat;
}
#bigdiv4 {
	height: 100%;
	width: 100%;
	background-image: url(OB_bg8.jpg);
	background-repeat: no-repeat;
}
#bigdiv5 {
	height: 100%;
	width: 100%;
	background-image: url(OB_bg6.jpg);
	background-repeat: no-repeat;
	background-position: -50px -50px;
}
#bigdiv6 {
	height: 100%;
	width: 100%;
	background-image: url(OB_bg7.jpg);
	background-repeat: no-repeat;
}
#bigdiv7 {
	height: 100%;
	width: 100%;
	background-image: url(OB_bg1.jpg);
	background-repeat: no-repeat;
}

.headertype {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFFF;
	width: 300px;
	padding-left: 20px;
	padding-top: 25px;
}
.headertypelinks {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFFF;
	width: 300px;
	padding-left: 20px;
	padding-top: 25px;
	line-height: 18px;
	font-weight: bold;
}
.headertypelinks a:link {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFFF;
	width: 300px;
	font-weight: bold;
}
.headertypelinks a:visited {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFFF;
	width: 300px;
	line-height: 18px;
	font-weight: bold;
}
.headertypelinks a:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFFF;
	width: 300px;
	line-height: 18px;
	font-weight: bold;
}
.headertypelinks a:active {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFFF;
	width: 300px;
	line-height: 18px;
	font-weight: bold;
}
.headertypelinksyelo {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFC100;
	width: 300px;
	line-height: 18px;
	font-weight: bold;
}

/* Tips for Elastic layouts 
1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
*/
.oneColElsCtrHdr #maintable {
	width: 1000px;
	background-repeat: repeat-y;
	background-image: url(main_table_bg.png);
	margin-left: 15%;
	text-align: center;
	background-position: right;
}
.oneColElsCtrHdr #container {
	width: 920px;
	text-align: left;
	padding-left: 50px;
}
p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	padding-right: 5px;
	padding-left: 5px;
}
.table_p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	padding-top: 7px;
	padding-left: 5px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-bottom: 4px;
}
h1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 120%;
	padding-left: 5px;
}
h2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
h4 {
	font-family: Tahoma,;
	font-size: 14px;
	color: #333333;
	padding-right: 5px;
	padding-left: 5px;
}
#carouselcontainer {
	width: 100%;
}
.oneColElsCtrHdr #header {
	background-color: #FFFFFF;
	background-image: url(Otehei_Bay_banner_RGB.gif);
	background-repeat: no-repeat;
	background-position: right top;
} 
.oneColElsCtrHdr #header h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	width: 200px;
	padding-top: 10px;
	padding-left: 10px;
}
.oneColElsCtrHdr #footer {
	background-image: url(wavebottom_bg_content.gif);
	height: 80px;
	background-repeat: no-repeat;
	background-position: 3px;
} 
#foot_table {
	width: 920px;
	height: 75px;
}
.oneColElsCtrHdr #footer p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}
#sidebar {
	width: 14em;
	font-size: 100%;
	/*/*/font-size: 100%; /* */
	padding: 0px 0px 0px 0px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}
.oneColElsCtrHdr#rightbar {
	height: auto;
	width: auto;
	padding-left: 5px;
	padding-right: 5px;
}
#right_td {
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}
.rightfont {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}
.lefttfont {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}
.menudiv {
	background-color: #FFC100;
	height: 20px;
	width: 100%;
	margin-top: 25px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	line-height: 16px;
	text-align: center;
}
.menudiv a:link {
	color: #000000; 
	font-weight: normal;
	font-weight: bold;
	text-decoration: none;
}
.menudiv a:visited {
	color: #666666; 
	font-weight: normal;
	font-weight: bold;
	text-decoration: none;
}
.menudiv a:hover {
	color: #000000; 
	font-weight: normal;
	font-weight: bold;
	text-decoration: underline;
}
.menudiv a:active {
	color: #666666; 
	font-weight: normal;
	font-weight: bold;
	text-decoration: underline;
}

.leftcontent {
	height: 180px;
	width: 420px;
	background-image: url(cell_bg.gif);
	margin-bottom: 20px;
}
.h4 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.h4 a:link {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.h4 a:visited {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.h4 a:hover {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.h4 a:active {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.intropara {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	padding-left: 5px;
}
.intropara a:link {
	color: #FFFFFF; 
	font-weight: normal;
	text-decoration: none;
}
.intropara a:visited {
	color: #999999; 
	font-weight: normal;
	text-decoration: none;
}
.intropara a:hover {
	color: #FFFFFF; 
	font-weight: normal;
	text-decoration: underline;
}
.intropara a:active {
	color: #FFFFFF; 
	font-weight: normal;
	text-decoration: none;
}
.introparabig_table {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
}
.introparabig {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
}

.introparabig a:link {
	color: #666666; 
	font-weight: bold;
	text-decoration: none;
}
.introparabig a:visited {
	color: #999999; 
	font-weight: bold;
	text-decoration: none;
}
.introparabig a:hover {
	color: #666666; 
	font-weight: bold;
	text-decoration: underline;
}
.introparabig a:active {
	color: #666666; 
	font-weight: bold;
	text-decoration: none;
}

.oneColElsCtrHdr #footer p a:link {
	color: #FFFFFF; 
	font-weight: bold;
	font-weight: bold;
	text-decoration: none;
}
.oneColElsCtrHdr #footer p a:visited {
	color: #CCCCCC; 
	font-weight: bold;
	font-weight: bold;
	text-decoration: none;
}
.oneColElsCtrHdr #footer p a:hover {
	color: #CCCCCC; 
	font-weight: bold;
	font-weight: bold;
	text-decoration: underline;
}
.oneColElsCtrHdr #footer p a:active {
	color: #FFFFFF; 
	font-weight: bold;
	font-weight: bold;
	text-decoration: underline;
}
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #999999;
}
a:hover {
	text-decoration: underline;
	color: #666666;
}
a:active {
	text-decoration: none;
	color: #666666;
}
#picasabox {
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
}
#bottomlinks1 {
	width: 280px;
	float: left;
	margin-left: 5px;
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}
#people_liked {
	width: 455px;
	margin-left: 3%;
	height: 100px;
	float: left;
	padding: 5px;
}
#people_liked_vertical {
	width: 180px;
	margin-left: 0%;
	height: 260px;
	float: left;
	padding: 2px;
}
.people_liked_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 24px;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	margin-left: 5px;
}
.people_liked_bold_vertical {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	margin-left: 5px;
}
.people_liked {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.people_liked a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.people_liked a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
.people_liked a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.people_liked a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
#liked1 {
	width: 140px;
	float: left;
	margin-left: 5px;
	background-image: url(carousel_images/D5_people_liked.png);
	background-repeat: no-repeat;
	height: 80px;
	margin-bottom: 5px;
}
#liked2 {
	width: 140px;
	float: left;
	margin-left: 5px;
	background-image: url(carousel_images/DR_liked.png);
	background-repeat: no-repeat;
	height: 80px;
	margin-bottom: 5px;
}
#liked3 {
	width: 140px;
	float: left;
	margin-left: 5px;
	background-image: url(carousel_images/Swim_liked.png);
	background-repeat: no-repeat;
	height: 80px;
	margin-bottom: 5px;
}
#liked4 {
	width: 140px;
	float: left;
	margin-left: 5px;
	background-image: url(carousel_images/AWD_liked.png);
	background-repeat: no-repeat;
	height: 80px;
	margin-bottom: 5px;
}
#liked6 {
	width: 140px;
	float: left;
	margin-left: 5px;
	background-image: url(carousel_images/OteheiBay_liked.png);
	background-repeat: no-repeat;
	height: 80px;
	margin-bottom: 5px;
}
#liked7 {
	width: 140px;
	float: left;
	margin-left: 5px;
	background-image: url(carousel_images/Pride_liked.png);
	background-repeat: no-repeat;
	height: 80px;
	margin-bottom: 5px;
}
#liked8 {
	width: 140px;
	float: left;
	margin-left: 5px;
	background-image: url(carousel_images/SNZAC_liked.png);
	background-repeat: no-repeat;
	height: 80px;
	margin-bottom: 5px;
}
#liked9 {
	width: 140px;
	float: left;
	margin-left: 5px;
	background-image: url(../Whale-Dolphin-Safari/carousel_images/Travel_Partners_liked.png);
	background-repeat: no-repeat;
	height: 80px;
	margin-bottom: 5px;
}
#liked10 {
	width: 140px;
	float: left;
	margin-left: 5px;
	background-image: url(carousel_images/Lion_liked.png);
	background-repeat: no-repeat;
	height: 80px;
	margin-bottom: 5px;
}
#liked11 {
	width: 140px;
	float: left;
	margin-left: 5px;
	background-image: url(carousel_images/Stone_Store_liked.png);
	background-repeat: no-repeat;
	height: 80px;
	margin-bottom: 5px;
}
#liked12 {
	width: 140px;
	float: left;
	margin-left: 5px;
	background-image: url(carousel_images/Ocean_Adv_liked.png);
	background-repeat: no-repeat;
	height: 80px;
	margin-bottom: 5px;
}
#liked_txt {
	width: 50%;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
#liked_title {
	float: left;
	width: 70%;
	margin-left: 5px;
}
#liked_title_vertical {
	float: left;
	width: 100%;
	margin-left: 5px;
	margin-bottom: 5px;
}
#limited_offer {
	background-color: #FF0000;
	width: 90%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	margin-left: 3%;
	padding: 10px;
	line-height: 22px;
	text-align: left;
	letter-spacing: -0.01em;
}
#limited_offer_2 {
	background-color: #FF0000;
	width: 90%;
	margin-left: 3%;
	padding: 10px;
	line-height: 22px;
	text-align: center;
	letter-spacing: -0.01em;
}