/*********************
VillaGuide
HEADER CSS
BY Jhong Aranzanso
*********************/



html, body { _height: 100%; min-height: 100%; }

body {
margin: 0 auto; padding: 0;
font-family: verdana,arial, helvetica, sans-serif;
/*font-size: 0.66em;*/ font-size:0.8em;
line-height: 1.4em;
color: #333;
text-align: center; background:none;
}

h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-size: 130%; }
p { margin-top: 0; }
a, a:visited, a:active, a img { color: #2461AA; border: none; }
form { margin: 0; padding: 0; }

#main2 { top:0;
float:left;
margin: 0 auto; /*padding-right:5px; padding-left:5px;*/
width: 610px;
height: 100%;
text-align: left;/*background:#FFF; */
}

#main { top:0;
margin: 0; /*padding-right:5px; padding-left:5px;*/
width: 966px;
height: 100%;
text-align: left;background:#FFF; float:left; margin-left:30px
}

/* HEADER */
#header {
margin: 0; padding: 0; 
width: 966px;
overflow: hidden;
zoom: 1;
background: url(/images/home/bluegrad_top.jpg) left top repeat-x;
}

#header h1 {
float: left;
/*font-size: 160%;*/
margin: 1.1em 0;
/*width: 260px;
height: 54px;
*/
width:295px;
height:85px;
background: url(/images/villaguide_logo.gif) 0 0 no-repeat;
cursor: pointer; 
}

#header h1 span { display: block; width: 0; height: 0; overflow: hidden; visibility: hidden; _text-indent: -999em; }
#header h1 span span { display: block; font-size: 60%; }

/* SUB HEADER */
#header #tools {
float: right;
margin-bottom: 2em;
font-size: 90%;
width: 540px; 
}

#header #tools p#login a { display: inline; padding-right: 18px; background: url(images/arrow_right.gif) 100% 45% no-repeat; }


/* SUB HEADER NAV */
#nav {
margin: 0; padding: 0;
list-style-type: none;
border-top: 6px solid #0E2C50;
overflow: hidden;
_zoom: 1;
}

#nav li { float: left; margin: 0 auto; padding: 0; }

#nav li a {
display: block;
margin:  .5em 10px .5em 0; 
padding: 0 10px 0 0;
font-weight: bold;
color: #0E2C50;
text-decoration: none;
border-right: 1px solid #fff;
}

#nav li a:hover { text-decoration: underline; }
#nav li a.end { border: none; margin-right: 0; padding-right: 0; }


/* FOOTER */
#footer {
width:966px; 
padding-bottom:3em;
font-size: 90%;
background:url(/images/home/bluegrad_btm.jpg) left bottom repeat-x #fff;
}

#footer p { margin-bottom: 0.5em; color: #00f; margin-left:5px; margin-top:10px; font-size:9px}
#footer #othertext { margin-top: 1.5em; }
#footer #othertext b { font-size: 110%; color: #1F4A7E; }

#footer #copy {
margin-top: 1.5em;
width: 400px;
overflow: hidden;
_zoom: 1;
}

#footer #copy p { color: #333 !important; }
#footer #copy #respect { float: right; width: 250px; }
#footer #logos * { float: left; margin-right: 10px; }
#footer #partners { clear: both; margin-top: 1.5em; color: #333; }
#footer #partners span { color: #00f }
#footer2 { float: right; padding: 1em; font-weight: bold; }
#footer2 ul { 
margin: 1.5em 0 0; padding: 0 0 0 1em;
list-style-type: none;
background: url(/images/border2.gif) 0 0 repeat-y;
}

#footer2 li { margin: 0; padding: 0; font-size: 95%; }

/* FORM INPUT ITEMS */
input, 
select {
font-size: 11px;
}

/* LANGUAGE SELECTION & CURRENCY */
#login { float: left; margin-right: 12px; }

#lang, #curr {
float: left;
margin: 0 10px 0 0; padding: 0;
width: 150px;
line-height: 19px;
background: url(images/drop_right.gif) 100% 0 no-repeat;
}
#curr { margin-right: 0; }

#lang span, #curr span {
display: block;
width: 150px;
background: url(images/drop_left.gif) 0 0 no-repeat;
}

#lang a, #curr a, #langselect li a, #currselect li a {
display: block;
padding-left: 25px;
text-align: left !important;
background: url(images/flags/en.gif) 5px 50% no-repeat;
text-decoration: none;
}

#langselect li a, #currselect li a {
padding-left: 22px;
background: url(images/flags/en.gif) 3px 50% no-repeat;
}

#langselect, #currselect {
position: absolute;
right: 122px; top: 70px;
margin: 0; padding: 2px;
list-style-type: none;
width: 124px;
font-size: 10px;
background-color: #fff;
border: 1px solid #9DB9D9;
}

#currselect {
right: -8px;
}

#langselect li, #currselect li {
float: none;
margin: 0; padding: 0;
}

#lang span a.en, #curr span a.en, #langselect li a.en, #currselect li a.en { background-image: url(/images/flags/en.gif); }
#lang span a.cs, #curr span a.cs, #langselect li a.cs, #currselect li a.cs { background-image: url(/images/flags/cs.gif); }
#lang span a.cn, #curr span a.cn , #langselect li a.cn, #currselect li a.cn{ background-image: url(/images/flags/cn.gif); }
#lang span a.de, #curr span a.de, #langselect li a.de, #currselect li a.de { background-image: url(/images/flags/de.gif); }
#lang span a.es, #curr span a.es, #langselect li a.es, #currselect li a.es { background-image: url(/images/flags/es.gif); }
#lang span a.fr, #curr span a.fr, #langselect li a.fr, #currselect li a.fr { background-image: url(/images/flags/fr.gif); }
#lang span a.it, #curr span a.it, #langselect li a.it, #currselect li a.it { background-image: url(/images/flags/it.gif); }
#lang span a.jp, #curr span a.jp, #langselect li a.jp, #currselect li a.jp { background-image: url(/images/flags/jp.gif); }
#lang span a.kr, #curr span a.kr, #langselect li a.kr, #currselect li a.kr { background-image: url(/images/flags/kr.gif); }
#lang span a.pl, #curr span a.pl, #langselect li a.pl, #currselect li a.pl { background-image: url(/images/flags/pl.gif); }
#lang span a.pt, #curr span a.pt, #langselect li a.pt, #currselect li a.pt { background-image: url(/images/flags/pt.gif); }
#lang span a.sv, #curr span a.sv, #langselect li a.sv, #currselect li a.sv { background-image: url(/images/flags/sv.gif); }
#lang span a.th, #curr span a.th, #langselect li a.th, #currselect li a.th { background-image: url(/images/flags/th.gif); }

#curr span a,
#currselect li a { padding-left: 5px !important; background: none !important; }

.show { display: block; z-index: 99999; }
.hide { display: none; visibility: hidden; }


/* ARROW LEFT */
.arrowleft, .arrowright {
float: left;
padding-left: 18px;
font-size: 12px;
font-weight: bold;
height: 16px;
background: url(images/arrow_right.gif) 0 2px no-repeat;
}

.arrowright {
padding-right: 18px;
background-position: 100% 2px;
}

.horiz { height: 5px; background: url(/images/border.gif) 0 50% repeat-x; }
.horiz hr { display: none; }



/* CLEAR THE FLOATS */
.clr:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clr {
display: inline-block;
}

* html .clr {
zoom: 1;
}

div.clr2 {
font-size: 0px;
margin: 0; padding: 0;
clear: both;
line-height: 0px;
height: 0;
}