@charset "UTF-8";
/* ----- CSS ----- */
html,body{height:100%; min-height:100%; padding:0; margin:0;}
body{
background:#f7f7f6 url(../images/bg-body.gif) repeat-x 0 101px;
margin: 0;
padding: 0;
font-family: Arial,Helvetica,sans-serif;
}
/* ----- blokken ----- */
#container{
}
#primaryContent{
padding-bottom: 30px;
padding-bottom: 20px;

}
#secondaryContent{
background: url(../images/bg-stroke.gif);
height: 206px;
height: 226px !important;
clear: both;
padding-top: 20px;

}
#navigation{
background: url(../images/bg-header.gif) repeat-x;
height: 129px;
display: block;
}
.content{
width: 972px;
overflow: hidden;
margin: 0px auto;

}
.pageTop, .pageDiv {
	border-bottom: 1px solid #D4D4D3;
	margin: 0px;
	padding:0 0 10px 10px;
}
#footer{width:100%; height:350px;}
.positioner{
width: 960px;
margin-right: auto;
margin-left: auto;
}
#workingnow_container,#workingnow_container div{
overflow:hidden;
height:168px;
width:100%;
}
.firstFooter{
clear: both;
padding-bottom: 20px;
background-color: #d9d7d0;
border-top: solid 1px #fff;
}
.home .firstFooter{
background-color: transparent;
overflow: hidden;
}
.secondFooter{
background: #1e1d1d;
height: 48px;
clear: both;
}
.clearer{
clear:both;
padding: 5px 10px 0px;
margin: 0
}
.left{
	width:640px;
	float: left;
	clear:left;
	border-right: solid 1px #d4d4d3;
	padding-left: 10px;	
	padding-top:0px;
	padding-bottom:50px;
	margin-bottom: 30px;
 }

.right{
	width:300px;
	float: left;
	clear:right;
	margin-bottom: 30px;	
	margin-left:-1px;
	border-left:1px solid #D4D4D3;
	}

.rightBlock{
border-bottom: solid 1px #d4d4d3;
padding: 15px 15px 20px;

	}

/* L O G O */
.logo{
width: 196px;
height: 74px;
float: left;
margin-right: 50px;
margin-top: 12px;
}
.logo a{
width: 220px;
height: 74px;
background: url(../images/logo.png) no-repeat left top;
display:block;
}
.logo a:hover{
background: url(../images/logo.png) no-repeat left bottom;
}
.logo span{
display:none
}
.logo h2{
margin:0;
padding:0;
}
/* ----- HEADINGS ----- */
.aboutStroke h2{
padding: 0px;
color: #9d0606;
margin: 0px 0px 5px;
font-size: 20px;
font-weight: 500;
line-height: 20px;
}
.firstFooter h2{
color: #0097b5;
font-size: 18px;
font-weight: 500;
background: url(../images/icn-rss.gif) no-repeat left center;
padding-left: 20px;
margin-top: 10px;
margin-bottom: 1px;
border-bottom: 1px solid #e3e3e1;
padding-bottom: 10px;
padding-top: 16px;
}
.firstFooter h2 a{
color: #0097b5;
font-size: 18px;
}
.aboutStroke h3{
padding: 0px;
color: #4b4132;
margin: 0px 0px 4px;
font-weight: bold;
line-height: 18px;
font: 14px magtype,DIN-Regular,Arial,sans-serif;
}
.pageTitle {width: 400px; float: left; padding:0
}
.breadCrumbs{width: 500px; float: right; font-size: 11px; padding-top: 20px; text-align: right;color: #5d5c59; font-weight: 700;} 
.breadCrumbs a{font-weight: 200; color: #5d5c59;}
.breadCrumbs span.active{font-weight: 200; color:#9D0606}

.pageTitle h1 {
	font: 21px gluetype, DIN-Regular, Arial, sans-serif;
	color: #434343;
	height:15px;
	padding:0;
	margin: 12px 0 0  !important;
	margin: 15px 0 0;
	
	}
.right h4 {
	font: 18px/18px gluetype, DIN-Regular, Arial, sans-serif;
	color: #9d0606;
	margin: 10px 0;
}
.left h2 {
padding-top: 12px;
	padding-left: 0px;
	color: #0097b5;
	font-size: 20px;
}
.left h3, .right h3{
	padding-left: 0px;
	font-size: 18px;
	color: #4b4133;
	padding: 0;
}
.left h4 {
	padding-left: 0px;
}
.left h5 {
	padding-left: 0px;
}
a
{
outline: none;
}
h1{
font: 30px/24px magtype,DIN-Regular,Arial,sans-serif;
color: #303233;
height:24px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0px;
}
h2,h3{
font: 22px/18px magtype,DIN-Regular,Arial,sans-serif;
color: #303233;
margin: 10px 0px 10px;
height:22px;
}
.content .addressBox h3{margin:9px 0 0;}
.n01 h2{
background: url(../images/numbers.gif) no-repeat left top;
}
.n02 h2{
background: url(../images/numbers.gif) no-repeat left -27px;
}
.n03 h2{
background: url(../images/numbers.gif) no-repeat left -54px;
}
.n04 h2{
background: url(../images/numbers.gif) no-repeat left -81px;
}
.n05 h2{
background: url(../images/numbers.gif) no-repeat left -108px;
}
.n06 h2{
background: url(../images/numbers.gif) no-repeat left -135px;
}
/* ----- PARAGRAPHS ----- */

.left p {
	font-size: 13px;
	color: #434343;
	line-height: 20px;
	width: 580px;
	padding-bottom: 12px;

}
.right p {
	font-size: 13px;
	color: #434343;
	line-height: 20px;
	/*width: 200px;*/
	margin-bottom: 5px;
	}
	.blog .left a{
	color:#9D0606
	}
.left .text-pf-detail{
width: 418px
}

.left p.intro-text{
margin-top:22px;
margin-bottom:15px;
padding-bottom:0;
color: #707070;
font-weight:100;
	font-size: 16px;
	line-height:1.5em;
	}
	.rss .left ul{
	margin:0;
	padding:0;
	font-size:13px;
	color:#434343;
	margin:10px 20px 20px 15px;
	}
	.rss .left li{
	margin:0;
	padding:0;
	list-style-image:url(../images/layout/list-img.gif);
	margin-bottom:10px;
	line-height:18px
	}
.right ul{
	padding-left: 15px;
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 0;
	line-height: 22px;
	font-size: 12px;
	margin: 0;
}
.right li{
list-style: url(../images/layout/list-img.gif);
color:#434343;
margin-left: 0

}
.news ul{
list-style: none;
margin: 0px;
padding: 0px;
}
.news li{
padding: 0 0 1px;
background: url(../images/div-footer-link-darker.gif) repeat-x left bottom;
line-height: 20px;
}

.home .news li{
background: url(../images/div-footer-link.gif) repeat-x left bottom;
}
.news a{
font-size: 12px;
font-weight: 700;
color: #555454;
}
.firstFooter .news li a{
display: block;
margin: 0 0 2px;
padding: 9px 5px 10px;

}
.home .firstFooter .news li a:hover{
color: #303030;
background-color: #f1f1f1;
}
.firstFooter .news li a:hover{
color: #303030;
background-color: #d1cdc1;
}
/* navigation lists */
#navigation #sitelinks{
list-style: none;
margin: 0px;
padding: 0px;
}
#navigation #sitelinks li{
list-style: none;
margin: 0px;
padding: 0px;
width: 121px;
display: block;
height: 101px;
float: left;
line-height:18px;
background: url(../images/navi-divider.gif) no-repeat left center;
}
#navigation #sitelinks a{
list-style: none;
text-decoration: none;
color: #b3b3b3;
padding-top: 33px;

display: block;
height: 68px;
}
#navigation #sitelinks a:hover{
color: #fff;
}
#navigation #sitelinks a span{
display: block;
padding-left: 10px;
font-size:16px;
font-weight:200;
margin-bottom:0px
}
#navigation #sitelinks a em{
display: block;
font-style: normal;
font-size: 10px;
padding-left: 10px;
font-weight:200;
margin-top:0;
}
#navigation ol{
}
#navigation ol li{
}

/** where am i? **/
.products #navigation #sitelinks .products a {
	color: #fff;	
}
.vision #navigation #sitelinks .vision a {
	color: #fff;	
}
.testimonlials #navigation #sitelinks .testimonlials a {
	color: #fff;	
}
.aboutus #navigation #sitelinks .aboutus a {
	color: #fff;	
}
.contactus #navigation #sitelinks .contactus a {
	color: #fff;	
}
.buynow #navigation #sitelinks .buynow a {
	color: #fff;	
}
.guarantee .secondFooter .content .guarantee a {
	color: #fff;	
}
.terms .secondFooter .content .terms a {
	color: #fff;	
}
.privacy .secondFooter .content .privacy a {
	color: #fff;	
}


.toplink{
	background: url(../images/toparrow.gif) no-repeat right center;
	text-align: right;
	width: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.servicesSlider{
width: 960px;
margin-right: auto;
margin-left: auto;
}
.sliderViewport{
border-bottom:1px solid #DEDEDD;
border-top:1px solid #DEDEDD;
width: 960px;
padding: 0;
height: 144px !important;
height: 140px;
/*margin-top: 5px;*/
margin-bottom: 30px;
clear:left;
}
.servicesSlider .serviceItem{
width: 305px;
float: left;
margin-top:0;
margin-right: 7px;
margin-left: 8px !important;
margin-left: 4px;
height: 144px;
}
.servicesSlider .serviceItem h2{
padding: 0 0 0 28px;
}
.serviceItem p.serviceLink,.news p.serviceLink{
background: url(../images/bg-link-small.gif) no-repeat right center;
margin-right: 15px;
margin-top: 5px;
margin-bottom: 0;
padding: 0px;
text-align: right;
}
p.serviceLink a,.news p.serviceLink a{
font-size: 12px;
font-weight: bold;
height: 25px;
line-height: 25px;
margin-right: 15px;
color: #0097b5;
}
p.serviceLink a:hover,.news p.serviceLink a:hover{
color: #007490;
}
.serviceListing{
	background:transparent url(../images/div-cases.gif) no-repeat scroll left bottom;
	margin-top: 5px;
	margin-bottom: 15px;
	padding-bottom:5px;
	overflow:hidden

	}
.serviceListing div{float:left; width:65px}
.aboutStroke{
overflow: hidden;
margin-right: auto;
margin-left: auto;
width: 960px;
height: auto;
}
.aboutStroke p{
color: #524f4e;
font-size: 12px;
line-height:20px;
margin-bottom: 15px;
margin-top: 0px;
padding: 0px;
}
.serviceItem p{
color: #524f4e;
font-size: 12px;
line-height:20px;
margin: 0px;
padding: 0px;
}
.box{
width: 305px;
float: left;
margin-right: 8px;
margin-left: 7px !important;
margin-left: 3px;
height: auto;
padding-bottom: 20px;
}
.aboutStroke p img{
float: left;
}
.aboutStroke p a img{
float: none;
}
.addressBox p{
margin-bottom: 10px;
}
.addressBox p.address{
background: url(../images/div-adress.gif) no-repeat left top;
display: block;
margin: 0px;
padding-bottom: 5px;
padding-top: 5px;
}
.addressBox img{
float:left;
}
.addressBox div{
float:left;
}
.firstFooter .box p{
font-size: 12px;
line-height: 20px;
color: #555454;
}
.box .imageHolder{
margin: 10px auto;
text-align: center;
}

.flir-replaced img{margin:2px 0 0 0 !important; margin:0; padding:0;vertical-align:text-top;}
.rightBlock li.active a{color:#444}
.servicesSlider  .n01{
background: url(../images/bg-serv-01.gif) no-repeat right;
}
.servicesSlider  .n02{
background: url(../images/bg-serv-02.gif) no-repeat right;
}
.servicesSlider  .n03{
background: url(../images/bg-serv-03.gif) no-repeat right;
}
.servicesSlider  .n04{
background: url(../images/bg-serv-04.gif) no-repeat right;
}
.servicesSlider  .n05{
background: url(../images/bg-serv-05.gif) no-repeat right;
}
.servicesSlider  .n06{
background: url(../images/bg-serv-06.gif) no-repeat right;
}
/* ----- IMAGES ----- */
img{
border-style: none;
}
.but-more{
width: 150px;
height: 25px;
text-align: right;
float:right
}
a span,span span{
display: none;
}
/* ----- LINKS ----- */
a{
text-decoration: none;
color: #0097b5;

}
a:hover{
color:#007490;
}
a.siteBy{
display: block;
background: url(../images/logo-footer.gif) no-repeat 10px center;
height: 48px;
width: 190px;
float: left;
}
.secondFooter a{
color:#797878;
}

.secondFooter a:hover{
color:#999;
}

.secondFooter p{
float: left;
line-height: 48px;
margin: 0px;
padding: 0px;
font-size: 11px;
color: #797878;
}
.secondFooter ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.secondFooter ul li{
	float: left;
	line-height: 48px;
	font-size: 11px;
	color: #797878;
	display: block;
	background: url(../images/footer-divider.gif) no-repeat left center;
	margin: 0px;
	padding-right: 10px;
	padding-left: 10px;
}
.footerRight{
float: right;
width: 442px;
height: 48px;
}
.footerRight .ee{
float: right;
background: url(../images/logo-ee.gif) no-repeat left center;
padding-left: 30px;
padding-right: 15px;
display: block;
}
.footerRight .feed{
float: right;
background: url(../images/icn-rss2.gif) no-repeat left center;
color: #797878;
line-height: 48px;
padding-left: 23px;
padding-right: 25px;
display: block;
font-size: 11px;
}
.validators{
width: 101px;
float: left;
height: 48px;
}
.valhtml{
background: url(../images/but-html.gif) no-repeat left center;
height: 48px;
width: 53px;
margin-right:1px;
display: block;
float: left;
}
.validators .valcss{
display: block;
float: left;
height: 48px;
width: 47px;
background: url(../images/but-css.gif) no-repeat left center;
}
.validators .valhtml:hover{
background: url(../images/but-html.gif) no-repeat right center;
}
.validators .valcss:hover{
background: url(../images/but-css.gif) no-repeat right center;
}
/* buttons */
.button{
text-align: right;
}
/* blog */
/* ----- FORMS ----- */
/* Form */
/* form elements */

.skip{display:none;}