/* -------------------------------------------------------------------- elements */
body {
margin: 0 auto;
background-color: #575020;  
background-image: url(http://www.hellenicwholefoods.com/wp-content/themes/weaver/images/gr.png);
background-repeat: repeat-x;
}

#wrapper {
position: relative;
margin: 0 auto;
top: 0px;
width: 898px;
background-color: #F1EEDC;
border-right: 5px solid #C5B9A1;
border-left: 5px solid #C5B9A1;
overflow: auto;
}

#header {
position: relative;
top: 0px;
width: 898px;
height: 115px;
}

#contactHeader {
position: relative;
width: 207px;
height: 44px;
background-color: #F1EEDC;
float: left;
border-right: 1px dashed #888888;
}

#banner {
width: auto;
height: auto;
left: 211px;
top: 116px;
float: right;
}

#logo {
width: 210;
height: auto;
left: 0px;
top: 116px;
float: left;
background-color: #A7CA60;
border-right: 1px dashed #888888;
z-index: 1;
}

#linkedin {
position: absolute;
float: right;
z-index: 2;
border: 0px;
margin-left: 2px;
margin-top: 8px;
}

#logoCG {
position: absolute;
float: right;
z-index: 2;
border: 0px;
margin-left: 6px;
margin-top: 32px;
}

#tabakfoto {
float: left;
width: auto;
height: auto;
z-index:2;
border-right: 1px dashed #888888;
border-left: 0px;
border-top: 0px;
border-bottom: 0px;
}

#navigation {
position: relative;
width: 898px;
height: 28px;
background-color: #B2AE93;
font-size: 14px;
z-index:1;
}

#navigation ul {
width: 600px;
float: left;
position: relative;
text-align: center;
padding-left: 20px;
padding-top: 4px;
}

#navigation li {
list-style-type: none;
padding: 0.5em 1em;
display: inline;
}

#navigation a {
letter-spacing: 0px;
text-decoration: none;
padding-left: 0px;
color: #FFFFFF;
}

#navigation a:hover {
color: #FFBC06;
text-decoration:underline;
}

#content {
position: relative;
width: 898px;
height:100%;
background-color: #F1EEDC;
overflow: hidden;
}

#content ul{
margin-top: 0.33em;
margin-bottom: 0.9em;
color: #268B1B;
} 

#content li {
font-size: 12px;
list-style-type: none;
}

#content a {
color: #268B1B;
}

#content a:hover {
text-decoration:underline;
}

#columnLeft {
position: relative;
width: 207px;
height: 100%;
background-color: #A7CA60;
float: left;
border-right: 1px dashed #888888;
padding-bottom: 1000px;
margin-bottom: -1000px;
}

#columnRight {
float: right;
width: 690px;
background-color: #F1EEDC;
}

#footer {
	padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
	background-color: #F4F5F1;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #E7EAE0;
    height: 20px;
	position:absolute;
   bottom:0;
}
/* -------------------------------------------------------------------- style */
* {
    padding: 0;
    margin: 0;
    font-family: Trebuchet MS, Arial, Verdana, Geneva, sans-serif;
	}
	
h1 {font-size: 15px; color: #218EB2; margin-bottom: 15px;}
h2 {font-size: 13px; color: #7A5022;}	
p {font-size: 12px; color: #333333;}
a:link {text-decoration:none;}
a:visited {text-decoration: none;}
a:active {color:none;}

/* -------------------------------------------------------------- news*/
#news {
margin-top: 2px;
}    

#news div{
margin-left:auto;
margin-right:auto;
width: 193px;
background-color: #A7CA60;
border: 1px solid #B2AE93;
}

#news h1{
margin-top: 4px;
color: #24A01D;
text-align: center;
}

#news h2 {
font-size: 13px;
padding-left: 11px;
color:  #46611D;
margin-top: 0px;
font-style: ;
}

#content h2 {
margin-top: 20px;
margin-bottom: 5px;
}

#news p {
padding:0px 2px 2px 2px;
}

#news img {
margin-left: 6px;
margin-bottom: 5px;
margin-top: 1px;
}


/* -------------------------------------------------------------- content columnRight*/
#columnRight div{
margin-left:7px;
margin-right:auto;
width: 620px;
padding: 20px;
}

#image1 {
float: right;
border: thin silver solid;
}

#image2 {
float: right;
border: thin silver solid;
}

div.img p {
  font-size: 10px;
  color: #777777;
}

div.img {
float: right;
  }