
/* 
2007. Volissos Holiaday Homes Cascading Stylesheet - www.volissosholidayhomes.com
Created by Atanas Mahony for ChiosOnline - www.chiosonline.gr
*/

@import url("reset.css");

/* Global
----------------------------------------------- */

body{background: #0093a7; margin: 0px auto; font-family:Arial, Helvetica, sans-serif;}
p{ font: 13px/1.5 Arial, Helvetica, sans-serif; color:#323232; margin:0; padding:0;}

a:link{font: 13px/1.5 Arial, Helvetica, sans-serif; text-decoration:none; color:#00b7d0;}
a:hover{font: 13px/1.5 Arial, Helvetica, sans-serif; text-decoration:none; color:#00b7d0; border-bottom:1px dashed;}
a:visited{font: 13px/1.5 Arial, Helvetica, sans-serif; text-decoration:none; color:#00b7d0;}
a:active{font: 13px/1.5 Arial, Helvetica, sans-serif; text-decoration:none; color:#00b7d0;}

h1{font: 24px/1.5 Georgia, Times New Roman, Times, serif; color:#05454e;margin:0; padding:0;}
h2{font: 18px/1.5 Georgia, Times New Roman, Times, serif; color:#065661;margin:0; padding:0;}
h3{font: 14px/1.5 Georgia, Times New Roman, Times, serif; color:#065661;margin:0; padding:0;}
h4{font: 14px/1.5 Georgia, Times New Roman, Times, serif; color:#fffbdc; margin:7px 0px; padding:0; background:url(../images/bullet.jpg) no-repeat 0px 5px; text-indent: 15px;}
h5{}
h6{}

/* Structure
----------------------------------------------- */
#container{background: #0093a7 url(../images/bg.jpg) no-repeat top center; margin: 0px auto; min-width: 980px;}
#wrapper{ width: 980px; margin: 0px auto!important; }
#header{ height:78px;}
#flash{ height:303px; background:#fff; margin:0px auto; width: 840px;}
#flash img{margin: 0px auto!important;}
#content {background:#0093a7 url(../images/contentbg.png) repeat-y top; min-height: 500px; position:relative; top: 30px;}
#footer{ background: #FF0000 url(../images/footer.jpg) repeat; height:90px; margin: 0px auto; position:relative; top: 30px; margin-bottom: 15px;}
/* // Header */



/* // Flash */


/* // Content */

#sidebar-holder{ width: 830px; margin: 0px auto; position:relative; top:-10px;}
#sidebar-a{ width: 240px; float:left;}
#sidebar-b{width: 590px; float:left;}




/* // Footer */

.credits{ margin: 0px auto!important; width: 200px; position:relative; top: 50px;}




/* Navigation
----------------------------------------------- */
ul#nav{ display:inline; font: 14px/1.5 Georgia, Times New Roman, Times, serif; color:#05454e; position:relative; left: 360px; top: 24px;}
ul#nav li{ display:inline; margin-right: 17px;}
ul#nav li a, ul#nav li a:visited, ul#nav li a:active{ font: 14px/1.5 Georgia, Times New Roman, Times, serif; text-decoration:none; color:#05454e;}
ul#nav li a:hover{ text-decoration:none; color:#fffbdc; border-bottom: 2px solid;}
ul#nav li a.current{ text-decoration:none; color:#fffbdc; border-bottom: 2px solid;}


ul#navgr{ display:inline; font: 14px/1.5 Georgia, Times New Roman, Times, serif; color:#05454e; position:relative; left: 340px; top: 24px;}
ul#navgr li{ display:inline; margin-right: 12px;}
ul#navgr li a, ul#nav li a:visited, ul#nav li a:active{ font: 14px/1.5 Georgia, Times New Roman, Times, serif; text-decoration:none; color:#05454e;}
ul#navgr li a:hover{ text-decoration:none; color:#fffbdc; border-bottom: 2px solid;}
ul#navgr li a.current{ text-decoration:none; color:#fffbdc; border-bottom: 2px solid;}


/* Classes
----------------------------------------------- */

/* // Image Classes */

.image{ border: 5px #bfbca5 solid; margin: 3px; display:inline;}

/* // List Classes */


/* // Other Classes */


.positioner{ padding: 2px 10px;}
.clear{clear:both;}




/* Typografy
----------------------------------------------- */

.sidebartxt{ font: 11px/1.5 Arial, Helvetica, sans-serif; color: #95c5cb; margin: 2px 0px;}
.sidebarlink{font: 11px/1.5 Arial, Helvetica, sans-serif!important; border-bottom: 1px dashed;}
.sidebarlink:hover{ font-size: 11px; background:#fffbdc; border:none;}


.offertxt{ font: 16px/2.1 Arial, Helvetica, sans-serif; color: #990000; margin: 2px 0px;}
.offertxt a{font: 16px/2.1 Arial, Helvetica, sans-serif!important;  color: #ffffff; border-bottom: 1px dashed;}
.offertxt a:hover{ font-size: 14px; background:#95c5cb; border:none;}
.offertxt a:visited{font: 16px/2.1 Arial, Helvetica, sans-serif!important; border-bottom: 1px dashed;}



.creditstxt{ font: 11px/1.5 Arial, Helvetica, sans-serif; color: #fff; margin: 2px 0px; display:inline;}
.creditslink{font: 12px/1.5 Arial, Helvetica, sans-serif!important; border-bottom: 1px dashed; color:#FFFFFF!important;}
.creditslink:hover{ font-size: 12px; background: none; border:none;}



/* Tables
----------------------------------------------- */

#languages{position:relative; width: 70px; height: 10px; padding: 0; margin: 0px; float:left; top: 0px; left:60px;}

ul#lang{display:inline;margin: 0;padding: 0;float:right;}

#languages ul#lang li{list-style-type:none;display:inline;margin: 0px 0px 0px 15px;padding:0;float:left;}
#languages ul#lang li a{text-decoration:none;border:none;margin: 0px;padding: 0px;}
#languages ul#lang li a img{border:none;}

.tr1 { font: 11px/1.5 Arial, Helvetica, sans-serif; color: #95c5cb; margin: 2px 0px; background-color:#038294}
.tr2 { font: 11px/1.5 Arial, Helvetica, sans-serif; color: #95c5cb; margin: 2px 0px; background-color:#0495A8}

#contactform{
float:left;
width: 300px;
margin:0;
padding:0}

.inputbox{
background:#eae7e2;
border:1px #a7a59d dashed;}

.contlink{
font: 11px "Tahoma", Arial, Verdana, sans-serif;
color:#ff8400;
text-decoration:none;
}
.contlink:hover{
font: 11px "Tahoma", Arial, Verdana, sans-serif;
color:#003366;
text-decoration:none;
}

.content {padding-left:10px;}

