@charset "utf-8";
/* CSS Document */
*:focus{outline:0}
html { 
  padding:0px;
  margin:0px;
  height:100%;
  overflow:hidden;
  background:#000000
}

body {
	font-size: 12px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#564b47;
	padding:0px;
	margin:0px;
	height: 100%;
	background: url(../img/bg_pat.jpg) repeat;
}
p, pre, h2 {
  padding:10px;
  margin:0px;
}


h1 {
	font-size: 10px;
	font-weight:lighter;
	/*text-transform:uppercase;*/
	text-align: left;
	color: #989898;
	background-color: #000000;
	position:relative;
	margin:-11px 0 0 0;
	width:100%;
	z-index:22;
}
h2 {
font-size:14px;
padding-top:10px;
text-transform:uppercase;
color: #564b47;
background-color: transparent;
}
h4{
/*font-size:14px;*/
/*line-height:10px;*/
padding:8px 0 5px 0;
margin:0;
font-size:12px;
}
a {
	color: #627074;
	font-size: 11px;
	background-color:transparent;
	text-decoration: none;
}
 
pre { 
color: #564b47;
font-size: 11px;
background-color:transparent;
font-family: Courier, Monaco, Monospace;
}
ul{
	list-style:none;
	margin:0;
	padding:0;	
}

/*  positioning-layers statisch und absolut */
#menu {
  background:url(../img/bg_menu.jpg);
  position: absolute;
  left:0px;
  width: 180px;   
  height:100%;
  padding:0;
  margin:0;
  z-index:20;
}
#menu img {
	padding:0;
	margin:0;
}
#menu ul {
	color:#00FF33;
	padding: 0px;
	margin:0px;	
}
#menu .nav{
	width: 180px;
    position: absolute;
    left:0px;
	top:0px;
	padding: 0px;
	margin:0px;
}
#menu .nav li {	display: inline;}
#menu .nav li a{
	height:36px;
	width:180px;
	text-indent: -9000px;
	position: absolute;
	left:0;
}

/* Animatie ***HOME*** */
#menu .home a{top: 73px;}
#menu .home a:link, #menu .home a:visited {
	overflow: hidden;
	z-index: 21;}
#menu .home a:hover, #menu .home a:focus, #menu .home a:active {
    background: url(../img/btn_home_down.jpg) no-repeat;}		
.current-home .home a:link, .current-home .home a:visited {
		cursor: default;
		background:url(../img/btn_home_down.jpg) no-repeat;
		}
.nav-home, .nav-home-click {
		position: absolute;
		top: 73px;
		left: 0px;
		width: 180px;
		height:36px;
		background: url(../img/btn_home_down.jpg) no-repeat;}
.nav-home-click {
		background: url(../img/btn_home_down.jpg) no-repeat;}
	
/* Animatie ***OBJECTIVES*** */	
#menu .nav .objectives a{top:109px;}
#menu .objectives a:link, #menu .objectives a:visited {
	overflow:hidden;
	z-index: 21;
}
#menu .objectives a:hover, #menu .objectives a:focus, #menu .objectives a:active {
    background: url(../img/btn_objectives_down.jpg) no-repeat;
}	
.current-objectives .objectives a:link, .current-objectives .objectives a:visited {
		background: url(../img/btn_objectives_down.jpg) no-repeat;
		cursor: default;}
.nav-objectives, .nav-objectives-click {
		width: 180px;
		height: 36px;
		background: url(../img/btn_objectives_down.jpg) no-repeat;
		position: absolute;
		top: 109px;
		left: 0px;}
.nav-objectives-click {
		background: url(../img/btn_objectives_down.jpg) no-repeat;}
		
/* Animatie ***SERVICES*** */	
#menu .services a{top:145px;}
#menu .services a:link, #menu .services a:visited {
	overflow:hidden;
	z-index:21;
}
#menu .services a:hover, #menu .services a:focus, #menu .services a:active {
    background: url(../img/btn_services_down.jpg) no-repeat;
}	
.current-services .services a:link, .current-services .services a:visited {
		background: url(../img/btn_services_down.jpg) no-repeat;
		cursor: default;}
.nav-services, .nav-services-click {
		width: 180px;
		height: 36px;
		background: url(../img/btn_services_down.jpg) no-repeat;
		position: absolute;
		top: 145px;
		left: 0px;}
.nav-services-click {
		background: url(../img/btn_services_down.jpg) no-repeat;}	
		
/* Animatie ***CLIENTS*** */	
#menu .clients a{top:181px;}
#menu .clients a:link, #menu .clients a:visited {
	overflow:hidden;
	z-index:21;
}
#menu .clients a:hover, #menu .clients a:focus, #menu .clients a:active {
    background: url(../img/btn_clients_down.jpg) no-repeat;
}	
.current-clients .clients a:link, .current-clients .clients a:visited {
	cursor: default;
	background: url(../img/btn_clients_down.jpg) no-repeat;
	}
.nav-clients, .nav-clients-click {
		position: absolute;
		top: 181px;
		left: 0px;
		width: 180px;
		height: 36px;
		background: url(../img/btn_clients_down.jpg) no-repeat;}
.nav-clients-click {
		background: url(../img/btn_clients_down.jpg) no-repeat;}
		
/* Animatie ***PORTOFOLIO*** */	
#menu .portofolio a{top:217px;}
#menu .portofolio a:link, #menu .portofolio a:visited {
	overflow:hidden;
	z-index:21;
}
#menu .portofolio a:hover, #menu .portofolio a:focus, #menu .portofolio a:active {
    background: url(../img/btn_portofolio_down.jpg) no-repeat;
}	
.current-portofolio .portofolio a:link, .current-portofolio .portofolio a:visited {
		background: url(../img/btn_portofolio_down.jpg) no-repeat;
		cursor: default;}
.nav-portofolio, .nav-portofolio-click {
		position: absolute;
		top: 217px;
		left: 0px;
		width: 180px;
		height: 36px;
		background: url(../img/btn_portofolio_down.jpg) no-repeat;}
.nav-portofolio-click {
		background: url(../img/btn_portofolio_down.jpg) no-repeat;}
		
/* Animatie ***ABOUTUS*** */
#menu .aboutus a{top:253px;}
#menu .aboutus a:link, #menu .aboutus a:visited {
	overflow:hidden;
	z-index:21;
}
#menu .aboutus a:hover, #menu .aboutus a:focus, #menu .aboutus a:active {
    background: url(../img/btn_aboutus_down.jpg) no-repeat;
}
.current-aboutus .aboutus a:link, .current-aboutus .aboutus a:visited {
		background: url(../img/btn_aboutus_down.jpg) no-repeat;
		cursor: default;}
.nav-aboutus, .nav-aboutus-click {
		position: absolute;
		top: 253px;
		left: 0px;
		width: 180px;
		height: 36px;
		background: url(../img/btn_aboutus_down.jpg) no-repeat;}
.nav-aboutus-click {
		background: url(../img/btn_aboutus_down.jpg) no-repeat;}
		
.jobs a:link, .jobs a:visited {
background: url(../img/btn_jobs_up.jpg);
}
.contact a:link, .contact a:visited {
background: url(../img/btn_contact_up.jpg);
}

/* ------ContectBox------*/	
.contactbox{
font-size:09px;
font-weight:lighter;
line-height:15px;
color:#627074;
margin:-216px 0 0 0;
/*padding:0 0 0 18px;*/
width:180px;
position:relative;
float:left;
z-index:21;
}
.contactbox span{padding:0 0 0 11px;}
/*.contactbox li{ display: inline;}*/
.contactbox ul{ padding:0; margin:0;}
.contactbox li a{width:180px; height:36px; display:block;}

/*------maincontent-----*/
#maincontent{
	overflow:hidden;
	height:100%;
	padding:0 0 0 20%;
}
#objectives_dialog{
display:none;
}
#services_dialog{
display:none;
}
#home_dialog{
display:none;
}
#aboutus_dialog{
display:none;
}
#portofolio_dialog{
display:none;
}
#tv_dialog{
display:none;
}
#radio_dialog{
display:none;
}
#coll_dialog{
display:none;
}