/*
	Navigation CSS Style Sheet 
	
	version:	1.0
	author:		GEOVoucher OÜ
	email:		info@geovoucher.com
	website:	http://www.geovoucher.com
*/

#navigation a, #statusbar-navigation a {
	text-decoration: none;
}

/* =Headings
-----------------------------------------------------------------------------*/
#header{
	float:left;
	width: 100%;
	margin: 0 0 15px 0;
}

/* =Statusbar
-----------------------------------------------------------------------------*/
#statusbar{
	float:left;
	font-size: 80%;
	margin-top: 0.5em;
}

#statusbar-navigation{
	float: right;
	width: 1004px;
	margin-bottom: 0.5em;
}

#statusbar-navigation ul{
	float:right;
	position:relative;
}

#statusbar-navigation ul a{
	color: #666;;
}

/* =Language Selection
----------------------------*/
#statusbar-navigation ul.languages{
	display: none;
	background: white;
    opacity: 0.9;
 
	border-top: 1px solid #dfdfdf;
	border-right:	1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	margin: 15px 0 0 0;
	width: 120px;
	position: absolute;
	left: 0;
	top: 2px;
}

#statusbar-navigation ul.languages li{
	display:block;
	float:none;
}

#statusbar-navigation ul.languages li a{
	display:block;
	height: 20px;
	line-height: 20px;
	padding: 2px 2px 0 7px;
	text-decoration: none;
	border-bottom: 1px solid #dfdfdf;
}

#statusbar-navigation ul.languages li a:hover{
	background: #eee;
	border-bottom: 1px solid #eee;
}

#statusbar-navigation ul li a#language-link{
	background: transparent url(../img/buttons/dropdown-button.png) no-repeat right 65%;
	padding-right: 22px;
}

/* =Navigation
-----------------------------------------------------------------------------*/
#navigation{ float: left;	background: #568396; width:100%; margin-top: 15px;}
#navigation li{	float:left;}
#navigation li a { float:left; color: #fff; display:inline-block;	height: 2em;	line-height: 2.2em; vertical-align:top; width: 199px; border-left: 1px solid #6a95a8; border-right: 1px solid #356a81; text-align:center;}
#navigation li a:hover { background: #b4cccc; border-right: 1px solid #b4cccc;}
#navigation li.first-item a{ border-left:0 !important; }
#navigation li.last-item a{ border-right:1 !important; }

/* =SubNavigation
-----------------------------------------------------------------------------*/
#sub-navigation{ float:left; width: 165px; padding: 84px 10px 25px 25px; }
#sub-navigation li{ height: 1.8em; line-height: 1.8em; overflow:hidden;}


/* =Highlighting
----------------------------*/
body.contact ul#navigation li.contact a,
body.references ul#navigation li.references a, 
body.company ul#navigation li.company a,
body.cupoco ul#navigation li.cupoco a,
body.services ul#navigation li.services a{
	background: #b4cccc;
	color: #FFF; 	
	border-right: 1px solid #b4cccc;
}

/* =Subnavigation
----------------------------*/
body.contactcontact_us div#sub-navigation li.contact_us a,
body.referencescustomers div#sub-navigation li.customers a,
body.servicesseo div#sub-navigation li.seo a,
body.servicesweb20 div#sub-navigation li.web20 a,
body.servicesmobile div#sub-navigation li.mobile a,
body.servicesoverview div#sub-navigation li.overview a,
body.cupocoblog div#sub-navigation li.blog a,
body.cupocowebsite div#sub-navigation li.website a,
body.cupocomobile_app div#sub-navigation li.mobile_app a,
body.cupocooverview div#sub-navigation li.overview a,
body.companymanagement div#sub-navigation li.management a,
body.companyabout div#sub-navigation li.about a,
body.companyoverview div#sub-navigation li.overview a{
	color: #FFF; 	
	font-weight:bold;
}