@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:small;
	;
}
html {
        background: url(images/bg_index.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
		background-attachment: fixed;
}

h1 { margin:0; padding:0;}
a { text-decoration:none; color:#fff;}
a:hover { color:#04adf0;}
#mainwrapper {  width:1200px; height:900px; margin:auto; margin-top:20px; position: relative;  }
#navspacer { height:50px;}
#navbar { height:70px; width:100%; position:absolute; z-index:200; }
#logo { width:220px; height:70px; float:left; }
#navigation { height:70px;}
#nav { height:45px; background-color:#000; opacity:0.6; filter:alpha(opacity=60); margin-left:220px; margin-top:0; padding-top:25px;  }
#nav li {
        float:left; 
        display:block; 
        padding-right:75px; 
        position:relative;
        z-index:50; 
        margin:0 1px;
    }

#nav ul {
            position:absolute; 
            left:0; 
            display:none; 
            margin:0; 
            padding:0; 
            list-style:none;
			z-index:50;
        }
         
        #nav ul li {
            display:block;
            float:left; 
			padding: 5px;
			width:200px;
			background-color:#000; opacity:0.95; filter:alpha(opacity=95);
			
        }
		
#compsubmenu { display:none;}
#officesmenu { display:none;}

#maincontent { width:460px;; height:600px; margin-top:100px; margin-left:700px;}
#news { position: absolute; left: 650px; top: 150px; width:460px; height: 260px; background-color:#000; opacity:0.6; filter:alpha(opacity=60); margin:10px 0 -25px 0; }
#news p {padding:10px 0 0 10px; color:#fff; font-size:.8em;}
#overview { position: absolute; left: 150px; top: 180px; width:400px; height:310px;   }
#overview p { padding:10px; color:#fff; font-size:.9em; }

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 450px;
	height:180px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:3840px;
	
	position:absolute;
	font-size: 9pt;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
	width:440px;
	height: 200px;
	margin: auto;
	padding:10px;
	background-color:#000; opacity:0.8; filter:alpha(opacity=80);
	
}

.newsnav {
	width:450px;
	
	margin:auto;
	padding:5px 0 5px 0;
	font-size:.8em;
	background-color:#000; opacity:0.8; filter:alpha(opacity=80);
	height:10px;
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	
.prev { float:left;}
.next { float:right;}


#changecountry {
    
	border: #999999;
	width: 30px;
	height: 18px;
	position: absolute;
	left: 1090px;
	top: 20px;
}

#changecountrytext {
    background: none;
	border: #999999;
	width: 100px;
	height: 19px;
	position: absolute;
	left: 990px;
	top: 20px;
	font-size: 8pt;
	color: #fff;
}