/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
		outline:none;
}

html,
body {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

a:link,
a:visited {
 text-decoration:none;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size:12px;
}

b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

li {
/*
  For IE6 + IE7.
*/
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
/*
  For IE9.
*/
  overflow: hidden;
}


/* Custom Globals
----------------------------------------------------------------------------------------------------*/

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#808080;
	line-height:1.5;
	margin-bottom:20px;
}

p a {
	color:#0071BC;
	font-family:Arial, Helvetica, sans-serif !important;
}

p a:hover {
	text-decoration:underline;
}

a h2 {
	color:#000;
}

h1.blue {
	font-size:24px;
	color:#0071bc;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 30px 0;
	float:left;
}

h2 {
	display:block;
	height:22px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/icon-bullet.png) left bottom no-repeat;
	padding-left:20px;
	line-height:22px;
}

h2:hover {
	color:#0071bc;
	background-position:left top;
}

h3 {
	font-size:21px;
	font-family:Arial, Helvetica, sans-serif;
	color:#808080;
	font-weight:normal;
}

h4 {
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}

h5 {
	font-size:12px;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

h5.blue {
	color:#0071bc;
}

h5.grey {
	color:#747474;
}

.float-l {
	float:left;
}

.float-r {
	float:right;
}

.mar0 {
	margin:0 !important;
}

.mar5-t {
	margin-top:5px !important;
}

.mar10-t {
	margin-top:10px !important;
}

.mar20-t {
	margin-top:20px !important;
}

.mar30-t {
	margin-top:30px !important;
}

.mar35-t {
	margin-top:35px !important;
}

.mar70-t {
	margin-top:70px !important;
}

.mar5-b {
	margin-bottom:5px !important;
}

.mar10-b {
	margin-bottom:10px !important;
}

.mar15-b {
	margin-bottom:15px !important;
}

.mar20-b {
	margin-bottom:20px !important;
}

.mar25-b {
	margin-bottom:25px !important;
}

.mar35-b {
	margin-bottom:35px !important;
}

.mar5-r {
	margin-right:5px !important;
}

.mar20-r {
	margin-right:20px !important;
}

.mar40-r {
	margin-right:40px !important;
}

.mar30-l {
	margin-left:30px !important;
}


.mar30-r {
	margin-right:30px !important;
}

.line-height12{
	line-height:1.2 !important;
}

.f-size15 {
	font-size:15px !important;
}

.pad60-t {
	padding-top:60px !important;
}

.red {
	background-color:#ee1c25;
}

.yellow {
	background-color:#fdd921;
}

.orange {
	background-color:#f15a25;
}

.dk-green {
	background-color:#016938;
}

.purple {
	background-color:#672d93;
}

.blue-2 {
	background-color:#0171bd;
}

/* Main Layout
----------------------------------------------------------------------------------------------------*/

html {
	background:url(../images/bg-html.jpg);
}

body {
	background:url(../images/bg-body.jpg) center top repeat-x;
}

#wrapper-main {
	position:relative;
	width:940px;
	height:auto;
	padding-right:50px;
	background:url(../images/bg-wrapper-main.png) right repeat-y;
	margin:0 auto;
}

#sidebar {
	position:relative;
	width:160px;
	height:auto;
	float:left;
	background:url(../images/bg-sidebar-gradient.png) right repeat-y;
}

#content {
	position:relative;
	background-color:#fff;
	width:778px;
	min-height:425px;
	padding:0 1px;
	float:left;
}

#wrapper-footer {
	position:relative;
	width:100%;
	height:250px;
	background:url(../images/bg-wrapper-footer.png);
}

#footer {
	position:relative;
	width:940px;
	height:250px;
	padding-right:50px;
	background:url(../images/bg-footer.png) top right no-repeat;
	margin:0 auto;
}

/* Sidebar
----------------------------------------------------------------------------------------------------*/

#sidebar ul.sidebar {
	position:relative;
	width:160px;
	background:url(../images/bg-side-nav.png) repeat-y;
}

#sidebar ul.sidebar li a {
	outline:0 !important;
}

#sidebar ul.sidebar li.main {
	position:relative;
	width:160px;
	height:auto;
	list-style:none;
	background:url(../images/bg-side-nav.png) repeat-y;
	border-top:1px solid #000;
	border-bottom:1px solid #333;
}

#sidebar ul.sidebar li.first {
	border-top:none;
}

#sidebar ul.sidebar li {
	outline:none;
}

#sidebar ul.sidebar li.main a {
	display:block;
	height:40px;
	line-height:40px;
	color:#fff;
	font-size:14px;
	padding-left:18px;
	font-weight:bold;
	outline:none;
}

#sidebar ul.sidebar li.main a:hover {
	color:#0071bc;
}

#sidebar ul.sidebar li.main ul {
	margin-bottom:30px;
	list-style:none;
	display:none;
}

#sidebar ul.sidebar li.main ul.open{
	display:block;
}

#sidebar ul.sidebar li.main ul li a {
	display:block;
	height:30px;
	font-size:12px;
	color:#666;
	line-height:30px;
	font-weight:normal;
	outline:none;
}

#sidebar ul.sidebar li.main ul li a:hover {
	color:#0071bc;
}

#sidebar ul.sidebar li.main ul li.selected a {
	color:#0071bc;
}

#sidebar .slideshow-wrapper {
	width:160px;
	height:157px;
	background:#fff url(../images/bg-slideshow.png) center top no-repeat;
	overflow:hidden;
}

#sidebar .slideshow-wrapper h5 {
	padding-top:10px;
	font-size:14px;
	text-align:center;
	line-height:15px;
}

#sidebar .corner {
	position:relative;
	width:160px;
	height:10px;
	background:url(../images/bg-sidebar-corner.png) no-repeat;
}

/* Agency Carousel
----------------------------------------------------------------------------------------------------*/

.jcarousel-skin-custom .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-custom .jcarousel-container-horizontal {
    width: 100px;
				height:100px;
				margin-top:10px;
    padding: 0 30px;
}

.jcarousel-skin-custom .jcarousel-clip {
    overflow: hidden;
				margin-left:-5px;
}

.jcarousel-skin-custom .jcarousel-clip-horizontal {
	   position:relative;
    width:  110px;
    height: 100px;
}

.jcarousel-skin-custom .jcarousel-clip-horizontal img {
	margin:0 23px;
}

.jcarousel-skin-custom .jcarousel-clip-horizontal p {
	display:block;
	width:110px;
	padding:4px 0;
	text-align:center;
	font-size:11px;
}


.jcarousel-skin-custom .jcarousel-item {
    width: 110px;
    height: 107px;
}

.jcarousel-skin-custom .jcarousel-item-horizontal {
	margin-left: 0;
 margin-right: 10px;
}

.jcarousel-skin-custom .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
 margin-right: 0;
}

.jcarousel-skin-custom .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-custom .jcarousel-next-horizontal {
    position: absolute;
    top: 12px;
    right: 5px;
    width: 24px;
    height: 35px;
    cursor: pointer;
    background: transparent url(../images/slider-arrows-small.png) bottom right no-repeat;
}

.jcarousel-skin-custom .jcarousel-next-horizontal:hover,
.jcarousel-skin-custom .jcarousel-next-horizontal:focus {
    background-position: bottom right;
}

.jcarousel-skin-custom .jcarousel-next-horizontal:active {
    background-position: bottom right;
}

.jcarousel-skin-custom .jcarousel-next-disabled-horizontal,
.jcarousel-skin-custom .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-custom .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-custom .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: top right;
}

.jcarousel-skin-custom .jcarousel-prev-horizontal {
    position: absolute;
    top: 12px;
    left: 5px;
    width: 24px;
    height: 35px;
    cursor: pointer;
    background: transparent url(../images/slider-arrows-small.png) bottom left no-repeat;
}

.jcarousel-skin-custom .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-custom .jcarousel-prev-horizontal:focus {
    background-position: bottom left;
}

.jcarousel-skin-custom .jcarousel-prev-horizontal:active {
    background-position: bottom left;
}

.jcarousel-skin-custom .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-custom .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-custom .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-custom .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: top left;
}


/* Content
----------------------------------------------------------------------------------------------------*/

#content .content-about-us {
	position:relative;
	width:479px;
	height:259px;
	background:url(../images/bg-about-us.jpg) no-repeat;
	float:left;
}

#content .content-about-us p {
	display:block;
	margin:105px 0 0 25px;
	width:330px;
	line-height:18px;
	font-size:14px;
}

#content .content-about-us a {
	position:absolute;
	left:20px;
	bottom:41px;
	display:block;
	width:102px;
	height:25px;
	background:url(../images/btn-view-more.png) center bottom no-repeat;
}

#content .content-about-us a:hover {
	background-position:center top;
}

#content .content-contact-us {
	position:relative;
	width:299px;
	height:259px;
	float:left;
}

#content .content-contact-us p {
	display:block;
	padding-left:15px;
	margin-bottom:10px;
}
 
/* Content Area
----------------------------------------------------------------------------------------------------*/

#content #content-header {
	width:778px;
	height:170px;
}

#content #content-area {
	background:url(../images/bg-content-area.png) top repeat-x;
	width:714px;
	height:100%;
	padding:35px 35px 35px 29px;
}

#content #content-area b {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold !important;
}

#content #content-area strong {
 font-weight:normal;
	color:#000;
}

#content #content-area img.inlineborder {
	border: 3px solid #DDD;
}

/* Content Area - UL Dividers
----------------------------------------------------------------------------------------------------*/

#content #content-area ul.page-divider-1,
#content #content-area ul.page-divider-2,
#content #content-area ul.page-divider-3,
#content #content-area ul.page-divider-3-custom,
#content #content-area ul.page-divider-4,
#content #content-area ul.page-divider-4-first-large,
#content #content-area ul.metalux-lid-color {
	width:720px;
	height:100%;
	list-style:none;
	overflow:hidden;
}

#content #content-area ul.page-divider-1{
	margin:20px 0 35px 0;
}

#content #content-area ul.page-divider-1 li {
	width:720px;
	display:block;
	height:20px;
}

#content #content-area ul.page-divider-1 li p {
	line-height:1.4;
}

#content #content-area ul.page-divider-2 li {
	width:330px;
	float:left;
}

#content #content-area ul.page-divider-2 li.first {
	margin-right:40px;
}

#content #content-area ul.page-divider-2 li img {
	margin:0 10px 18px 0;
}

#content #content-area ul.page-divider-2 li b {
	font-weight:normal;
	color:#000;
}

#content #content-area ul.page-divider-2 li p {
	font-family:Tahoma, Arial, sans-serif;
	font-size:13px;
	line-height:1.4;
	padding:0;
	margin:0 0 20px 0;
}

#content #content-area ul.mini-list,
#content #content-area ul.mini-list-v2 {
	list-style:none;
	margin-bottom:13px;
	overflow:hidden;
}

#content #content-area ul.mini-list {
	width:330px;
}
#content #content-area ul.mini-list-v2 li p {
	margin:0 0 5px 0;
}

#content #content-area ul.mini-list li,
#content #content-area ul.mini-list-v2 li {
	width:100%;
	height:auto;
	padding-left:10px;
	font-family:Tahoma, Arial, sans-serif;
	font-size:13px;
	color:#808080;
}

#content #content-area ul.mini-list li {
	background:url(../images/icon-small-bullet.png) 0 5px no-repeat;
}

#content #content-area ul.mini-list-v2 li {
	background:url(../images/icon-small-bullet.png) 0 3px no-repeat;
}

#content #content-area ul.page-divider-3 {
	margin:10px 0 20px 0;
}

#content #content-area ul.page-divider-3 li img {
	clear:both !important;
	display:block;
}

#content #content-area ul.page-divider-3 li {
	width:216px;
	margin-right:36px;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color:#808080;
}

#content #content-area ul.page-divider-3-custom {
	margin:10px 0 20px 0;
}

#content #content-area ul.page-divider-3-custom li {
	width:220px;
	margin-right:6px;
	float:left;
}

#content #content-area ul.page-divider-4 {
	margin:10px 0 35px 0;
}

#content #content-area ul.page-divider-4 li {
	width:170px;
	margin-right:10px;
	float:left;
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color:#808080;
}

#content #content-area ul.page-divider-4 li.last,
#content #content-area ul.page-divider-4-first-large li.last,
#content #content-area ul.page-divider-3 li.last {
	margin:0;
}

#content #content-area ul.page-divider-4 li img {
	border:4px solid #ccc;
	margin-bottom:3px;
}

#content #content-area ul.page-divider-4-first-large {
	margin:20px 0;
}

#content #content-area ul.page-divider-4-first-large li {
	width:125px;
	float:left;
	margin-right:23px;
	font-family:Tahoma, Arial, sans-serif;
	font-size:13px;
	color:#808080;
}

#content #content-area ul.page-divider-4-first-large li.first {
	width:260px;
}

#content #content-area .metalux-content-wrapper {
	width:720px;
	margin-bottom:35px;
}

#content #content-area table.achievement {
	width:680px;
}

#content #content-area table.achievement th {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	border-bottom:2px solid #999;
}

#content #content-area table.achievement th,
#content #content-area table.achievement td {
	text-align:center;
	height:30px;
	vertical-align:middle;
}

#content #content-area table.achievement .first {
	width:300px;
	text-align:left;
}

#content #content-area table.achievement td {
	font-family:Tahoma, Arial, sans-serif;
	font-size:13px;
	color:#808080;
	border-bottom:1px solid #e6e6e6;
}

#content #content-area .logo-desc {
	width:720px;
}

#content #content-area .logo-desc img {
	margin-right:20px;
}

#content #content-area .logo-desc h3 {
	float:left;
	display:block;
	width:585px;
}

#content #content-area img.logo {
	margin-bottom:15px;
}

#content #content-area img.breda-img {
	margin:10px 0 25px;
}

#content #content-area strong {
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#content #content-area ul.metalux-lid-color li {
	float:left;
	width:50px;
	margin-right:5px;
}

#content #content-area ul.metalux-lid-color li .color {
	width:50px;
	height:50px;
	margin-bottom:5px;
}

#content #content-area ul.metalux-lid-color li p {
	font-size:11px;
	text-align:center;
}

/* Contact Form - contact-us.php
----------------------------------------------------------------------------------------------------*/

#form-container {
	position:relative;
	margin-top:20px;
}

#form-container #contact-form {
 position:relative;
	width:475px;
}

#form-container #contact-form table td {
	position:relative;
}

#form-container table td #loading {
	float:left;
	height:25px;
	visibility:hidden;
}

#form-container table td #loading img {
	float:left;
	margin:4px 10px 0 0 !important;
	border-color:#fff;
}

#form-container table td #loading b {
	display:block;
	width:150px !important;
	height:25px;
	line-height:25px;
	font-weight:normal !important;
	font-size:12px;
	color:#666;
	margin:0 !important;
	padding:0 !important;
	text-align:left;
}


/* Footer
----------------------------------------------------------------------------------------------------*/

#footer ul.footer-links {
	width:736px;
	height:140px;
	float:right;
	padding:20px 22px 0 22px;
	clear:both;
}

#footer ul.footer-links li {
	list-style:none;
	width:180px;
	margin-right:27px;
	float:left;
}

#footer ul.footer-links li.footer-links-last {
	padding-top:29px;
}

#footer ul.footer-links li h5 {
	display:block;
	width:180px;
	height:24px;
	margin-bottom:5px;
	line-height:24px;
}

#footer ul.footer-links li h5.grey {
 margin:0;
}

#footer ul.footer-links li.links a {
	display:block;
	width:180px;
	height:24px;
	color:#747474;
	border-bottom:1px solid #747474;
	line-height:22px;
}

#footer ul.footer-links li.links a:hover {
	color:#0071bc;
}

#footer ul.footer-links li.links a.footer-links-last {
	border:none;
}

#footer ul.footer-links li.copyright {
	margin-top:30px;
	width:740px;
	border:none;
	line-height:20px;
}

#footer ul.footer-links li.copyright i {
	font-style:normal;
	color:#222;
}


#footer ul.footer-links li.copyright {
	text-decoration:none;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4d4d4d;
}

#footer ul.footer-links li.copyright a {
	border:none;
	font-size:11px;
	color:#222;
}