/* 
2007. ChiosZorbas Apartments Cascading Stylesheet - www.chioszorbas.gr
Created by Atanas Mahony for ChiosOnline - www.chiosonline.gr
*/

@import url("reset.css");

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

body{ background:#98b1c7 url(../images/chioszorbasbg.jpg) no-repeat 50% 0; font-family:Georgia, "Times New Roman", Times, serif;}
body div{ font: normal 13px/1.5 Georgia, "Times New Roman", Times, serif; color:#625e31;}
p{ font: normal 13px/1.5 Georgia, "Times New Roman", Times, serif; color:#625e31;}


a:link{ color:#ff9900; font-weight:bold; text-decoration:none;}
a:hover{color:#ff9900; font-weight:bold; text-decoration:none;}
a:visited{color:#ff9900; font-weight:bold; text-decoration:none;}
a:active{color:#ff9900; font-weight:bold; text-decoration:none;}

h1{}
h2{ font: 24px/1.5 Georgia, "Times New Roman", Times, serif; color:#296f16; margin: 7px  0px;}
h3{}
h4{}
h5{}
h6{}

/* Structure
----------------------------------------------- */
#wrapper{ width: 800px; height: auto; background:#fffbf0; border: 1px #160c08 solid; margin:20px auto; margin-bottom: 10px;}

/* // Header */


/* // Content */

#header{}

#content{ margin-top: 10px; padding-bottom:30px; }
#sidebar-a{ width:180px; height: 100%; background:none; margin-left:9px;}
#sidebar-b{ width:592px; height: 100%; background:none; margin-right: 9px;}

#sidebar-b object{ position:relative; z-index:9;!important}


.JS_content { background:#e8e1c5; margin: 7px 0px; padding:3px 2px; text-align: center; }

/* // Footer */


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


/* // Top Nav */

#topnav{ height:70px; width: 400px; background: none; position:relative; z-index:999;}
.toplink{ display:block; width: 178px; float:left; text-align:center; margin:5px 0px 5px 15px; border: 1px #b6aa85 solid; position:relative;}
#topnav li a, #topnav li a:visited{ background:#f4efdc; display:block; line-height:1.5em; padding: 5px 0px;  border: 1px #fffbf0 solid; color:#928454;}
#topnav li a.activetopnav, #topnav li a:hover{ background:#2a4f20; display:block; line-height:1.5em; padding: 5px 0px;  border: 1px #fffbf0 solid; color:#fff;}

.toplink .headerDropdown{ position:absolute; top:50px; z-index:9999; width:178px; left:0px;}

/* // Side Nav */

#sidenav { width: 180px; background:#2a4f20;}
#sidenav li{ text-indent: 0px;}

#sidenav .sidetitle{ font:13px/2 Georgia, "Times New Roman", Times, serif; border-bottom: 3px #fffbf0 solid; display:block; color:#fff;  padding:2px 0px 2px 7px; }
#sidenav .sidesep{ height:2px; background:#2a4f20; border-bottom:2px #fffbf0 solid; }

#sidenav li a{font: normal 13px/1.67 Georgia, "Times New Roman", Times, serif; display:block; border-bottom: 1px #efebc8 dashed; color:#efebc8; padding:1px 0px 1px 7px;}
#sidenav li a:hover{font: normal 13px/1.67 Georgia, "Times New Roman", Times, serif; display:block; border-bottom: 1px #fffbf0 dashed; color:#fff; background:#3c6431;}

#sidenav ul{ background:#5e8853;}

.trigger:hover li { display: block; }
.trigger li { display: none; }

#subnav{ width:180px; position:relative;}
#subnav li{ width: 170px;}
#subnav li a, #subnav li a:visited{font: bold 14px/1.67 Georgia, "Times New Roman", Times, serif; display:block; background:#eabe7b;  color:#ffefd7; padding:1px 0px 1px 7px;border-bottom: 1px #fffbf0 solid; }

#subnav li a:hover, #subnav .activesubnav,  #subnav .activesubnav:visited{font: bold 14px/1.67 Georgia, "Times New Roman", Times, serif; display:block; background:#ed9611 url(../images/arrowpointer.gif) no-repeat right center;  color:#ffefd7; padding:1px 0px 1px 7px; border-bottom: 1px #fffbf0 solid; width:180px;}


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

.floatleft{float:left;}
.floatright{float:right;}
.clear{clear:both;}
.block{ display:block;}
.textCenter{ text-align: center; }
.textRight{ text-align: right; }
.textLeft{ text-align: left; }


.imgleft{float:left; padding: 0px 5px 3px 0px;}
.imgright{float:right; padding: 0px 0px 3px 5px;}


.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 */

.border{ width:auto; height:4px; background:#c2b485 url(../images/hr.gif) repeat-x;}

/* // List Classes */


/* // Other Classes */
.btns{ position:relative; margin-bottom:10px;}
.spoffer{ background:url(../images/sobanner.jpg) no-repeat 0 0; width:178px; height:30px; display:block; text-indent:-9999px; overflow:hidden; position:absolute; right:20px; bottom:-25px;}


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

.minitext{ font: 11px/1.25 Tahoma, Arial, Helvetica, sans-serif; color:#887e5e;}
.footertext{ font: 12px/1.25 Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 30px;}
.promotext{ color:#5f5732; font: normal 13px/1.5 Georgia, "Times New Roman", Times, serif; display:block;}

.whitetext{ color:#fffbf0;}

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

#reservations, #roomrates{ width:98%; margin:5px; background:#e8e1c5;}
#reservations input, #reservations textarea{ border: 1px solid #c2b485; padding:3px;}

#reservations table tr td{ padding:5px; font: 14px/1.5 Georgia, "Times New Roman", Times, serif; color:#2a4f20;}
#roomrates table tr td{ padding:5px; font: 14px/1.5 Georgia, "Times New Roman", Times, serif; color:#2a4f20;}

#roomrates .normaltext{ font:12px/1.5 Arial, Helvetica, sans-serif;}





#sidebar-b div { text-align:left; float:left; display:block;}
#sidebar-b img {display:inline; margin:5px; padding:5px; border:1px solid #C2B485 ; vertical-align: none!Important}