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

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


/**************************************/
/*              GLOBALS               */
/**************************************/
body {
background:url("../images/back.gif") repeat-x scroll left top #561801;
font-family:Arial Narrow, Arial;
font-size:13px;
padding:0;
margin:0;
}

h1 {
 font-size:30px;
 color:#98341D;
 text-transform:uppercase;
 background:url(../images/arrow.gif)
 23px center no-repeat; padding-left:40px;
 font-weight:normal;
 margin-top:10px;
 margin-bottom:44px;
 text-align:left;
}

.relative { position:relative; }

div#container {
margin:0 auto;
width:1000px;
}

p{
padding:0 20px;
line-height:16px;
}

/**************************************/
/*              HEADER                */
/**************************************/
div#langs {
height:35px;
line-height:35px;
padding-right:135px;
text-align:right;
font-size:14px;
}
div#langs a {
padding:0 5px;
color:#fff;
text-decoration:none;
}
div#langs a.active {
text-decoration:underline;
}
div#langs a:hover {
text-decoration:underline;
}

div#menu {
background:url("../images/menu_back.jpg") no-repeat scroll right top transparent;
float:left;
height:226px;
padding:10px 0 0;
text-align:right;
width:199px;
}
div#menu a.link {
color:#FFFFFF;
display:block;
font-size:14px;
height:35px;
line-height:35px;
margin-left:36px;
padding-right:30px;
text-decoration:none;
text-transform:uppercase;
width:129px;
}
div#menu a.link:hover, div#menu a.link.active {
background-color:#FFFFFF;
border-left:4px solid #CDDF27;
color:#5F1900;
}
#menu .menu { position:relative; }

#menu .submenu {
width:160px;
text-align:left;
background:url("../images/back.gif") repeat-x scroll left top #561801;
display:none;
position:absolute;
left:199px;
top:0;
border-radius:0 15px 15px 0;
-moz-border-radius:0 15px 15px 0;
}
#menu .submenu a {
color:#fff;
display:block;
padding:5px;
}

div#logo {
float:right;
height:234px;
width:800px;
background:url(../images/top_right.jpg) 660px bottom no-repeat;
}
div#logo div.left {
float:left;
}
div#logo div.right {
background-color:#FFFFFF;
float:right;
padding:20px 35px;
}

div#left_column{
  left:-199px;
  bottom:0;
  width:199px;
  position:absolute;
}
div#right_column{
  position:relative;
  clear:both;
  width:736px;
  min-height:350px;
  padding:12px 12px 8px 12px;
  margin-left:199px;
  background-color:#fff;
}

div#left_column .relative{
  width:100%;
  height:100%;
}
div#email {
  position:absolute;
  bottom:265px;
  right:0;
  position:absolute;
  line-height:32px;
  background-color:#CDDF27;
  border-radius:5px;
  -moz-border-radius:5px;
  padding:0 12px;
  margin-right:20px;
}
div#email a {
  color:#000;
}

div#email * { vertical-align:middle; }

div#info {
  position:absolute;
  bottom:0;
  right:0;
  background-color:#7B2702;
  color:#fff;
  padding:20px 20px 10px 30px;
  line-height:15px;
  text-align:right;
}

div#info p {
  padding:0;
}

div#gallery {
  width:690px;
  padding-left:12px;
}

div#gallery h1 {
float:left;
width:236px;
font-size:20px;
}

div#gallery #main_image {
position:absolute;
bottom:20px;
left:24px;
width:266px;
height:256px;
border:solid 4px #7B2601;
}
div#gallery #main_image span{
bottom:5px;
color:#FFFFFF;
display:block;
font-family:Tahoma;
font-size:24px;
left:0;
position:absolute;
text-align:center;
text-shadow:2px 2px #666666;
width:266px;
}
div#gallery p {
float:right;
color:#574424;
width:326px;
line-height:14px;
min-height:120px;
padding:10px 20px;
background-color:#FBE8C8;
border-radius:5px;
-moz-border-radius:5px;
margin:16px 10px 224px 0;
text-align:left;
}
div#gallery #image_list {
position:absolute;
right:55px;
bottom:8px;
width:368px;
}
div#gallery #image_list div.items, div#gallery #image_list div.colors{
position:relative;
}
div#gallery #image_list div div{ overflow:hidden; width:368px }

div#gallery #image_list table{position:relative;}

div#gallery #image_list table, div#gallery #image_list table td{
font-size:0;
padding:0;
margin:0;
border:0;
}
div#gallery #image_list div.items table a, div#gallery #image_list div.colors table a {
display:block;
border:solid 2px #7B2601;
float:left;
margin-left:12px;
margin-bottom:12px;
}

div#gallery #image_list div table a.first, div#gallery #image_list div table span.first { margin-left:0; }

div#gallery #image_list div.items table a {
width:110px;
height:110px;
}

div#gallery #image_list div.colors table a {
width:110px;
height:40px;
}

div#gallery #image_list a.left {
position:absolute;
left:-20px;
top:45px;
}

div#gallery #image_list a.right {
position:absolute;
right:-20px;
top:45px;
}

div#gallery #image_list div.colors a.left,
div#gallery #image_list div.colors a.right { top:10px; }

td.ral{ vertical-align:middle; text-align:center }

td.ral a {
  color:#7B2601;
  font-size:20px;
  line-height:40px;
}
/**************************************/
/*             NAVIGATION             */
/**************************************/



/**************************************/
/*            MAIN CONTENT            */
/**************************************/



/**************************************/
/*               FOOTER               */
/**************************************/