/* 

Alternate Style Sheet For Marinebalitours.com

Author: Budi Hariyanto - www.telorizer.net

*/



/* ORDINARY */

body {

background: #fff;

margin:0;

font-size: 11px;

font-family: Arial, Helvetica, sans-serif;

} 

#container  {

background: #FFFFFF;

}

#logo {

border-bottom:4px solid #7EB5FF;

}

#xhead {

background: #fff;

width:270px;

height:200px;

border-top:3px solid #FFF;

border-bottom:3px solid #FFF;

}

#xhead-left{

width:470px;

height:200px;

border:3px solid #FFF;

}

td#middle { 

background: #7EB5FF;

border-top:3px solid #FFF;

border-left:3px solid #FFF;

border-bottom:3px solid #FFF;

color: #000;

height:200px;

}

#middle h2 {

font: 11px/12pt Verdana, Arial, Helvetica, sans-serif; 

margin-bottom:5px;

padding:3px 5px 0 5px;

text-transform: uppercase;

font-weight: bold;

letter-spacing:1px;

color: #FFF;

}

#middle p {

padding:5px;

}

.topimg {

margin:0 5px 5px 5px;

 border:1px solid #FFF;

 float: left; 

 clear:both; 

 z-index:10000;}

.toptext { 

padding:0 5px 5px 5px; 

}

.price {

font-size :14px/16px Verdana, Arial, Helvetica, sans-serif;

color : red;

}

.codebook {

font-size :10px/12px Verdana, Arial, Helvetica, sans-serif;

font-weight: bold;

color : blue;

}

#right { 

background: orange;

border-top:3px solid #FFF;

border-left:3px solid #FFF;

border-bottom:3px solid #FFF;

}

#right h2 {

font: 11px/12pt Verdana, Arial, Helvetica, sans-serif; 

margin-bottom:5px;

padding:3px 5px 0 5px;

text-transform: uppercase;

font-weight: bold;

letter-spacing:1px;

color: #FFF;

}

td#leftmenu {

 background:#f2f2f2;

 }

#leftmenu  h1 { 

font:10pt/13pt  Verdana, Helvetica, sans-serif; 

color: #7EB5FF; 

font-weight: bold; 

text-transform: uppercase; 

border-bottom:1px solid orange;

padding:0 0 3px 20px; 

background: #fff url(images/icons/cube.gif) no-repeat 3% 40%; 

}

#leftmenu  p { 

 text-align: left;

 font: 8pt/13pt  Verdana, Helvetica, sans-serif; 

 border-bottom:1px solid #e1e1e1;
 
 }

#leftmenu  a { 
text-align: left;
color: #003366; 
font-weight: bold; 
padding:2px 0 2px 20px; 
margin-left:0;
text-decoration:none;
 }

#leftmenu  a:hover { 
text-align: left;
color: #7EB5FF; 
font-weight: bold; 
padding:2px 0 2px 20px; 
margin:0;
text-decoration:none;
}

#leftmenu  p.list{ 

 text-align: left;

 font: 9px/10px  Verdana, Helvetica, sans-serif; 

 padding:3px 5px 1px 25px; 

 }



#gallery{

	border: 1px solid #7EB5FF;

	text-align:center;

	margin: 2px;

	padding: 1px;

}

td.gallery{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: bolder;

	text-align:center;

	color: #000;

	background-color:#7EB5FF;

	padding:3px;

}

#charter{

	border: 1px solid #f2f2f2;

	text-align:center;

	margin: 2px;

	padding: 1px;

}

td.charter{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: bolder;

	text-align:center;

	color: #000;

	background-color:#f2f2f2;

	padding:3px;

}

#diving{

	border: 1px solid orange;

	text-align:center;

	margin: 2px;

	padding: 1px;

}

td.diving{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: bolder;

	text-align:center;

	color: #000;

	background-color:orange;

	padding:3px;

}

table#hornav { 

border-top:1px solid #7EB5FF; 

background:#FF0000;

border-bottom:1px solid #7EB5FF; 

}

#hornav td {

background:#7EB5FF;

padding:2px 5px 2px 0;

border-top:1px solid #FFF;

border-bottom:1px solid #FFF;

text-align: center;

}

#hornav a { 

background: url(images/icons/box.png) no-repeat 0% 60%;

 text-transform:uppercase; font:11px/13pt Verdana, Helvetica, sans-serif; 

 padding:0 5px 0 10px; color:#000; text-decoration: none;

 }

#hornav a:hover {

 color:#FFF;

 }

.address {

	text-transform:lowercase; 

	font:10px/11px Verdana, Helvetica, sans-serif; 

	padding:5px 0 0 5px; 

	color:#000; 

}

#menuspa p{

background : #7EB5FF;

font: 12pt/14pt Verdana, Helvetica, sans-serif; 

color :#ffffff;

font-weight:bold;

padding:2px;

 }

 table#menuspa {

 border-top :1px solid #F8F8F8;

 border-right :1px solid #F8F8F8;

 border-left :1px solid #F8F8F8;

 border-bottom :1px solid #F8F8F8;

  }

 #header {

border-left: 1px solid #999999;

border-bottom: 1px solid #ccc;

border-right: 1px solid #999999;

}

#head {

padding:0;

}

table#booking {

background: #FFFFFF;

border-top:1px solid #E1E1E1;

border-bottom:1px solid #E1E1E1;

border-left:1px solid #E1E1E1;

border-right:1px solid #E1E1E1;

}

#hornav p {

background:#fff;

 text-align:left;

}

.bread {

 padding:3px 3px 3px 5px;

 color: #000;

 text-transform: 

 capitalize;

 background:#fff;

 text-align:center;

 }

.bread a.p{

	text-transform:uppercase; 

	font:11px/13pt Verdana, Helvetica, sans-serif; 

	padding:0 5px 0 10px; 

	color:#000; 

	text-decoration: none;

	}

.bread a.p:hover{

 color:#FFF; 

}

h1.keyword, #keyword { 

	font-size:6pt;

	color:#7EB5FF;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	text-align:center;

}

img {

 border:0; 

 }

p {

 padding:0; 

 margin:0; 

 }

h1 { 

padding:0;

 margin:0; 

 }

h2 {

 padding:0; 

 margin:0; 

 }

td { 

font: 11px/10pt Verdana, Helvetica, sans-serif;

color: #000000;

}

table#main  {

background:#FFFFFF; 

 }

#main img { 

 margin: 0px;

 padding:0px;

 background:#FFFFFF;

 border:1px solid #ccc; 

 text-align: center; 

 clear: both; 

 }

#main td {

 padding:1px; 

 }

#main p { 

margin:1px 0 2px 0; 

padding-bottom:2px;

 padding-top:1px; 

 }

#main h2 { 

border-left:0;

border-right:0;

border-top:0; 

padding:3px 0 1px 0; 

margin:4px 0 0 0; 

text-align:left; 

color:#000000; 

font-weight: bold; 

text-transform:lowercase; 

font: 14pt/12pt Verdana, Helvetica, sans-serif;  

}

/* Index Column */

/* Middle Column */

.middle { 

border-left:1px solid #e1e1e1;

 border-right:1px solid #e1e1e1; 

 } 

/* CONTENT */

.content  td { 

font-size:11px;

 font-family: Arial, Helvetica, sans-serif;

 }

.content img { 

margin:0 0 0 0; 

background: #e1e1e1; 

padding:0; 

border:1px solid #333333;

 }

.google td { 

text-align: right; 

padding:5px 0 5px 2px; 

}

.google form {

 padding-bottom:5px; 

 border-bottom: 1px solid #CCCCCC;

 }

.google input { 

border:1px solid #333333; 

}

.google button { 

border:1px solid #333333;

 }

.google img {

 border:0px;

 }

table.subcontent { 

border-top: 1px solid #CCCCCC; 

}

.subcontent td {

 padding:5px 0 5px 2px; 

 }

div.spacer {

 display:block; 

 width:700px;

 margin:2px;

 }

a:link { 

 color: #7EB5FF;

 text-decoration: underline; 

 }

a:visited {

 color: #7EB5FF;

 text-decoration: underline; 

 }

a:active { 

color: #7EB5FF;

 text-decoration: underline;

 }

a:hover {

 color: #7EB5FF;

 text-decoration: none; 

 }



/* CONTENT */

table.isi { 

background:#FFFFFF; 

margin-top: 5px; 

} 

.isi td {

 padding:3px 5px 4px 5px; 

 }

.isi table { 

padding:7px 5px 7px 5px; 

}

.isi p {

 margin:3px;

 padding:4px 0 4px 0;

 }

.book {

 padding:0 0 5px 5px; 

 font : 12px/14px Arial, Helvetica, sans-serif;

 color : blue;

 text-align : right;

 }

 .none {

  background : #ffffff;

 }

td.gal {

 text-align:center;

}

.gal img {

 margin: 2px;

 padding:2px; 

 background:#e1e1e1; 

 border:1px solid #f2f2f2;

 width:200px; 

 height:134px; 

 }
.galindex img {

 margin: 3px;

 padding:2px; 

 background:#e1e1e1; 

 border:1px solid #f2f2f2;

 width:100px; 

 height:120px; 
 }

 td.garing {

 text-align:center;

}

.garing img {

 margin: 3px;

 padding:2px; 

 background:#e1e1e1; 

 border:1px solid #f2f2f2;

 width:150px; 

 height:100px; 

 }

.index img { 

margin: 3px 5px 3px 3px; 

padding:2px; 

 background:#e1e1e1;

 border:1px solid #f2f2f2; 

 width:150px; 

 height:100px;

 float: center;

 }

 .gallerytext {

  font: 9pt/10pt Verdana, Helvetica, sans-serif; 

  font-style : italic;

 }

.isi h2 { 

border-left:0;

border-right:0;

border-top:0; 

padding:3px 0 1px 3px; 

margin:0 0 1px 0; 

text-align:left; 

color:brown; 

text-transform:uppercase; 

font: 14pt/15pt Arial, Helvetica, sans-serif; 

}

.isi ul, .isi li {

 list-style-type: disc;

 margin-top:2px; 

 margin-bottom: 3px;

 }

p.title {

 font: 12pt/10pt Verdana, Helvetica, sans-serif; 

 text-align:left;

 font-weight: bold;

 color: #7EB5FF; 

 border-left:5px solid orange; 

 letter-spacing: 1px; 

 padding: 3px 0 0 5px; 

 }

.red { 

color: #FF0000;

 }

p.title:first-letter {

 font: 14pt/16pt Verdana, Helvetica, sans-serif; 

 color: #7EB5FF; 

 border-right: 2px solid #FFF;

 }

table.picktime {

 padding:0; 

 margin:0; 

 border:1px solid orange; 

 border-collapse:collapse; 

 }

.picktime p {

 background: orange;

 color:#fff; 

 font-weight:bold; 

 padding:1px 0 2px 0; 

 }

table.rate {

border-top :1px solid orange; 

border-left :1px solid orange; 

border-right :1px solid orange; 

}

 .rate td { 

padding:3px 1px 3px 5px; 

margin:0; 

border-bottom:1px solid orange; 

 border-collapse:collapse; 

 }

.rate p {

 background: orange; 

 color:#fff; 

 font-weight:bold;

 padding:1px 0 2px 0;

 }

.rateindex p {

 background: #7EB5FF; 

 color:#fff; 

 }
  
table.list-item{

border :1px solid orange;

}

 .list-item td {

 padding:1px 0 1px 0; 

 }

.list-item ul, .list-item li{ 

margin:0 0 0 3px;

list-style-type: none; 

color:#000000; 

font: 10pt/12pt Verdana, Helvetica, sans-serif; 

padding:2px 0 2px 0;

 text-transform: capitalize; 

 }

.list-item li { 

border-bottom:1px solid orange;

 padding:3px 0 3px 7px; 

 }

td.batas-bawah { 

padding-left:10px;

font-weight: bold; 

background: orange; 

color:#FFF; 

border-left:0px solid #FFFFFF;

 }

table.index { 

padding:3px 10px 3px 10px; 

}

.index h2 { 

border-left:0;

border-right:0;

border-top:0; 

padding:3px 0 1px 3px; 

margin:0 0 3px 0; 

text-align:right; 

color:brown; 

font-weight: bold; 

text-transform:uppercase; 

font: 15pt/16pt Arial, Helvetica, sans-serif; 

}

.index td { 

padding:5px 5px 5px 5px;

 text-align: justify;

 }

.index strong {

 text-transform: uppercase; 

 }

p.more { 

text-align: right; 

 padding:3px 3px 0 0;

 text-transform: uppercase;

 }

.more a {

 padding:3px 3px 0 12px;

 }

.more a:link { 

color: #333; 

text-decoration: none; 

} 

.more a:visited {

 color: #333; 

 text-decoration: none; 

 }

.more a:active { 

color:#333; 

text-decoration: none; 

}

.more a:hover { 

color: #999; 

text-decoration: none; 

}



/* FORM */

input, textarea { 

background: #FFFFFF; 

border:1px solid #333; 

}

select {

 border:0; 

 }



/* FOOTER */

#footer td { 

padding:0 7px 10px 5px;

}

#footer {

background: #FFFFFF;

}

table.menu-bottom { 

background: #FFF; 

padding: 0 0 0 0; 

border-bottom:1px solid #7EB5FF; 

border-top:1px solid #7EB5FF; 

}

.menu-bottom td {

font: 10px/12pt Verdana, Helvetica, sans-serif; 

padding:3px 5px 2px 3px; 

background: #7EB5FF; 

text-align: right; 

color: #000000; 

border-bottom:1px solid #FFF; 

border-top:1px solid #FFF; 

}

.menu-bottom a:link {

 color: #000000; 

 padding:3px 2px 3px 2px; 

 }

.menu-bottom a:active { 

color: #000000; 

padding:3px 2px 3px 2px; 

}

.menu-bottom a:visited { 

color: #333333; 

padding:3px 2px 3px 2px;

}

.menu-bottom a:hover { 

color: #FFFFFF; 

padding:3px 2px 3px 2px; 

}

.copyright p { 

padding-top: 5px; 

font: 11px/10pt Verdana, Helvetica, sans-serif;

 text-align: left; 

 }

.siteinfo img { 

padding: 10px 0 10px 0;

 font: 11px/10pt Verdana, Helvetica, sans-serif; 

 text-align: right; 

 }

.office p { 

padding-top: 5px;

 font: 11px/12pt Verdana, Helvetica, sans-serif;

 text-align: center; 

 color: #999999; 

 }

div#eXTReMe { display: none; visibility: hidden;}