/*************************************
   WELCOME TO THE CUSTOM STYLESHEET
--------------------------------------
              style.css
        BlueTrip CSS Framework
    Put your custom styles in here.
***************************************/

/**************************************/
/*           COLOR SCHEME             */
/**************************************
- black		#000
- white		#fff
-           #
-           #
-           #
***************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/

html, body {
  height: 100%;
  min-height: 500px;
  min-width: 700px;
  position: relative;
}

body {
  background-color:#fff;
  color:#959595;
  font-family:Tahoma;
  margin:0;
  padding:0;
}

#img_bg, #flash_bg{
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
}

#img_bg img{
  height: 100%;
  min-width: 700px;
}

#flash_bg embed, #flash_bg object{
  margin:0 auto;
  position:relative;
  z-index:2;
}

h1, h2, h3 {
color:#d66528;
}

h1 { font-size:22px;
text-transform:uppercase;
}
h2 { font-size:19px;
text-transform:uppercase;
}
h3 { font-size:16px;
font-weight:normal;
}

#content b, #content  strong { color:#959595; font-weight:bold;
}

.container {
  position: relative;
  margin: 0 auto;
  width: 700px;
  height: 100%;
  min-height: 500px;
  z-index: 3;
  overflow: hidden;
}
.container .main {
  float:left;
  margin:19px 0 0 19px;
  position:relative;
  font-size:16px;
  width:140px;
}


#main_menu {
background-color:#fff;
}

#main_menu ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin: 0;
}

#main_menu ul li {
  border-top:2px dotted #E08B5D;
  margin:0;
  padding:3px 7px 3px 11px;
}

#main_menu ul li.last {
  border-bottom:2px dotted #E08B5D;
}

#main_menu ul li a {
  color:#E08B5D;
  display:block;
  line-height:18px;
  text-decoration:none;
  text-transform:uppercase;
  width:100%;
}

#main_menu ul li a:hover, #main_menu ul li.active a {
color:#000;
}

#secondary_menu {
padding:4px 0 4px 12px;
}

#links {
  width:116px;
  height:20px;
  padding:38px 12px 12px 12px;
  background:transparent url("../images/links.gif") no-repeat left bottom;
  word-spacing:0;
  line-height:20px;
  font-size:0;
}

#links a {
  padding:0;
  margin:0;
  margin-right:10px;
}

#secondary_menu {
color:#FFFFFF;
height:38px;
left:0;
bottom:-48px;
}

#secondary_menu a {
color:#FFFFFF;
cursor:pointer;
text-decoration:none;
text-transform:uppercase;
}

#secondary_menu * {
vertical-align:middle;
}

#view {
  width: 480px;
  height: 95%;
  position: relative;
}

#view.start #enclose {
  background-color: transparent;
  margin: 16px 0;
  text-align: justify;
  position: relative;
}
#view.start #show_hide { display:none;
}
#view.start #submenu { display:none;
}
#view.start #content {
    padding:0 10px;
    text-align:left;
}
#view.start #content h1 { color:#fff; margin:0; font-weight:normal; line-height:35px;
}

#view #content, #view #submenu {
padding:0 40px;
width:360px;
}

#view a#show_hide {
display:block;
position:absolute;
color:#fff;
top:-20px;
left:0;
text-transform:uppercase;
text-decoration:none;
font-size:16px;
}

#view #enclose{
height:95%;
overflow:auto;
background-color:#fff;
/*better use a transparent image, more compatible... background-color:rgba(255, 255, 255, 0.5);*/
padding:16px 0;
text-align:justify;
}

#view #submenu {
font-size:16px;
margin-bottom:10px;
color:#e08b5d;
}

#view #submenu a {
text-transform:uppercase;
color:#e08b5d;
color:#c55417;
text-decoration:none;
}

#view #submenu a:hover, #view #submenu a.active {
color:#000;
}

#view #submenu h2 {
  font-weight:normal;
}

#content {
/*overflow:auto;
height:92%;*/
color:#000;
text-align:justify;
}

#content div {
float:left;
width:132px;
text-align:center;
padding:0;
margin:10px;
}

#content h1, #content h2, #content h3 {
color:#c55417;
}

#content a {
color:#2255bb;
}

#content div img {
border:solid 1px #000;
}

#banners { display:none; }