/***************************************************************************************/
/*  BagosBeachBar.com - CSS layout 
/***************************************************************************************/

html, body, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, tr, td {
	border: 			 		0;
	margin: 			 		0;
	padding: 		 			0;
	vertical-align: 			top;
}

body {
	background-color: 			#FC0;
	color: 						#000;
	font-family: 				Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 					14px;
	line-height: 				22px;
	text-align: 				center;
	padding: 					0;
	margin: 					0;
}

/***************************************************************************************/
/*  MAIN DIVS
/***************************************************************************************/

.banner {
	background: 				url("../images/banner.jpg") no-repeat;
	margin: 					0px auto;
	height: 					292px;
	width: 						745px;
}

#container {
	background: 				white url(../images/margin_right.jpg) repeat-y right top; 
	margin:						0px auto;
	padding: 					0px;
	text-align:					left;
	width:						800px;
}

#content {
	background: 				white url(../images/margin_left.jpg) repeat-y left top;
	padding-left:				125px;
	text-align: 				left;
	width: 						550px;
}

/***************************************************************************************/
/*  STANDARD CLASSES
/***************************************************************************************/

h1 {
	color: 						#039;
	font-size: 					21px;
	font-weight: 				bold;
	margin: 						24px auto 0px auto;
	text-align: 				center;
}

p {
	margin: 						9px 0px 9px 0px;
	text-align: 				center;
}

p.photocaption {
	font-family: 				Arial, Helvetica, sans-serif;
	font-size: 					10px;
	font-weight: 				bold;
	margin: 						3px
}

p.bottomstrap {
	font-family: 				Arial, Helvetica, sans-serif;
	font-size: 					13px;
	font-weight: 				bold;
	margin-top:					18px
}

/***************************************************************************************/
/*  HYPERLINKS	
/***************************************************************************************/

a {
	color: 						#039;
	text-decoration: 			none;
}

a:visited { 
	color: 						#F39; 
}

a:hover, a:active, a:focus { 
	color: 						#C09; 
}

a.plain, a.plain:visited { 
	color: 						#000; 
}

a.plain:hover, a.plain:active, a.plain:focus { 
	color: 						#C09; 
}

/***************************************************************************************/
/*  IMAGES
/***************************************************************************************/

img {
	border: 						1px #002F40 solid;
	margin: 						0px;
}

div.logo {
	text-align: 					center;
}
img.logo {
	border: 						0px none;
	margin: 						25px auto 0px auto;
	text-align: 					center;
} 

img.rule {
	border:						0px none;
	margin:						15px 0 0 25px;
}

img.photoright {
	float: 						right;
	margin-bottom: 			12px;
	margin-left: 				15px;
	
}

img.photoleft {
	float: 						left;
	margin-bottom: 			12px;
	margin-right: 				15px;
}

img.noborder {
	border: 						0px none; 
}
	
/***************************************************************************************/
/*  FONTS
/***************************************************************************************/

.f09 { font-size: 			9px;  }
.f10 { font-size: 			10px; }
.f11 { font-size: 			11px; }
.f12 { font-size: 			12px; }
.f13 { font-size: 			13px; }
.f14 { font-size: 			14px; }
.f15 { font-size: 			15px; }
.f16 { font-size: 			16px; }
.f18 { font-size: 			18px; }

/***************************************************************************************/
/*  LINE HEIGHT
/***************************************************************************************/

.lh12 { line-height: 		12px; }
.lh13 { line-height: 		13px; }
.lh16 { line-height:        16px; }
.lh24 { line-height:        24px; }

/***************************************************************************************/
/*  FORMATTING
/***************************************************************************************/

.bd { font-weight: 			bold;  }
.it { font-style: 			italic; }

/***************************************************************************************/
/*  COLOURS
/***************************************************************************************/

.black  { color: 				#000; }
.blue   { color: 				#0AE; }
.red    { color: 				#F00; }
.orange { color:				#FD5600; }

/***************************************************************************************/
/*  MARGINS
/***************************************************************************************/

.mt00  { margin-top: 		0;     }
.mt03  { margin-top: 		3px;   }
.mt06  { margin-top: 		6px;   }
.mt09  { margin-top: 		9px;   }
.mt12  { margin-top: 		12px;  }
.mt18  { margin-top: 		18px;  }
.mt24  { margin-top: 		24px;  }
.mt30  { margin-top:        30px;  }
.mt36  { margin-top: 		36px;  }
.mt50  { margin-top: 		50px;  }
.mt70  { margin-top: 		70px;  }
.mt100 { margin-top: 		100px; }
.mt200 { margin-top: 		200px; }

.mb00  { margin-bottom: 	0;    }
.mb06  { margin-bottom: 	6px;  }
.mb09  { margin-bottom: 	9px;  }
.mb12  { margin-bottom: 	12px; }
.mb18  { margin-bottom: 	18px; }
.mb24  { margin-bottom: 	24px; }
.mb36  { margin-bottom: 	36px; }

.ml10  { margin-left: 		10px; }
.ml15  { margin-left: 		15px; }
.ml25  { margin-left: 		25px; }
.ml35  { margin-left: 		35px; }
.ml50  { margin-left: 		50px; }
.ml100  { margin-left: 		100px; }

/***************************************************************************************/
/*  WIDTHS
/***************************************************************************************/

.w15 { width: 					15px;}

/***************************************************************************************/
/*  ALIGNMENT
/***************************************************************************************/

.centre {
	margin-left: 				auto;
	margin-right: 				auto; 
	text-align: 				center;
}

.ac {	text-align: 			center; }
.al { text-align: 			left;   }
.ar { text-align: 			right;  }
.aj { text-align: 			justify;}

.vm { vertical-align: 		middle; }
.vt { vertical-align: 		top;    }
.vb { vertical-align: 		bottom; } 

/***************************************************************************************/
/*  LISTS
/***************************************************************************************/

ul { 						
	color:							#FD5600;
	list-style:						none;
	margin: 						30px 40px 18px 0px; 
	text-align:						center;
}
	

/***************************************************************************************/
/*  TABLES
/***************************************************************************************/

table {	
	border: 						1px solid #003399;
	font-size:					13px;
	width:						400px;
}

th {
/*	background: 				#d0e5ff;  */
	background: 				#003399;
	color:						white;
	padding:						5px 0px 5px 0px;
	text-align:					center;
}


td {
/*	background: 				#f0f7ff;  */
	background: 				#dfebff;
	padding:						4px;
}

/***************************************************************************************/
/*  PAYMENT FORM																		                  */
/***************************************************************************************/

#payment {
	margin-top: 				20px;
}

#payment h3 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 18px;
	text-align: center;
	text-transform: uppercase;
}

#payment p {
	text-align: 				left;
}

#payment p, #payment td, #payment label {
	font-size:					11px;
}

#payment table.logos {
	border:						0px none;
	text-align:					center;
	width:						100%;
}
#payment table.logos tr, 
#payment table.logos td {
	background: 				white;
}


#payment form {
	background-color: #EFEFEF;
	margin: 18px 0 0 0;
	padding: 6px 15px 15px 15px;
	border: 3px double #4e4e4e;
	text-align: center;
}

#payment label {
	float: left;
	padding-top:  3px;
	padding-right: 30px;
	text-align: right;
	width: 185px;
}

#payment p.fields {
	margin: 4px 0 4px 0;
	font-weight: bolder;
}

#payment p.errmess {
	color:			red;
	font-size:		14px;
	font-weight:	bold;
	line-height:	20px;
	padding:		24px 0 12px 0;
	text-align:		center;
}

#payment p.submit {
	text-align: 	center;
}

.red { color: Red; }

/***************************************************************************************/
/*  ADMIN PAGE 																								*/
/***************************************************************************************/

div.adminpanel {
	background: 				url(../images/login-panel.png) no-repeat;
	height:						385px;
	margin:						20px 0px 0px 25px;
	padding:						0px;
	width:						500px;
}

div.adminpanel form {
	padding:						190px 0px;
	margin:						0px auto;
	text-align: 				center;
}

div.adminpanel form p {
	padding:						0px;
}

div.adminpanel label {
	background-color:			transparent;
	color:						white;
	font-size:					1.25em;
	margin-right:				20px;
}

div.adminpanel input.subbut {
	height:						33px;
	margin:						36px 0px 0px 25px;
	padding:						8px 10px;
	text-align: 				center;
	width:						75px;
}

div.adminpanel input.subbut:hover,
div.adminpanel input.subbut:focus {
	background-color: 		#3399ff;
	color:						white;
}

#content p.error2 {
	background-color:			transparent;
	display: 					block;
	color:						red;
	font-size:					1.1em;
	font-weight:				bold;
	padding-top:				25px;
	padding-right:				25px;
	text-align:					center;
}

div.adpanel {
	margin-top:					36px;
	margin-left:				165px;
}

div.adpanel p {
	padding:						0px 0px;
	text-align:					left; 
}

div.adpanel label {
	display:						block;
	float:						left;
	width:						150px;
}

/***************************************************************************************/
/*  MISCELLANEOUS
/***************************************************************************************/

.clearit {
	clear: 						both;
	height: 						1px;
	overflow: 					hidden;				/* IE hack */
}

hr {
	background: 				#039 url(../images/rule.gif);
	height: 						2px;
	margin:						15px auto 0 auto;
	padding-top:				2px;
	text-align:					center;
	width: 						500px;
}

.seo {
	border: 						none;
	margin: 						0px;
	padding: 					0px;
	line-height: 				10px;
	text-align: 				center;
}

.contact {
	font-family: 				Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:					13px;
	font-weight:				bold;
	line-height:				20px;
	margin:						20px 0;
}

p.seologo {
	border:						0px none;
	margin-top:					250px;
	text-align: 				center;
}

p.seologo img {
	border:						0px none;
	margin:						20px;
	vertical-align: 			middle;
}

.pricetable {
	margin: 						18px 0 24px 70px;
	text-align:					center;
	width:						400px;
}

.highlight {	
	color:						#FF9E00;
	font-weight:				bold;
}

.f14 {
	font-size:					14px;
}

div.offer {
	background: 				#fff0b5; 
	border: 						3px double #7a3c00;
	margin:						24px 90px 0px 90px;
	padding:						20px;
}

div.offer p {
	color: #ae3000;
	font-size:					15px;
	font-weight:				bold;
	line-height: 				24px;
}

div.banner1 {
	background: #ffcc00; 
	border: 						3px double #7a3c00;
	margin:						24px 90px 10px 90px;
	padding:						20px;
}

div.banner1 h1 {
	color: #814103;
	font-size:					24px;
	padding-top:				10px;
	margin-top:					0px;
}
div.banner1 p {
	color: 						#814103;
	font-size:					16px;
	font-weight:				bold;
	line-height: 				24px;
}

.prices {
	color: 						#039;
	font-size: 					18px;
	margin-top:					18px;
	margin-bottom:				24px;
}