html {
	height: 100%;
}

body {
	background:#bed5e2 url(../images/bg_main.gif) repeat-x top;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height:20px;
	color: #333333;
}

body#home {
	background:#bed5e2 url(../images/bg_main_home.gif) repeat-x top;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height:20px;
	color: #333333;
}

#wrapper {
	background:url(../images/bg_header.gif) no-repeat top center;
	margin:auto;
}

h1 {
	font-family: Arial Narrow, Verdana, Helvetica, sans-serif;
	font-size: 38px;
	line-height:normal;
	color: #0c4481;
	padding:0;
	margin: 10px 0 0 0;
	display:inline;
}

h2 {
	font-family: Arial Narrow, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	line-height:normal;
	color: #2e83b5;
	padding:0;
	margin: 0;
}

h3 {
	font-family: Arial Narrow, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	color: #4d9bbe;
	padding:0;
	margin: 0;
}

h4 {
	color:#3399cc;
	font-weight:bold;
	text-transform:uppercase;
	margin:15px 0 0 0;
}

p {
	margin: 0 0 10px 0;
}

a {
	color: #3399cc;
	text-decoration: underline;
}

a:hover {
	color: #25588e;
	text-decoration: underline;
}

strong { font-weight: bold; }

input, textarea {
	border:1px solid #8dc6df;
	padding:3px 6px 3px 6px;
	color:#333333;
	font-size:11px;
}

select {
	border:1px solid #8dc6df;
}

.button {
	width:auto;
	border:0;
	padding:5px 10px 5px 10px;
	background:#0C4481;
	color:#ffffff;
	font-weight:bold;
}

.left {
	float:left;
	margin:0 10px 10px 0;
}

.right {
	display:block;
	float:right;
	margin:0 0 20px 20px;
}

.prod_border {
	border:1px solid #9ccce5;
	padding:5px;
}

.border {
	border:1px solid #9ccce5;
}

.noborder {
	border:0;
	padding:0;
	margin:0;
}

.nav_text {
	display:none;
}

.label {
	font-weight:bold;
}

.hr {
	background:url(../images/hr.gif) repeat-x;
	height:2px;
	line-height: 2px;
	position:relative;
	text-align:left;
	margin: 3px 0 5px 0;
	padding: 0;
	border: 0;
}

.hr hr {
	display:none;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
}

#tooltip h3, #tooltip div { margin: 0; font-size:12px; }


/********************* MAIN BODY *************************/

#main_body {
	margin: auto;
	position:relative;
	z-index:100;
	width:960px;
}

/********************* HEADER STYLES *************************/

#top_home {
	height:470px;
	width:960px;
	position:relative;
	margin:auto;
	z-index:101;
}

#top {
	height:200px;
	width:960px;
	position:relative;
	margin:auto;
	z-index:101;
}

a.logo {
	display:block;
	height:75px;
	width:325px;
	border:0;
	position:absolute;
	top:10px;
	text-indent:-3000px;
}
	
#banner {
	position:absolute;
	top:118px;
	background-repeat: no-repeat;
	width: 960px;
	height: 350px;
}

#banner_int {
	position:absolute;
	top:164px;
}

#main_nav {
	position:absolute;
	top:130px;
	left:0;
	z-index:101;
}

.nav_top {
	position:relative;
	top:22px;
	float:right;
}

.nav_top a {
	text-decoration:none;
}

.top_search {
	height:23px;
	width:277px;
}

.breadcrumbs {
	margin:0 0 45px 0;
	color:#6e8095
}

.breadcrumbs a {
	color:#6e8095;
}

/*********************  LAYOUT STYLES *************************/

#content {
	width: 960px;
	background:#ffffff;
	position:relative;
	margin:auto;
	padding:0 0 40px 0;
}


.container {
	display:block;
	clear:both;
}

#col_1 {
	width:238px;
	position:relative;
	float:left;
	top:5px;
	left:4px;
	margin-right:20px;
}

#col_2 {
	width:681px;
	position:relative;
	float:left;
	top:20px;
	left:4px;
}

#col_full {
	width:900px;
	position:relative;
	float:left;
	top:20px;
	left:15px;
}
/*********************  HOME LAYOUT STYLES *************************/

.home_icons {
	background:#d4e6f1;
	height:61px;
}

a.hlogo_emax {
	height: 43px;
	width: 110px;
	display:block;
	background:url(../images/hlogo_emax.gif) no-repeat;
	text-indent:-3000px;
	margin:0;
	border:1px solid #bfd7e6;
}

a.hlogo_nti {
	height: 43px;
	width: 102px;
	display:block;
	background:url(../images/hlogo_nti.gif) no-repeat;
	text-indent:-3000px;
	margin:0;
	border:1px solid #bfd7e6;
}

a.hlogo_kz {
	height: 43px;
	width: 78px;
	display:block;
	background:url(../images/hlogo_kz.gif) no-repeat;
	text-indent:-3000px;
	margin:0;
	border:1px solid #bfd7e6;
}

a.hlogo_captek {
	height: 43px;
	width: 122px;
	display:block;
	background:url(../images/hlogo_captek.gif) no-repeat;
	text-indent:-3000px;
	margin:0;
	border:1px solid #bfd7e6;
}

a.hlogo_bruxzir {
	height: 43px;
	width: 122px;
	display:block;
	background:url(../images/hlogo_bruxzir.gif) no-repeat;
	text-indent:-3000px;
	margin:0;
	border:1px solid #bfd7e6;
}

a.hlogo_valplast {
	height: 43px;
	width: 122px;
	display:block;
	background:url(../images/hlogo_valplast.gif) no-repeat;
	text-indent:-3000px;
	margin:0;
	border:1px solid #bfd7e6;
}

a.home_logo:hover {
	background-position:0 -43px;
}

#col_1_home {
	width:610px;
	position:relative;
	float:left;
	top:10px;
	left:10px;
}

.get_to_know {
	width:242px;
	float:left;
	margin:0 35px 0 0;
	text-align:center;
}

.sm_bnr {
	margin:10px 0 0 0;
}

a.btn_know {
	height: 51px;
	width: 242px;
	display:block;
	background:url(../images/btn_get_to_know.gif) no-repeat;
	text-indent:-3000px;
	margin:10px 0 0 0;
}

a.btn_know:hover {
	background-position:0 -51px;
}

.home_col {
	background:url(../images/bg_home_col.gif) no-repeat top right;
	width:285px;
	float:left;
	position:relative;
	top:30px;
	padding:0 40px 40px 0;
}

#col_2_home {
	width:300px;
	position:relative;
	float:left;
	top:40px;
	left:30px;
}

a.btn_login {
	height: 69px;
	width: 294px;
	display:block;
	background:url(../images/btn_login.gif) no-repeat;
	text-indent:-3000px;
	margin:0;
}

a.btn_login:hover {
	background-position:0 -69px;
}
	
.news {
	background:#d4e6f1;
	border:1px solid #bfd0de;
	padding:25px 25px 15px 25px;
	width:243px;
	margin:10px 0 0 0;
}


/* ***************  INTERIOR LAYOUT STYLES *************** */

#int_nav {
	background:#e1eaf0 url(../images/bg_int_nav.gif) no-repeat top right;
	width:238px;
	padding-bottom:200px;
	margin: 0 0 10px 0;
}

h3.nav_header {
	width:218px;
	height:27px;
	color:#ffffff;
	padding:10px 0 0 20px;
	background:url(../images/bg_header_nav.gif) no-repeat;
}

.btns {
	position:relative;
	height: 29px;
	width: 218px;
	display:block;
	background:url(../images/btn_bg.gif) no-repeat;
	padding:10px 0 0 20px;
	margin:0;
}

.btns:hover {
	background-position: -238px 0;
}


/*a.btn_sidenav {
	position:relative;
	height: 29px;
	width: 218px;
	display:block;
	background:url(../images/btn_bg.gif) no-repeat;
	padding:10px 0 0 20px;
	margin:0;
}*/

#int_nav a.cat:hover {
	background-position:-238px 0;
}

#int_nav .on, #int_nav .on:hover {
	background-position:-238px 0;
	font-weight:bold;
}
	
#int_nav ul {
	margin:6px 0 6px 0;
}
	
#int_nav ul li {
	color:#6e8095;
	padding-left:20px;
	margin:6px 0 6px 0;
}

#int_nav a {
	color:#6e8095;
	text-decoration:none;
}

#int_nav a:hover {
	color: #25588e;
	text-decoration: underline;
}

#int_nav a.active {
	color:#3b3f44;
	font-weight:bold;
	text-decoration:none;
}

#int_nav a.active:hover {
	color:#3b3f44;
	font-weight:bold;
	text-decoration: underline;
}

h3.title {
	color:#ffffff;
	background:#095b51 url(../images/arrow_white.gif) no-repeat 98% center;
	padding:10px 10px 5px 10px;
	margin:0;
}

table.job_post {
	margin:0;
	width:100%;
}

td.job_info {
	background:#d4eae5;
	padding:10px 0 10px 10px;
}

table.category {
	margin:10px 0 0 0;
	width:100%;
}

table.prod {
	width:330px;
	color:#02274c;
	float:left;
	margin:10px 10px 10px 0;
}

table.prod th {
	background:#095b51;
	padding:0;
}

.prod td {
	border-left:1px solid #d4eae5;
	border-right:1px solid #d4eae5;
	border-bottom:1px solid #d4eae5;
}

td.use {
	background:#d4eae5;
	padding:15px 0 15px 15px;
}

.prod_desc {
	float:left;
	width:330px;
	position:relative;
	margin:10px 0 10px 0;
}

.prod_col_1 {
	position:relative;
	float:left;
	width:410px;
	margin:0 15px 0 0;
}

.prod_col_2 {
	position:relative;
	float:left;
	width:248px;
	margin:0;
}

.prod_col_1 ul li {
	background:url(../images/bullet.gif) no-repeat 2px 8px;
	padding-left:12px;
}

.caption {
	background:#dae7ef;
	margin:0 0 10px 0;
	padding:15px;
	width:218px;
	color:#0c4481;
}

a.btn_additional_info {
	height: 34px;
	width: 238px;
	display:block;
	background:url(../images/btn_additional_info.gif) no-repeat;
	text-indent:-3000px;
	margin:0;
}

a.btn_more_images {
	height: 33px;
	width: 238px;
	display:block;
	background:url(../images/btn_more_images.gif) no-repeat;
	text-indent:-3000px;
	margin:0;
}

a.btn_video {
	height: 33px;
	width: 238px;
	display:block;
	background:url(../images/btn_video.gif) no-repeat;
	text-indent:-3000px;
	margin:0;
}

a.btn_audio {
	height: 31px;
	width: 238px;
	display:block;
	background:url(../images/btn_audio.gif) no-repeat;
	text-indent:-3000px;
	margin:0;
}

a.addl:hover {
	background-position:-238px 0;
}

.note {
	font-style:italic;
	color:#2e83b5;
	margin:10px 0 0 0;
}

#col_2 ul {
	margin:0 0 15px 0;
}

#col_2 ul li {
	background:url(../images/bullet.gif) no-repeat 2px 8px;
	padding-left:12px;
}

.resources {
	border-left:1px solid #9CCCE5;
	border-top:1px solid #9CCCE5;
	width:100%;
}

.resources td {
	border-right:1px solid #9CCCE5;
	border-bottom:1px solid #9CCCE5;
	text-align:center;
}

.resources th {
	border-right:1px solid #9CCCE5;
	border-bottom:1px solid #9CCCE5;
	font-size:15px;
	text-align:center;
	color:#0c4481;
	font-weight:bold;
	background:#9CCCE5;
}

/* ***************  FOOTER STYLES *************** */

#footer {
	margin:auto;
	padding: 20px 0 50px 0;
	position:relative;
	top:20px;
	color:#4d9bbe;
	background:url(../images/bg_footer.gif) no-repeat top center;
}

#footer table {
	margin:auto;
}

#footer a {
	color:#4d9bbe;
	text-decoration:none;
}

#footer a:hover {
	color:#286c8b;
	text-decoration:none;
}


/* ***************  SUCKERFISH NAV STYLES *************** */

#nav li#btn_products { 	background-image: url("../images/btn_products.gif"); 	width: 77px;height: 34px;	}
#nav li#btn_about { 	background-image: url("../images/btn_about.gif"); 	width: 103px;height: 34px;	}
#nav li#btn_career { 	background-image: url("../images/btn_career.gif"); 	width: 159px;height: 34px;	}
#nav li#btn_sendcase { 	background-image: url("../images/btn_sendcase.gif"); 	width: 144px;height: 34px;	}
#nav li#btn_payment { 	background-image: url("../images/btn_payment.gif"); 	width: 137px;height: 34px;	}
#nav li#btn_contact { 	background-image: url("../images/btn_contact.gif"); 	width: 87px;height: 34px;	}


#nav li a {
	display:block;
	width:auto;
	height:100%;
	color:#669fc4;
	font-size:11px;
	text-decoration:none;
}

#nav li a:hover {
	display:block;
	width:auto;
	height:100%;
	text-decoration:none;
	color:#669fc4;
}