* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%; /* Required */
}

body {
   background: #F7F7F6 url(background.gif) repeat-y 50% 0;
   background-attachment: fixed;
   margin: 0;
   padding: 0;
   text-align: center; 
   font-family: 'Trebuchet MS', arial, helvetica, sans-serif;
}

.text {
	font: 0.8em 'Trebuchet MS', arial, helvetica, sans-serif;
	color: #606060;
	margin-bottom: 10px;
}

.text#intro {
	font-size:0.9em;
	font-weight:bold;
	}

.text#links {
background:url(window-cascade-trans.png) no-repeat top left;
line-height:24px;
text-indent: 30px;
}

a:link, a:visited {text-decoration: underline; color:#6195bd; font-weight:bold;}
a:active {text-decoration: underline;}
a:hover {text-decoration: underline;  color:#f2bc00; font-weight:bold;}

.imageright {
	float: right;
	margin:0 0 1em 1em;
	padding:7px 7px 2px 7px;
	background-color: #ffffff;
	border: 1px solid #bac1a3;
}

.imageleft {
	float: left;
	margin:0 1em 1em 0;
	padding:7px 7px 2px 7px;
	background-color: #ffffff;
	border: 1px solid #bac1a3;
}

.imageright h4, .imageleft h4 {
font: 0.7em 'Trebuchet MS', arial, helvetica, sans-serif;
color: #606060; 
font-weight:bold;
margin:3px 0 0 0; 
}

.imageright h4 {
text-align:right;
}

.imageleft h4 {
text-align:left;
}

#container-page {
  width: 692px; 
  margin: 0 auto;
  background: transparent;
  text-align: left;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}

#head h1{
   text-indent: -9999px;
   width: 692px;
   height: 92px;
   background: url(header2.jpg);
   margin: 0;
   padding: 0;
   border-bottom:5px solid #fff;
   border-top:7px solid #fff;
}

#container-content {
  width:692px;
  }

#container-content:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

#content-pri {
width: 470px;
float: left;
clear:none;
padding: 15px 20px 10px 20px;
}

#content-pri h2{
	text-indent: -9999px;
	width: 286px;
	height: 30px;
	margin:10px 0 20px 0;
	padding: 0;
}

#content-pri h2#index_h2 {
background: url(welcome.gif) no-repeat;
}

#content-pri h2#about_h2 {
background: url(about.gif) no-repeat;
}

#content-pri h2#aboutsj_h2 {
background: url(aboutsj.gif) no-repeat;
}

#content-pri h2#prices_h2 {
background: url(prices.gif) no-repeat;
}

#content-pri h2#contact_h2 {
background: url(contact.gif) no-repeat;
}

#content-pri h2#antigua_h2 {
background: url(antigua.gif) no-repeat;
}

#content-pri h2#links_h2 {
background: url(links.gif) no-repeat;
}

#content-pri ul#list { 
list-style-type:none;
font-size:0.8em;
margin-bottom:15px;
}

#content-pri ul#list li{ 
padding-left:30px;
line-height:30px;
background: url(web-file-trans.png) no-repeat;
}


#content-sec {
width: 175px;
float: left;
clear:none;
font: 1em 'Trebuchet MS', arial, helvetica, sans-serif;
}

/* --- navigation --- */

#content-sec ul {
	margin: 0;
 	padding: 0;
 	list-style-type: none;
 	font: bold 0.8em 'Trebuchet MS', arial, helvetica, sans-serif;
	letter-spacing: 1px;
	background:#ffcc33;
	border-bottom:2px solid #ccc;
}

#content-sec ul a {
 	display: block;
 	width: 165px;
	border-bottom:2px solid #fff;
	margin:0;
	padding:4px 0 4px 10px;
}

#content-sec ul a:link, #content-sec ul a:visited {
	background: #ffcc33 no-repeat bottom right; 
 	color: #606060;
 	text-decoration: none;
}

#content-sec ul a:hover {
	background: #f2be22 url(nav_over.gif) no-repeat bottom right; 
	color: #000;
	text-decoration: underline;
}

#content-sec li a#current {
	background: #f2be22 url(nav_over.gif) no-repeat bottom right; 
	color: #000;
	text-decoration: none;
}

#content-sec ul,#content-sec ul li {
  list-style: none;
}

#content-sec div#weather, #content-sec div#weather h4, #content-sec div#pop, #content-sec div#pop h4{
max-width:152px;
width:expression( 
    document.body.clientWidth > (500/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "152px":
        "auto" );
}

#content-sec div#weather, #content-sec div#pop {
width:152px;
background:#fff url(weather.gif) no-repeat top left;
margin:10px 5px 0 5px;
padding:5px;
font-size:0.8em;
-moz-border-radius:10px;
}

#content-sec div#pop img {
float:right;
position:relative;
top:0;
right:0;
}

#content-sec div#weather h4, #content-sec div#pop h4 {
width:152px;
display:block;
margin:0 0 5px 0;
font-size:1.2em;
color: #606060;
}


#container-foot {
  width: 100%;
  background: #F2BC00;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height: 20px;
}

#foot {
line-height: 40px;
margin: 0px auto;
position: relative;
background-color: #F2BC00;
width: 692px;
padding: 5px 0;
clear: both;
border-top: 8px solid #fff;

}

#foot h2 {
	text-align: center;
	font: normal 0.7em 'Trebuchet MS', arial, helvetica, sans-serif;
	color: #606060;
}

#foot h2 a:visited, #foot h2 a:link {
	color: #606060;
	text-decoration: none;
	border-bottom: 1px dotted #D3D8C4;
}

#foot h2 a:hover {
	color: #F7F7F6;
	text-decoration: none;
	border-bottom: none;
}


/*style for client-side validation error highlighting*/
input.errHilite, textarea.errHilite {
	border: 2px solid red;
	background-color: #F6F6F6;
	}

/* Fieldset in contact form */
#content-pri fieldset {
	margin: 20px 0 0 0;
	padding: 0;
	border: none;
	border-top: 3px solid #6195bd;
	background-color: #fff0ba;
	}

fieldset input, textarea, label {
	font-family:'Trebuchet MS', arial, helvetica, sans-serif;
	font-size:0.8em;
	}

fieldset textarea { width: 300px; }

fieldset p {
	margin: 0;
	padding: 6px;
	color: #c90;
	font-weight: bold;
	border-bottom: 1px solid #6195bd;
	}

fieldset p span {
	color: #666;
	font-size: 0.7em;
	font-weight: normal;
	font-family:'Trebuchet MS', arial, helvetica, sans-serif;
	}
	
fieldset p label {
	float: left;
	display:block;
	width: 120px;
	font-size:0.8em;
	}
	
fieldset p.submit {
	margin: 0 0 5em 0;
	padding: 5px 0;
	background-color: #fff0ba;
	border-bottom: 3px solid #6195bd;
	}

fieldset p.submit input {
	font-family: 'Trebuchet MS', arial, helvetica, sans-serif;
	font-size:0.8em;
	font-weight:normal;
	margin-left: 125px;
	}

#ContactSent, #ContactError {
	margin-bottom: 20px;
	padding: 10px;
	border-top: 1px dotted #390;
	border-bottom: 1px dotted #390;
	background-color: #DDF3C6;
	font-size: 14px;
	color: #390;
	text-align: center;
	}

#ContactError {
	border-top: 1px dotted #900;
	border-bottom: 1px dotted #900;
	background-color: #F7E7E7;
	color: #900;
	}
	
/* table styling */
table {
	margin: 0;
	padding: 0;
	width:450px;
	margin-bottom:10px;
	}

thead th{
font-weight:bold;
background-color:#FFDB5F;
}

th {
	width: 50%;
	padding: 4px 2px 2px 5px;
	color: #2B353A;
	background-color: #FFE99F;
	font-size: 75%;
	font-weight: normal;
	text-align: left;
	text-transform: capitalize;
	}
tr.odd th {
	color: #42525A;
	background-color: #FFE27F;
	}
td {
	width: 25%;
	padding: 4px 10px;
	color: #42525A;
	background-color: #FFE99F;
	font-size: 75%;
	}
tr.odd {
	color: #42525A;
	background-color: #F3F6F8;
	}
tr.odd td {
	color: #42525A;
	background-color: #FFE27F;
	}

tr td:hover, tr.odd td:hover {
	color: #fff;
	background-color: #6697be;
	}
tbody .odd:hover {
	color: #fff;
	background-color: #6697be;
	}
	
.error
{
	color: red;
	font-size: 12px;
}