﻿/******************************************
 * TITLE   : BlueTranquility 2 Stylesheet * 
 * REVISED : January 9, 2005              *
 * AUTHOR  : Linus "ElderDude" Gibson     *
 * EMAIL   : linusgibson@yahoo.com        *
 * SITE URL: http://linus.no-ip.com 94BAEF      *
 *****************************************/
/***** General ************************************************************************/

#maincontainer{
width: 940px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

.wwPic {
	border-width: 0;
	margin: 6px 8px 6px 14px;
}


.xxL15 {
	font-size: x-large;
	color: #33BDF2;
	font-weight: bold;
}


hr {
}
.red-font {
	color: #FF0000;
}
.c-s1-18-2 {
	color: #FFFFFF;
}
	TD {font-family: Verdana,Arial,Helvetica; font-size: 10pt;
	}

a:link {
	color: #00478D;
}
a:visited {
	color: #0066CC;
}
a:hover {
	text-decoration: none;
}
a.pagelink:visited {
	color: #94BAEF;
}
body {
	background-color: #FFFFFF;
	font-family: Arial, "Times New Roman", Times, sans-serif;
	margin: 0 0;
	padding: 18px 29px 18px 29px;
	font-size: 90%;
}


p.c-s1-18-2 {
	text-align: center;
}

p {
	text-align: left;
	margin: 0 0;
}
p.noheight {
	line-height: 1.10em;
}
p.return {
	text-align: right;
}

p.center {
text-align: center;
	
}



span.uline {
	text-decoration: underline;
}

hr {
	width: 70%; 
	height: 1px;
}

ul {
	text-align: justify;
}
/* Note: Compensates for IE acronym dotted underline bug */
acronym {
	border-bottom: 1px dotted #000000;
	cursor: help;
}
div#top {
	position: absolute;
	top: 0;
}
/***** Header *************************************************************************/
div#header {
	background-color: #94BAEF;
	border: 1px solid #94BAEF;
	padding: 5px 10px 10px 0;
	font-family: Verdana, "Times New Roman", Times, sans-serif;
	width: auto;
	height: 190px;
	font-size: 90%;
	background-image: url('images/orangefever-1000x238.jpg');
}
/* Note: Temporary Message for Ad Banner Area (remove if using banner image) */
div#header span {
	border: 0px solid #94BAEF;
	float: left;
	margin: 5px 0 0 10px;
	width: 468px;
	height: 60px;
	font-size: 12px;
	text-align: center;
	background-image: url('orientbeach-logo.png');
}
/* Note: Optional Ad Banner Area (remove if not using banner image at all) */
div#header img {
	border: 0px solid #000000;
	float: left;
	margin: 0px 0 0 0px;
	width: 80px;
	height: 60px;
}
div#header h1 {
	color: #FFFF00;
	cursor: default;
	font-size: 40px;
	margin: 0 0 0 0px;
	width: 365px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
div#header h2 {
	color: #414141;
	cursor: default;
	font-size: 13px;
	margin: 5px 0 0 10px;
	width: 365px;
}

div#header imagebox {
width: 80px 
height: 60px
}

/***** Side Bar (general) *************************************************************/
.topgap {
	margin-top: 10px;
	background-image: url('images/menu_bkgd.gif');
}

.topgap2 {
	margin-top: 10px;
	background-image: none;
}

.btmgap {
	margin-top: 1px;
}
div.separator {
	margin-top: 6px;
}
div.hotelvilla {
	margin-top: 6px;
	text-align: left;
}

div.hotelvillalist {
	margin-top: 6px;
	text-decoration: underline;
	text-align: center;
}

/***** Left Side Bar ******************************************************************/
div#lsidebar {
	font-family: Verdana, "Times New Roman", Times, sans-serif;
	float: left;
	width: 156px;
	
}
div#lsidebar img {
	border: none;
}
div#lsidebar p {
	text-align: left;
}
/***** Right Side Bar *****************************************************************/
div#rsidebar {
	font-family: Verdana, "Times New Roman", Times, sans-serif;
	float: right;
	width: 156px;
}
div#rsidebar img {
	border: none;
}
div#rsidebar p {
	text-align: left;
}




/***** Nav Menu (position at top of either side bar) **********************************/
div.nmenu {
	font-size: 12px;
	font-weight: bold;
}
div.nmenu span {
	background-color: #94BAEF;
	border: 1px solid #94BAEF;
	color: #FFFFFF;
	cursor: default;
	display: block;
	text-decoration: none;
	padding: 3px 10px;
	width: auto;
}
div.nmenu a {
	background-color: #FFFFFF;
	border: 1px solid #94BAEF;
	display: block;
	padding: 3px 10px;
	width: auto;
}
div.nmenu a:visited {
	color: #0066CC;
}
div.nmenu a:hover {
	background-color: #94BAEF;
	border-color: #FFFFFF;
	color: #FFFFFF;
}
/***** Side Info (position at bottom of left side bar or anywhere on right side bar) **/
div.sideinfo {
	background-color: #FFFFFF;
	border: 1px solid #94BAEF;
	font-size: 12px;
	padding: 3px 10px;
	width: auto;
	line-height: 16px;
	font-weight: normal;
}
/***** Content Area *******************************************************************/
div#contentarea {
	padding-left: 168px;
	padding-right: 168px;
}
/**div.title {
	background-color: #FFFFFF;
	border: 1px solid #666666;
	color: #FFFFFF;
	font-family: Verdana, "Times New Roman", Times, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 10px;
	margin-top: 10px;
	text-decoration: none;
	background-image: url('http://www.orientbeach.com/images/bgrd_grey.gif');
}***/
div.title {
	border: 1px solid #33bdf2;
	color: #FFFF66;
	font-family: Verdana, "Times New Roman", Times, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 10px;
	margin-top: 10px;
	text-decoration: none;
	background-image: url('http://www.orientbeach.com/images/menu_bkgd.gif');
}
div.content {
	background-color: #FFFFFF;
	border-right: 1px solid #33bdf2;
	border-bottom: 1px solid #33bdf2;
	border-left: 1px solid #33bdf2;
	padding: 6px 10px;
	width: auto;
	height: auto;
}
div.content img.preview {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	float: left;
	margin: 5px 10px 0px 0px;
	/* use image dimensions in the style sheet like below if all images in content area are same dimensions
     width: 250px;
     height: 188px; */

}


div.content img.preview171 {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	float: left;
	margin: 5px 10px 0px 0px;
	/* use image dimensions in the style sheet like below if all images in content area are same dimensions
     width: 250px;
     height: 188px; */
}
div.content img.preview3 {
	border: 0;
	float: left;
	margin: 3px 10px 15px 0px;

div.header img.preview2 {
	border: 0 none #FF0000;
	float: left;
	margin: 0px 0px 0 0;
	left: auto;
}
div.header.advertise {
	text-align: right;
	font-size: x-small;
	font-family:Verdana;

}

div.content2 {
	background-color: #FFFFFF;
	border-right: 1px solid #33bdf2;
	border-bottom: 1px solid #33bdf2;
	border-left: 1px solid #33bdf2;
	padding: 8px 12px;

}

h5 {
	color: #FF0000;
	font-weight: normal;
}
div#footer {
	background-color: #94BAEF;
	border: 1px solid #94BAEF;
	padding: 5px 10px 10px 0;
	font-family: Verdana;
	width: auto;
	height: 40px;
	font-size: xx-small;
	color: #333333;
	text-align: center;
}
div#sub-footer {
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 5px 10px 10px 0;
	width: auto;
	height: 10px
}	

.style2 {
	text-align: right;
	font-style:normal
	
}
div#slideshow {
	font-family: Verdana, "Times New Roman", Times, sans-serif;
	float: left;
	width: 120px;

}
.s2 {
	text-align: right;
}
.s3 {
	text-align: center;
}
.s4 {
	font-size: xx-small;
}
.s5 {
	border-width: 0px;
}

.headerright {
	text-align: right;
}

.redfont {
	color: #800000;
}
.s14-08-07{
	font-weight: normal;
}
.s14-08-07-9 {
	color: #800000;
	font-weight: normal;
}

.r {
	text-align: right;
}
.xx15 {
	font-size: xx-small;
}
.xb15 {
	font-size: x-large;
	font-weight: bold;
}
.b15 {
	color: #33BDF2;
	font-weight: bold;
}
.33-15 {
	color: #33BDF2;
}
.b-w {
	border-width: 0;
}
.vac-snap-div {
	text-align: center;
	background-color: #FFFFFF;
}
.b-w {
	border-width: 0;
}
.cen {
	text-align: center;
}
}
.s6-18-2 {
	border-width: 0px;
	margin-top: 6px;
	margin-bottom: 6px;
}
.a-cen {
	text-align: center;
}
.centr {
	text-align: left;
}
.left-image {
	border-style: 0;
	border-color: 0;
	border-width: 0px;
	margin-top: 6px;
	margin-bottom: 6px;
}
.s2-18-2 {
	font-family: Verdana, Arial, sans-serif;
}
.s3-18-2 {
	font-size: medium;
	color: #414141;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	line-height: 22px;
}
.s6-18-2 {
	border-width: 0px;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 5px;
}
.s7-18-2 {
	border-width: 0px;
	margin: 6px 20px;
}
.bu-13-3 {
	font-weight: bold;
	text-decoration: underline;
}
.orientbeachbagsheading {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-weight: bold;
	font-size: small;
	color: #00478D;
}
.ob-bag-description {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: small;
}
.xx-small {
	font-size: xx-small;
}
.gstring-pink {
	text-align: center;
	font-weight: bold;
	color: #FF00FF;
	font-size: large;
}
.light-grey-font {
	color: #CC0066;
}
.lght-grey {
	color: #333333;
}
.fontFmSmlCopy {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: small;
}
.fontFmSml {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: small;
}
.cen-Bd-large {
	text-align: center;
	font-weight: bold;
	color: #FF00FF;
	font-size: large;
}
.colcc0066 {
	color: #CC0066;
}
.col666666 {
	color: #666666;
}
.b-w-margin {
	margin: 6px 10px;
}
.bluebackground {
	background-color: #0000cc;
	border-style: solid;
	border-color: #0000cc;
}
.oooocc {
	color: #0000CC;
}
.redbackground {
	background-color: #ff3333;
	border-style: solid;
	border-color: #ff3333;
}

.FF3333Bold {
	color: #FF3333;
	font-weight: bold;
}

.largeRedFont {
	font-size: large;
	color: #FF3333;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	line-height: 22px;
	font-weight: bold;
}
div.sideinfoXmasSpecial {
	/* background-color: #FFFFFF; */
	border: 1px solid #386AA8;
	font-size: 12px;
	padding: 0px 0px;
	width: auto;
	line-height: 16px;
	font-weight: normal;
	background-image: url('images/rotation-images/9-11-2008/contentBg-170.jpg');
	background-repeat: no-repeat;
	background-color: #FEF40D;
}

/* **************************** */
div.kimg
{
  margin: 1px;
  border: 0px solid #33bdf2;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.kimg img
{
  display: inline;
  margin: 2px;
  border: 2px solid #ffffff;
}
div.kimg 
/* a:hover img {border: 0px solid #0000ff;} */
div.snapDesc
{
  text-align: center;
  font-weight: normal;
  font-size: 90%;
  width: 100px;
  margin: 2px;
}
.snapImg {
	vertical-align: middle;
}

.capadv {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: small;
}
.ff33333c {
	color: #FF3333;
}
.ff33333bold {
	color: #FF3333;
	font-weight: bold;
	letter-spacing: 1pt;
}


.padRpadL{
	padding-right: 60px;
	padding-left: 50px;
}


.newcapadv {
	background-color: #FF0000;
	font-family: Verdana;
	color: #FFFFFF;
	font-size: small;
	font-weight: bold;
	font-style: normal;
}


.AboldM {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: medium;
}


.sm0000FF {
	font-size: small;
	color: #0000FF;
}

div.titleLOOB {
	border: 1px solid #33bdf2;
	color: #FFFF66;
	font-family: Verdana, "Times New Roman", Times, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 10px;
	margin-top: 10px;
	text-decoration: none;
	background-image: url('http://www.orientbeach.com/images/menu_bkgd.gif');
	
	
	 
.border-w-0 {
	border-width: 0px;
}
 
 
 
 
.border-w-2-b {
	border-width: 2;
	background-color:black
}

.tal-r {
	text-align: right;
}

	


