@charset "UTF-8";

/*  VR Vistas Style sheet - Creator: Rob Symberlist - January 2009, Updated July 2010  */

/*  General - common to every page  */
body {background: #000; MARGIN: auto; FONT-SIZE: 62.5%; FONT-FAMILY: "trebuchet ms", Arial, Helvetica, sans-serif; text-align: center;}
p {font-family: "trebuchet ms", arial, sans-serif; color: #FFF; font-size: 1.4em; }
a:link {color: #FFF; text-decoration: none;}
a:active {color: #CCC; text-decoration: none;}
a:visited {color: #FFF; text-decoration: none;}
a:hover {color: #F33; text-decoration: none;}
img {border-style: none; text-decoration: none; }
ul {font-family: "trebuchet ms", arial, sans-serif; color: #FFF; font-size: 1.4em; }
ol {font-family: "trebuchet ms", arial, sans-serif; color: #FFF; font-size: 1.4em; }

/*  Specific - used in some pages  */
ul.sitemap {font-family: "trebuchet ms", arial, sans-serif; color: #FFF; font-size: 1em;}
.topic {color: #F33;}
.text {font-family: "trebuchet ms", arial, sans-serif; color: #FFF; font-size: 1.4em; text-align: left; }
a.blue:link {color: #39F;}
a.blue:active {color: #39F;} 
a.blue:visited {color: #39F;}
a.blue:hover {color: #F33;text-decoration: none;} 
.highlight {padding:1em; background-color:#333; color: #FFF; font-size: 1.4em; }

/*  Container - common to every page  */
#container {position: relative; top: 0em; margin-left: auto; margin-right: auto; text-align: center; width: 787px; background: #000000;}

/*  Header, including Menu panel - common to every page  */
#header {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 787px;
	height: 167px;
	background-image: url('../images/header.png');
	background-repeat: no-repeat;
} 
#menu_bar {position: relative; padding-top: 9.6em; width: 787px; height: 5em; clear: both;}
/*#menu {float: left; width: 520px; text-align: left; font-size: 1.2em; font-family: "trebuchet ms", Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 1.3em; padding-left: 1.7em;}*/
#menu {float: left; margin-left: 10px; margin-top: 12px; height:22px; text-align:left;}
#menu ul {display:inline-block; margin:0 auto; padding:0; list-style:none; white-space:nowrap;}
#menu li {display:inline;}
#menu li a {display:block; border-left:1px solid #999; border-right:1px solid #999; margin:0px; height:21px; float:left; color:#fff; text-decoration :none; padding:1px 8px 0 8px; font: bold 12px/22px arial,sans-serif;}
#menu li a:hover, 
.home #menu li#home a,
.tours #menu li#tours a,
.apps #menu li#apps a,
.benefits #menu li#benefits a,
.faqs #menu li#faqs a,
.pricing #menu li#prices a,
.contact #menu li#contact a
 {padding:1px 8px 0 8px; border:1px solid #000; margin-top:2px; border-color:#000 #888 #666 #222; background:#222; color:#f00; height:18px; line-height:18px}
#search {float: right; width: 205px; font-size: 1.2em; text-align: right; padding-top: 1em; padding-right: 10px;}


/*  Main, including Flash demo panel - common to every page */
#main {position: relative; margin-left: auto; margin-right: auto; width: 787px; clear: both;}
#demo {position: relative; width: 787px; height: 205px; text-align: center; margin-left: auto; margin-right: auto; background-image:url('../images/demo.png'); background-repeat:no-repeat;}
#flasher {position: relative; width: 748px; height: 205px; margin-left: auto; margin-right: auto; }
#click {position: relative; margin:0; padding:0; width: 787px; height: 15px; background-image:url('../images/content.png'); background-repeat:repeat-y;}

/*  Content - unique to each page */
#content {position: relative; width: 787px; margin-left: auto; margin-right: auto; padding-left: 4em; padding-right: 4em; background-image:url('../images/content.png'); background-repeat:repeat-y;}
.subheadings {font-size: 1.8em; color: #FF2600; font-weight: bold; font-family: "trebuchet ms", Arial, Helvetica, sans-serif;}
#nav_bar {float: left; width: 134px; text-align: center; margin:0; padding:0;}
.nav_heading1 {font-size: 1.6em; color: #FF2600; font-weight: bold; font-family: "trebuchet ms", Arial, Helvetica, sans-serif; padding-left:20px;}
.nav_button {background-image: url(../images/buttonbk.jpg);	background-repeat: no-repeat; height: 22px; width: 134px; margin-top: 9px; margin-bottom: 9px; }
.nav_button {text-align: center; font-size: 11px; font-weight: bold; vertical-align: middle; line-height: 22px;}
.nav_button:hover {background-image: url(../images/buttonbkdown.jpg); background-color: #000; }
#home_left {float: left;  width: 70%; text-align: left; margin:0; padding:0;}
#home_right {float: left; width: 25%; text-align: center; margin:0; padding:0;}
#action_left {float: left; width: 220px; text-align: left; margin:0; padding-left: 5em;}
#action_right {float: left; width: 220px; text-align: left; margin:0; padding-left: 5em;}
#action {float: left; width: 540px; text-align: left; margin:0; padding-left: 2em;}
#features {float: left; width: 360px; text-align: left; margin:0; padding-left: 2em;}
#features_left {float: left; width: 400px; text-align: left; margin:0; padding-left: 2em;}
#features_right {float: left; width: 150px; text-align: center; margin:0;}
.enquire_now {margin-top:20px; text-align: center; }
#table1 {font-family: "trebuchet ms", arial, sans-serif; color: #FFF; font-size: 1.4em; }
#table2 {font-family: "trebuchet ms", arial, sans-serif; color: #FFF; font-size: 1.4em; }
#table6 {font-family: "trebuchet ms", arial, sans-serif; color: #FFF; font-size: 1.2em; }
#table10 {font-family: "trebuchet ms", arial, sans-serif; color: #FFF; font-size: 1.2em; }

#answers {float:left; width: 90%; text-align: left; margin:0;} 
#results {width: 90%; text-align: left; margin:0;} 
#prices {width: 720px; text-align: left; padding-right: 20px; margin:0;} 
#contact_left {float: left;  width: 50%; text-align: left; color: #F33; margin:0;}
#contact_right {float: right; width: 40%; text-align: left; color: #FFF; margin-right: 3em;}
.form {text-align: left; color: #F33; font-weight: bold;}
.clearboth {clear: both; width: 0px; height: 0px; margin: 0px;}

#test {position: relative; margin:0; padding:0; width: 90%; text-align: left;} 

#tour_panel {position: relative; width: 787px; margin-left: auto; margin-right: auto; padding-left: 20px; background-image:url('../images/content.png'); background-repeat:repeat-y;}
#tour_intro {width: 730px; text-align: left; padding-left: 10px; }
#tour_menu {width: 750px; height: 75px; margin-top : 8px; margin-bottom: 5px;}
#tour_strip {width: 750px; height: 75px; }
#tour_overview {position: relative; width: 748px; clear: both;}
.tour_image {float: left; width: 348px; text-align: left; margin-right: 8px;}
.tour_text {float: left; width: 348px; text-align: left; color: #fff; }
.tour_highlight {font-weight:bold; color: #FF2600;}
.tour_thumb {width: 121px; height: 75px; float: left; margin-right: 4px;}
#panel {width: 748px; height: 460px; left: 20px; top: 0px; padding:0px; background: #000;}
.panelActive { z-Index:100;}
.panelInactive { z-Index:10;}

/*  Footer, including About links - common to every page  */
#footer {position: relative; width: 787px; top: -0.4em; height: 130px; margin-left: auto; margin-right: auto; clear:both; background-image:url('../images/footer2.png'); background-repeat:no-repeat;} 
#about_bar {margin-left: 520px; margin-right: 20px; padding-top: 85px; font-size: 1.2em; font-family: "trebuchet ms", Arial, Helvetica, sans-serif; font-weight: bold; }