/* 
2007. arhodico agrotouoristic residence - www.arhodico.com.gr
Created by Atanas Mahony for ChiosOnline - www.chiosonline.gr
*/

@import url("master.css");

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

body{ background:#f8f4e4 url(../images/bgpat.gif);}

p{ font: 12px/1.5 Arial, Helvetica, sans-serif; color:#483f37; margin: 0px 12px; }

a:link{ color:#8c0100; border-bottom: 1px #ccc dashed; }
a:hover{ color:#8c0100; border-bottom: 1px #8c0100 solid; }
a:visited{ color:#8c0100; border-bottom: 1px #ccc dashed; }
a:active{ color:#8c0100; border-bottom: 1px #ccc dashed; }

h1{ font: 24px Georgia, "Times New Roman", Times, serif; color:#6c0000; margin: 0px 12px;}
h2{ font: 18px Georgia, "Times New Roman", Times, serif; color:#6c0000; margin: 0px 12px;}
h3{ font: 16px Georgia, "Times New Roman", Times, serif; color:#5c5334; margin: 0px 12px; padding: 10px 0px;}
h4{}
h5{}
h6{}

/* Structure
----------------------------------------------- */
#container{background:#f8f4e4 url(../images/shadow.gif); width: 610px; margin: 20px auto; padding: 6px 3px;}
#wrapper{background:#f8f4e4; border: 1px solid #d3c5a3; width: 600px;  margin: 0px auto;}
#border{background: url(../images/border.gif) repeat-x top; width: 600px; height:4px;}
#border img{ height:4px;display:block; padding:0; margin:0;}

/* // Header */
#header{ background:#FFFFFF url(../images/header.gif); width:600px; height:96px; display:block;}


/* // content */
#content{  position:relative;}
#main{ margin-bottom: 30px;}

#mainimage{ display:block;}
#sign{ display:block; position:absolute; top: 40px; left: 20px;}

#submain{ background:#b7ae8d; color:#FFFFFF; position: relative;}

#subtext{ width: 280px; display:block;}
#subtext ul {margin:0 12px; padding:0; font:12px/1.3 Arial, Helvetica, sans-serif;  color:#e0cbba;}
#subtext ul li { margin: 0; padding: 0; font:12px/1.4 Arial, Helvetica, sans-serif;  color:#fff;}
#subimage{ width: 320px; display:block; position:absolute; top:0; left: 280px;}
#subimage img{ margin:5px 10px;}

/* // Footer */

#footer{ background:#f8f4e4;}



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

#menu { width: 591px; height: 30px; background:url(../images/nav.png); margin:4px auto; padding: 0; position: relative;}
#menu li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#menu li, #menu a {height: 30px; display: block; text-indent:-9999px; overflow:hidden;}

#nm_1 {left: 0px; width: 115px;}
#nm_2 {left: 119px; width: 115px;}
#nm_3 {left: 238px; width: 115px;}
#nm_4 {left: 357px; width: 115px;}
#nm_5 {left: 476px; width: 115px;}


#nm_1 a:hover {background:transparent  url(../images/nav.png) 0 -30px no-repeat;}
#nm_2 a:hover {background:transparent  url(../images/nav.png) -119px -30px no-repeat;}
#nm_3 a:hover {background:transparent  url(../images/nav.png) -238px -30px no-repeat;}
#nm_4 a:hover {background:transparent  url(../images/nav.png) -357px -30px no-repeat;}
#nm_5 a:hover {background:transparent  url(../images/nav.png) -476px -30px no-repeat;}


#nm_1 a#current {background:transparent  url(../images/nav.png) 0 -30px no-repeat;}
#nm_2 a#current {background:transparent  url(../images/nav.png) -119px -30px no-repeat;}
#nm_3 a#current {background:transparent  url(../images/nav.png) -238px -30px no-repeat;}
#nm_4 a#current {background:transparent  url(../images/nav.png) -357px -30px no-repeat;}
#nm_5 a#current {background:transparent  url(../images/nav.png) -476px -30px no-repeat;}

/*-------- tab navigation in chiosisland page -------------*/

#tab_nav{ position:relative;}
#tabmenu { width: 204px; height: 35px; background:url(../images/nav-ch-kam.png); margin:4px auto; padding: 0; position: relative; left:180px; top: 10px;}
#tabmenu li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#tabmenu li, #tabmenu a {height: 35px; display: block; text-indent:-9999px; overflow:hidden;}

#tb_1 {left: 0px; width: 106px;}
#tb_2 {left: 106px; width: 98px;}

#tb_1 a:hover {background:transparent  url(../images/nav-ch-kam.png) 0 -0px no-repeat;}
#tb_2 a:hover {background:transparent  url(../images/nav-ch-kam.png) -105px -35px no-repeat;}

#tb_1 a#current {background:transparent  url(../images/nav-ch-kam.png) 0 -35px no-repeat;}
#tb_2 a#current {background:transparent  url(../images/nav-ch-kam.png) -105px -35px no-repeat;}



/*-------- tab navigation in main page -------------*/

#tab_nav1{ position:relative; margin-top:-10px;}
#tabmenu1 { width: 400px; height: 35px; background:url(../images/nav-pan.png); margin:4px auto; padding: 0; position: relative; left:100px; top: 0px;}


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

/* // Image Replacement Classes */

#langnav{ float:right; display:inline; width: 185px; height:15px;}
#langnav ul{padding-top: 5px;}
#langnav ul li{float:left; padding-right: 10px;}

/* // List Classes */


/* // Other Classes */



/* Typografy
----------------------------------------------- */
address{ text-align:center; font: 11px/1.5 Arial, Helvetica, sans-serif; color:#483f37; padding: 5px 0px;}
.invert{ color:#fff;}
.invert_white{ color:#FFFFFF;}

.invertlink:link{ color:#fff; border-bottom: 1px #e0cbba dashed;}
.invertlink:hover{ color:#fff; border-bottom: 1px #fff solid; }
.invertlink:visited{ color:#fff; border-bottom: 1px #e0cbba dashed; }
.invertlink:active{ color:#fff; border-bottom: 1px #e0cbba dashed; }


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