html, body {
background-color : #cec9c5;
font-size : 0.9em;
font-family : "Century Gothic";
margin : 0 auto 30px auto;
text-align : center;
}
a {
outline : none;
}
h1 {
font-family : "Century Gothic";
color : #ffffff;
font-style : normal;
font-size : 1.4em;
margin : 0 0 15px 0;
}
p {
	font-family : "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	color : #3f509b;
	font-style : normal;
	font-size : 1em;
	margin-top : 0;
	text-align: justify;
}
.first {
text-align : right;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 15px;
font-style : italic;
margin-right : 20px;
color : #ffffff;
}
.second {
margin : 0 0 4px 2px;
font-weight : bolder;
color : #ffffff;
font-family : "Century Gothic";
font-size : 1.1em;
}
.third {
font-family : "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
color : #ffffff;
font-style : italic;
font-size : 1em;
margin-top : 0;
float : right;
margin-right : 20px;
}
.fline {
font-family : "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
color : #3f509b;
font-style : normal;
font-size : 1em;
margin-top : 0;
font-weight : bold;
}
#wrapper {
background: url(Dias-Hotel-Rethymnon/background.jpg) repeat-x left top;
width : 942px;
text-align : left;
margin : 0 auto;
}
#header {
background: url(Dias-Hotel-Rethymnon/logo.png) no-repeat center center;
position : relative;
width : 942px;
height : 100px;
}
#hotelrethymnon {
float : right;
margin : 72px 30px 40px 0;
}
#menudias {
background: url(Dias-Hotel-Rethymnon/menu_back.jpg) repeat-x;
list-style : none;
height : 80px;
margin : 0 auto;
position : relative;
}
#menu {
list-style : none;
margin : 0 auto;
position : relative;
height : 90px;
}
#menu a {
display : block;
position : absolute;
top : 25px;
text-indent : -9999px;
}
#menu a:hover {
background-position : left bottom;
}
#menu .home {
width : 100px;
height : 40px;
left : 29px;
background: url(Dias-Hotel-Rethymnon/home.png) no-repeat;
}
#menu .rooms {
width : 152px;
height : 40px;
left : 138px;
background: url(Dias-Hotel-Rethymnon/roomsnew.png) no-repeat;
}
#menu .dining {
width : 152px;
height : 40px;
left : 296px;
background: url(Dias-Hotel-Rethymnon/d.png) no-repeat;
}
#menu .leisure {
width : 152px;
height : 40px;
left : 451px;
background: url(Dias-Hotel-Rethymnon/leisures.png) no-repeat;
}
#menu .location {
width : 152px;
height : 40px;
left : 609px;
background: url(Dias-Hotel-Rethymnon/location.png) no-repeat;
}
#menu .contact {
width : 152px;
height : 40px;
left : 768px;
background: url(Dias-Hotel-Rethymnon/contact.png) no-repeat;
}
#main {
width : 100%;
margin : 0;
padding : 0;
}
#pics {
width : 100%;
text-align : center;
margin : 5px auto;
}
#pics img {
padding : 0 10px 0 10px;
}
#contents {
width : 100%;
margin-top : 10px;
}
#gallery {
background: url(Dias-Hotel-Rethymnon/photo-gallery.png) no-repeat left top;
float : left;
width : 820px;
margin : 0 20px 0 50px;
}
.gthumbs {
width : 89px;
height : 86px;
border : 0 none;
float : left;
padding : 40px 0 0 10px;
}
#left {
float: left;
width: 420px;
height: 340px;
background: url(Dias-Hotel-Rethymnon/GLANCE335.jpg) no-repeat;
margin : 30px 0 0 10px;
}
#left ul {
	list-style-type : none;
	text-align : left;
	margin-top: 52px;
	float: left;
}
#left ul li {
	text-align : left;
	font : normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	text-decoration : none;
	color : #263a8e;
	background: url(LOGOS/dotlist.png) no-repeat left center;
	padding-left: 12px;
}
#right {
float : right;
width : 500px;
margin : 30px auto;
padding : 0;
}
#text {
float : right;
width : 480px;
padding : 20px 10px;
}
.clearer {
clear : both;
height : 20px;
}
#footer {
width : 942px;
position : absolute;
height : 100px;
background-color : #dcd5cb;
}
#leftfooter {
float : left;
width : 300px;
font-size : 9px;
font-family : "Arial Narrow";
padding-top : 20px;
text-align : left;
margin-left : 20px;
}
.logo {
float : left;
margin-left : 0;
padding-top : 0;
border : 0 none;
}
#navcontainer {
width : 570px;
float : right;
margin-top : 20px;
}
#navlist {
margin : 0 auto;
}
#navlist ul, #navlist li {
margin : 0;
padding : 0;
display : inline;
list-style-type : none;
}
#navlist a:link, #navlist a:visited {
text-decoration : none;
color : #cc9933;
margin : 0 10px 4px 10px;
}
#navlist a:link#current, #navlist a:visited #navlist a:hover {
border-bottom : 1px solid;
padding-bottom : 2px;
background : transparent;
color : #d1d4db;
}
#navlist a:hover {
color : #3f509b;
}
