/* 

2007. Name of the project Cascading Stylesheet - www.nameoftheproject.com

Created by Atanas Mahony for ChiosOnline - www.chiosonline.gr

*/

@import url("reset.css");

/* Global

----------------------------------------------- */


body{ background:#e7f1c4 url(../images/bgrnd.jpg) repeat-x;}

p{ font: 12px/1.45 Tahoma, Arial, Helvetica, sans-serif; color:#333333;}



a:link{font: 12px/1.45 Tahoma, Arial, Helvetica, sans-serif; color:#ff8800; text-decoration:none;}

a:hover{font: 12px/1.45 Tahoma, Arial, Helvetica, sans-serif; color:#ff8800;}

a:visited{font: 12px/1.45 Tahoma, Arial, Helvetica, sans-serif; color:#d19314; text-decoration:none;}

a:active{}



h1{}

h2{}

h3{font: normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; padding:7px 0px;}

h4{ font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; color:#3f7927; padding:0px 6px;}

h5{font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: none; color:#fff; padding:3px 0px;}

h6{}



address{ font: bold 13px/1.5 Tahoma, Arial, Helvetica, sans-serif; color: #fff;}

/* Structure

----------------------------------------------- */

#wrapper { width: 799px; height:auto; border: 1px #7e875c solid; border-width: 0px 1px 0px 1px; margin:0px auto; background:#FFFFFF; position: relative;}





/* // Header */

#header{ position:relative;}

/* // Navigation */



#nav { width: 799px; height:30px; border-top: 6px #3e7826 solid; background:#54a234; display:block; float:left;}



.navigation{display: inline; float:left; height: 30px; position:relative;}

.navigation li{ display:inline; float:left; margin-left: 30px;}

.navigation li a, .navigation li a:hover, .navigation li a:visited{ font: 16px/1.5 Trebuchet MS, Arial, Helvetica, sans-serif; color:#fff!important; text-decoration:none;}



/* // Content */




#top-section{ display:block; margin-bottom: 40px;}

.navbox{ display:block; background:#fff; width: 250px; height:260px; padding:15px 5px 10px 10px;}

.contentbox{ display:block; background:#fff; width: 500px; padding:15px 5px 10px 10px;}

.contentbox1{ display:block; background:#fff; width: 780px; padding:15px 5px 10px 10px;}

.sep{background:url(../images/sep.jpg) repeat-x; width:auto; height: 4px;}

.sep2{background:url(../images/sep2.jpg) repeat-x; width:auto; height: 2px; margin: 3px 0px;}



#about-home{ background:#f6c33f url(../images/patt.jpg) repeat; padding: 20px 0px; }



.aboutinfo{ width: 460px; padding:7px 15px 7px 0px;}

.aboutimg{ margin: 20px 0px 20px 30px; border: 1px #fadd93 solid;}

.imageborder{border:1px solid #cbd89c; padding:3px;}

.imageborder_right{float:right; border:1px solid #54a234; padding:3px; margin: 5px;}

.imageborder_left{float:left; border:1px solid #54a234; padding:3px; margin: 5px;}


/* // Footer */



#footer{ width:auto; height: 38px; background: #f68020 url(../images/footerlogo.jpg) no-repeat left center;}



/* Navigation

----------------------------------------------- */





/* 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; }



.footertext{ padding-top:6px; margin-left: 50px;}

.footertext2{ padding-top:6px; margin-right: 20px;}


a.footertext2:link{font: 12px/1.45 Tahoma, Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; font-weight:bold;}

a.footertext2:hover{font: 12px/1.45 Tahoma, Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold;}

a.footertext2:visited{font: 12px/1.45 Tahoma, Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; font-weight:bold;}

a.footertext2:active{}

/* // Image Classes */





/* // List Classes */





/* // Other Classes */



.right7px{ padding-right: 7px;}

.margin30left{margin-left: 30px;}



/* Typografy

----------------------------------------------- */

.boxtext{ padding: 0px 6px;}

.browntext{ color:#544211;}

/* Tables

----------------------------------------------- */


div#langnav{ position:absolute; top:0; right:0px; padding-right:0px; z-index:99; padding: 2px 15px;}
div#langnav ul {list-style-type:none; padding: 0px 0px 0px 0px;}
div#langnav li {display:inline}

