/*

	gerban.main.css
	date: 24.02.2008
	by: tj

*/


* { 
    font: normal 11px helvetica,arial,sans-serif;
}

h1,h2,h3,h4,h5,h6,div {
    overflow: hidden;
}

body, div, span, img, p, table, thead, tbody, tfoot, th, tr, td, ul, ol, li, form, h1, h2, h3, h4, h5, h6, a {
    margin: 0px;
    padding: 0px;
    border: 0px solid #000;
    text-decoration: none;
}

body { 	 	
    background:url(../img/bg.body.gif) #E7E7E7 top center repeat-y;
}			

img {
    border:0px;
    padding:0px;
    margin:0px;
}

#main {
    position: absolute;
    left:50%;
    top:0%;
    margin-left:-323px;
    border-right: 13px solid #FFF;
    border-left: 13px solid #FFF;
    overflow: visible;
    width:646px;
}

#logoprint{
	display:none;
}

#directcontact {
    background: #FFF;
    padding: 0px 0px 0px 0px;
    height: 30px;			
}

#directcontact div {
    float:right;
    text-align:right;
    padding: 14px 13px 0px 0px;
    color:#333;
}

#logo {
    background:url(../img/logo.gerban.gif) 3px 0px #FFF no-repeat;
    height:120px;
}

#logo img {
    width:470px;
    height:90px;
}

#nav_main {
	height: 40px;
    background:#EAF2EE;			
    border-top:1px solid #D1E2D9;
    border-bottom:1px solid #EAF2EE;
    padding-left: 3px;
}

#nav_main ul li {
	float:left;
	list-style:none;
    padding: 0px 10px 0px 5px;		
}

#nav_main a {
    color: #72B03E;
}

#nav_main li {
    margin-top:12px;
    height:20px;
    border:0px solid #000;
}

#nav_main li#home, #nav_main li#home:hover, #nav_main li#home_active {
    background:url(../img/nav.main.home.gif) 0px 3px no-repeat;
    width: 58px;
}

#nav_main li#home img, #nav_main li#home_active img {
     width: 58px;
}

#nav_main li#home:hover, #nav_main li#home_active {
    background-position: 0px -47px;
}

#nav_main li#company,#nav_main li#company:hover, #nav_main li#company_active {
    background:url(../img/nav.main.company.gif) 0px 3px no-repeat;
    width: 75px;
}

#nav_main li#company img, #nav_main li#company_active img {
     width: 75px;
}

#nav_main li#company:hover, #nav_main li#company_active {
    background-position: 0px -47px;
    width: 75px;  
}

#nav_main li#products, #nav_main li#products:hover, #nav_main li#products_active {
    background:url(../img/nav.main.products.gif) 0px 3px no-repeat;
    width: 70px;
}

#nav_main li#products img, #nav_main li#products_active img {
     width: 70px;
}

#nav_main li#products:hover, #nav_main li#products_active {
    background-position: 0px -47px;
    width: 70px;    
}

#nav_main li#contact_us, #nav_main li#contact_us:hover, #nav_main li#contact_us_active {
    background:url(../img/nav.main.contact_us.gif) 0px 3px no-repeat;
    width: 80px;
	margin-left:300px; 
}

#nav_main li#contact_us img, #nav_main li#contact_us_active img {
    width: 80px;
}

#nav_main li#contact_us:hover, #nav_main li#contact_us_active {
    background-position: 0px -47px;
    width: 80px;  
}

#nav_main_2nd {
	display: none;
}

#nav_sub {
    color: #00612D;
    border-top:1px solid #D1E2D9;
    border-bottom:1px solid #DCE9E3;
    background:url(../img/arrow.dgreen.gif);			
}

#nav_sub a:hover, #nav_main a.active {
    color: #00612D;
    background:url(../img/arrow.dgreen.gif);			
}

#nav_sub a:hover, #nav_main a.active {
    color: #00612D;
    background:url(../img/arrow.dgreen.gif);			
}

h1 {
    background: #FFF;
    border-top:1px solid #FFF;
    border-bottom:7px solid #FFF;
}


#content, #content div { 
    background: #FFF;
    border-top:20px solid #FFF;
    border-bottom:30px solid #FFF;
    padding:0px 0px 0px 0px;
    color:#00612D;  
    font-size: 12px; 
    line-height: 18px; 
}

#content { 
    padding:0px 0px 0px 27px;
}

#content a, #content div a { 
    color:#72B03E;  
    font-size: 12px; 
    line-height: 18px; 
}

#content a:hover, #content div a:hover { 
    border-bottom:1px solid #00612D;  
    font-size: 12px; 
    line-height: 18px; 
}

#content img, #content div img { 
	border:1px solid #BBB;
}

#content ul, #content div ul { 
	margin: 15px;
    color:#00612D;  
    font-size: 12px; 
    line-height: 18px; 
}

#contenthome { 
    background: url(../img/visual.home.no1.jpg) 20px 0px no-repeat #72B03E;
    border-top:10px solid #FFF;		    
    border-bottom:10px solid #FFF;		    
    height: 290px;
    overflow:visible;
}

#contenthome div { 
    background: #72B03E;		
    margin:50px 0px 0px 350px;
    width:240px;	
    text-align:left;
  	font-size:11px;
  	line-height: 13px;
    color:#FFF; 		  	
    border:0px solid #000;
}

#contenthome div h1 { 
    background: #72B03E;			
    font-size:18px;
    font-weight:normal;
    color:#FFF; 	
    border:0px solid #000;
}

#contenthome ul { 
	margin:15px;
	list-style-position:outside !important;
	list-style-type:disc !important;
}


form, strong, #content li, #content div li { 
    color:#00612D;  
    font-size: 12px; 
    line-height: 18px; 
}

#bottom {
    background: #EAF2EE;
    padding:0px 19px 0px 9px;
    height:200px;
}

#bottom div {
}

img.print_page {
    background: url(../img/button.print_page.off.gif) right bottom;
    margin-top:0px;
    margin-right:10px;    
    width:56px;
    height:22px;
}

img.print_page:hover {
    background: url(../img/button.print_page.on.gif) right bottom;
}
 
img.top {
    background: url(../img/button.top.off.gif) right bottom;
    margin-top:0px;
    width:25px;
    height:22px;
}

img.top:hover {
    background: url(../img/button.top.on.gif) right bottom;
}

.space13 {
	height:13px;
}

.clearall {
	clear: both; 
	font-size:1px;
	line-height:1px;
}

.floatleft {
    float: left;
}


.floatright {
    float: right;
}

.nodisplay {
	display: none;
}
