/* CSS reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{border:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

.clear { clear: both; display: block; }
textarea { resize: none; overflow: hidden; }

body, input, textarea { font-family: Arial, Helvetica, sans-serif; }

body {
	background: #fff url(../img/body.gif) repeat-x left top
}

#holder {
	width: 100%;
	background: url(../img/holder.gif) no-repeat center top;
	text-align: center;
}

#wrapper {
	width: 944px;
	text-align: left;
	margin: 0 auto;
}

.h-holder { position: relative; width: 944px; }

#top-section {
	height: 26px;
	color: #fff;
	line-height: 26px;
}

#top-section p { font-size: 10px; font-weight: bold; text-transform: uppercase; float: left; padding: 0 40px 0 0; }

#top-section #top-nav { float: left; font-weight: bold; }

#top-section #lang { float: right; text-transform: uppercase; display: none; }

#top-section ul { list-style-type: none; font-size: 11px }
#top-section ul li { float: left; background: url(../img/top-section-delimiter.gif) no-repeat right center; padding: 0 7px 0 6px; }
#top-section ul li.last { background: none; padding: 0 0 0 6px;}

#top-section a { text-decoration: none; color: #fff; }
#top-section a:hover { text-decoration: underline; }
#top-section a.selected { color: #0ea4dd; text-decoration: underline; }

#header { padding: 14px 0 0 0; }

#header #logo { float: left; width: 77px; height: 77px; }
#header #logo a { display: block; width: 77px; height: 77px; background: url(../img/abn-logo.jpg) no-repeat left top; text-indent: -9999px; }
#header #logo a.cooling { display: block; width: 77px; height: 77px; background: url(../img/abn-logo-cooling.jpg) no-repeat left top; text-indent: -9999px; }
#header #logo a.industry { display: block; width: 77px; height: 77px; background: url(../img/abn-logo-industry.jpg) no-repeat left top; text-indent: -9999px; }

#header #section-nav { list-style-type: none; height: 41px; float: left; margin: 12px 0 0 110px; }
#header #section-nav li { float: left; height: 41px; margin: 0 1px 0 0; }

#header #section-nav li a { 
	display: block; height: 39px; float: left; padding: 6px 0 0 40px; 
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#header #section-nav li a#industry { width: 180px; background: url(../img/section-nav-1.gif) no-repeat left top; }
#header #section-nav li a#office { width: 200px; background: url(../img/section-nav-2.gif) no-repeat left top; }
#header #section-nav li a#industry.selected { background: url(../img/section-nav-1-sel.gif) no-repeat left top }
#header #section-nav li a#office.selected { width: 200px; background: url(../img/section-nav-2-sel.gif) no-repeat left top; }

#header #section-nav li a strong { font-size: 14px; text-transform: uppercase; }

#header #rel-nav { float: right; height: 24px; list-style-type: none; }
#header #rel-nav li { float: left; height: 24px; margin: 0 0 0 5px;}
#header #rel-nav li a { display: block; float: left; height: 24px; color: #2f8bc6; padding: 0 0 0 22px; line-height: 22px; font-size: 11px; text-decoration: none; }
#header #rel-nav li a.nav-home { width: 38px; background: url(../img/ico-home.gif) no-repeat left top; }
#header #rel-nav li a.nav-contact { width: 48px; background: url(../img/ico-contact.gif) no-repeat left top; }

#header #rel-nav li a.nav-home.sel { background: url(../img/ico-home-sel.gif) no-repeat left top; color: #fff; }
#header #rel-nav li a.nav-contact.sel { background: url(../img/ico-contact-sel.gif) no-repeat left top; color: #fff; }
#header #rel-nav li a:hover { text-decoration: underline; }

#sidebar { float: left; width: 163px; }
#sidebar-nav, #sidebar-nav ul { width: 163px; list-style-type: none; }

#sidebar-nav li a { 
	display: block; width: 128px; height: 31px; background: url(../img/sidebar-nav-first.gif) no-repeat left top; line-height: 31px; padding: 0 0 0 35px;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	text-transform: capitalize; /* optional */
	margin: 0 0 1px 0; 
}
#sidebar-nav li a.selected { background: url(../img/sidebar-nav-sel.gif) no-repeat left top; }
#sidebar-nav li.parent a.selected { background: url(../img/sidebar-nav-sel-ac.gif) no-repeat left top; }

#sidebar-nav li a:hover { background: url(../img/sidebar-nav-sel.gif) no-repeat left top; text-decoration: none; }

#sidebar-nav li ul li a { color: #717171; background: url(../img/sidebar-nav-second.gif) no-repeat left top; height: 26px; line-height: 26px; font-size: 11px; }
#sidebar-nav li ul li a.selected { background: url(../img/sidebar-nav-second.gif) no-repeat left bottom; color: #fff; }
#sidebar-nav li ul li a:hover { background: url(../img/sidebar-nav-second.gif) no-repeat left bottom; }
/*#sidebar-nav li li a:hover { text-decoration: underline; }*/

#main-container { float: right; width: 763px; }

#main { float: left; width: 548px; margin: 0 12px 0 0; overflow: hidden;}

#breadcrumbs { font-size: 11px; color: #939393; text-align: right; margin-bottom:4px;}
#breadcrumbs a { color: #10ace6; }
#breadcrumbs a:hover { text-decoration: none; }

#main h2, .h-col h2 { color: #0e3662; font-size: 16px; text-transform: uppercase; line-height: 24px; padding: 0 0 5px; }
#main h4, .h-col h4 { color: #5a5a5a; font-size: 12px; font-weight: bold; line-height: 24px; padding: 0 0 5px; }
.news-article h4 { line-height: 16px !important; }
.news-article h4 a { color: #5a5a5a !important; text-decoration: none; font-size: 12px;;}
.news-article h4 a:hover { color: #10ACE6 !important; text-decoration: none; }
.h-col h4 a{color: #5a5a5a !important; font-size: 12px; font-weight: bold; line-height: 24px; text-decoration: none;}
#main p, .h-col p { color: #656565; font-size: 12px; line-height: 14px; padding: 0 0 12px; }
.h-col p a{color: #656565; font-size: 12px; line-height: 14px; text-decoration: none;}

.h-col { float: left; width: 308px; margin: 0 20px 0px 0; }

#main p a, #main h4 a { color: #10ace6; }
#main p a:hover, #main h4 a:hover { text-decoration: none; }

#main p.small { font-size: 11px; line-height: 14px; color: #949494; }
#main p.small strong { color: #5a5a5a; display: block; }

#main .aligned-right { float: right; margin: 0 0 20px 20px; }

#main .inner-gallery { position: relative; float: right; margin: 0 0 20px 20px; }
#main .inner-gallery .holder { overflow: hidden; width: 250px; height: 165px; position: relative; }
#main .inner-gallery ul { list-style-type: none; position: absolute; top: 0; left: 0; width: 9999px; margin: 0; }
#main .inner-gallery ul li { float: left; }

#main .inner-gallery .zoom { display: block; position: absolute; background: url(../img/inner-gallery-zoom.png) no-repeat left top; width: 36px; text-indent: -9999px; height: 34px; left: 100px; top: 120px; z-index: 2; }
#main .inner-gallery .prev, #main .inner-gallery .next { position: absolute; top: 56px; display: block; width: 32px; height: 47px; z-index: 2; text-indent: -9999px; } 
#main .inner-gallery .prev { background: url(../img/inner-gallery-left.png) no-repeat left top; left: 0; }
#main .inner-gallery .next { background: url(../img/inner-gallery-right.png) no-repeat left top; right: 0; }

#main .more-info { 
	float: left; height: 26px; display: block; background: url(../img/more-link-right.gif) no-repeat right top; padding: 0 6px 0 0;
	line-height: 26px;
	color: #fff;
	text-decoration: none; 
}

.section-map { background: url(../img/section-map.jpg) no-repeat 220px 130px; }

#main .more-info span { float: left; display: block; height: 26px; background: url(../img/more-link-left.gif) no-repeat left top; padding: 0 9px 0 35px; }
#main .more-info:hover { text-decoration: underline; }

#main .col-list { width: 272px; float: left; list-style-type: none; line-height: 25px; margin: 0 4px 12px 0; }
#main .col-list-alt { margin: 0 0 12px !important; }
#main .col-list li { background: #f2f4f4 url(../img/col-list-arrow.gif) no-repeat right center; }
#main .col-list .alt { background: #fdfdfd url(../img/col-list-arrow-alt.gif) no-repeat right center; }
#main .col-list a { color: #10ace6; font-size: 11px; line-height: 25px; display: block; padding: 0 10px; font-weight: bold; }
#main .col-list a:hover { text-decoration: none; }

#main .col-list1 { width: 100%; float: left; list-style-type: none; line-height: 25px; margin: 0 4px 12px 0; }
#main .col-list1 li { background: #f2f4f4 url(../img/col-list-arrow.gif) no-repeat right center; }
#main .col-list1 .alt { background: #fdfdfd url(../img/col-list-arrow-alt.gif) no-repeat right center; }
#main .col-list1 a { color: #10ace6; font-size: 11px; line-height: 25px; display: block; padding: 0 10px; font-weight: bold; }
#main .col-list1 a:hover { text-decoration: none; }

#main ul {color:#656565;
font-size:12px;
line-height:14px;
padding:0 0 12px;
margin-left: 20px;}
.three-col { float: left; width: 182px; margin: 0 0 20px; }

#carousel-vertical { overflow: hidden; height: 254px; position: relative;}
#carousel-vertical ul { list-style-type: none; margin: 0;}
#carousel-vertical li { width: 110px; height: 110px; background: #fff; border: 1px solid #d6dada; float: left; margin: 0 27px 30px 0; text-align: center; }
#carousel-vertical li a { width: 110px; height: 110px; float: left; text-align: center; display: block;}
#carousel-vertical li.lr  { margin: 0 0 30px;}
#carousel-vertical li img { display: block; margin: 0 auto; position: relative; }

#carousel-vertical-nav { padding: 20px 0 20px 140px; }
#carousel-vertical-nav .down { background: url(../img/partner-bottom.gif) no-repeat left top }
#carousel-vertical-nav .top { background: url(../img/partner-top.gif) no-repeat left top }
#carousel-vertical-nav a {
	display: block;
	float: left;
	width: 82px;
	margin: 0 10px 0 0;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	line-height: 24px;
	height: 24px;
	padding: 0 0 0 40px;
}

.form { width: 400px; margin: 20px 0 0 0; }

.form .text-input, .form textarea { color: #5a5a5a; font-size: 11px; }

.form select { width: 320px; display: block; float: left; clear: right; }

.form label { float: left; font-size: 11px; display: block; color: #5a5a5a; font-weight: bold; width: 80px; line-height: 26px; margin: 0 0 3px; height: 26px; }
.form .text-input { float: left; width: 308px; padding: 0 5px; height: 26px; background: url(../img/text-input.gif) no-repeat left top; margin: 0 0 3px; border: none; display: block; clear: right; }
.form textarea { height: 69px; width: 308px; padding: 5px; float: left; display: block; border: none; background: url(../img/textarea.gif) no-repeat left top; clear: right; margin: 0 0 3px;}
/*.form .checkbox { isplay: block; float: left; }*/
.form .submit-form { display: block; cursor: pointer; margin: 20px 0 20px 80px; height: 32px; width: 99px; background: url(../img/submit-form.gif) no-repeat left top; border: none; color: #fff; font-weight: bold; text-align: left; padding: 0 0 0 35px; }

.news-article { padding: 0px 0 10px 0; }
.news-article .date { float: left; width: 75px; font-size: 11px; font-weight: bold; color: #838181; line-height: 14px; }
.news-article p { float: right; width: 473px; border-bottom: 1px dotted #7e7d7d; margin: 0 !important; color: #949494 !important; }
.news-article p a { color: #949494 !important; text-decoration: none;}
.news-article p a:hover { color: #10ACE6 !important; text-decoration: none;}
.news-article.last p { border: none; }


.h-carousel {
	width: 944px;
	height: 250px;
	margin: 0 0 15px;
	position: relative;
}

.h-carousel .holder {
	width: 944px;
	height: 250px;
	z-index: 1;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.h-carousel .parts {
	position: absolute;
	list-style-type: none;
	bottom: 10px;
	right: 8px;
	z-index: 2;
}

.h-carousel .parts li { float: left; margin: 0 2px 0 0; }
.h-carousel .parts li a { 
	background: url(../img/mc-carousel-parts.gif) no-repeat right top; display: block; float: left; width: 26px; height: 22px; line-height: 22px;
	text-align: center; text-decoration: none; color: #20b2ea; font-size: 12px;
}
.h-carousel .parts li a.current { color: #fff; background: url(../img/mc-carousel-parts.gif) no-repeat left top; }

.h-carousel .holder ul { width: 9999px; list-style-type: none; width: 940px; height: 250px; }
.h-carousel .holder ul li { float: left; width: 944px; height: 250px; }



.mc-carousel {
	width: 763px;
	height: 175px;
	margin: 0 0 15px;
	position: relative;
}

.mc-carousel .holder {
	width: 763px;
	height: 175px;
	z-index: 1;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.mc-carousel .parts {
	position: absolute;
	list-style-type: none;
	bottom: 10px;
	right: 8px;
	z-index: 2;
}

.mc-carousel .parts li { float: left; margin: 0 2px 0 0; }
.mc-carousel .parts li a { 
	background: url(../img/mc-carousel-parts.gif) no-repeat right top; display: block; float: left; width: 26px; height: 22px; line-height: 22px;
	text-align: center; text-decoration: none; color: #20b2ea; font-size: 12px;
}
.mc-carousel .parts li a.current { color: #fff; background: url(../img/mc-carousel-parts.gif) no-repeat left top; }

.mc-carousel .holder ul { width: 9999px; list-style-type: none; width: 763px; height: 175px; }
.mc-carousel .holder ul li { float: left; width: 763px; height: 175px; }

.home-acc { position: absolute; right: 0; width: 284px; padding: 10px 2px; height: 263px; background: url(../img/home-acc.gif) no-repeat left top; float: left; }

.home-acc .part { padding: 0 10px; font-size: 11px; line-height: 19px; color: #606060; background: url(../img/home-acc-div.gif) no-repeat left bottom; }
.home-acc .part a { display: block; font-size: 12px; background: url(../img/h-acc-closed.png) no-repeat right center; line-height: 27px; height: 27px; color: #000; text-transform: uppercase; font-weight: bold; text-decoration: none; }
.home-acc .part.active a { color: #0e3662; background: url(../img/h-acc-open.png) no-repeat right center;  }

.home-acc .active p { display: block !important; }
.home-acc .part p { padding: 0px 0 10px; display: none; }
.home-acc .part p img { float: right; margin: 0 0 10px 10px; }

.home-acc .part.last { background: none; }

#aside { width: 203px; float: right; }
#aside .link-nav { list-style-type: none; }
#aside .link-nav li a { 
	display: block; background: url(../img/aside-li.gif) no-repeat left top; padding: 0 0 0 10px; width: 193px; height: 46px; margin: 0 0 3px;
	color: #0f3d69; text-decoration: none; text-transform: uppercase; font-size: 12px; line-height: 46px; font-weight: bold;
}

#aside .start-block a {
	width: 193px; height: 88px; background: url(../img/aside-first-top.png) no-repeat left top; display: block; padding: 10px 0 0 10px;
	color: #0f3d69; text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 16px;
}

#aside .start-block a span {
	font-size: 11px; line-height: 14px; color: #606060; font-weight: normal; text-transform: none;
	display: block; margin: 10px 0 0 0;
}

#aside .start-block a.end { 
	height: 34px; background: url(../img/aside-first-bottom.gif) no-repeat left top; padding: 0 0 0 10px; line-height: 34px; margin: 0 0 3px; 
	color: #0f3d69; text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: bold;
}

#aside .player { margin: 0 0 3px; }

#aside .tel-link { 
	display: block; width: 193px; height: 76px; background: url(../img/aside-tel.png) no-repeat left top; margin: 0 0 3px; position: relative; padding: 10px 0 0 10px;
	font-weight: bold; color: #0e3662; text-decoration: none; font-weight: bold; font-size: 11px; line-height: 16px; 
}

#aside .tel-link span { position: absolute; color: #232323; font-size: 11px; line-height: 16px; top: 45px; left: 65px; text-align: center; }
#aside .tel-link span em { font-size: 16px; font-style: normal; }

#footer {
	width: 944px;
	margin: 20px 0 0 0;
	height: 71px;
	background: url(../img/footer.gif) no-repeat left bottom;
}

#footer.footer-contracted { width: 636px; background: url(../img/footer-cont.jpg) no-repeat left top; margin: 10px 0 0 0; }


#footer .block { float: left; background: url(../img/footer-divider.gif) no-repeat right top; padding: 0 22px 0 20px; height: 68px; }
#footer .block a {  display: block; height: 68px; float: left; }
#footer .block img { position: relative; }

#footer.footer-contracted .block { padding: 0 31px 0 30px; }

#footer .map { font-size: 11px; font-weight: bold; background: url(../img/footer-map.jpg) no-repeat right top; padding: 8px 110px 0 20px; float: left; height: 60px; }
#footer .map a { color: #10ace6; text-decoration: none; line-height: 19px; }
#footer .map a:hover { text-decoration: underline; }

#footer.footer-contracted .map { padding: 8px 100px 0 20px; background: url(../img/footer-map-cont.jpg) no-repeat right top }

#footer .references { float: left; height: 68px; }
#footer .references p { line-height: 68px; color: #10ace6; font-size: 11px; font-weight: bold; float: left; padding: 0 0 0 20px; }
#footer .references a {  display: block; height: 68px; float: left; margin: 0 0 0 8px; }
#footer .references img { position: relative; }

#bottom { padding: 10px 0 20px;}

#bottom p {
	float: left;
	font-size: 11px;
	color: #c0c0c0;
	line-height: 14px;
}

#bottom #developer { float: right; }

#bottom p a { color: #c0c0c0; text-decoration: none; }
#bottom p a:hover { text-decoration: underline; }

#bottom #developer a { display: inline-block; width: 39px; height: 14px; background: url(../img/webi-logo.gif) no-repeat left top; text-indent: -9999px; }
.noclass {padding: 0; background: none !important; text-transform: none !important;}
.noclass:hover {text-decoration: underline !important;}