/* 
2009.Cascading Stylesheet 
Created by Atanas Mahony for ChiosOnline - www.chiosonline.gr
*/

@import url(reset.css);

/* Global
----------------------------------------------- */

body{ background:#81604b url(../images/bg.jpg) no-repeat 0 0;font-family: Georgia, serif; font-size: 13px; color:#3b3322;}
p{ font-size: 14px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.5em; padding:0px 10px;}

p img{ float:left; margin: 8px 14px 0px 0px; border:5px white solid;}
p img.imgright{float:right; margin: 8px 0px 0px 14px;}


a:link, a:hover, a:visited{ text-decoration:none;}
a:hover{}
a:visited{ text-decoration:none;}


h1, h2, h3,h4,h5,h6 { color:#970000; text-transform:uppercase;}


h1{ font-size: 24px; margin: 20px 0px;}
h2{ font size: 18px;margin: 14px 0px; padding: 0px 7px;}
h3{ font-size: 14px; margin: 10px 0px; color:#534741;}
h4{}
h5{}
h6{}

address{ font: 10px/1.5 Verdana, Geneva, sans-serif; color:#f2ebdc; text-align:center; margin:0; padding:0; position:relative; top:15px;}

/* Structure
----------------------------------------------- */
#wrapper{ width: 900px; background: url(../images/content-bg.png) repeat-y 0 0; margin: 0px auto; }

/* // Header */
#logo{ position:relative; z-index: 90;}
#logo img{ display:block;}

/* // Content */
#sidebar-holder{ width:266px; z-index:90; position: relative;}
#sidebar{ width: 248px;}



#content{ width: 580px;}
#image-holder{ float:left; position:relative; right:16px; border-bottom: 9px solid #e6d9be; height:357px!important;}
ul#promo{ display:block; height:357px; width:580px;}
#content-box{ padding: 20px 5px 40px 10px; width:570px;}

	

#gallery-nav{ display: inline;}
#gallery-front li{ float:left;}
#gallery-front li.last{}

#lito{ display:inline; margin-left: 10px; padding-top: 10px;}

#breadcrumbs{ float:left; display: inline; background:#c3b7a3; color:#422f23; padding: 7px 0px; position:relative; width: 600px;margin:0; margin-left: 250px; top: -28px; z-index:2; }
#breadcrumbs a{ font: 10px Verdana, Geneva, sans-serif; color:#FFF; padding-left: 10px;}
/* // Footer */

#footer{ background: transparent url(../images/footer.png) no-repeat; width:850px; height: 77px; margin:0px auto; position:relative; right: 25px; z-index:1;}

/* Navigation
----------------------------------------------- */

/* // Side Nav */


#nav{ width:248px; display:block; float:left; background:#fff; text-align:center;
font-family: Georgia, serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing:1px;
margin: 7px 0px;

}

#nav li{ background:url(../images/nav-sep.png) no-repeat center;}

#nav li a, #nav li a:visited{ background:#FFF; padding: 3px 5px; line-height:3em; color:#534741;}
#nav li a:hover, #nav li a.active{ color:#9d0a0e;}

#nav li.alternative{ background:#d8e5c6; border: 1px solid #d6d3d0;}
#nav li.alternative a,#nav li.alternative a:visited{background:#d8e5c6; display:block; border: 1px solid #fff;line-height:2.5em;}
#nav li.alternative a:hover{ color:#2d4011;}

#nav li.current{ background:#c3b7a3; border: 1px solid #d6d3d0;  margin:0px 0px;}
#nav li.current a,#nav li.current a:visited{background:#c3b7a3; display:block; border: 1px solid #fff;line-height:2.5em; color:#422f23;}
#nav li.current a:hover{background:#dbd3c5; color:#fff;}

/* Classes
----------------------------------------------- */

/* General */
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.block{ display:block;}
.textCenter{ text-align: center; }
.textRight{ text-align: right; }
.textLeft{ text-align: left; }

/* Margins */
.m5{ margin: 5px;}
.m7{ margin:7px;}
.m10{margin: 10px;}

.m-left-5{margin-left: 5px;}
.m-left-7{margin-left: 7px;}
.m-left-10{margin-left: 10px;}

.m-bottom-10{margin-bottom: 10px;}
.margin-10-0{ margin: 15px 0px 15px 10px;}

.width350{width: 350px;}

/* // Image Classes */


/* // List Classes */


/* // Other Classes */



/* Typografy
----------------------------------------------- */

.footerlink{ color:#f2ebdc; font-weight:bold;}

/* Tables
----------------------------------------------- */


#rates{ margin:0px auto; width:480px; padding-left:40px;}
#rates table{ width:80%; background:#f9f5ee; border:1px solid #d5ccbd; border-width:1px 0px;}

#rates table td{ padding:3px 5px;}