﻿/*
 * Author : Sergios Singeridis
 * Contact : Email: info@singeridis.com
 * File Name : style.css
*/

/* ========== Styling all elements */
*{margin:0;padding:0;}
a{outline:none;border:none;}
img{border:none;}
input{vertical-align:middle;}

.floatleft		{float:left !important;}
.floatright		{float:right !important;}
acronym, abbr	{cursor: help;}

/* ========== Applying clearfix fix for some browsers to use in appropriate places */
.clearfix:after	{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix		{display:inline-block;}
/* Hide from IE Mac \*/.clearfix{display:block;}/* End hide from IE Mac */

/* ========== BODY */
body{
margin:0;
padding:0;
background:#ffffff url(images/bg.gif) left top repeat-x;
color:#505050;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}


/* ========== WRAPPER */
#wrapper{
width:800px;
margin:0 auto;
}
/*===========LINK*/
#toplink{
width:800px;
height:223px; margin:0 auto;
background-color:#000000;
}

.logoheader{
width:267px;
height:223px;
float:left; background-color:#000000;
}

.headerright{
width:533px;
height:223px; background-image:url(images/header-right.gif); background-repeat:no-repeat; background-color:#000000; float:right;
}

.link{
width:800px;
height:35px; clear:both; background-color:#000000;
}


/* ========== HEADER */
#header{
height:196px;

}

.date{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
padding-top:171px;
padding-left:38px;
color:#ffffff;
}

.header{
height:145px;
background:url(images/header.jpg) center top no-repeat;
position:relative;
}

#containerbg{
background-image:url(images/bg.gif); background-repeat:repeat-y; height:auto; width:800px;}
/* top left menu */
#left_container{
width:247px;
float:left; background-color:#e5e5e5;
}

.types{
background-image:url(images/index_03.gif); background-repeat:no-repeat;
height:45px;
}
.typeslink{
background-image:url(images/index_06.gif); background-repeat:repeat-y; height:283px;}

.links{
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#371514; text-decoration:none; font-weight:bold; }

.links:hover{
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#20bdcc; text-decoration:none; font-weight:bold;}


/*right container*/
#right_container{
width:553px;
background-color:#f1f1f1;
float:right;
}

.box{
border: 1px solid #434343; width:279px; height:75px; background-color:#e5e5e5;
}
.boxtext{
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#20bdcc; font-weight:bold;}

.linkmenu{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#371514; text-decoration:none; }
.linkmenu:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#20bdcc; text-decoration:none;}


.headingtext{
font:Arial; font-weight:bold; font-size:14px; color:#20bdcc; }

#content{
height:301px; width:576px; clear:both;
}

.textimage{
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6d6d6d; margin-left:5px; margin-right:5px; margin-top:5px; }


/* ========== FOOTER */
#wrapper2{
width:800px;
margin:0 auto;
}

#footer{
clear:both; height: 36px;background-image: url(images/footer-bg.gif); background-repeat: repeat-x;}

.whitelink{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-decoration:none; }
.whitelink:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-decoration:underline;}


.footerlink{
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5c3b18; padding-top:15px; }

#sitemap{
width:576px; height:auto; }

#sitemap ul{
margin:0; list-style:none; padding:0px 0px 5px 0px;
padding-bottom:2px; line-height:0.8em;
}

#sitemap li{
padding:5px 15px 6px 15px;
background:url(images/arrow.gif) no-repeat left center;
}

.sitemaplinkleft{
width:278px; float:left; height:auto; margin-left:15px;}

.sitemaplinkright{
width:278px; float:right; height:auto;}
