/* Google Fonts */
@import url(http://fonts.googleapis.com/css?family=Arimo:400,700&subset=latin);
@import url(http://fonts.googleapis.com/css?family=News+Cycle);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

/* CSS Document */


/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/
html{min-height: 100%; height: 100%;}
button {cursor:pointer;}
body { text-align: left; height: 100%; min-height: 100%;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url('#') #ffffff; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

body b, body strong {	font-weight: bold;}
body i{	font-style: italic;}

img { border:0px; margin:0px; padding:0px; }

h1 { color:#000000; font-size:20px; font-family:'Arial'; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { color:#666666; font-size:18px; font-family:'Arial'; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#999999; font-size:18px; font-family:'Arial'; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#666666; font-size:16px; font-family:'Arial'; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#999999; font-size:16px; font-family:'Arial'; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#666666; font-size:14px; font-family:'Arial'; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

hr {}

.text ul { margin-left:10px; padding-bottom:5px;}
.text ul li { font-size:12px; color:#666; list-style:disc; margin:10px 0 10px 5px;}
.text ol { margin-left:10px; padding-bottom:5px;}
.text ol li { font-size:12px; color:#666; list-style:decimal; margin:10px 0 10px 5px;}



em {}
pre {}
u {}
sub {}
sup {}

address {font-size:10px;}

a { color:#333399; text-decoration:none; }
a:hover { color:#333399; text-decoration:underline; }

p { font-size:12px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

#smoke_control_case_studies_link {height:80px; width:305px; background:url('/images/case_studies_button_green.jpg') no-repeat top center;}

/* generic classes */
.clear {clear: both;}
.grid960{position: relative; width: 960px; margin: 0px auto;}
.fl {
	float: left;
}
.fr{
	float: right;
}
/*hacks list remove before live

HANDY HINTS

*html IE6
*+html IE7
:root  FIREFOX
body:last-child:not(:root:root)    SAFARI
html:first-child OPERA
*/



/* Container */
#container{
	min-height: 100%; height: auto !important; height: 100%; margin-bottom: -45px; background: url(/images/bck_pattern_02_lighter.jpg);
}
.pattern1{
	 background: url(/images/bck_pattern_01.jpg) !important;
}
.pattern2{
	 background: url(/images/bck_pattern_02_lighter.jpg) !important;
}





/* Header */
#header{
	background: #fff; height: 103px; position:relative; z-index:900;
}
#header #logo{
	float: left;
}




/* Menu */
#menu{
	position: absolute; bottom: 10px; right: 10px; line-height: 30px; 
}
#menu li{
	float: left; list-style: none; z-index:10; position:relative;
}
#menu li a{
	font-size: 14px; color: #777; margin-left: 30px;
}
#menu li a:hover, #menu li a.selected {
	color: #000; text-decoration: none;
}
#menu li.current a{
	 font-weight: bold;
}

#menu li ul {margin:0px; padding:0px; float:none; display:none;  position:absolute; top:30px; left:18px;  background:#FFF; z-index:900;}
*+html #menu li ul {margin:0px; padding:0px; float:none; display:none;  position:absolute; top:30px;  background:#FFF;}
#menu li ul li {float:none;}

#menu li ul li a {width:160px; display:block; float:none !important; z-index:100; margin:0 0 0 15px !important; color:#777!important; font-size:12px !important; background:url(/images/navdrop_bg.jpg) 8px 11px no-repeat;}
#menu li ul li a:hover { background:#FFF; text-decoration:none; color:#000 !important; text-decoration:underline;} 
#menu li ul li a.active { background:#FFF; text-decoration:none; color:#000 !important;} 

#menu ul li:hover ul { display:block; z-index:1000}
#menu ul ul:hover { display:block;   z-index:1000}


/* Search */
#search{
	background: #333333; position: absolute; top: 0px; right: 4px; width: 500px; color: #fff; overflow: hidden; height: 35px; 
}
#search .contact_text{
	position: absolute; text-align: right; right: 10px; line-height: 25px; color: #fff; bottom: 5px;
}
#search .contact_text a {
	color: #fff; text-decoration: none; font-size: 11px;
}
#search .contact_text b{
	margin-left: 10px;
}
#search form {
	position: absolute; top: 7px; left: 10px; height: 19px; width: 150px;
}
#search form input[type="text"] {border:none; padding:2px 5px 2px 5px; height:15px; width:150px; margin-right:0px; position:absolute; color:#9B9B9B; font-size:11px;}

#search form input[type="submit"] {background: url(/images/search_btn_go.png) no-repeat; border:none; height:19px; width:40px; text-align:left; color:#333; padding:0px; padding-left: 4px; position: absolute; right: -50px;cursor: pointer;}

 


/* Slideshow */


#heading {position:relative; width:955px; min-height:295px; height:auto !important; height:295px; margin:0 auto 0px auto;}

.window {position:relative; width:955px; height:295px; margin:0 auto 0px auto; overflow:hidden; border: solid 2px #fff; border-top: none;}

.image_reel {position:absolute; top:0px; left:0px; }    
.image_reel img {float:right; margin:0px; padding:0px;}     
	

.image_reel .slide {float:left; display:block; position:relative; width:955px; height:335px;}

.gal_paging {position:absolute; bottom:20px; left:10px; z-index:100; height:15px; width:15px; text-align:center; display:none; width:100%;}
/*+html .gal_paging {bottom:355px; }*/
.gal_paging a {width:19px; height:19px; display:block; float:left; background:#CCC; margin:0px 10px 0px 0px;}

.gal_paging a:hover{background:#F8F8F8;}
.gal_paging a.active{background:#666;}
#slideshow{
	background: url(/images/bck_pattern_01.jpg);
}
#slideshow_images{
	background: url(/images/slideshow_shadow_bottom.png) no-repeat center bottom; padding-bottom: 10px;
}
#slideshow_images .slide .info{
	position: absolute; top: 80px; left: 40px; color: #fff; font-size: 18px; font-family: "News Cycle";
}
#slideshow_images .slide .info .title{
	font-size: 30px;
}
#slideshow_images .slide .info .text{
background: #fff; color: #999999; padding: 3px 3px 6px 3px; margin-top: 10px; font-size: 25px; float: left;
}
#slideshow_images .slide .info a{
	text-decoration: underline; color: #fff !important; margin-top: 20px;display: block; background: url(/images/slideshow_arrow.png) no-repeat 75px 5px; padding-bottom: 5px;
}
#slideshow img{
	/*border: solid 2px #fff; border-top: none;*/
}






/* Content Main */
#content_main{
	background: url(/images/bck_pattern_01.jpg);	
}




/* Content */
#content{
	padding: 20px 0px 30px 0px; position: relative;
}
#content.publications{
	width: 620px; float: left;  padding-bottom: 60px;
}
#content.case_studies{	
}
#content .page_title{
	font-family: "News Cycle"; padding-top: 30px; font-size: 24px; font-weight: bold; color: #999999; padding-bottom: 15px; text-transform:uppercase;
}
#content .text p {
	margin: 0; padding-bottom: 5px; line-height: 16px; font-family: "Arial"; font-size: 12px; color: #666666;
}
#content #breadcrumb{
	position: absolute; top: 10px; font-family: "Arial"; font-size: 11px; color: #999999;
}
#content #breadcrumb a{
	color: #999999; text-decoration: none;
}
#content #breadcrumb span{
	color: #333;
}
#content.case_studies .text{
	padding-bottom: 30px;
}
#content .text img{
	border: solid 2px #fff; 
}





/* Products */
.product{
	width: 290px; height:144px; background: url(/images/product_shadow.png) no-repeat center bottom; float: left; padding-bottom: 10px;  margin-top: 10px; margin-right: 10px;
}
.product .bck{
	  background: #fff; padding: 10px; position:relative;
}
.product .product_picture{
	float: left; width: 120px;
}
.product .product_info{
	float: left; width: 140px;
}
.product .product_title{
	font-weight: bold; padding-top: 5px; padding-bottom: 5px;
}
.product .product_description{
	margin-bottom: 10px;
}
.product .product_btn{
	float: right;
}



/* Case Studies */
.item.case_studie .case_info img{

}
.item.case_studie .case_info{
	height: 160px; overflow: hidden; position: relative; padding: 0px; margin: 10px 0px 20px 0px;
  } 
.case_studie .case_text{
	position: absolute;  width: 150px; height: 160px; right: 10px; background: url(/images/white_bck.png); z-index: 0; font-size: 12px; padding: 5px; padding-top: 30px; line-height: 14px; font-weight: 400; font-family: "Arial";
}
.item.case_studie img{
	border: solid 2px #fff; width: 296px !important; margin:0px;
}
.case_studie_highlight{
	padding-bottom: 30px; position: relative; margin-top: 10px;
}
.case_studie_highlight img {
	float: left; width:450px; height:240px;
}
.case_studie_highlight .case_studie_info{
	float: left; width: 460px;  background: url(/images/white_bck2.png);min-height: 214px; height:auto !important; height: 214px;  padding: 15px; overflow: hidden;
}
.case_studie_highlight.currentPadding{
	padding-bottom:10px; background:#FFF;
}
.case_studie_highlight .case_studie_info p {
	padding-right: 10px; padding-bottom: 10px;
}
.case_studie_highlight .case_studie_info .column{
	float: left; width: 220px; margin-right: 10px; font-family: "Droid Sans";
}
.case_studie_highlight .case_studie_info .column .title{
	height: 20px; line-height: 20px; font-weight: 700; font-size: 14px; color: #666666;
}
.case_studie_highlight .case_studie_info .column .column_text{
line-height: 13px; padding-bottom: 5px; color: #666666;
}

.case_studie_highlight .ballon, .case_studie_detail .ballon{
	background: url(/images/case_studie_highlight_bck.png)repeat-y; display: block; width: 440px;  padding: 10px; color: #999; line-height: 15px; position: relative; font-style: italic; font-family: "Arial";
}
.case_studie_highlight .ballon span, .case_studie_detail .ballon span{
	position: absolute; bottom: -16px; display: block; width: 460px; height: 16px; background: url(/images/case_studie_highlight_end.png) no-repeat; left: 0px;
}
.case_studie_highlight .ballon_person, .case_studie_detail .ballon_person{
	padding-top: 20px; color: #666666;
}
.case_studie_detail {
	float: left; width: 450px; margin-top: 20px; padding-right: 15px; padding-left: 15px;
}
.case_studie_detail.rightBorder{
	border-right: solid 1px #ccc; padding-left: 0;
}
.case_studie_detail.noPadding{
	padding-left: 0;
}
.case_studie_detail .title{
	font-size: 13px; font-family: "Droid Sans"; color: #666666; font-weight: 700; padding-bottom: 10px;
}
.case_studie_detail .detail_text{
	font-family: "Droid Sans"; font-size: 12px; color: #666666; line-height: 15px; padding: 0;
}
.case_studies_button{
	text-align: right; margin: 20px 10px;
}
a#item_back_link img{
	margin:10px 0px; width:70px; height:28px; float:right;
}


/* Sidebar */
#sidebar{
	width: 320px; float: right; padding-top: 80px; padding-bottom: 40px;
}

#sidebar .item{
	margin-bottom: 30px;
}


/* Buttons */
a.btn_blue{
 position:absolute; bottom:0; right:5px; background: url(/images/btn_blue_bck.png) no-repeat top right; padding: 6px 30px 0px 5px; color: #fff; font-size: 11px; height: 31px; 
}
a.btn_white{
 padding-right: 20px; background: url(/images/btn_white_bck.png) no-repeat top right; padding: 6px 30px 6px 5px; color: #666; font-size: 11px; height: 31px; 
}

/* News */
.new{
	padding-top: 10px; border-top: solid 1px #ccc; padding: 10px; padding-left: 0; font-family: "Droid Sans"; color: #666;
}
.new:first-child{
	padding-top: 0; border: none;
}
.new img{
	float: left; margin-right: 10px; margin-bottom: 20px;
}
.new_date a, .new_date{
	font-size: 13px; font-weight: 700; padding-bottom: 3px; color: #666; text-transform:uppercase;
}
.new .new_info .new_title a{
	padding-bottom: 5px; color: #333;
}
.new .new_info .new_description{
	font-size: 11px; padding-bottom: 5px; line-height: 14px; font-family: "Arial";
}
.new .new_info .new_readmore{
	float: right; margin-top: 10px; margin-bottom: 10px;
}
.news_image_main{
	float:left; margin: 0px 10px 0px 0px;
}
.paging{
	float:right; margin-bottom:5px;
}

/*Testimonials*/
.testimonial p:after{
	content: '”'; font-size: 18px; color: #000;  line-height:12px; overflow: hidden; font-family:'Arial'; font-weight:bold;
}
.testimonial p:before{
	content: '“'; font-size: 18px; color: #000; margin-left: -10px;  padding-left: 0px; font-family:'Arial'; font-weight:bold;
} 

.testimonial p {

	padding-left:10px;
}

/* Ribbons */
.ribbon_container {position: absolute; z-index: 10; top: -10px; left: 5px; height: 47px; cursor:pointer;}
.ribbon {float:left; line-height: 36px; color: #fff; font-family: "News Cycle"; font-size: 16px;}

a:hover.ribbon{color:#fff;}
.ribbon span.left{ cursor:pointer;	height: 47px; width: 10px; display: block; float: left; margin-left: -10px;}
.ribbon span.title_text { cursor:pointer; float:left;}
.ribbon span.arrow{ cursor:pointer;	height: 47px; width: 39px; float: left; margin-right: -10px;}
.ribbon_medium{position: absolute; z-index: 10; top: -10px; left: 0px; height: 45px; line-height: 30px; color: #fff; font-family: "News Cycle"; font-size: 16px; text-transform:uppercase;}
.ribbon_medium span.left{	height: 45px; width: 10px; display: block; float: left; margin-left: -10px;}
.ribbon_medium span.arrow_detail{	height: 45px; width: 25px; display: block; float: right; margin-right: -10px;}
.ribbon_small{ position: absolute; z-index: 10; top: 0px; left: 5px; height: 40px; line-height: 26px; color: #fff; font-family: "News Cycle"; font-size: 14px;}
.ribbon_small span.left{ height: 40px; width: 10px; display: block; float: left; margin-left: -10px;}
.ribbon_small span.arrow{ height: 40px; width: 30px; display: block; float: right; margin-right: -10px;}
.ribbon_small a {color:#FFF; text-transform:uppercase;}


/* Ribbon colours */
.ribbon_medium span.left{	height: 40px; width: 10px; display: block; float: left; margin-left: -10px;}
.ribbon_medium .title_text {float:left;}
.ribbon_medium span.arrow{	height: 30px; width: 39px; float: left; margin-right: -10px;}

.ribbon_medium.gray span.left{background: url(/images/ribbon_gray_medium_left.png) no-repeat top left; }
.ribbon_medium.gray span.arrow{background: url(/images/ribbon_gray_medium_arrow.png) no-repeat top left; }
.ribbon_medium.gray{background: url(/images/ribbon_gray_medium_bck.png) repeat-x; }
.ribbon.blue span.left{background: url(/images/ribbon_blue_left.png) no-repeat top left; }
.ribbon.blue span.arrow{background: url(/images/ribbon_blue_arrow.png) no-repeat top left; }
.ribbon.blue{background: url(/images/ribbon_blue_bck.png) repeat-x;}
.ribbon.green span.left{background: url(/images/ribbon_green_left.png) no-repeat top left; }
.ribbon.green span.arrow{background: url(/images/ribbon_green_arrow.png) no-repeat top left; }
.ribbon.green{background: url(/images/ribbon_green_bck.png) repeat-x; }
.ribbon.red span.left{background: url(/images/ribbon_red_left.png) no-repeat top left; }
.ribbon.red span.arrow{background: url(/images/ribbon_red_arrow.png) no-repeat top left; }
.ribbon.red{background: url(/images/ribbon_red_bck.png) repeat-x; }


/* Small ribbons */

.ribbon_small span.left{	height: 40px; width: 10px; display: block; float: left; margin-left: -10px;}
.ribbon_small .title_text {float:left;}
.ribbon_small span.arrow{	height: 30px; width: 39px; float: left; margin-right: -10px;}

.ribbon_small.blue span.left{background: url(/images/ribbon_blue_small_left.png) no-repeat top left; }
.ribbon_small.blue span.arrow{background: url(/images/ribbon_blue_small_arrow.png) no-repeat top left; }
.ribbon_small.blue{background: url(/images/ribbon_blue_small_bck.png) repeat-x; }
.ribbon_small.green span.left{background: url(/images/ribbon_green_small_left.png) no-repeat top left; }
.ribbon_small.green span.arrow{background: url(/images/ribbon_green_small_arrow.png) no-repeat top left; }
.ribbon_small.green{background: url(/images/ribbon_green_small_bck.png) repeat-x; }
.ribbon_small.red span.left{background: url(/images/ribbon_red_small_left.png) no-repeat top left; }
.ribbon_small.red span.arrow{background: url(/images/ribbon_red_small_arrow.png) no-repeat top left; }
.ribbon_small.red{background: url(/images/ribbon_red_small_bck.png) repeat-x; }


/* Content Bottom */
#content_bottom{
	border-top: solid 1px #fff; padding-top: 20px; font-family: "Arial"; padding-bottom: 60px;
}
#content_bottom .title{
	font-family: 'News Cycle'; font-size: 16px; text-transform: capitalize; padding-bottom: 15px; color:#333; font-size:18px; font-weight:bold;
}
#content_bottom .title a{
	color:#333; font-size:18px; font-weight:bold;
}
#content_bottom .text p{
	margin: 0; padding-bottom: 10px; color: #666; line-height: 15px;
}
#content_bottom .new {
	border-top: solid 1px #ccc; padding: 10px 0px;
}
#content_bottom .new:first-child{
	border: none; padding-top: 0px;
}
#content_bottom .new .date{
	float: left; width: 50px; border-right: solid 1px #ccc; height: 30px; line-height: 30px; font-size:20px; text-transform:uppercase;
}
#content_bottom .new .date span{
	font-size: 12px;
}
#content_bottom .new .lead{
	overflow: hidden; padding-left: 10px; font-family: "Arial"; line-height:16px;
}
#content_bottom .new a{
	color: #666;
}
#content_bottom .new a:hover{
	text-decoration: underline;
}
#content_bottom .quote {
	background: #fff; box-shadow: 1px 2px 2px #ccc; -moz-box-shadow: 1px 2px 2px #ccc; -webkit-box-shadow: 1px 2px 2px #ccc; padding: 10px 10px 10px 20px; font-family: "Arial"; font-size: 12px; line-height:18px;
}
#content_bottom .quote a {
	color:#666; 
}
#content_bottom .quote:after{
	content: '”'; font-size: 18px; color: #000;  line-height:16px; margin-top: 10px; overflow: hidden;
}

#content_bottom .quote:before{
	content: '“'; font-size: 18px; color: #000; margin-left: -10px;  padding-left: 0px;
}
#content_bottom .person{
	font-size: 11px; color: #666; padding-top: 10px; padding-left: 10px; font-size: 12px;
}
#content_bottom .person a {
	color:#999;
}
#content_bottom .network{
	margin-top: 10px; height: 50px; position: relative;
}
#content_bottom .network a{
	width: 100%; overflow: auto; display: block; background: url(/images/socianetworks_arrow.png) no-repeat center right; color: #999; text-decoration: none !important; font-size: 16px; font-family: "News Cycle"; 
}
#content_bottom .network a span.label{
	margin: 10px 0px 0px 0px; top: -3px; left: 70px; position: absolute;
}
#content_bottom .network:first-child{
	padding-bottom: 10px; margin-top: 0px; border-bottom: solid 1px #ccc;
}



/* social networks */
.sn{
	height: 51px; width: 51px; display: block; float: left;
}
.twitter{
	background: url(/images/socialnetwoks_sprite.png) no-repeat 0px 0px;
}
.linkedin{
	background: url(/images/socialnetwoks_sprite.png) no-repeat 0px -51px;
}


/* publications */
#download_file_form button{
	width:110px; height:30px; border:0; padding:0px; margin:0px; background:none;
}

/* contact form */
#contact_form button{
	width:70px; height:30px; border:0; padding:0px; margin:0px; background:none;
}
/* Items */
.item {
 float: left;  color: #666; position: relative; margin-top: 0px;
}
.item.small{
	width: 220px; padding:0px 10px;
}
.item.medium{
	width: 310px; padding: 0px 5px;
}
.item img {
	border: solid 2px #fff;
}
.fixTopMargin{
	margin-top: -100px;
}

/* Footer */
#footer{
	background: #333;	height: 40px; color: #fff; padding-top: 5px; line-height: 14px; font-size: 11px;
}
#footer ul{
	position: absolute; top: 0px; right: 10px; 
}
#footer ul li {
	float: left; list-style: none;
}
#footer ul li a{
	color: #fff; text-decoration: none; margin-left: 10px; padding-left: 10px; border-left: solid 1px #fff; font-size: 11px;
}
#footer ul li:first-child a{
	border: none;
}
#footer ul li a:hover{
	text-decoration: underline;
}