/*
Title: Agenco.gr
Release date: 2009-07-21
Last date: 2009-07-21
Author: Nicholas Papadopoulos
Author e-mail: info @ nicholasp.eu
Version: 1.0
*/
* {margin: 0; padding: 0; }
body {
	background: #656565 url("../img/bgt.jpg") repeat-x;
	font: normal 14px sans-serif;
	color: #f5f2e0;
	text-align: justify;
}

img {border: none;}

a {color: #da9400; text-decoration:none}
a:hover, a:focus {color: #da9400;}

#container {
	width: 820px;
	margin: 0px auto 10px auto;
	position:relative;
}

#header {
	background-color: #161616;
	padding: 20px 20px 14px 20px;
}

#header h1 {
	display:none;
}

#lang {
	position: absolute;
	right: 20px;
	top: 20px;
}

#nav {
	background: #8c1c01 url("../img/menubg.gif") repeat-x;
	height: 48px;
	position: relative;
	font-weight:bold;
	text-align: center;
}
/** 
The Magic: sto ul pos:rel kai left:50% + sto li pos:rel kai right:50% gia to centerize
**/
#nav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left; position:relative; left: 50%;}
#nav ul li{display:block;float:left;margin:0 1px; position:relative; right: 50%;}
#nav ul li a{display:block;float:left;color:#f5f2e0;text-decoration:none;padding:0 0 0 20px;height:32px;}
#nav ul li a span{padding:0 20px 0 0;height:32px;float:left; line-height: 32px;}
#nav ul li a:hover{color:#fff;background:transparent url("../img/menuhover.gif") repeat-x bottom left; }
#nav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#nav ul li a.active,#nav ul li a.active:hover{color:#fff;background:#322929 url("../img/menucurleft.gif") no-repeat top left; height:48px; cursor: default; line-height: 32px;}
#nav ul li a.active span{display:block;padding:0 20px 0 0;width:auto;background:#8c1c01 url("../img/menucurright.gif") no-repeat top right;height:48px; cursor: default;}

.navdecoright{
width: 20px;
height: 48px;
background-image: url("../img/menuright.gif");
position: absolute;
top: 0px;
right: -20px;

}
.navdecoleft{
width: 20px;
height: 48px;
background-image: url("../img/menuleft.gif");
position: absolute;
top: 0px;
left: -20px;
}

#main {
	background-color: #161616;
	padding: 20px;
}

#gallery {
	float: right;
	margin-left: 20px;
	width: 400px;
    height: 200px;
	border: #101010 10px solid;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#footer {
	background-color: #161616;
	padding: 20px;
	line-height: 120%;
}

.foot1 {
	width: 27%;
	float: left;
	padding-top: 10px;
}
.foot2 {
	width: 50%;
	float: left;
	padding-top: 10px;
}
.foot3 {
	width: 23%;
	float: left;
	text-align: center;
	font-size: 12px;
}

.conbott {
	background-image: url("../img/conbottom.gif");
	background-repeat: no-repeat;
	background-position: top;
	width: 820px;
	height: 7px;
	margin-bottom: 40px;
}

.contop {
	background-image: url("../img/contop.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	width: 820px;
	height: 7px;
	margin-top: 40px;
}

.text {
	color: #f5f2e0;
}

h1.title { 
	color: #d5bc17;
	background-color: #161616;
	font-size:28px;
}

.logo {
	display: block;
	width: 273px;
	height: 66px;
	background-image: url('../img/logo.gif');
	border: 1px red solid;
}
.logo a { display: block; }

.clear { clear: both; }

h3 {
	color: #d5bc17;
	background-color: #161616;
	font-size:28px;
	letter-spacing: 2pt;
	padding-bottom: 5px;
}

.agentitle {
	color: #f5f2e0;
	font-size:18px;
}

.agent {
	background-color: #101010;
	border: #101010 10px solid;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	display: block;
	width: 200px;
	text-align: center;
	margin: 20px;
	float: left;
	height: 130px;
	position: relative;
}

.agent:hover , .agent:focus{
	background-color: #1f1f1f;
	border: #1f1f1f 10px solid;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.agent  img{
	padding: 10px 0;
}

.agent .url{
	background: url("../img/link.gif") no-repeat;
	padding-left: 16px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
	font-size: 12px;
	height: 14px;
	overflow: hidden;
}
#contact-mail-page {
	padding-left: 60px;
}

.form-item label {
	color: #f5f2e0;
	font-size:18px;
	padding: 15px 0 6px 0;
	display:block;
}
.form-item label span {
	color: #d5bc17;
	font-size:18px;
}

.form-text {
	width: 250px;
	font-size: 18px;
}
.form-textarea {
	width: 620px;
	height: 100px;
	font-size: 16px;
}
.form-submit {
margin-top: 20px;
font-size: 16px;
}

#nicholasp {
line-height: 0px;
}

#nicholasp a {
	color: #f5f2e0;
	line-height: 10px;
}
#nicholasp a:hover, #nicholasp a:focus {
	color: #af320e;
}
#nicholasp a img {
	vertical-align: -2px;
}