L/* ----------------------------------------------------------------------------------------------------------
gold: #eab531        
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags, reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body {padding-bottom:20px; background: #505050 url("../images/body_bg3.jpg") 0 0 repeat-x; font:0.8em/1.5 "arial",sans-serif; text-align:center;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:180%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4 {font-size:120%;}
h5 {font-size:100%;}

p, table, ul, ol, dl, fieldset {margin:15px 0;}

table           { border-collapse: collapse; }
table td,
table th        { border: 1px #d8d8d8 solid; padding: 3px 3px 3px 7px; }
table th        { text-align: left; }
table td   { background-color: #fafafa; }
table td.odd   { background-color: #c0cee0; }

ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}

dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {position:relative; padding:10px;}
legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */
.section img {
	padding: 6px 6px 0; 

}
.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.relative {position:relative;}

.clear {clear:both;}

.f-left {float:left !important;} img.f-left {float:left; margin-right:10px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:10px;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

.noscreen {display:none;}

/* ----------------------------------------------------------------------------------------------------------
3) Generally HTML styles (table, ul, dl...)
---------------------------------------------------------------------------------------------------------- */            

table.table-style01 {width:100%;}
table.table-style01 th {text-align:center;}

ul.ul-style01 {margin:15px 0 15px 20px; padding:0; list-style:none;}
ul.ul-style01 li {margin:0; padding:0; padding-left:15px; background:url("../images/ul-style01.gif") 0 5px no-repeat;} 
ul.ul-style01 ul {margin:0; padding:0; list-style:none;}
ul.ul-style01 ul li {background:url("../images/ul-style01-sub.gif") 0 5px no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
4) Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:900px; margin:0 auto; text-align:left; padding: 1em 80px 0;}

#header {position:relative; height:124px; background:url("../images/header.jpg") 0 0 no-repeat; overflow:hidden;}

#logo {position:absolute; top:30px; left:99px; margin:0; font-size:200%; letter-spacing:-1px; font-weight:normal; text-indent: -9999px}
#logo span {font-weight:bold;}
#logo a {text-decoration:none;}

#slogan {position:absolute; top:60px; left:57px; width:230px; font-size:120%; font-weight:normal; font-style:italic; text-align:center;}

/*/////////// search styling /////////*/
/*////////////////////////////////////*/

#search {bottom:0; position:absolute; right:15px;}

.homeintro img { 
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

/*////// nav-suckerfish styling //////*/
/*////////////////////////////////////*/

#nav {padding:4px 15px 5px 6px; background: #3780a1;}
#nav, #nav ul { /* all lists */
	margin: 0;
	list-style: none;
	line-height: 1;
	padding-left: 0;
}
#nav ul li#nav-active a {font-weight:bold; text-decoration:none;}
#nav a {
	display: block;
	width: 9.5em;
	background:url("../images/nav-link.gif") 100% 0 repeat-y; 
	color: #fff;
	text-decoration: none;
}
.wide #lastnav {
	background:none;
} 
#nav ul li ul li {padding: .45em 0;}
#nav ul li ul li a { background: none;}


#nav li { /* all list items */
	float: left;
	width: 9.5em; /* width needed or else Opera goes nuts */
	padding: 0.25em 0 .45em 0;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #3780a1;
	border-bottom: 1px solid #404040;
	margin-top: 6px;
	width: 9.5em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li.middle { width: 12em; }
#nav li.middle a { width: 12em; }

#nav li.wide { width: 14em; }
#nav ul li.wide a { width: 14em; }
#nav li.wide ul { width: 13.5em; }
#nav ul li.wide ul li a { width: 13.5em; }
#nav li.wide ul li { width: 13.5em; }

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav li ul li:hover {background-color: #4593b6;}
#nav li ul li { /* second-level list items */
	border-bottom: 1px solid #a8a8a8;
}
#nav li ul .last { /* last second-level list item */
	border-bottom: none;
}
#nav li ul .first { /* first second-level list item */
	border-top: 1px solid #a8a8a8;
}

#nav ul li a {color:#fff; text-align: center;}
#nav ul li#nav-active a {color:#000;}
#nav ul li a:hover {color:#000;}

/* ----------------------------------------------------------------------------------------------------------
6) Language Module
---------------------------------------------------------------------------------------------------------- */
#languages { 
	width: 80px; 
	background: transparent url(../images/language-bg.gif) repeat-y right top; 
	height: 199px; 
	position: absolute; 
	top: 186px; 
	left: 5px; 
	z-index: 2;
	
}

#languages ul { margin-left: 12px; }
#languages li { list-style: none; text-decoration: none; height: 4.3em; }

#languages li a {
	height: 32px;
	display: block;
	padding-top: 32px;
	text-decoration: none;
	color: #ccc;
	font-weight: bold;
}

#languages ul a#english {
	background:transparent url(../images/unitedkingdom.png) no-repeat scroll 0 2px;
}
#languages ul a#german {
	background:transparent url(../images/germany.png) no-repeat scroll 0 2px;
}
#languages ul a#spanish {
	background:transparent url(../images/argentina.png) no-repeat scroll 0 2px;
}

#languages ul li a:hover { color: #fff; }


/*////////////////////////////////////*/

#cols {background:url("../images/cols.gif") 0 0 repeat-y;}

#content {float:right; width:730px; overflow:hidden;}

#content #content-title {margin:0; padding:15px 15px 10px 20px; background:url("../images/content-title.gif") 0 0 no-repeat; font-size:140%; font-weight:normal;}
#content #content-in {padding:0 15px 10px 20px;}

#aside {
	float:left; width:170px; 
	overflow:hidden; 
	padding-top: 5px; 
	height: 415px;
	position: relative;	
}
#aside img { position: absolute; bottom: 10px; left: 11px; }
#aside #aside-title {margin:0; padding:15px 15px 10px 15px; background:url("../images/aside-title.gif") 0 0 no-repeat; font-size:140%; font-weight:normal;}
#aside .aside-in {padding:10px 10px 15px 10px;}
#aside .aside-box {padding:10px; background:url("../images/aside-box.jpg") 0 0 no-repeat;}
#aside .title {margin:0 5px 0 0; padding:10px 15px; background:url("../images/aside-title-02.gif") 0 0 repeat-x; font-size:100%;}
#aside ul {
	margin-left: 0;
	list-style: none;
	text-align: left;
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	padding-left:13px;
}
#aside a { color: #000; text-decoration: none; }
#aside h2 { padding-left: 10px; }
#aside ul li {
	line-height: 2em; 
}
#aside #twoline { line-height: 1em; }

.contact a { color: #10739e; font-weight: 700; }
    
/*//////////// Products //////////*/
#products {
	width: 900px;
	margin: 0 auto;
	background: #10739e url(../images/products_bg2.jpg) no-repeat left top;
	height: 150px;
}

#products ul { 
	margin: 0;
	padding: 0;
	height:100%; 
}

#products li {
	float: left;
	display: block;
	width: 178px;
	height: 100%;
	border-right: 1px solid #235166;
}

#products ul li.last {
	border: none;
}

#products li a { 
	padding: 1px 0 0 10px;
	color: #fff;
	text-decoration: none;
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	display: block;
	height: 100%;
}
#bottom li a { padding: 15px 0 0 10px; }

.productinfo {
	padding: 10px;
	border: 1px solid #78704f;
	position: relative;
	height: 200px;
	margin-bottom: 20px;
	background: url(../images/holder.jpg) no-repeat right bottom;
}
.productspecs { 
	padding-right: 10px;
	width: 50%; 
}
.productinfo img {
	position: absolute;
	right: 10px;
	bottom: 10px;
	border: 2px solid #8a8a8a;
}

#dental {
	background: transparent url(../images/dental.jpg) no-repeat 70px 67px;
}

#medical {
	background: transparent url(../images/medical.jpg) no-repeat 70px 67px;
}

#cleanroom {
	background: transparent url(../images/cleanroom.jpg) no-repeat 70px 67px;
}

#industrial {
	background: transparent url(../images/industrial.jpg) no-repeat 70px 67px;
}

#food {
	background: transparent url(../images/food.jpg) no-repeat 70px 67px;
}


#cols-bottom {width:900px; height:2px; font-size:0;}

#footer {
	width:860px; 
	height:80px; 
	padding:20px 20px 0 20px;
	background:#2b2b2b url(../images/footer.gif) no-repeat left bottom;
}
#footer p {margin:0;}
 
/* ----------------------------------------------------------------------------------------------------------
5) Page: Home
---------------------------------------------------------------------------------------------------------- */
.aside-box img { margin-top: 10px;}
/* #perex {padding:15px; background:url("../images/perex.gif") 0 100% no-repeat;} */
#perex {padding:15px; /* background:url("../images/perex.gif") 0 100% no-repeat; */} 
#perex p {margin:0; margin-bottom: 5px; }
#perex h1 {margin-top: 0;}
/*
#slideshow {
	background-color: #f8f8f8;
	height: 250px;
}
*/

.homeintro .home { padding-right: 20px;}
.homeintro .home p { margin-bottom: 1em;}
#sections {background:url("../images/sections.gif") 0 0 repeat-y;}
#sections_one { background:url("../images/sections_one.gif") 0 0 repeat-y; }
#sections_narrow { background:url("../images/sections_two.gif") 0 0 repeat-y; }
#sections-bottom {width:665px; height:7px; background:url("../images/sections-bottom.gif") 0 0 no-repeat; font-size:0;}
#sections-bottom-two {width:440px; height:7px; background:url("../images/sections-bottom-two.gif") 0 0 no-repeat; font-size:0;}
#sections-bottom-one {width:440px; height:7px; background:url("../images/sections-bottom-one.gif") 0 0 no-repeat; font-size:0;}

.section {float:left; width:215px;}
.section p {margin:0;}
.section.margin {margin:0 10px;}
.section h3 {margin:0; padding:10px; background:url("../images/section-title.gif") 0 0 no-repeat; font-size:100%;}
.section h3.stars {
	background:url("../images/section-titleStars.gif") 0 0 no-repeat;
}
.section-in {margin-bottom:10px; padding:0 10px 10px 10px;}

dl#news, dl#news dd {margin:0;}
dl#news dt {clear:both; padding-left:18px; background:url("../images/ico-list.gif") 0 2px no-repeat;}
dl#news dd {margin:7px 0 10px 0; padding-bottom:10px;}
dl#news dd span.date {padding-right:10px; background:url("../images/date.gif") 100% 50% no-repeat; font-size:85%; font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------
5) promo
---------------------------------------------------------------------------------------------------------- */
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#3c6791;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#button{
text-align:center;
}