/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 9px;
	font-family: Lucida Grande;
	background: #fff;
	color: #333;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #333; }
a:active { text-decoration: none; color: #333; }
a:visited { text-decoration: none; color: #333; }
a:hover { color: #333; background-color:#333; } 

a img { 
border: none; 
}

#menu {
    height: 100%;
    width: 180px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
	background-color: #fff;
    line-height: 14px;
}

#menu ul {
	list-style: none;
	margin: 0 0 8px 0;
	width: 126px;
    margin: 0 0 2px 0;
	margin-bottom: 8px;
	border-bottom-color: 000;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	color: #333;
	padding-bottom: 4px;
}

#menu li.active a:link { color: #333; background-color:#333; }
#menu li.active a:visited { color: #333; background-color:#333; }
#menu li.active a:hover { color: #333; background-color:#fff; } 
#menu li.active a:active { color: #333; background-color:#333; }


#menu ul li.section-title {
    width: 126px;
    margin: 0 0 4px 0;	
    color: 333;
	cursor: pointer; 
	font-weight: bold;

}


#content {
    height: 100%;
	padding-top: 14px;
    margin: 0 0px 0 200px;
    top: 0px;
	line-height: 14px;
}

.container {
    padding: 20px 5px 25px 20px;
}

#content p { width: 220px; margin-bottom: 3px; }



h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

#headline_00 {
	width: 300px;
	color: #b6ac7f;
}

#headline_01 {
	width: 220px;
	color: #333;
	font-weight: bold;
}

#headline_001 {
	width: 220px;
	color: #87c4bd;
}

#headline_002 {
	width: 220px;
	color: #768696;
}

#headline_003 {
	width: 220px;
	color: #f6904e;
}

#headline_004 {
	width: 220px;
	color: #c0c6c4;
}

#headline_005 {
	width: 220px;
	color: #60635c;
}

#headline_006 {
	width: 220px;
	color: #9ca6a8;
}

#headline_007 {
	width: 220px;
	color: #baaf9b;
}

#headline_008 {
	width: 220px;
	color: #5a5a5a;
}

#headline_009 {
	width: 220px;
	color: #9d9c98;
}

#headline_010 {
	width: 220px;
	color: #5cafcf;
}

#headline_011 {
	width: 220px;
	color: #7faa7d;
}

#headline_012 {
	width: 220px;
	color: #958ab4;
}

#headline_013 {
	width: 220px;
	color: #719e65;
}

#headline_014 {
	width: 220px;
	color: #875d8b;
}

#headline_015 {
	width: 220px;
	color: #d4d4d4;
}

#headline_016 {
	width: 220px;
	color: #6f99cb;
}

#headline_017 {
	width: 220px;
	color: #6dc6aa;
}

#headline_018 {
	width: 220px;
	color: #d0534d;
}

#headline_019 {
	width: 220px;
	color: #7882bf;
}

#headline_020 {
	width: 220px;
	color: #e9e84b;
}

#headline_021 {
	width: 220px;
	color: #97d25a;
}

#headline_022 {
	width: 220px;
	color: #999999;
}

#headline_023 {
	width: 220px;
	color: #a0c1b8;
}

#headline_024 {
	width: 220px;
	color: #a8a499;
}

#headline_025 {
	width: 220px;
	color: #67b1ed;
}

#headline_026 {
	width: 220px;
	color: #989ab3;
}

#headline_027 {
	width: 220px;
	color: #bebbb4;
}

#headline_news {
	width: 300px;
	line-height: 11px;
	color: #fff;
	background-color:#333;
}

#headline_01_about {
	width: 200px;
	color: #333;
    margin-top: 8px;
	font-weight: bold;	
}

#headline_02 {
	width: 200px;
	color: #333;
	position: absolute;
	top: 34px;
	font-weight: bold;	
}

#headline_03 {
	width: 200px;
	color: #333;
	position: absolute;
	top: 34px;
	left: 500px;
	font-weight: bold;	
}

#headline_04 {
	width: 200px;
	color: #333;
}

#headline_04 a:hover { 
  background-color: #333;
color: #333;
}

#headline_04 a:active { 
   text-decoration: none;
color: #333;
}

#headline_04 a:visited { 
   text-decoration: none;
color: #333;
}

#headline_04 a:link { 
   text-decoration: none;
color: #333;
}

#headline_05 {
	width: 130px;
	color: #333;
	font-weight: bold;
}

#headline_05 a:hover { 
  background-color: #333;
color: #333;
}

#headline_05 a:active { 
   text-decoration: none;
color: #333;
}

#headline_05 a:visited { 
   text-decoration: none;
color: #333;
}

#headline_05 a:link { 
   text-decoration: none;
color: #333;
}

#headline_06 {
	width: 200px;
	color: #333;
	position: absolute;
	top: 34px;
	left: 390px;
	font-weight: bold;	
}

#headline_07 {
	width: 200px;
	color: #333;
	position: absolute;
	top: 34px;
	left: 565px;
	font-weight: bold;
}

#headline_08 {
    padding-top: 20px;
	padding-left: 20px;
	color: #333;
	line-height: 14px;
	font-weight: bold;
}

#headline_09 {
	width: 200px;
	color: #333;
	position: absolute;
	margin-left: 20px;
	top: 34px;
	font-weight: bold;		
}

#text_01 {
	width: 200px;
	color: #333333; 
}

#text_02 {
	width: 240px;
	color: #333333; 
	position: absolute;
	top: 64px;
}

#text_03 {
	width: 200px;
	color: #333333; 
	position: absolute;
	top: 64px;
	left: 500px;
}

#text_04 {
	width: 300px;
	color: #333333;
	text-align: justify;
}

#text_05 {
	color: #333333; 
	text-align: justify;
}

#text_11 {
	color: #333333; 
	text-align: left;
}

#text_news {
	width: 300px;
	color: #333333;
	text-align: justify;
	margin-top: -8px;
	margin-bottom: -6px;
}

#image_news {
	width: 300px;
	color: #333333;
	text-align: justify;
	margin-bottom: -4px;
}

#image_home_01 {
	width: 100px;
	color: #333;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
}

#image_home_02 {
	width: 100px;
	color: #333;
	margin-left: 120px;
	margin-top: -100px;
}

#image_home_03 {
	width: 100px;
	color: #333;
	margin-left: 120px;
	margin-top: -100px;
}

#image_home_04 {
	width: 100px;
	color: #333;
	margin-left: -240px;
	margin-top: 20px;
}

#image_home_05 {
	width: 100px;
	color: #333;
	margin-left: 120px;
	margin-top: -100px;
}

#image_home_06 {
	width: 100px;
	color: #333;
	margin-left: 120px;
	margin-top: -100px;
}

#text_06 {
	width: 200px;
	color: #333333; 
	position: absolute;
	top: 64px;
	left: 390px;
}

#text_07 {
	width: 200px;
	color: #333333; 
	position: absolute;
	top: 64px;
	left: 565px;
}

#text_08 {
	width: 240px;
	color: #333333; 
	text-align: justify;
	top: 64px;
	margin-bottom: 30px;
}

#text_09 {
	width: 300px;
	margin-top: 50px;
	margin-bottom: 20px;
    padding-left: 20px;
	color: #333333;
	text-align: justify;
}

#text_10 {
	width: 400px;
	color: #333333; 
	position: absolute;
	top: 64px;
	left: 280px;
}

#cc {
    height: 100%;
    margin: 0px 0 0 14px;
    top: 0;
	line-height: 14px;
}

#store {
    height: 800px;
	width: 800px;
	margin: 140px 0 0 140px;
}

<style type="text/css"> 

#startpage {
	position: absolute;
	top: 340px;
	left: 300px;
}

#nav01 {
margin: 0;
padding: 0;
height: 160px;
list-style: none;
display: inline;
overflow: hidden;
width: 240px;
}
#nav01 li {
margin: 0px 20px 20px 0px;
padding: 0;
list-style: none;
display: inline;
width: 240px;
height: 160px;
float: left;
}
#nav01 a {
float: left;
padding: 160px 0 0;
overflow: hidden;
height: 0px !important;
background: url(http://www.icecreamforfree.com/files/images/startpage/icff_start_ae_01.jpg) 0px 0px no-repeat;
width: 240px;
}
#nav01 a:hover { 
background-position: 0px -160px;
}
#nav01 a:active {
background-position: 0px -160px;
}

#nav02 {
margin: 0px 0px 0px 0px;
padding: 0;
height: 240px;
list-style: none;
display: inline;
overflow: hidden;
width: 280px;
}
#nav02 li {
margin: 0px 20px 20px 0px;
padding: 0;
list-style: none;
display: inline;
width: 280px;
height: 240px;
float: left;
}
#nav02 a {
float: left;
padding: 240px 0 0;
overflow: hidden;
height: 0px !important;
background: url(http://www.icecreamforfree.com/files/images/startpage/icff_start_voelkl_01.jpg) 0px 0px no-repeat;
width: 280px;
}
#nav02 a:hover { 
background-position: 0px -240px;
}
#nav02 a:active {
background-position: 0px -240px;
}

#nav03 {
margin: 0;
padding: 0;
height: 240px;
list-style: none;
display: inline;
overflow: hidden;
width: 160px;
}
#nav03 li {
margin: 0px 20px 20px 0px;
padding: 0;
list-style: none;
display: inline;
width: 160px;
height: 240px;
float: left;
}
#nav03 a {
float: left;
padding: 240px 0 0;
overflow: hidden;
height: 0px !important;
background: url(http://www.icecreamforfree.com/files/images/startpage/icff_start_sushi_01.jpg) 0px 0px no-repeat;
width: 160px;
}
#nav03 a:hover { 
background-position: 0px -240px;
}
#nav03 a:active {
background-position: 0px -240px;
}    

#nav04 {
margin: 0;
padding: 0;
height: 240px;
list-style: none;
display: inline;
overflow: hidden;
width: 240px;
clear: both;
}
#nav04 li {
margin: -80px 20px 20px 0px;
padding: 0;
list-style: none;
display: inline;
width: 240px;
height: 240px;
float: left;
clear: both;
}
#nav04 a {
float: right;
padding: 240px 0 0;
overflow: hidden;
height: 0px !important;
background: url(http://www.icecreamforfree.com/files/images/startpage/icff_start_news_01.jpg) 0px 0px no-repeat;
width: 240px;
clear: both;
}
#nav04 a:hover { 
background-position: 0px -240px;
}
#nav04 a:active {
background-position: 0px -240px;
}

#nav05 {
margin: 0px 0px 0px 0px;
padding: 0;
height: 160px;
list-style: none;
display: inline;
overflow: hidden;
width: 280px;
}
#nav05 li {
margin: 0px 20px 20px 0px;
padding: 0;
list-style: none;
display: inline;
width: 280px;
height: 160px;
float: left;
}
#nav05 a {
float: left;
padding: 160px 0 0;
overflow: hidden;
height: 0px !important;
background: url(http://www.icecreamforfree.com/files/images/startpage/icff_start_magnolia_01.jpg) 0px 0px no-repeat;
width: 280px;
}
#nav05 a:hover { 
background-position: 0px -160px;
}
#nav05 a:active {
background-position: 0px -160px;
}

#nav06 {
margin: 0px 0px 0px 0px;
padding: 0;
height: 340px;
list-style: none;
display: inline;
overflow: hidden;
width: 160px;
}
#nav06 li {
margin: 0px 20px 20px 0px;
padding: 0;
list-style: none;
display: inline;
width: 160px;
height: 340px;
float: left;
}
#nav06 a {
float: left;
padding: 340px 0 0;
overflow: hidden;
height: 0px !important;
background: url(http://www.icecreamforfree.com/files/images/startpage/icff_start_facebook_01.jpg) 0px 0px no-repeat;
width: 160px;
}
#nav06 a:hover { 
background-position: 0px -340px;
}
#nav06 a:active {
background-position: 0px -340px;
} 
	
#nav07 {
margin: 0;
padding: 0;
height: 160px;
list-style: none;
display: inline;
overflow: hidden;
width: 240px;
clear: both;
}
#nav07 li {
margin: -180px 20px 20px 0px;
padding: 0;
list-style: none;
display: inline;
width: 240px;
height: 160px;
float: left;
clear: both;
}
#nav07 a {
float: left;
padding: 160px 0 0;
overflow: hidden;
height: 0px !important;
background: url(http://www.icecreamforfree.com/files/images/startpage/icff_start_adidas_01.jpg) 0px 0px no-repeat;
width: 240px;
clear: both;
}
#nav07 a:hover { 
background-position: 0px -160px;
}
#nav07 a:active {
background-position: 0px -160px;
}

#nav08 {
margin: 0px 0px 0px 0px;
padding: 0;
height: 160px;
list-style: none;
display: inline;
overflow: hidden;
width: 280px;
}
#nav08 li {
margin: -180px 20px 20px 260px;
padding: 0;
list-style: none;
display: inline;
width: 280px;
height: 160px;
float: left;
}
#nav08 a {
float: left;
padding: 160px 0 0;
overflow: hidden;
height: 0px !important;
background: url(http://www.icecreamforfree.com/files/images/startpage/icff_start_s6_01.jpg) 0px 0px no-repeat;
width: 280px;
}
#nav08 a:hover { 
background-position: 0px -160px;
}
#nav08 a:active {
background-position: 0px -160px;
}
	
	</style>