/* --- MAIN --- */

html {
	padding: 0px;
	margin: 0px; 
	border: 0px; 
	height: 100%; 
	min-height: 100%;
	overflow: auto;
}

body {
	font-size: 11px;
	color: #AAAAAA;
	font-family: Helvetica, Verdana, Arial, Tahoma, sans-serif;
	background: #AAC4D3 url(../images/bg.gif) top center;
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 100%;
	min-height: 100%;
}

ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }

/* --- LAYOUT --- */

div#container {
	width: 100%;
	min-height: 100%; /* for modern/real browsers */
	height: auto !important; /* for modern/real browsers */
	height: 100%; /* for IE */
	background: url(../images/bg_gradient.gif) repeat-x top center;
	}

div#top50 {
	width: 906px;
	height: 50px;
}

div#inside_con {
	width: 906px;
	background: url(../images/layout_bg.gif) repeat-y;
}

div#inside {
	width: 906px;
	background: url(../images/layout_top_new.gif) no-repeat;
}

div#header {
	width: 906px;
	height: 130px;
}

	div#navbar {
		float: left;
	}
	
	div#logobar {
		padding-top: 32px;
		padding-right: 32px;
		float: right;
	}

	div#navbar_left {
		display: inline;
		width: 9px;
		height: 40px;
		background: url(../images/navbar_left.gif) no-repeat;
		float: left;
		margin-top: 40px;
		margin-left: 30px;
	}

	div#navbar_middle {
		display: inline;
		height: 40px;
		background: url(../images/navbar_middle.gif) repeat-x;
		float: left;
		margin-top: 40px;
		margin-left: 0px;
	}

		div#menu {
			width: 410px; /* i dont know why auto mode is not workin in ie6 so i need to write the correct calculated width */
			height: 20px;
			max-width: 450px;
		}
		
			div#menu_home {
				display: inline;
				height: 20px;
				float: left;
				margin: 10px;
			}
			div#menu_about {
				display: inline;
				height: 20px;
				float: left;
				margin: 10px;
			}
			div#menu_products {
				display: inline;
				height: 20px;
				float: left;
				margin: 10px;
			}
			div#menu_services {
				display: inline;
				height: 20px;
				float: left;
				margin: 10px;
			}
			div#menu_contact {
				display: inline;
				height: 20px;
				float: left;
				margin: 10px;
			}

	div#navbar_right {
		display: inline;
		width: 9px;
		height: 40px;
		background: url(../images/navbar_right.gif) no-repeat;
		float: left;
		margin-top: 40px;
		margin-left: 0px;
	}
	
div#content {
	width: 906px;
	min-height: 400px;
}
	div#con {
		display: inline;
		width: 750px;
		margin-left: 50px;
		margin-right: 20px;
	}

	div#con1 {
		display: inline;
		width: 515px;
		margin-left: 50px;
		padding-right: 15px;
		float: left;
		background-image: url(../images/separator.gif);
		background-repeat: repeat-y;
		background-position: top right;
	}

		.contentpaneopen table td {
			padding-top: 10px;
			padding-bottom: 5px;
			border-bottom: 1px dashed #666666;
		}
	
		div#con1 ul {
			list-style-type: none;
			line-height: 120%;
			margin: 0px;
		}
	
		div#con1 ul li {
			background-image: url(../images/arrow_text.gif);
			background-repeat: no-repeat;
			background-position: 7px 4px; /* left top */
			margin: 0px;
			padding-left: 15px;
			padding-top: 1px;
			padding-bottom: 1px;
		}

		div#con1 img {
			margin-right: 10px;
			margin-bottom: 5px;
		}

	div#con2 {
		display: inline;
		width: 274px;
		margin-right: 30px;
		float: right;
	}	

		div#c2top {
			display: inline;
			width: 254px;
			height: 24px;
			background: url(../images/contactbox_top.gif) no-repeat;
			margin-top: 35px;
			padding: 15px 10px 0px 10px; /* top right bottom left */
			float: left;
		}
		
		div#c2body {
			display: inline;
			width: 234px;
			height: 424px;
			padding: 20px 20px 20px 20px;
			background: url(../images/contactbox.gif) no-repeat;
			color: #444444;
			float: left;
		}

			div#c2body ul {
				list-style-type: none;
				line-height: 120%;
				margin: 0pt;
			}
		
			div#c2body ul li {
				background-image: url(../images/arrow_contact.gif);
				background-repeat: no-repeat;
				background-position: 0px 3px; /* left top */
				margin: 0pt;
				padding-left: 8px;
			}

	div#twenty {
		clear: both;
		width: 906px;
		height: 20px;
	}

div#footer {
	clear: both;
	width: 906px;
	height: 29px;
	background: url(../images/layout_bottom.gif) no-repeat;
}

	div#login {
		position: absolute;
		width: 70px;
		height: 16px;
		display: inline;
		margin-top: 12px;
		margin-left: 784px;
	}

/* --- LINKS --- */

a:link, a:visited {
	text-decoration: none;
	color: #3FF4FF;
	border-bottom: #FFFFFF 1px dotted;
	}

a:hover, a:active { 
	text-decoration: none;
	color: #FFFFFF;
	border-bottom: #FFFFFF 1px solid;
	}

a.readon:link, a.readon:visited, a.readon:hover, a.readon:active { 
	text-decoration: none;
	border: none;
	}

a.mceButtonNormal:link, a.mceButtonNormal:visited, a.mceButtonNormal:hover, a.mceButtonNormal:active { 
	text-decoration: none;
	border: none;
	}

a.mceButtonDisabled:link, a.mceButtonDisabled:visited, a.mceButtonDisabled:hover, a.mceButtonDisabled:active { 
	text-decoration: none;
	border: none;
	}

/* --- TEXT --- */

.contentheading {
	font-size: 18px;
	color: #3FF4FF;
	font-family: "Sathu", Helvetica, Verdana, Arial, Tahoma, sans-serif;
	padding-bottom: 15px;
	}

.componentheading {
	font-size: 18px;
	color: #3FF4FF;
	font-family: "Sathu", Helvetica, Verdana, Arial, Tahoma, sans-serif;
	padding-bottom: 15px;
	padding-left: 50px;
	}

.highlighted_text {
	font-size: 11px;
	color: #3FF4FF;
	font-family: "Sathu", Helvetica, Verdana, Arial, Tahoma, sans-serif;
	font-weight: bold;
	}

.title_white {
	font-size: 13px;
	color: #FFFFFF;
	font-family: Helvetica, Verdana, Arial, Tahoma, sans-serif;
	font-weight: bold;
	}

.title_black {
	font-size: 12px;
	color: #000000;
	font-family: Helvetica, Verdana, Arial, Tahoma, sans-serif;
	font-weight: bold;
	}

.body_text {
	font-size: 12px;
	color: #BABABA;
	font-family: Helvetica, Verdana, Arial, Tahoma, sans-serif;
	line-height: 135%;
	}

.body_text_dark {
	font-size: 11px;
	color: #444444;
	font-family: Helvetica, Verdana, Arial, Tahoma, sans-serif;
	line-height: 140%;
	}

.body_text_white {
	font-size: 12px;
	color: #FFFFFF;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	line-height: 145%;
	}

/* --- FORMS --- */

.inputbox2 {
	font-size: 10px;
	color: #FFFFFF;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	border: none;
	background-color: #2F3533;
	width: 220px;
	height: 14px;
	padding-top: 3px;
	padding-left: 3px;
	margin-bottom: 3px;
}

.textarea2, .text_area {
	font-size: 10px;
	color: #FFFFFF;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	border: none;
	background-color: #2F3533;
	width: 220px;
	height: 90px;
	padding-top: 3px;
	padding-left: 3px;
	margin-bottom: 3px;
	overflow: auto;
}

.fftable {
	background: none;
	margin-left: -3px;
	margin-top: -2px;
}

.button2 {
	width: 94px;
	height: 24px;
	font-size: 1px;
	margin: 0px;
	margin-left: 129px;
	padding: 0px;
	border: none;
}

.selectlist {
	font-size: 10px;
	color: #2F3533;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	width: 220px;
	height: 20px;
	padding-top: 3px;
	padding-left: 3px;
	margin-bottom: 3px;
}

.inputbox {
	font-size: 10px;
	color: #2F3533;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	width: 220px;
	height: 16px;
	padding-top: 3px;
	padding-left: 3px;
	margin-bottom: 3px;
}

.textarea {
	font-size: 10px;
	color: #2F3533;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	width: 220px;
	height: 90px;
	padding-top: 3px;
	padding-left: 3px;
	margin-bottom: 3px;
	overflow: auto;
}

.button {
	width: 94px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	border: none;
}

/* --- JOOMLA --- */

	body.contentpane {
		background: none;
	}

	.contentdescription {
		font-size: 11px;
		color: #3FF4FF;
		font-family: "Sathu", Helvetica, Verdana, Arial, Tahoma, sans-serif;
		font-weight: bold;
	}

	.sectiontableheader {
		font-size: 11px;
		color: #FFFFFF;
		font-family: "Sathu", Helvetica, Verdana, Arial, Tahoma, sans-serif;
		font-weight: bold;
	}

		div#con .contentpaneopen {
			margin-left: 50px;
			margin-right: 20px;
		}
	
		div#con .back_button {
			margin-left: 50px;
			margin-right: 20px;
		}
	
		div#con form {
			padding: 20px;
		}

		div#con ul {
			list-style-type: none;
			line-height: 120%;
			margin: 0px;
		}
	
		div#con ul li {
			background-image: url(../images/arrow_text.gif);
			background-repeat: no-repeat;
			background-position: 7px 4px; /* left top */
			margin: 0px;
			padding-left: 15px;
			padding-top: 1px;
			padding-bottom: 1px;
		}

		div#con img {
			margin-right: 10px;
			margin-bottom: 5px;
		}

/* --- LOGIN --- */

#popup {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	background-color: #111111;
	border: 3px solid #000000;
	padding: 10px;
	z-index: 200;
}

	#plogin {
		display: inline;
		float: left;
		width: 475px;
	}
	#pclose {
		display: inline;
		float: right;
		width: 15px;
		padding-right: 10px;
	}

#dark_bg {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	background: #000000;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	z-index: 100;
}

/* --- SW MENU --- */

.transMenu34 {
 position: absolute;
 overflow: hidden;
 left: -1000px;
 top: -1000px;
}
.transMenu34 .content {
 position: absolute;
}
.transMenu34 .items {
 border-bottom: 3px solid #000000;
 border-left: 3px solid #000000;
 border-right: 3px solid #000000;
 position: relative;
 left: 0px;
 top: 0px; 
 z-index: 2;
}
.transMenu34  td {
 /* subnav element text */
 padding: 8px !important; /* top right bottom left */
 font-size: 10px !important;
 font-family: Arial, Verdana, Tahoma, sans-serif !important;
 text-align: left !important;
 color: #FFFFFF !important;
} 
#subwrap34 { 
 text-align: left;
}
.transMenu34 .item.hover td {
/* subnav element text hover */
 color: #3FF4FF !important;
}
.transMenu34 .item { 
 text-decoration: none;
 cursor: pointer;
 cursor: hand;
}
.transMenu34 .background {
 /* subnav element bg */
 background-color: #151515 !important;
 position: absolute;
 left: 0px;
 top: 0px;
 z-index: 1;
 -moz-opacity: 1.0;
 filter: alpha(opacity=100);
}
.transMenu34 .shadowRight {
 position: absolute;
 z-index: 3;
 top: -3000px;
 width: 2px; 
 -moz-opacity: 1.0;
 filter: alpha(opacity=100);
}
.transMenu34 .shadowBottom {
 position: absolute;
 z-index: 1;
 left: -3000px;
 height: 2px;
 -moz-opacity: 1.0;
 filter: alpha(opacity=100);
}
.transMenu34 .item.hover {
 /* subnav element bg hover */
 background-color: #202020 !important;
}
.transMenu34 .item img {
 margin: 5px !important;
}
table.menu34 {
 top: 0px;
 left: 0px;
 position: relative;
 margin: 0px !important;
 border: 0px solid #FFFFFF;
 z-index: 1;
}
table.menu34 a {
 /* topnav element */
 padding: 0px !important ; 
 margin: 10px 15px 10px 15px !important; /* top right bottom left */
 display: block !important;
 position: relative !important;
 border-bottom: none;
}
div.menu34 a, div.menu34 a:visited, div.menu34 a:link {
 /* topnav element text */
 font-size: 10px !important;
 font-family: Arial, Verdana, Tahoma, sans-serif !important;
 text-align: left !important;
 font-weight: bold !important;
 color: #FFFFFF !important;
 text-decoration: none !important;
 margin-bottom: 0px !important;
 display: block !important;
 white-space: nowrap;
 border-bottom: none;
}
div.menu34 td {
 /* topnav element bg */
 border: 0px solid #FFFFFF;
} 
div.menu34 td.last34 {
 border-bottom: 0px solid #FFFFFF;
} 
#trans-active34 a {
 /* topnav element active */
 color: #FFFFFF !important;
} 
#menu34 a.hover {
 /* topnav element hover */
 color: #FFFFFF !important;
 border-bottom: #3FF4FF 1px solid;
}
#menu34 span {
 display:none; 
}
#menu34 a img.seq1, .transMenu34 img.seq1, {
 display: inline;
}
#menu34 a.hover img.seq2, .transMenu34 .item.hover img.seq2 {
 display: inline;
}
#menu34 a.hover img.seq1, #menu34 a img.seq2, .transMenu34 img.seq2, .transMenu34 .item.hover img.seq1 {
 display: none;
}
#trans-active34 a img.seq1 {
 display: none;
}
#trans-active34 a img.seq2 {
 display: inline;
}