/************** Default Elements *******************/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* hide from IE mac \*/ 
html {
	height: 100%;
	margin-bottom: 1px;
}
/* end hiding from IE5 mac */

body {
	background: url(../images/water_background_05wide.jpg) no-repeat;
	font: 100.01%/120% Verdana, Arial, Helvetica, sans-serif;
	color: #000;

}


/************** Layout Elements *******************/



#wrapper {
	width: 775px;
	margin: 0 auto;
	font-size: 80%;
}


#content {
	padding: 1px 0 0 0;
	margin: 0 0 0 0px;
}

#contenttextcolor {
	background-color: #ffffd9;
}


#footer {
	margin-top: 15px;
}

#footer p {
	float: right;
	color: #fff;
	font-size: 80%;
}

#footernav {
	background-color: #3d787e ;
}

#footernav ul {
	padding: 1px;
	text-align: center;
}

#footernav li {
	display: inline;
	margin: 0em 2em;
}

#footernav a {
	color: #ffffd9;
	text-decoration: none;
	font-weight: bold;
}

#footernav a:hover {
	color: #afd6d5;
}


/******** CHILLAXIN LOGO here ***********/
#header {
	height: 144px;
	background: url(../images/chillaxin_logo_4.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}


/******** BOAT PHOTO here ***********/
#strap {
	height: 213px;
	background: url(../photos/photo_index_main.jpg) no-repeat;
}

#strap2 {
	height: 213px;
	background: url(../photos/photo_index_main_2.jpg) no-repeat;
}

#strap-chillaxin_1 {
	height: 295px;
	background: url(../photos/photo_vessels-page_chillaxin.jpg) no-repeat;
}

#strap-chillaxin_2 {
	height: 348px;
	background: url(../photos/photo_vessels-page_chillaxin2.jpg) no-repeat;
}

#strap-chillaxin_too_1 {
	height: 285px;
	background: url(../photos/photo_vessels-page_cToo_side.jpg) no-repeat;
}

#strap-chillaxin_too_2 {
	height: 359px;
	background: url(../photos/photo_vessels-page_cToo_down.jpg) no-repeat;
}

/************** Text Elements *******************/

h1, h2, h3, h4, h5, h6, h7 {
	margin: 15px 0 5px 0;
	padding: 8px 0 0 8px;
	font-size: 190%;
	color: #000;
	font-family: "Monotype Corsiva";
}

h2 {
	font-size: 170%;
	margin-top: 10px;
	padding-bottom: 15px;
	text-align: center;
	
}

h3 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 150%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

h4 {
	margin: 15px 0 5px 0;
	padding: 8px 0 0 8px;
	font-size: 190%;
	color: #000;
	font-family: "Monotype Corsiva";
}


p {
	margin: 8px 0;
	padding: 0px 8px 8px 8px;
	font-weight: bold;
}

.pbold {
	font: 100.01%/120% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;

}

.pital {
	font: 100.01%/140%  Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	color: #3e7780;
}


.pcharters {
	color: #000;
	font-size: 160%;
	font-weight: bold;
	font-family: "Monotype Corsiva";
}

.pcharters2 {
	color: #000;
	font-size: 140%;
	font-weight: bold;
	font-family: "Monotype Corsiva";
}

.pheadcontact {
	margin: 10px 0 0 0;
	padding: 15px 0 5px 0;
	color: #000;
	font-size: 220%;
	font-weight: bold;
	text-align: center;
	font-family: "Monotype Corsiva";
}


.paddress {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #000;
	font-size: 130%;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pphone {
	margin: 0 0 0 0;
	padding: 15px 0 0 0;
	color: #000;
	font-size: 180%;
	font-weight: bold;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pminus {
	margin: 8px 0;
	padding: 0 0 0 0;
}

/************** Generic Classes for floating images *******************/

.right {
	float: right;
	margin: 5px 0 2px 0px;
}


.left {
	float: left;
	margin: 5px 0px 2px 0;
}

/************** Link Styles *******************/

a img {
	border: none;
}

a {
	color: #000000;
	
}

a:hover {
	color: #3d787e;
	
}

/*********** Navigation *************/

#header ul {
  margin-top: 98px;
  padding: 10px 5px 0;
  list-style-type: none;
  float: right;
 }
  
#header li {
  float: right;		
  background: url(../images/right.gif) no-repeat top right;
  padding: 0 5px 0 0;
  margin-left: 6px;
}
  
#header a {
  float: left;
  display: block;
  background: url(../images/left.gif) no-repeat left top;
  padding: 2px 8px 1px 13px;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
}

#header a:hover, #header a:focus {
  color: #afd6d5;
}
  
#header #current {
  background-image: url(../images/right_on.gif);
}
  
#header #current a {
  background-image: url(../images/left_on.gif);
  color: #000;
  padding-bottom: 3px;
  padding-top: 4px;
}
  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {
float: none;
}
/* End IE5-Mac hack */


/*********Show to IE mac *************/
 /*\*//*/
 #header {
	height: 144px;
}

#header ul {
	padding-top: 104px;
}
/**/