html
{
    height:100%;
}

body {
	margin:0;
	padding:0;
	background:url(../images/bg.jpg);
	background-color:#9d8b6d;
	height:100%;
}

.clearFloats {
	clear:both;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ GIA THN PROTH SELIDA MONO KAI TO GENIKO BOX ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.container {
	width:990px;
	height:680px;
	background:url(../images/burn_out.png);	
	margin:0 auto;	
	position:relative;	
}

.langSelect {
	position:absolute;
	bottom:230px;
	right:350px;		
	font:normal 15px Arial;
	color:#fff;
}
.langSelect a {	
	color:#fff;
	text-decoration:none;
}
.langSelect a:hover {		
	text-decoration:underline;
}

.quickLinks {
	position:absolute;
	bottom:640px;
	right:70px;		
	font:normal 11px Arial;
	color:#fff;
}
.quickLinks a {	
	color:#fff;
	text-decoration:none;
}
.quickLinks a:hover {		
	text-decoration:underline;
}

.girl
{
    position:absolute;
    top:0;
    left:0;
    height:680px;
    width:372px;
    background:url(../images/girl.png);
    z-index:0;
}

.logo
{
    position:absolute;
    z-index:1;      
    top:300px;
    right:307px;
    width:230px;
    height:77px;
}
.logo a {
	display:block;
	background:url(../images/logo.png);  
    width:230px;
    height:77px;
}
.logo.in
{
    top:70px;
    right:70px;
}    

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ GIA THN PROTH SELIDA MONO KAI TO GENIKO BOX ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */



/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ GIA TIS YPOLOIPES ESOTERIKES SELIDES ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.main {
	position:absolute;
	top:217px;
	right:70px;
	width:578px;
	height:376px;
	z-index:2;
	background:url(../images/shadow.png);
	color:#fff;
	font:normal 11px Arial;
	padding:10px;
	border-right:1px solid #6a5c46;
	border-left:1px solid #6a5c46;
	border-bottom:1px solid #6a5c46;
}

.title
{
    color:#fff;
	font:normal 21px Arial;
}

.main img
{
    border:3px solid #fff;
    margin:5px 10px;
}

.main a
{
    color:#c5c5c5;
}
.main a:hover
{
    text-decoration:none;
}


/********************* Menu **********************/
.menu {
	width:600px;
	height:47px;
	position:absolute;
	right:70px;
	bottom:463px;		
}

.menu ul {
	margin:0;
	padding:0;
}

.menu ul li {
	list-style:none;
	display:block;	
	height:47px;
	background:url(../images/tabGrf.jpg) no-repeat;
	float:right;
}

.menu ul li a {
	text-decoration:none;
	font:normal 15px Arial, Helvetica, sans-serif;
	color:#FFF;
	display:block;	
	height:47px;
	text-align:center;
	line-height:47px;
	padding:0 15px;
}

.menu ul li a:hover,
.menu ul li a.selected {
	background:url(../images/shadow.png);
}


/********************* Footer **********************/
.footer {
	height:50px;
	right:70px;
	bottom:0;
	position:absolute;
	color:#fff;
	font:normal 10px Arial, Helvetica, sans-serif;	
}

.footer a {
	text-decoration:none;
	color:#fff;	
}

.footer a:hover {	
	text-decoration:underline;
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ GIA PHOTO GALLERY ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.shadow{
	background:url(../images/shadow.png);
	height:83px;
	width:83px;
}
a:hover .shadow{
	background:none;
}
.imageContainer{
	width:83px;
	border:1px solid #000;
	margin-top:10px	
}
.imageContainer:hover{	
	border:1px solid #fff;	
}
.imageContainer a{
	display:block;
	cursor:pointer;
}


.pageCounter {
	bottom:20px;
	width:663px;
}

.pageCounter ul {
	margin:0;
	padding:0;
	width:155px;
	margin:20px auto 0 auto;
}

.pageCounter ul li {
	list-style:none;
	float:left;
}

.pageCounter ul li.spacer {
	width:10px;
	height:1px;
}

.pageCounter ul li a {
	text-decoration:none;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#333;
}
.pageCounter ul li a:link, .pageCounter ul li a:visited {
	text-decoration:none;
	color:#333;
}
.pageCounter ul li a:hover {
	text-decoration:underline;
	color:#000;
}
.pageCounter ul li a:active {
	text-decoration:none;
	color:#333;
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ GIA PHOTO GALLERY ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
