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

@import url(reset.css);

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

body{ background:#1c0b00 url(../images/bgrnd.jpg) no-repeat top center; font: 13px/1.4 Arial, Helvetica, sans-serif; color:#392a20;}
p{ }

a:link{ }
a:hover{}
a:visited{}
a:active{}

h1{}
h2{ font: bold 18px/2 "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF;}
h3{ font: bold 16px/2 "Trebuchet MS", Arial, Helvetica, sans-serif; color:#09C;}
h4{}
h5{}
h6{ font: 13px/1.5 Myriad Pro, Trebuchet MS, Arial, Helvetica, sans-serif;}

/* Structure
----------------------------------------------- */
#wrapper{ margin: 0px auto; width: 1010px;}

/* // Header */

#header{ width: 1010px; margin:0px auto;}
#header-left{ width: 25px; height:161px; background:url(../images/headerbg-left.png) no-repeat;}
#header-right{ width: 25px; height:161px; background:url(../images/headerbg-right.png) no-repeat;}
#header-center{ width: 960px; height:auto; background:url(../images/header-bg.jpg) no-repeat center top; width: 960px; height:161px;}

#top-text{ padding: 5px 15px;}

#logo{ margin: 30px 0px 0px 40px;}
#logo img{ display:inline;}


/* // Content */

#content{ background:url(../images/content-bg.png) repeat-y; width:970px; min-height:600px; margin:0px auto; }
#content-top{ background:#5bbfcd url(../images/chiosmap.gif) no-repeat top right; height: auto; width:959px; margin:0px auto; border-left:1px solid #98dde5;}

#content-top-left{ width: 50%; margin: 15px 10px; padding-left: 20px}
#content-top-right{ width:420px; background:none; height: 550px; position:relative;}

#content-torn{ background:url(../images/content-torn-part.jpg) no-repeat top center; margin:0px auto; width: 960px; min-height:150px;}
#content-bottom{}


#townlist{ display:block; color:#fff; float:left; width: 470px; list-style:none; margin:0; padding:0;}
#townlist li{ float:left; width: 140px; margin: 0 15px 0 0}

#townlist li a{ font:16px/1.4 Arial, Helvetica, sans-serif; color:#FFF; border-bottom: 1px solid #7cccd7; text-decoration:none; padding: 0px 5px; display:block;}
#townlist li a:hover{ background:#4da1ad url(../images/plus.png) no-repeat 122px center;}
#townlist li a:hover span{ display:block;}
#townlist li a:visited{ color:##7cccd7;}

.mark{background:url(../images/mark-off.png) no-repeat;  width:34px; height:34px; display: block;}
.mark:hover{background:url(../images/mark.png) no-repeat; display:block;}


/* List of town positions */

#apDiv1 {position:absolute;width:34px;height:34px;z-index:1;top: 243px; right: 102px;}

#apDiv2 {position:absolute;width:34px;height:34px;z-index:1;top: 283px; right: 88px;}

#apDiv3 {position:absolute;width:34px;height:34px;z-index:1;top: 293px; right: 88px;}

#apDiv4 {position:absolute;width:34px;height:34px;z-index:1;top: 303px; right: 88px;}

#apDiv5 {
	position:absolute;
	width:34px;
	height:34px;
	z-index:1;
	top: 312px;
	right: 88px;
}

#apDiv6 {position:absolute;width:34px;height:34px;z-index:1;top: 323px; right: 88px;}

#apDiv7 {position:absolute;width:34px;height:34px;z-index:1;top: 343px; right: 118px;}

#apDiv8 {position:absolute;width:34px;height:34px;z-index:1;top: 355px; right: 135px;}

#apDiv9 {position:absolute;width:34px;height:34px;z-index:1;top: 375px; right: 135px;}

#apDiv10 {position:absolute;width:34px;height:34px;z-index:1;top: 435px; right: 145px;}

#apDiv11 {position:absolute;width:34px;height:34px;z-index:1;top: 440px; right: 185px;}

#apDiv12 {position:absolute;width:34px;height:34px;z-index:1;top: 463px; right: 200px;}

#apDiv13 {position:absolute;width:34px;height:34px;z-index:1;top: 412px; right: 230px;}

#apDiv14 {position:absolute;width:34px;height:34px;z-index:1;top: 412px; right: 240px;}

#apDiv15 {position:absolute;width:34px;height:34px;z-index:1;top: 380px; right: 300px;}

#apDiv16 {position:absolute;width:34px;height:34px;z-index:1;top: 350px; right: 240px;}

#apDiv17 {position:absolute;width:34px;height:34px;z-index:1;top: 300px; right: 230px;}

#apDiv18 {position:absolute;width:34px;height:34px;z-index:1;top: 213px; right: 102px;}

#apDiv19 {position:absolute;width:34px;height:34px;z-index:1;top: 248px; right: 212px;}

#apDiv20 {position:absolute;width:34px;height:34px;z-index:1;top: 125px; right: 122px;}

#apDiv21 {position:absolute;width:34px;height:34px;z-index:1;top: 70px; right: 147px;}

#apDiv22 {position:absolute;width:34px;height:34px;z-index:1;top: 125px; right: 300px;}

#apDiv23 {position:absolute;width:34px;height:34px;z-index:1;top: 125px; right: 320px;}

#apDiv24 {position:absolute;width:34px;height:34px;z-index:1;top: 145px; right: 320px;}

#apDiv25 {position:absolute;width:34px;height:34px;z-index:1;top: 387px; right: 200px;}

#apDiv26 {position:absolute;width:34px;height:34px;z-index:1;top: 407px; right: 190px;}

#apDiv27 {position:absolute;width:34px;height:34px;z-index:1;top: 410px; right: 125px;}

#apDiv28 {position:absolute;width:34px;height:34px;z-index:1;top: 8px; right: 295px;}

#apDiv29 {position:absolute;width:34px;height:34px;z-index:1;top: 463px; right: 270px;}

#apDiv30 {position:absolute;width:34px;height:34px;z-index:1;top: 353px; right: 290px;}

#apDiv31 {position:absolute;width:34px;height:34px;z-index:1;top: 215px; right: 212px;}

#apDiv32 {position:absolute;width:34px;height:34px;z-index:1;top: 20px; right: 170px;}


#featured-content{ width:524px; background:url(../images/featured-box.png) no-repeat scroll left bottom; padding-bottom:7px; margin: 0 auto;
}
#featured-content-header{width:524px; background:url(../images/featured-box.png) no-repeat scroll left top; height:24px;}
#featured-content-body{width:524px; background:url(../images/featured-box.png) repeat-y right; margin:0px auto; font:12px/1.27 Arial, Helvetica, sans-serif; color:#392a20;}
#featured-content-body p{ padding: 5px 7px 10px 7px;}
#featured-content-body p img{ display:inline; margin: 0px 10px;}
#featured-content-body h5{ color:#5bbfcd; font: bold 14px/1.5 Tahoma, Geneva, sans-serif;}
#featured-content-body .mini{ color:#777777;}




#gallerypreview{ padding: 30px 15px;}


/* // Footer */

#footer{ height: 40px; background:#5bbfcd; width: 960px; margin:0px auto; color:#fff; padding:10px 0px 0px 0px;}

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

/* //  Language Navigation */
#langnav{ float:right; display: block; width: auto; height:40px; background: transparent; clear: right;}
#langnav ul{padding-top: 10px; float:right;}
#langnav ul li{float:left; padding-right: 10px;}
#langnav ul li p{ font-family:Tahoma, Geneva, sans-serif;}


/* // Main Nav */


#main-nav{margin:35px 0 0 0px;position:relative; float:right; width: 680px;}
.nav{width: 653px; height:24px; margin:0; padding:0; position: relative; top: 0; left:0; background:url(../images/navbg.png) no-repeat 0 0; float:left;}
.nav li{margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
.nav li, .nav li a{ height:24px; display:block;}

.navlink1{left:0px; width:69px; text-indent:-9999px; overflow:hidden; }
.navlink1 a:hover{background:transparent url(../images/navbg.png) no-repeat 0 -24px ;}

.navlink2{left:69px; width:92px; text-indent:-9999px; overflow:hidden;}
.navlink2 a:hover{background:transparent url(../images/navbg.png) no-repeat -69px -24px ;}

.navlink3{left:161px; width:109px; text-indent:-9999px; overflow:hidden;}
.navlink3 a:hover{background:transparent url(../images/navbg.png) no-repeat -161px -24px ;}

.navlink4{left:270px; width:77px; text-indent:-9999px; overflow:hidden;}
.navlink4 a:hover{background:transparent url(../images/navbg.png) no-repeat -270px -24px ;}

.navlink5{left:347px; width:97px; text-indent:-9999px; overflow:hidden;}
.navlink5 a:hover{background:transparent url(../images/navbg.png) no-repeat -347px -24px ;}

.navlink6{left:444px; width:120px; text-indent:-9999px; overflow:hidden;}
.navlink6 a:hover{background:transparent url(../images/navbg.png) no-repeat -444px -24px ;}

.navlink7{left:564px; width:89px; text-indent:-9999px; overflow:hidden;}
.navlink7 a:hover{background:transparent url(../images/navbg.png) no-repeat -564px -24px ;}

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

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.block{ display:block;}

.textCenter{ text-align: center; }
.textRight{ text-align: right; }
.textLeft{ text-align: left; }



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

.mini{ font-size: 9px;}
.bold{ font-weight:bold;}

.light-brown{ color:#977756;}
.white{color:#fff;}


.browse-rep{ background:url(../images/Browse-by-destination.png) no-repeat left center; text-indent: -9999px; overflow:hidden; display:block; width: 248px; height: 30px; margin: 15px 7px;}
.featured-rep{ background: url(../images/Featured-place.png) no-repeat left center; text-indent: -9999px; overflow:hidden; display:block; width: 143px; height: 26px; margin: 15px 7px;}


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



{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-a td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
}



.contentimage {
padding:10px;
}