/* MAIN STYLES */

body {

	background-attachment: fixed;
	background-color: #000;
	background-image: url(/water-and-sky.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	margin:0;
	padding: 0;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

/*
This next definition doesn't allow the background to get any smaller
than a predefined size (640x426px in this case). Change the values
here to match your background image size. The configuration in the
flexi-background javascript file should also match these values.
*/
 
@media only all and (max-width: 640px) and (max-height: 426px) {
	body {
		background-size: 640px 426px;
		-moz-background-size: 640px 426px;
		-webkit-background-size: 640px 426px;
	}
}
 
/*
The next 2 definitions are for support in iOS devices.
Since they don't recoginze the 'cover' keyword for background-size
we need to simulate it with percentages and orientation
*/
 
@media only screen and (orientation: portrait) and (device-width: 320px), (device-width: 768px) {
	body {
		-webkit-background-size: auto 100%;
	}
}
 
@media only screen and (orientation: landscape) and (device-width: 320px), (device-width: 768px) {
	body {
		-webkit-background-size: 100% auto;
	}
}

@font-face {
	font-family: "seasideresort";
	src: url(seasideresort.ttf);
}

.seasidefont {
	font-family: seasideresort, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

h1 {
	font-size: 20pt;

}

.hometitle h1 {
	font-size: 42pt;
	#margin-bottom: 0px;
}


h2 {
	font-size: 18pt;
}

h3 {
	font-size: 16pt;
}

.subheading {
	font-size: .8em;
	font-style: italic;
}

p {
	font-size: 13pt;
}

a {
	color: #000000;
}

a:hover {
	color: #ffffff;
}

a:active {

}

.nohov img {
}

.nohov a:hover img {
}

ul, li {
}



/* CLASSES & IDs */

#container {
	width: 980px;
	min-height: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#head {
	width: 980px;
	position: relative;
	margin: 0 auto;
	text-align: center;
	padding-top: 10px;

}

#head a {

	font-size: 16pt;
}

#bodyhome {
	width: 980px;
	position: relative;
	vertical-align: top;
	text-align: center;
	padding-bottom: 215px;   /* Height of the footer <> FOOTER HEIGHT <> FOOTER HEIGHT <> FOOTER HEIGHT <> FOOTER HEIGHT <> FOOTER HEIGHT <>*/
}

#body {
	width: 980px;
	position: relative;
	vertical-align: top;
	text-align: center;
	padding: 0px 0px 0px 0px;	/* Got rid of gap between DIVs, DIV background did not seem to reach adjacent DIVs */
}


#adminbody {
	width: 980px;
	position: relative;
	vertical-align: top;
	padding: 0px 0px 0px 0px;	/* Got rid of gap between DIVs, DIV background did not seem to reach adjacent DIVs */
}

#clear {			/* This div inserted on bottom of #mainbody div (after #menu div) to extend bacground image  */
	clear: both;
	margin: 0px;
}

#footerhome {
	width: 980px;
	position: absolute;
	bottom: 0;
	height: 215px;   /* Height of the footer <> FOOTER HEIGHT <> FOOTER HEIGHT <> FOOTER HEIGHT <> FOOTER HEIGHT <> FOOTER HEIGHT <> FOOTER HEIGHT <>*/
	text-align: center;
	#margin: 0 auto;
	#overflow: hidden; /* Added - Footer BG Image would not display full height */
	#text-align: center;
}

#footerhome p {
	font-size: 10pt;
	color: #000000;

}

#footerhome a {
	text-decoration: none;
}

#footerhome a:hover {
	color: #179797;
}

#footer {
	width: 980px;
	margin: 0 auto;
	overflow: hidden; /* Added - Footer BG Image would not display full height */
	text-align: center;
}

#footer p {
	font-size: 10pt;
	color: #000000;

}

#footer a {
	text-decoration: none;
}

#footer a:hover {
	color: #179797;
}



.cyberangler {
	font-size: 8pt;
	color: #ffb800;
}

.cyberangler a {
	color: #ffb800;
}

.cyberangler a:hover {
	color: #ffffff;
}

.img_right img {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
}

.img_left img {
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.img_right_spc img {
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
}


/*
* html body {
	overflow:hidden;
}
* html div#body_wrapper {
	height:100%;
	overflow:auto;
}
*/

.img_right img {
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 2px;
	margin-left: 6px;
}

.rates_table p {
	line-height: 1.0em;
	margin: 0 0 0 0;	/* Used this to get ridd of extra space above and below each row of text within table */
}

.required {
	color: #FF0000;
	font-weight: bold;
}

.contact_form {
	width: 600px;
}

.contact_form fieldset {
	position: relative;
	border:1px solid #000000;
	padding:10px;
	margin:10px 0 20px 0;
	background-color: #ffffcc;

}

.form p {
	margin: 0 0 0 0;	/* Used this to get ridd of extra space above and below each row of text within table */
}

.extra {
	display: none;
}




/* Photo Gallery Styles */

.frapg {
	display: inline;	/* Needed to fix left margin - upload options were shifted to the right after dynamic menu right side */
	font-size: 12pt;

}

.frapg h1 {
	margin: 0 0 0 0;	/* Used this to get ridd of extra space above and below each row of text within table */
}

.frapg p {
	margin: 0 0 0 0;	/* Used this to get ridd of extra space above and below each row of text within table */
}

.frapg td {				/* Fix for TD extending past defined table width to fill parent DIV */
	#max-width: 720px;
}


.reports p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;

}

/*
.reports a {
	color: #cccc00;
}
*/


.reports img {
	vertical-align: text-top;
	/*
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 200%;
	*/
}

.reports table {
	background-color: #ffffff;	/* Set table BG to match page BG - Firefox display problem */
}

/* Medium Color BG */
.gpn_tborder {
	color: #CCCCCC; 
	background: #f0f0f0; 
	border: 1px solid #000000;
}

/* Dark Color BG */
.gpn_control {
	font: bold 12px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color: #FFFFFF; 
	background: #505050; 
	padding: 3px 6px 3px 6px; 
	white-space: nowrap;
}

/* Light Color BG */
.gpn_inactive {
	color: #000000;	
	background: #f8f8f8; 
	text-decoration: none;
}

/* Medium Color BG */
.gpn_active {
	color: #000000;
	background: #f0f0f0; 
}

.gpn_smallfont {
	font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.photogallery img {
	border: 1px solid;
}

.photogallery a img {
	border-color: #2e2e2e;
}

.photogallery a:hover img {
	border-color: #ecd4a4;
}

.photogallery a {
	background-color: transparent;
}

.photogallery_caption p {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
    font-size: 9px;
	line-height: 1.1em;
}

.photogallery_lrg_caption p {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 1.1em;
}