/* Orloff Boutique Hotel - Hydra Island CSS Document
Created by Zefxis Creative - Arvanitaki Athanasia
http://www.zefxiscreative.gr */

body 
{
margin: 0; 
padding: 0; 
font-size: 90%; 
font-family: georgia, times, "times new roman", serif; 
background-color: #4F7EAA; 
} 
#cleardiv
{
clear: both;
height: 1.2em;
background-image:  url("../images/buttons/navleftbase.jpg");
background-repeat: repeat-y;
} 
#cleardivtext
{
clear: both;
height: 1.2em;
background-color:#C1D3DD;
}
#cleardivtop
{
clear: both;
height: 1.2em;
background-color:#C1D3DD;
}
#cleardivbottom
{
clear: both;
height: 1.2em;
background-color:#C1D3DD;
} 
#embintro
{
clear: both;
margin: 0;
padding: 0;
}
#embheader
{
clear: both;
margin: 0;
padding: 0;
}
#container
{
width: 780px;
margin: 30px auto; 
background-color: #84AFD0;
color: #333333;
border: 1px solid #996600;
padding: 10px;
text-align: left;
}
#header
{
color: #003366;
background-image:  url("../images/buttons/orloffheaderbck.jpg");
background-repeat: repeat-x;
text-align:center;
}
#header p 
{
margin:0px;
padding:0px;
}
#header div.book
{
float:right;position:relative;top:-50px;margin-bottom:-50px;margin-right:15px;padding-bottom:0px;
}
#navbar ul 
{
list-style-type: none; 
padding: 0;
margin: 0;
float: left;
width: 100%;
background-image:  url("../images/buttons/navbarup.jpg");
background-repeat: repeat-x;
font-size: 85%;
} 
#navbar ul li { 
display: inline; 
}
#navbar ul li a {
float: left;
color: #FFF5D2;
padding: 0.5em 1.2em 0.5em 1.2em;
text-align: center;
border-right: 1px solid #ffcc66;
text-decoration: none;
} 
#navbar ul li a:hover
{
color: #996600;
background-image:  url("../images/buttons/navbardown.jpg");
background-repeat: repeat-x;
} 
div#containermain
{
background-color:#4F7EAA;
background-image:  url("../images/buttons/navleftbase.jpg");
background-repeat: repeat-y;
}
div#navleft
{
float: left;
width: 150px;
} 
div#navleft ul 
{
list-style-type: none; 
padding: 0; 
margin: 0; 
font-size: 85%;
} 
div#navleft ul li 
{ 
margin-top: 6px; 
} 
#navleft ul li a
{
display: block;
width: 110px;
padding: 5px 0 5px 20px;
text-decoration: none;
color: #FFF5D2;
border-bottom: 1px solid #ffcc66;
border-right: 6px solid #84AFD0;
background-image:  url("../images/buttons/navleftup.jpg");
background-repeat: repeat-y;
} 
#navleft ul li a:hover
{
color: #996600;
display: block;
width: 110px;
border-right: 6px solid #cc9900;
background-image:  url("../images/buttons/navleftdown.jpg");
background-repeat: repeat-y;
} 
#selectednavleft 
{
width: 110px;
padding: 10px 0 10px 20px;
text-decoration: none;
color:#996600;
border-right: 6px solid #C1D3DD;
background-image:  url("../images/buttons/navleftdown.jpg");
background-repeat: repeat-y;
} 
#rootnavleft 
{
font-size: 130%;
padding: 6px 0 14px 20px;
text-decoration: none;
color:#FFF5D2;
} 
div#fotobig 
{
float:right;
width:566px;
padding: 0 0 20px 0;
}
div#fotobig p
{
color: #C1D3DD;
font-size: 100%; 
font-weight:bold;
line-height: 1.8em;
}
div#fotobig td
{
color: #C1D3DD;
font-size: 100%; 
}
div#fotobig .tdtitle
{
color: #84AFD0;
font-size: 170%; 

}
div#fotobig .tdseason
{
color: #C1D3DD;
font-size: 120%; 
padding: 1em 0 0 0;
}
div#fotobig .tdtype
{
padding: 0.2em 0.2em 0.2em 0.4em;
color: #003366;
font-size: 90%;
background-color: #84AFD0;
line-height: 1.5em;
}
div#fotobig .tdprice
{
padding: 0.2em 1.2em 0.2em 1.2em;
text-align: center;
color: #003366;
font-size: 100%;
font-family: "Times New Roman", Times, serif;
background-color: #84AFD0;
}
div#fotobig form
{
color:#C1D3DD;
}
div#fotobig form input, div#fotobig form select, div#fotobig form textarea
{
background-color: #C1D3DD;
border: #ffffff 1px solid;
font-size: 85%;
font-family: georgia, times, "times new roman", serif; 
color:#003366;
text-decoration: none;
}
div#fotobig form .formarea
{
width:257px;
}
div#fotobig form .formxlarge
{
width:260px;
}
div#fotobig form .formlarge
{
width:108px;
}
div#fotobig form .formmedium
{
width:128px;
}
div#fotobig form .formsmall
{
width:104px;
}
div#fotobig form .formxsmall
{
width:75px;
}
div#fotobig .border
{
border: #C1D3DD 1px solid;
}
div#foto 
{
float:right;
width:566px;
padding: 0 0 18px 0;
}
div#foto .border
{
border: #C1D3DD 1px solid;
}
div#title
{
float: left;
margin-left: 20px;
}
div#title h2
{
font-size: 1.7em;
color: #C1D3DD;
margin: 0;
padding: 0.2em 0 0.6em 1.8em;
text-align:left;
font-weight: normal;
} 
div#title h2.nopad
{
font-size: 1.7em;
color: #C1D3DD;
margin: 0;
padding: 0.2em 0 0.6em 1em;
text-align:left;
font-weight: normal;
}
div#text{
clear: both;
text-align: left;
margin:0;
color: #003366;
background-color: #C1D3DD;
line-height: 1.8em;
padding: 0.6em 2.5em 1.2em 3em;
}
div#text p{
margin: 0;
padding:0 0 1em 0;
}
div#text p.last{
margin: 0;
padding:0;
}
div#text p.in{
margin: 0;
padding: 0 0 0 1em;
}
div#text h1{
margin: 0;
padding: 0.4em 0 0 0;
font-size: 1.2em;
font-weight:normal;
}
div#texttable
{
clear: both;
text-align: left;
margin:0;
color: #003366;
background-color: #C1D3DD;
line-height: 1.8em;
padding: 0.6em 2.5em 1.2em 3em;
}
div#texttable ul
{
padding: 0;
margin: 0 0 0 1em;
}
div#textintable
{
clear: both;
text-align: left;
margin: 0;
color: #003366;
background-color: #C1D3DD;
padding: 0.5em 2.5em 0.5em 3em;
}
div#textin .caption
{
text-align: center;
font-size: 80%;
padding: 0.1em 0.1em 0.1em 0.1em;
}
div#text a, div#textin a, div#texttable a, div#texttable img
{
color: #996600;
text-decoration: none;
border: none;
}
div#text a:hover, div#textin a:hover, iv#texttable a:hover
{
color: #003366;
}
div#member
{background:#4F7EAA;
color:#FFF5D2; 
padding:10px;
} 
div#member img.memberimg
{padding:0 10px 5px 10px;
} 
div#member table td
{ text-align:center;padding:2px; vertical-align:middle;
} 
div#member a
{font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
text-decoration: none;
color: #FFF5D2;
} 
div#member a:hover
{
color: #FFF;
} 
div#footer
{
clear: both;
padding: 0;
margin: 0; 
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 85%;
background-color: #cc9900;
padding: 0.3em 1em 0.5em 1em; 
color: #ffcc99;
} 
div#footer a
{
text-decoration: none;
color: #ffcc99;
} 
div#footer a:hover
{
color: #FFF5D2;
} 
