@charset "utf-8";

/*---------------------------------------------------------*/
/*----- reset -----*/
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p {margin:0;padding:0}
fieldset,img {border:0}
ul {list-style:none}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:400}

body {
font:small/1.3 Arial, Helvetica, sans-serif;
background-color:#a6bf79;
color:#333
}
img,iframe {
border:0
}
p {
padding:.4em 0
}


a:link {color:#28556b;}
a:visited {color:#28556b;}
a:hover {text-decoration:underline; color:#c77e0c}
a:active {text-decoration:underline; color:#c77e0c}

/*---------------------------------------------------------*/
/*----- titles -----*/
h3 {
color:#85a157; /*---welcome to galiano & photo pgs---*/
font-size:1.5em;
font-weight:700;
margin:.3em 0 0
}
h4 {
color:#85a157; /*---photos of the island---*/
font-size:1.5em;
margin:0 0 .3em;	
}

/*---------------------------------------------------------*/
/*----- page positioning -----*/
#container {
margin:0 auto;
padding:1em 0;
width:717px
}

/*---------------------------------------------------------*/
/*----- header -----*/
#header {
width:717px;
height:255px;
position:relative
}
.home {
position:absolute;
top:0;
width:717px;
height:255px
}

h1 {
background:url(../img/header.jpg) no-repeat top;
width:717px;
height:255px;
text-indent:-88665px
}
h2 {
text-indent:-88665px
}

/*---------------------------------------------------------*/
/*----- nav -----
#nav {
background-color:#85a157;
border:3px #fff solid;
padding:.5em 0
}
#nav ul {
text-align:center;
}
#nav li {
display:inline;
font:;
}
#nav ul a {
text-decoration:none;
color:#fff;
margin:0 15px;
}
#nav ul a:hover {
text-decoration:underline;
color:#ffffc7;
}
*/


#nav {
border:3px #fff solid;
height:27px;
position:relative;
z-index:2
}

#nav ul {
list-style: none;
font-size:1.2em
}
#nav ul li {
display:block;
position:relative;
float:left
}
#nav ul li ul {
display:none
}
#nav ul  li a {
display:block;
text-decoration:none;
color:#fff;
padding:.2em 1.4em;
margin-left:1.2em;
white-space: nowrap
}
#nav ul li:hover ul {
display:block;
position:absolute;
background:#f7f7f7;
border-left:3px #fff solid;
border-right:3px #fff solid;
border-bottom:3px #fff solid;
font-size:.85em;
padding-left:2px
}
#nav ul li:hover li {
float:none
}
#nav ul li:hover a {
color: #617f8a
}
#nav ul li:hover li a:hover {
color:#95a9b1
}

/*---------------------------------------------------------*/
/*----- content -----*/
#content {
background:#e3e5db;
padding:1em;
border-right:3px #fff solid;
border-left:3px #fff solid
}

/*---------------------------------------------------------*/
/*----- footer -----*/
#footer {
clear:both;
background-image:url(../img/footer_bg.gif);
font-size:1px;
height:10px;
width:717px;
margin:0 auto;
}

/*---------------------------------------------------------*/
/*----- listings pictures pages -----*/
#listings-wrap .box {
margin:0 auto 1em;
float:left;
padding:.5em;
border:1px #000 solid;
background:#fff;
font-size:1em;
color:#262626
}
#listings-wrap .box h3 {
font-size:1.5em;
color:#333
}
#galleria {
height:480px;
clear:left
}
.price-box {
margin:1.5em auto;
padding:.5em;
border:1px #000 solid;
width:75%;
background:#fff;
font-size:1em;
color:#333;
text-align:center;
}
.price-box h3 {
font-size:1.5em;
padding-bottom:.2em;
color:#333
}
.return {
background:url(../img/return.png) no-repeat 0 50%;
padding-left:2em
}

/*---------------------------------------------------------*/
/*----- floats ------*/
#photos {margin-bottom:20px;}
#photos a {margin-right:14px;}

.clear{clear:both}
.left {float:left}
.right {float:right}

#listings-dropdown-wrap {
width:210px;
padding:.1em 0 0 1em;
border-left:#fff 2px solid
}

/*-- listings column --*/
.menu a {
display: block;
text-decoration: none;
}

.menu li {
margin-top:.5em;
}

.menu li a, .menu .menu li a {
background: #333;
padding:0.4em 0;
}
.menu li img {display:block; margin:0 auto;}

.menu li a:hover, .menu .menu li a:hover {
background: #000;
}

.menu li ul li a, .menu li ul li a {
background: #ccc;
color: #000;
}

.menu li ul li a:hover, .menu li ul li a:hover {
background: #aaa;
border-left: 5px #000 solid;
}
.menu li a:hover {
border-left: 0;
}
.menu .menu {
border-left: 5px #f00 solid;
}
.menu a.active, .menu .menu li a.active, .menu a.active:hover, .menu .menu li a.active:hover {
    text-decoration: underline;
    background: #000;
}
.title {
font-size:1.1em;
font-weight:700;
}

/*-- tours --*/
#tours-wrap {
width:90%;
margin:0 auto;
padding-top:10px;
}

.tour {padding:10px; margin:5px;}
.tour object {
display:block;
margin:0 auto;
border:12px #000 solid;
-moz-border-radius:20px;
-webkit-border-radius:20px;
}
.tour p, .tour strong {margin-left:10%;}
.tour strong {display:block; font-size:1.3em; padding-top:5px;}

/*------------------------------*/
/*-- other --*/
.link {
background:none;
text-align:right
}
.link a {
background:none;
border:none;
text-decoration:underline
}

#quote {margin:8px 0 10px; font-style:italic;}
#quote>img {float:left; margin:0 5px 0 0;}

.line {
background:#a7a7a7;
height:1px;
width:60%;
margin:1.1em auto .8em
}

.bottom-link {margin:20px 0 10px;}

#phone-box {
margin:1em auto;
padding:.3em;
border-top:1px #85a157 solid;
border-bottom:1px #85a157 solid;
width:300px;
font-size:1.2em;
color:#85a157;
text-align:center
}

#address {
margin:0 auto;
font-size:1.2em;
width:375px;
background:#eee;
border:solid 2px #454545;
padding:1.1em;
-moz-border-radius-bottomleft:25px;
-moz-border-radius-topright:25px;
-webkit-border-bottom-left-radius:15px;
-webkit-border-top-right-radius:15px;
}
.address {display:block; color:#072444; font-size:1em; font-weight:700; padding:.5em 0 .5em 3em}
.steps {font-size:0.8em}
.number {margin:0 0 5px;}