/* 
Author: Simple Ideas::Nick Melistas
Author URI: http://www.simple-ideas.gr
*/
/* -------------------------------------------------------------- 
resets
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}


/* -------------------------------------------------------------- 
floats
-------------------------------------------------------------- */
.flt-right  {float:right;}
.flt-left   {float:left;}
.img-right  {float:right; margin: 0 0 0 7px;}
.img-left   {float:left; margin: 0 7px 0 0;}
.clear {
display:inline-block;
clear:both;
}
.clear:after,.container:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html .clear {
height:1%;
}
/* -------------------------------------------------------------- 
grid
-------------------------------------------------------------- */
.container {
margin:0 auto;
}
*:first-child+html .container {
display:inline-block;
margin:0 auto;
}
* html .container {
display:inline-block;
margin:0 auto;
}
.column {
float:left;
}

/* columns */
.col-10   { width: 9.8%; }
.col-20   { width: 19.8%; }
.col-25   { width: 24.8%; }
.col-30   { width: 29.8%; }
.col-33   { width: 33.2%; }
.col-35   { width: 34.8%; }
.col-40   { width: 39.8%; }
.col-45   { width: 44.8%; }
.col-50   { width: 49.8%; }
.col-55   { width: 54.8%; }
.col-60   { width: 59.8%; }
.col-65   { width: 64.8%; }
.col-70   { width: 69.8%; }
.col-75   { width: 74.8%; }
.col-80   { width: 79.8%; }
.col-85   { width: 84.8%; }
.col-90   { width: 89.8%; }
.col-95   { width: 94.8%; }
.col-100   { width: 99.8%; }
/* left - right box */
.box-5    { padding: 0 5px; }
.box-10   { padding: 0 10px; }
.box-15   { padding: 0 15px; }
.box-20   { padding: 0 20px; }
.box-25   { padding: 0 25px; }
.box-30   { padding: 0 30px; }
.box-35   { padding: 0 35px; }
.box-40   { padding: 0 40px; }
.box-45   { padding: 0 45px; }
.box-50   { padding: 0 50px; }

.fullbox-20   { padding:20px; }


ul.horizontal li{
text-align: left;
float: left;
list-style: none;
}


/*End base css
***************************************************************************************/
html{
height: 100%;	
}
body{
background:url(images/body_bg.jpg) repeat-x 0 -50px;
font: 500 13px/1.4em "Trebuchet MS", Arial, Tahoma, Sans-serif;
height:100%;
}
.inner{
width:960px;
margin:0 auto;

}
#all{
}
#header .inner{
display:block;
height:417px;
background:url(images/header_bg.jpg) repeat-x 0 0;

}
#main{

}
div.contact{
margin: 0 auto;
display:block;
width:140px;
height:170px;
background:url(images/sticky-notes.png) no-repeat 0 0;
padding:40px 0 0 70px;
color:#222;
font-size:.9em;
}

/*end main layout*/
img.postcard{
background:url(images/thumb_shadow.png) no-repeat 0 0;
padding:20px;
width:400px;
height:251px;
margin:45px 0 0 20px;
}
.promodescription{
margin:80px 0 0 0;
color:#fff;
text-align:center
}
.promodescription h1{
margin:1em 0;
font-size:2.6em;
color:#fff;
letter-spacing:1px;
}
.promodescription p{
margin:1em 0 0 0;
font-size:1.3em;
}
.promodescription span{
display:block;
margin:1.5em 0 0 0;
font-size:.7em;
}

a.orangebutton{
background:url(images/orange_button.png) no-repeat 0 0;
display:block;
width:180px;
height:58px;
margin: 1em auto;
line-height:58px;
color:#fff;
text-decoration:none;
font-weight:800;
font-size:1.2em;
}
ul.featurelist{
margin: 35px 0 10px 0;
}

ul.featurelist li{
text-align:justify;
padding:0 0 0 40px;
list-style-type:none;
background: url(images/tick.png) no-repeat top left;
margin: 0 0 20px 0;
font-size:.839em;
}








/* the overlayed element */ 
div.overlay { 

/* growing background image */ 
background-image:url(images/overlay/white.png); 

/* dimensions after the growing animation finishes  */ 
width:560px; 


/* initially overlay is hidden */ 
display:none; 

/* some padding to layout nested elements nicely  */ 
padding:55px; 
} 

/* default close button positioned on upper right corner */ 
div.overlay div.close { 
background-image:url(images/overlay/close.png); 
position:absolute; 
right:5px; 
top:5px; 
cursor:pointer; 
height:35px; 
width:35px; 
} 


/* black */ 
div.overlay.black { 
background:url(images/overlay/transparent.png) no-repeat !important; 
color:#fff; 
} 

/* petrol */ 
div.overlay.petrol { 
background:url(images/overlay/petrol.png) no-repeat !important; 
color:#fff; 
} 

div.black h2, div.petrol h2 { 
color:#ddd;         
}