/********************************************
   AUTHOR:  			Marios Polyzoes
   WEBSITE:   			http://www.marpoly.gr/
   VERSION:          1.0          	
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* { margin: 0; padding: 0; }

body {
	background: #CCCCCC;
	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
	color: #333; 
	text-align: center;
}

/* links */
a, a:visited {
	text-decoration: none;
	color: #4F82CB; 
	background: inherit;
}
a:hover {
	color: #4EBF37;
	background: inherit;
}

/* headers */
h1, h2, h3 {
	font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
	font-weight: Bold; 		
}
h1 {
	font-size: 120%;	
}
h2 {
	font-size: 110%;
/*	text-transform: uppercase;*/
	color: #88ac0b;
}
h3 {
	font-size: 110%;
	color: #666666; 
}

/* images */
img {
	border: 2px solid #CCC;
}
img.float-right {
  margin: 5px 0px 10px 10px;  
}
img.float-left {
  margin: 5px 10px 10px 0px;
}

h1, h2, h3, p {
	padding: 10px;		
	margin: 0;
}
.logo {
	margin-left:40px;margin-top:6px; border:0px
}
.pic {
	margin: 5px 10px;
	float: right;
	border:0px
}
#gbooks {
	background-image: url('img/bookz2m.png');height:34px;width:90%;margin-left:10px
}
/********************************************
   LAYOUT
********************************************/ 
#wrap {
	width: 900px;
	background: #CCC url("img/ma_mesi.png") repeat-y center top;
	margin: 0 auto;
	text-align: left;
	padding:0px 8px 0 8px;
}
#content-wrap {
	clear: both;
	width: 840px;
	padding: 0; 
	margin: 0 auto;
}
#header_a {
	width: 900px;
	position: relative;
	height: 34px;
	background: #CCC url("img/ma_pano.png") no-repeat center top;
	padding: 0;
}
#header_o {
	width: 900px;
	position: relative;
	height: 120px;
	background: #CCC url("img/ma_mesi.png") repeat-y center top;
	padding: 0;
}
#header_d {
	position: absolute;
	margin: 0; padding: 0;
	top: 0px; left: 650px;	
}
#header_d img {
border:0px;
}

#header_o h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: normal .8em 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #FFF;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 74px; left: 58px;		
}
#header_b {
	width: 900px;
	position: relative;
	height: 34px;
	background: #CCC url("img/ma_kato.png") no-repeat center top;
	padding: 0;
}

/* Main Column */
#main {
	float: right;
	width: 72%;
	padding: 0; margin: 0;
}
#main h1 {
	margin-top: 10px;
	font: Bold 125% Verdana, 'Trebuchet MS', Sans-serif;
	color: #88ac0b;
	padding: 5px 0 5px 25px; 	
	border-bottom: 1px solid #EFF0F1;
	background: #FFF url("img/square-green.png") no-repeat 3px 50%;	
}

.peric {
	background-color: #FAFAFA;
	padding: 5px; margin: 20px 10px 0 10px;
	border: 1px solid #f2f2f2;
	font-size: 95%;	
}

/* Sidebar */	
#sidebar {
	float: left;
	width: 26.5%;
	padding: 0; margin: 0;	
}	
#navcontainer
{
background:transparent url("img/list_cy.png") top left repeat-x;
height: 34px;
border-bottom: 1px solid gray;
font: bold 9pt Tahoma, sans-serif;
color: #FFF;
margin-left: 12px;
margin-right:12px;
}

#navlist
{
margin-top: 8px;
padding: 2px 0px 0px 0px;
/*margin-bottom: 0;
height: 16px;*/
}

#navlist li
{
/*padding: 0.5em 1em 0.5em 1em;*/
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 10px 8px 18px 8px;
/*border-left: 2px solid #840;
border-right: 2px solid #840;*/
background:transparent url("img/list_red.png") top left repeat-x;
text-decoration: none;
}

#navlist li a:link { color: #fff; }
#navlist li a:visited { color: #ff6; }

#navlist li a:hover
{
background:transparent url("img/list_or.png") top left repeat-x;
}
 #lst { float: left;
 }

/* Footer */	
#foot {
	color: #666666;
/*	background: #CCC url("img/foot.jpg") no-repeat center top;*/
	clear: both;
	width: 900px;
	height: 55px;
	text-align: center;	
	font-size: 92%;
}
#foot a { text-decoration: none; }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }
.gray { color: #CCC; }

.contactform{width:418px;border:solid 1px #c8c8c8;background-color:#f0f0f0;margin:2em 0 0;padding:10px 10px 0;}
.contactform fieldset{border:solid 1px #dcdcdc;margin:0 0 20px;padding:20px 0 0 !important;}
.contactform fieldset legend{color:#505050;font-weight:700;font-size:130%;margin:0 0 20 5px !important;padding:0 2px;}
.contactform label.left{float:left;width:120px;font-size:100%;margin:0 0 0 10px;padding:2px;}
.contactform select.combo{width:175px;border:solid 1px #c8c8c8;font-family:verdana,arial,sans-serif;font-size:110%;padding:2px;}
.contactform input.button{float:right;width:9em;margin-right:20px;background:#e6e6e6;border:solid 1px #969696;text-align:center;font-family:verdana,arial,sans-serif;color:#969696;font-size:110%;padding:1px !important;}