/*
Theme Name: Lifeline
Theme URI:
Description:
Version: 1.0
Author: kucrut
Author URI: http://kucrut.org/
Tags:
License:

*/

/*
 * http://meyerweb.com/eric/tools/css/reset/
 * v1.0 | 20080212
 */

html *{padding:0;margin:0}
* html{padding:0;margin:0}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,hr,blockquote,
p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,
s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,
li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
button, textarea {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent}

h1,h2,h3,h4,h5,h6{font-weight:normal;}

ol,ul{list-style:none}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none}
a{color:inherit;text-decoration:none}
/* remember to define focus styles! */
:active,:focus{outline:0}
/* remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}
sub,sup {font-size:80%;line-height:0}
sub{vertical-align:sub}
sup{vertical-align:top}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0}


.cf{clear:both}
.hidden{display:none}
.hider{overflow:hidden}
.holder{overflow:auto}


/* Floats
 * --------------------- */
.aligncenter{margin:0 auto}
.alignleft{float:left}
.alignright{float:right}
.alignnone{}

/* Text */
.tLeft{text-align:left}
.tCent{text-align:center}
.tRight{text-align:right}
.tBold{font-weight:bold}
.tItalic{font-style:italic}
.tUline{text-decoration:underline}

/* Start Here
 * ------------- */

body {
  background:#fff url(../images/bg-body.png) repeat-x;
  color:#303030;
  font:.625em/1 'Gill Sans', 'Myriad Pro', Arial, Helvetica, sans-serif}
#page {
  margin:0 auto;
  width:976px}




/* Header */
#header {
  height:169px;
  position:relative}

#sitename {
  height:125px;
  left:22px;
  position:absolute;
  text-indent:-9999em;
  top:23px;
  width:208px}
#sitename a {
  background:url(../images/logo.png) no-repeat;
  display:block;
  height:125px;
  width:208px}

#header address {
  color:#becfdd;
  font-weight:bold;
  height:80px;
  padding-top:30px;
  position:absolute;
  right:0;
  text-align:right}
  
#header address .email {
  color:#becfdd;
  display:block;
  font-size:30px}

  #header address .email:hover {
  color:#ffffff;
  display:block;
  font-size:30px}
#header address .phone {
  font-size:48px}

#nav {
  padding-top:134px;
  text-align:right}
#nav li {
  font: Arial, Helvetica, sans-serif;
  display:inline;
  font-size:14px;
  margin-left:14px}
#nav li a {color:#fff}
#nav li a:hover {color:#becfdd}


/* Slider */
#slider {
  height:284px;
  overflow:hidden}
#slider #siteslogan {
  background:#e41d1d url(../images/text-siteslogan.png) no-repeat;
  float:left;
  height:284px;
  text-indent:-9999em;
  width:260px
}

#slider .nav {
  float:right;
  width:95px}
#slider .nav li {overflow:hidden}
#slider .nav li img {
  cursor:pointer;
  float:left}

#slider .scrollable,
#slider .item {
  float:left;
  height:284px;
  overflow:hidden;
  position:relative;
  width:621px}

#slider .items {
  position:absolute;
  height:284px;
  top:0;
  width:1863px}
#slider .item img {
  display:block;
  left:0;
  position:absolute;
  top:0}

#slider .item .excerpt {
  background:url(../images/bg-trans-black.png);
  bottom:0;
  color:#fff;
  font-size:17px;
  font-style:italic;
  font-weight:normal;
  line-height:24px;
  padding:12px 20px;
  position:absolute;
  width:581px}



/* Content */
#content {padding:7px 0}

.suggested {
    display:block;
	color:#ffffff;
}

.suggested:hover {
	background:#14416d;
}

/* Sidebar */
#sidebar {
  float:left;
  width:262px}

.side-nav li {
  background:#14416d;
  border:1px solid #839ab2;
  border-left:0;
  color:#fff;
  font-size:20px;
  height:88px;
  font-style:italic;
  font-weight:bold;
  line-height:30px;
  margin-bottom:7px;
  text-align:center}

.side-nav li a {
  color:#fff;
  display:block;
  padding:10px 12px 0 103px}

  .side-nav li:hover {
  background:#2f6498}

.side-nav li.intruder-alarms a {height:77px;background:url(../images/icon-lifeline.jpg) no-repeat}
.side-nav li.cctv a {
  height:77px;background:url(../images/icon-cctv.jpg) no-repeat;
  padding:10px 30px 0 120px}
.side-nav li.acs a {height:77px;background:url(../images/icon-acs.jpg) no-repeat}
.side-nav li.fire-alarms a {
  height:77px;background:url(../images/icon-fire-alarm.jpg) no-repeat;
  padding:10px 40px 0 130px}
.side-nav li.emergency-lighting a {height:77px;background:url(../images/icon-emergency-exit.jpg) no-repeat}
.side-nav li.fire-extenguisher a {height:77px;background:url(../images/icon-fire.jpg) no-repeat}
.side-nav li.signupnews a {height:78px;background:url(../images/newsletter-pic.jpg) no-repeat}


.left_menu li{
  /*background:#14416d;*/
  background:#406A94;
 /* border:1px solid #839ab2;*/
  border-left:0;
  color:#fff;
  font-size:20px;
  font-style:italic;
  font-weight:bold;
  /*height:87px;*/
  line-height:30px;
  margin-bottom:7px;
  text-align:center
}

.left_menu li.home{
background:#BED0DE;
color:#15406B;
padding: 5px 0px;	
}

.left_menu li.home a{
color:#15406B;
display:block;
margin:6px 0px;
}

.left_menu li.work{
background:#14416d;
padding: 5px 0px;
}
.left_menu li.work a,
{
color:#15406B;
display:block;
margin:6px 0px;
}


/* Main */
#main {
  float:right;
  width:705px}


.lifeline-box .box {
  border:1px solid;
  border-left:0;
  font-size:14px;
  height:278px;
  width:346px}
.lifeline-box .box .inner {
  overflow:hidden;
  padding:12px 15px}
.lifeline-box .box .title {
  border-bottom:1px solid;
  font-size:46px;
  font-style:italic;
  font-weight:bold;
  height:106px;
  margin-bottom:13px}
.lifeline-box .box .thumb {
  border:1px solid;
  float:left;
  margin-right:15px}
.lifeline-box .box .excerpt {
  font-style:italic;
  line-height:1.1;
  padding-bottom:5px}
.lifeline-box .box .more-link {text-decoration:underline}
.lifeline-box .box .more-link:focus,
.lifeline-box .box .more-link:hover {
  text-decoration:none}


.lifeline-box .box-home {
  background:#eee;
  border-color:#f1f1f1;
  color:#303030;
  float:left}

.lifeline-box .box-home:hover {
  background:#d4d4d4}

.lifeline-box .box-home a {color:#303030}

.lifeline-box .box-work {
  background:#14416d;
  border-color:#728da7;
  color:#fff;
  float:right}

.lifeline-box .box-work:hover {
  background:#2f6498}

.lifeline-box .box-work a {color:#fff}


/* Article */
.article {
  font-size:14px;
  line-height:1.4;
  overflow:hidden;
  padding:7px 0 0 10px}
.article .title {
  font-weight:bold;
  color:#14416d;
  font-size:30px;
  line-height:1;
  padding:5px 0}

.article .casetitle {
  color:#406a93;
  font-size:30px;
  line-height:1}
  
  .article .text {
  color:#14416d;
  font-size:14px;
  line-height:1.4}
  
.article .casequote {
  color:#406a93;
  font-size:14px;
  font-style:italic;
  line-height:1.4}  
  
.article .thumb {
  border:1px solid #d4d4d4;
  float:left;
  margin-right:9px;
  padding:5px}
.article .content p {padding-bottom:10px}
.hc{
		display:none;
}

#welcome .content {font-style:normal}

#welcome a {
  color:#e11313}
  
#welcome a:hover {
  color:#15416e}
 
  
/* Testimonial */
#testy {
  background:#eee;
  border:1px solid #f5f5f5;
  border-left:0;
  float:left;
  font-size:12px;
  line-height:1.2;
  padding:5px 5px 0;
  text-align:center;
  width:402px}
#testy p {padding-bottom:5px}
#testy .name {color:#14416d}


/* Logos */
#logos {
  float:right}
#logos .block {
  border:1px solid #b8b8b8;
  color:#505050;
  float:left;
  font-size:11px;
  margin-left:9px;
  height:87px;
  text-align:center;
  width:86px}
#logos img {
  display:block;
  margin:0px}
#logos .bafe img {
  display:block;
  margin:10px auto 6px}

/* Footer */
#footer {
  background:#15416e url(../images/bg-footer.png) repeat-x;
  color:#fff;
  font-size:11px;
  padding:25px 0;
  text-align:center}
#footer a {color:#fff}
#footer a:hover {color:#becfdd}

#foot-nav {padding:10px 0 30px}
#foot-nav li {
  display:inline;
  font-size:13px;
  padding:0 15px}
#foot-nav li:hover {color:#becfdd}


#footer p {line-height:1.5}
#copyright span {padding:0 12px}





#tooltip{
			font-size: 13px;
		  	line-height:16px;	
			width:350px;
			position:absolute;
			border: solid 1px #777;
			background: #fff;
			color: #111;
			padding: 10px;
}

.news {
  background:#e41d1d url(../images/latest_news.png) no-repeat;
  float:left;
  height:284px;
  width:260px;
  position:relative;
}

.news > div{
color:#FFFFFF;
font-size:12px;
padding:5px;
}

.news div.middle{
color:#FFFFFF; 
text-align:center;
font-size:26px;
font-style:italic;
font-weight:bold;
padding-top:5px;
}

.news .news_separotor {
border-top:1px solid #FFFFFF;
margin:0 auto;
width:240px;
padding:0px;
height:5px;
}

.news .newsInfo {
margin-top:0px;
margin-left:5px;
margin-right:5px;
margin-bottom:2px;
}

.news > div > span {
float:left;
}
.news div.middle a {
font-size:20px;
}
.news > div > span:first-child{
display:block;
margin-right:10px;
width:70px;
}

.news .newstext {
margin-top:2px;
margin-left:80px;
line-height:16px;
}
.news .newstext a {
font-size:14px;
font-weight:bold;
color:#003366;
}