﻿/* CSS Document */

body {
	background-color: #33ccff;
	background-image: url(../img/bg_lowered.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

table 
{ 
	padding-left: 5px; 
	margin-left: 10px;
}

td
{
	text-align:center;
}

iframe {
border: 0px solid #ffffff;
}


#apDiv800x600SafeArea {
	position:absolute;
	width:760px;
	height:770px;
	z-index:1;
	left: 50%;
	margin-left: -380px;
}

#navBar {
	position:absolute;
	width:759px;
	height:70px;
	z-index:1;
}

/* Nav Bar Swap Code
----------------------------------------------------------------------*/

.imageSwap
{
	list-style: none;
	margin:0px;
	padding-left: 15px;
}

.imageSwap a .imageswap
{
	display: none;
}

.imageSwap a:hover .imageswap
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.imageSwap img
{
	border-style: solid;
	border-width: 0px;
	color: inherit;
	vertical-align: top;
}

.imageSwap li
{
	border-style: solid;
	border-width: 0px;
	display: inline;
	float: left;
	position: relative;
}

/* END Nav Bar Swap Code
----------------------------------------------------------------------*/

#mainText {
	position:absolute;
	width:312px;
	height:520px;
	z-index:2;
	left: 1px;
	top: 199px;
}
#imagePreview {
	position:relative;
	width:430px;
	height:520px;
	z-index:3;
	left: 330px;
	top: 207px;
}
#gallery {
	position:relative;
	width:420px;
	height:80px;
	z-index:4;
	left: 5px;
	top: 420px;
}

.mainTextHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 15px;
	padding-top: 20px;
}

.mainTextStyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
}

#sublinks {
	position:absolute;
	left:-1px;
	top:74px;
	width:763px;
	height:94px;
	z-index:1;
	text-align:center;
	color:#663300;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 0px;
}

#sublinks li{
	display: inline;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
}

#sublinksContainer{
	position:absolute;
	width:830px;
	left: -50px;
	margin-top:20px;
	height: 69px;
}

/* Links */

a:link {
color: #663300;
text-decoration:none;
}

a:visited {
color: #663300;
text-decoration:none;
}

a:active {
text-decoration:none;
border:none;
}

a:hover {
color: #990000;
text-decoration:none;
}

a img 
{
    border: none;
}

a img:active {
	border: none;
}

/* Google Maps */
#map {
	text-align:center;
	padding:10px;
	width: 400px;
	height: 460px;
	position:absolute;
	margin-top: 20px;
	margin-bottom: 20px;
}

#subsublinks {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	text-decoration: none;
	list-style:none;
	position: absolute;
	top: 442px;
	width: 293px;
	left: 11px;
}

#subsublinks .links{
	padding: 0px;
	margin: 0px;
	list-style:none;
}

#subsublinks .links li {
	padding-top:5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

#subsublinks A:link {text-decoration: none; color:#663300}
#subsublinks A:visited {text-decoration: none; color:#990000}
#subsublinks A:active {text-decoration: none}
#subsublinks A:hover {text-decoration: none; color: #990000;}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	padding:0;
	cursor: default;
	list-style: none;
	margin:0px;
}

.hoverbox a
{
	cursor: default;
	margin: 0;
}

.hoverbox img
{
	border-style: solid;
	border-width: 0px;
	vertical-align: top;
	width: 75px;
	height: 75px;
	margin: 0;
}

.hoverbox li
{
	color: inherit;
	display: inline;
	float: left;
	position: relative;
	margin-left: 2px;
	margin-right: 2px;
	padding:0px;
	border:0px;
}

.hoverbox .preview1 {	width: 400px;	height: 375px; }
.hoverbox .preview2 {	width: 400px;	height: 375px; }
.hoverbox .preview3 {	width: 400px;	height: 375px; }
.hoverbox .preview4 {	width: 400px;	height: 375px; }
.hoverbox .preview5 {	width: 400px;	height: 375px; }

.hoverbox a .preview1 {	display: none;}
.hoverbox a .preview2 {	display: none;}
.hoverbox a .preview3 {	display: none;}
.hoverbox a .preview4 {	display: none;}
.hoverbox a .preview5 {	display: none;}

.hoverbox a:hover .preview1
{
	display: block;
	position:absolute;
	left: 0;
	top: -415px;
	z-index: 1;
}

.hoverbox a:hover .preview2
{
	display: block;
	position:absolute;
	left: -80px;
	top: -415px;
	z-index: 1;
}

.hoverbox a:hover .preview3
{
	display: block;
	position:absolute;
	left: -160px;
	top: -415px;
	z-index: 1;
}

.hoverbox a:hover .preview4
{
	display: block;
	position:absolute;
	left: -240px;
	top: -415px;
	z-index: 1;
}

.hoverbox a:hover .preview5
{
	display: block;
	position:absolute;
	left: -320px;
	top: -415px;
	z-index: 1;
}

#footer {
	position:absolute;
	left:0px;
	top:730px;
	width:760px;
	height:42px;
	z-index:2;
}

#footer img { 
	margin-left: 10px; 
	margin-right: 10px;
}

.footertext {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0099CC;
	font-size: 10px;
	padding: 0px;
	margin: 5px;
}

.footertext a{
	color:#09F;
}

#facebook {
	float: left;
}

#flags {
	float: left;
	width: 640px;
}

#wifi {
	float: left;
}




/* Repcatcha Style */

/* .recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#FF0000 !important; //reCaptcha widget background color
 }
 
 #recaptcha_table {
   border-color: #FF0000 !important; //reCaptcha widget border color
   width: 1200px;
 }
 
 #recaptcha_response_field {
   border-color: #FF0000 !important; //Text input field border color
   background-color:#FF0000 !important; //Text input field background color
 }*/

