/* CSS Document */

a:link {
	color: #06C;
}
a:visited {
	color: #06C;
}
a:hover {
	color: #0f499b;
}
a:active {
	color: #06C;
}

body {
	background:#f6f3f1 url(../assets/images/bg.jpg) repeat-x;
	margin:0 auto 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 16px;
}
.clr { clear:both;}
h1 { color:#000000; font-weight:bold; font-size:18px;}
#content_container #content h1 {
	margin-top: 0px;
}
#contact {
	height: 130px;
}
h1 strong{ color:#06C;}
h2 { color:#000000; font-weight:bold; font-size:14px;}
h2 strong{ color:#06C;}
fieldset { padding: 0px; margin: 0px; border: 0px; float:left;}
li {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0f499b;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


#header_container { width:860px; height:245px; margin:0 auto 0 auto;}
#header_l { width:5px; height:245px; float:left; background:url(../assets/images/header-left.jpg);}
#header_main { width:850px; height:245px; float:left; background:#CCCCCC;}
#header_r { width:5px; height:245px; float:left; background:url(../assets/images/header-right.jpg);}

#nav_container { height:38px; width:850px; margin:0 auto 0 auto; background:url(../assets/images/bg-nav.jpg) repeat-x; float:left; text-align:center; padding:0px 0 0 0;}
#nav_position {
	margin:0 auto 0 auto;
	width:820px;
}
.topnav {font-size:13px; color:#FFFFFF; text-decoration:none; text-align:center;  padding:10px 0px 5px 0px;}
a.topnav { color:#FFFFFF; text-decoration:none;}
a:visited.topnav {
	color:#FFFFFF;
	text-decoration:none;
}
a:hover.topnav {  color:#FFFFFF; text-decoration:none;}
a:active.topnav {
	color:#FFFFFF;
	text-decoration:none;
}

.topnav_home {font-size:13px; color:#FFFFFF; text-decoration:none; padding:10px 20px 5px 20px; float:left; }
a.topnav_home { color:#FFFFFF; text-decoration:none;}
a:visited.topnav_home {
	color:#FFFFFF;
	text-decoration:none;
}
a:hover.topnav_home { color:#FFFFFF; text-decoration:none; background:url(../assets/images/home.jpg) no-repeat top center;}

.topnav_profile {font-size:13px; color:#FFFFFF; text-decoration:none; padding:10px 20px 5px 20px; float:left;}
a.topnav_profile { color:#FFFFFF; text-decoration:none;}
a:hover.topnav_profile {
	color:#FFFFFF;
	text-decoration:none;
	background:url(../assets/images/profile.gif) no-repeat center top;
}

.topnav_projects { font-size:13px; color:#FFFFFF; text-decoration:none; padding:10px 20px 5px 20px; float:left;}
a.topnav_projects { color:#FFFFFF; text-decoration:none;}
a:hover.topnav_projects { color:#FFFFFF; text-decoration:none; background:url(../assets/images/projects.jpg) no-repeat top center;}


.topnav_energy { font-size:13px; color:#FFFFFF; text-decoration:none; padding:10px 20px 5px 20px; float:left; }
a.topnav_energy { color:#FFFFFF; text-decoration:none;}
a:hover.topnav_energy { color:#FFFFFF; text-decoration:none; background:url(../assets/images/energy.gif) no-repeat top center;}

.topnav_vacancies { font-size:13px; color:#FFFFFF; text-decoration:none; padding:10px 20px 5px 20px; float:left;}
a.topnav_vacancies { color:#FFFFFF; text-decoration:none;}
a:hover.topnav_vacancies { color:#FFFFFF; text-decoration:none; background:url(../assets/images/vacancies.gif) no-repeat top center;}
.topnav_partners {
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none;
	padding:10px 20px 5px 20px;
	float:left;
}
a.topnav_partners {
	color:#FFFFFF;
	text-decoration:none;
}
a:hover.topnav_partners {
	color:#FFFFFF;
	text-decoration:none;
	background:url(../assets/images/vacancies.gif) no-repeat top center;
}

.topnav_case { font-size:13px; color:#FFFFFF; text-decoration:none; padding:10px 20px 5px 20px; float:left;}
a.topnav_case { color:#FFFFFF; text-decoration:none;}
a:hover.topnav_case { color:#FFFFFF; text-decoration:none; background:url(../assets/images/case.jpg) no-repeat top center;}

.topnav_services { font-size:13px; color:#FFFFFF; text-decoration:none; padding:10px 20px 5px 20px; float:left;}
a.topnav_services { color:#FFFFFF; text-decoration:none;}
a:hover.topnav_services { color:#FFFFFF; text-decoration:none; background:url(../assets/images/services.jpg) no-repeat top center;}

.topnav_contact { font-size:13px; color:#FFFFFF; text-decoration:none; padding:10px 20px 5px 20px; float:left;}
a.topnav_contact { color:#FFFFFF; text-decoration:none;}
a:hover.topnav_contact { color:#FFFFFF; text-decoration:none; background:url(../assets/images/contact.gif) no-repeat top center;}

#left_wrapper {
	width:240px;
	float:left;
	background-image: url(../assets/images/cta-top.jpg);
	background-repeat: repeat-x;
}
#leftnav { width:240px; display:block; background:url(../assets/images/cta-top.jpg) no-repeat; padding:20px 0 15px 0;}
.left_nav { text-align:right; font-size:15px; color:#000000; text-decoration:none; padding-right:15px; display:block;}
a.left_nav { text-align:right; font-size:15px;}
a:hover.left_nav { text-align:right; font-size:15px; background:#dde9f6; display:block;}

#cta_map {
	width:120px;
	float:left;
	display:block;
	background:url(../assets/images/cta-map.jpg) no-repeat bottom left;
	margin-bottom:0px;
	padding:0px 15px 15px 105px;
	font-size:10px;
	margin-top: 20px;
	line-height: 13px;
}
.brochure-iframe {
	float: left;
}
.map_contact_details {
	color:#06C;
}
.map_contact_details:hover{
	color:#06C;
	text-decoration:none;
}
.map_contact_details strong{
	color:#06C;
	font-weight:bold;
	font-size:12px;
}

#cta_save { width:196px; height:52px; background:url(../assets/images/cta-save-money.jpg); padding:28px 25px 2px 19px; color:#808080; font-size:10px;}
#cta_save a { color:#5a5a5a;}
#cta_save a:hover { color:#5a5a5a; text-decoration:none;}

#cta_quote { width:196px; height:45px; background:url(../assets/images/cta-quote.jpg); padding:28px 25px 2px 19px; color:#808080; font-size:10px;}
#cta_quote a { color:#5a5a5a;}
#cta_quote a:hover { color:#5a5a5a; text-decoration:none;}

.cta_spacer { height:15px; width:240px;}
#cta_container { width:230px; float:left; display:block;}

#content_container { width:850px; background:url(../assets/images/bg-main.jpg); display:block; margin:0 auto 0 auto; padding:0 5px 0 5px;}
#content {
	width:558px;
	float:left;
	background:url(../assets/images/content-top.jpg) no-repeat;
	padding:45px 30px 0 22px;
}

#footer_container { width:auto; margin:0 auto 0 auto; background:url(../assets/images/bg-footer.jpg) repeat-x;}
#footer_content_end { width:859px; height:25px; color:#FFFFFF; margin:0 auto 0 auto; padding:45px 0 0 0; background:url(../assets/images/footer.jpg) no-repeat;}
#footer_content_end a{ color:#FFFFFF; text-decoration:underline;}
#footer_content_end a:hover{ color:#FFFFFF; text-decoration:none;}
#logos_container {
	width:830px;
	text-align:center;
	margin:0 auto 0 auto;
}
#logos_container2 {
	width:830px;
	text-align:center;
	margin:0 auto 30px auto;
}
#logo_trend a {
	background:url(../assets/images/logo-trend.jpg) top left;
	width:85px;
	height:55px;
	float:left;
	margin-left:252px;
	margin-right:30px;
}
#logo_trend a:hover {
	background:url(../assets/images/logo-trend.jpg) top right;
	width:85px;
	height:55px;
	cursor:pointer;
}
#logo_trend-expert a {
	background:url(../assets/images/logo-trend-expert.jpg) top left;
	width:95px;
	height:55px;
	float:left;
}
#logo_trend-expert a:hover {
	background:url(../assets/images/logo-trend-expert.jpg) top right;
	width:95px;
	height:55px;
	cursor:pointer;
}
#logo_trend_IQ a {
	background:url(../assets/images/logo-trend-new.jpg) top left;
	width:85px;
	height:55px;
	float:left;
	margin-left:30px;
}
#logo_trend_IQ a:hover {
	background:url(../assets/images/logo-trend-new.jpg) top right;
	width:85px;
	height:55px;
	cursor:pointer;
}

#logo_siemens a {
	background:url(../assets/images/logo-siemens.jpg) top left;
	width:95px;
	height:55px;
	float:left;
	margin-left:78px;
}
#logo_siemens a:hover {
	background:url(../assets/images/logo-siemens.jpg) top right;
	width:95px;
	height:55px;
	cursor:pointer;
}
#logo_north a {
	background:url(../assets/images/logo-north.jpg) top left;
	width:75px;
	height:55px;
	float:left
}
#logo_north a:hover {
	background:url(../assets/images/logo-north.jpg) top right;
	width:75px;
	height:55px;
	cursor:pointer;
}
#logo_danfoss a { background:url(../assets/images/logo-danfoss.jpg) top left; width:105px; height:55px; float:left}
#logo_danfoss a:hover { background:url(../assets/images/logo-danfoss.jpg) top right; width:105px; height:55px; float:left; cursor:pointer;}
#logo_andover a {
	background:url(../assets/images/logo-se.jpg) left top;
	width:104px;
	height:55px;
	float:left;
}
#logo_andover a:hover {
	background:url(../assets/images/logo-se.jpg) right top;
	width:104px;
	height:55px;
	float:left;
	cursor:pointer;
}
#logo_sontay a {
	background:url(../assets/images/logo-sontay.jpg) top left;
	width:97px;
	height:55px;
	float:left;
}
#logo_sontay a:hover {
	background:url(../assets/images/logo-sontay.jpg) top right;
	width:97px;
	height:55px;
	float:left;
	cursor:pointer;
}
#logo_priva a {
	background:url(../assets/images/logo-priva.jpg) top left;
	width:90px;
	height:55px;
	float:left;
}
#logo_priva a:hover {
	background:url(../assets/images/logo-priva.jpg) top right;
	width:90px;
	height:55px;
	float:left;
	cursor:pointer;
}

.blue_box { background:#94b7cf; padding:15px; color:#FFFFFF;}

.large-quote {
	font-size:20px;
	font-family:"Times New Roman", Times, serif;
	color:#0f499b;
	font-style:italic;
	font-weight:lighter;
}
#logo_iq a {
	background:url(../assets/images/logo-iq.jpg) left top;
	width:85px;
	height:55px;
	float:left;
	margin-left:20px;
}
#logo_iq a:hover {
	background:url(../assets/images/logo-iq.jpg) right top;
	width:85px;
	height:55px;
	float:left;
	cursor:pointer;
}
#logo_nic a {
	background:url(../assets/images/logo-nic.jpg) left top;
	width:94px;
	height:55px;
	float:left;
}
#logo_nic a:hover {
	background:url(../assets/images/logo-nic.jpg) right top;
	width:94px;
	height:55px;
	float:left;
	cursor:pointer;
}
.address {
	width: 185px;
	float: left;
	height: 90px;
	padding: 0px;
	margin: 0px;
}
.divider {
	clear: both;
	width: 550px;
}
.flt-l {
	float: left;
	width: 255px;
}
.divider {
	clear: both;
	width: 550px;
}
#contact-details {
	float: left;
	width: 250px;
}
#enquiry-form {
	width: 240px;
	margin-top: 25px;
	height: 400px;
}
#map-container {
	width: 529px;
	height: 355px;
	float: left;
	background-image: url(../assets/images/map-back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 30px 15px 15px;
}
#zoom {
	height: 30px;
	font-size: 10px;
	color: #808080;
}
.img-flt-rt {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 20px;
	clear: right;
}
#nav_position a:active {
	color:#FFFFFF;
	text-decoration:none;
}
a:visited.topnav_projects {
	color:#FFFFFF;
	text-decoration:none;
}
a:visited.topnav_energy {
	color:#FFFFFF;
	text-decoration:none;
}
a:visited.topnav_vacancies {
	color:#FFFFFF;
	text-decoration:none;
}
a:visited.topnav_partners {
	color:#FFFFFF;
	text-decoration:none;
}
a:visited.topnav_case {
	color:#FFFFFF;
	text-decoration:none;
}
a:visited.topnav_services {
	color:#FFFFFF;
	text-decoration:none;
}
a:visited.topnav_contact {
	color:#FFFFFF;
	text-decoration:none;
}