/* 
    Document   : default
    Created on : 21-oct-2010, 11.28.42
    Author     : Victor M. de Jonge
    Description: CSS defailt
*/

body {
    text-align: left;
    background:#101010 url(../images/bg.gif) repeat-x;
	color: #555;
    font-family: arial, tahoma, verdana;
    padding:0;
    margin:0;
	font-size: 15px;
}

a {
    color: #202020;
    text-decoration: none;
	font-weight:bold;
}

a:hover {
    text-decoration: underline;
}

img {
    border: 0px;
}

hr {
	height:2px;
	background-color:#373737;
	border-color:#1b1b1b;
	border-style:none none inset;
	border-width:1px;
}

h1 {
    color: #f2f2f2;
}

h2 {
	font-size:18px;
    color: #777;
	font-weight:normal;
	text-shadow: 0 0 1px #FFF;
}

h3 {
    color: #101010;
	font-size:24px;
	margin:24px 0 0 0;
	text-shadow: 0 0 1px #FFF;
}

h4 {
    color: #303030;
	font-size:18px;
	text-shadow: 0 0 1px #FFF;
	margin:12px 0 0 0;
}

h5 {
	-moz-border-radius:5px 5px 5px 5px;
    color: #FFF;
	font-weight:normal;
	background:#101010;
	text-shadow: none;
	font-size:15px;
	margin:0;
	padding:2px 4px 2px 4px;
}

.clear {
	clear: both;
}

.smallgreen {
	font-size:12px;
	color:#42a62a;
	font-weight:bold;
}

#head {
	position:fixed;
	top:0;
	height:42px;
	width:100%;
	background:#777 url(../images/bg_head.gif);
	z-index:500;
}

#menu {
	float:right;
	padding:6px 6% 0 0;
	z-index:500;
}

#menu ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#menu li {
    float: left;
	margin:0;
	padding: 0;
}

#home {
	float:left;
	padding:6px 0 0 6%;
	z-index:500;
	color:#CCCCCC;
}

#home ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#home li {
    float: left;
	margin:0;
	padding: 0;
}

.container {
	margin-left: auto;
    margin-right: auto;
	margin-top: 42px;
	text-align:center;
	width:924px;
}

.container hr {
	height:2px;
	background-color:#D2D2D2;
	border-color:#FFFFFF;
	border-style:none none solid;
	border-width:1px;
}

#first {
	background:url(../images/bg_central_01.jpg) top center no-repeat;
}

.header_logo {
    margin: 10px 0;
	padding: 8px 0 0 0;
}

#second {
	text-align:left;
	background:url(../images/bg_central.jpg) top center no-repeat;
}

.above {
	height:600px;
	text-shadow: 0 1px 1px #FFF;	
}

#box {
	margin:0;
	padding:0;
	overflow:auto;
	height:440px;
}

#box span {
	font-size:12px;
	color:#42a62a;
	font-weight:bold;
}

#box ul {
	margin:0;
}

#box li {
	margin:0;
	padding:6px 12px 6px 0;
}


/* text scroller */

#newsholder {
	background:url(../images/bg_news.png) top center no-repeat;
	font-size:13px;
	text-align:left;
	margin:0;
	color:#f2f2f2;
	text-shadow:none;
	padding:8px 8px 0 78px;
	height:25px;
}

#newsholder ul {
	list-style-type: none;
	margin:0;
	padding:0;	
}

#newsholder a {
	color:#FFF;
	font-weight:normal;
	outline:none;
}

#news {
	float:left;
	width:802px;
}

.ticker-controls {
	float:right;
}

.ticker-controls li {
    float: left;
	margin:0;
	padding: 0;
}

/* end text scroller */

.butt {
	float:left;
	width: 300px;
	margin:0 4px;
	padding:0;
}

.slide01 {
    height: 297px;
	width: 308px;
	margin: auto;
}

.slide02 {
    height: 297px;
	width: 308px;
	margin: auto;
}

.slide03 {
    height: 297px;
	width: 308px;
	margin: auto;
}

.slideshow { height: 232px; width: 232px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }

#foot {
	color:#666;
	height:100px;
}

#foot a {
    color: #777;
	text-shadow: 0 0 1px #FFF;
	font-weight:bold;
}

#foot_left {
	float:left;
	background:url(../images/bg_cg.png) top left no-repeat;
	font-size:12px;
	margin:12px 0 12px 6px;
	padding:0 0 0 12px;
	text-align:left;
	width:240px;
	height:66px;	
}

#foot hr {
	height:2px;
	background-color:#373737;
	border-color:#1b1b1b;
	border-style:none none solid;
	border-width:1px;
}

#cg {
	width:190px;
	height:42px;
}

#foot_right {
	float:right;
	margin:10px 6px 0 0;
	font-size:11px;
	text-align:right;
}

.left {
	float:left;
}

.col_left {
	float:left;
	width:344px;
}

.col_left .txt {
	padding:8px 50px 0 16px;
	color:#333;
}

.col_left .txt ul{
	padding:0 0 0 10px;
}

.txt a{
	color:#42a62a;
}

.col_right {
	float:left;
	width:460px;
}

/*.col_right li {
	list-style-image:url(../images/ul.png);
}
*/

#ch {
}

#ch ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#ch li {
    float: left;
	margin:10px 20px;
	padding: 0;
}


.column p {
	margin:4px 0 0;
}

.contact_form {
	width:850px;
	margin:12px 0;
	padding: 0;
}

.contact_form label {
	float:left;
	display: inline-block;
	width: 84px;
	text-align: right;
	margin: 4px 16px 0 0;
}

input, textarea {
	-moz-border-radius:5px 5px 5px 5px;
	background:none repeat scroll 0 0 #101010;
	color:#FFFFFF;
	display:block;
	font-size:16px;
	height:38px;
	border: 0 none;
	padding:0 0 0 50px;
	width:400px;
}

textarea {
	height:120px;
	padding:12px 0 0 12px;
	width:437px;
}

input:focus, textarea:focus {
	background:none repeat scroll 0 0 #444;
}

input.name {
	background:url(../images/mini_icons.png) no-repeat scroll 10px 10px #101010;
}

input.email {
	background:url(../images/mini_icons.png) no-repeat scroll 10px -27px #101010;
}

input.company {
	background:url(../images/mini_icons.png) no-repeat scroll 10px -82px #101010;
}

input.name:focus, input.email:focus, input.company:focus {
	background-color:#444;
}

.submit {
	background:url(../images/btn_off.png) repeat scroll 0 0 transparent;
	padding:0;
	cursor:pointer;
	display:block;
	width:140px;
	height:42px;
}

.submit:hover, .submit:active, .submit:focus {
	background:url(../images/btn_on.png) repeat scroll 0 0 transparent;
}

.submit_en {
	background:url(../images/btn_en_off.png) repeat scroll 0 0 transparent;
	padding:0;
	cursor:pointer;
	display:block;
	width:140px;
	height:42px;
}

.submit_en:hover, .submit_en:active, .submit_en:focus {
	background:url(../images/btn_en_on.png) repeat scroll 0 0 transparent;
}

/* tooltip styling. by default the element to be styled is .tooltip  

#dyna img {
	cursor:pointer;
	margin:0;
}

*/

.margin_1 { clear: both; width: 100%; height: 1px; }
.margin_6 { clear: both; width: 100%; height: 6px; }
.margin_12 { clear: both; width: 100%; height: 12px; }
.margin_24 { clear: both; width: 100%; height: 24px; }
.margin_46 { clear: both; width: 100%; height: 46px; }
.margin_92 { clear: both; width: 100%; height: 92px; }