@charset "UTF-8";
body  {
	margin:0;
	padding:0;
	padding-top: 50px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-searif;
	font-size: 100%;
	background-image: url(newimages/top2.png);
	background-repeat: repeat-x;

}

.thrColLiqHdr #maincontainer {
	width: 100%;
	margin:0 auto;
	min-height: 400px;
	background-repeat: repeat;
	background-color: #054E8E;
} 
.thrColLiqHdr #container {
	width: 1024px;
	text-align: left;
	margin:0 auto;
	min-height: 400px;
} 
.thrColLiqHdr #header {
	margin:0 auto;
	height: 228px;
	width:1024px;
} 


#header .Tel {
	background-image: url(images/TEL.jpg);
	background-repeat: no-repeat;
	margin-top: 70px;
	background-position: left center;
	float: right;
}



/* Tips for mainContent:
1. the space between the mainContent and sidebars is created with the left and right margins on the mainContent div.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 300px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/
.thrColLiqHdr #left {
	float:left;
	padding:20px 20px 20px 20px;
	width: 182px;
	min-height:570px;
	background-color: #FFF;
	background-image: url(newimages/left3.png);
	background-repeat: repeat-y;
	background-position: right top;
}


.thrColLiqHdr #right {
	float:right;
	padding:20px 20px 20px 20px;
	width: 182px;
	min-height:570px;
	background-color: #FFF;
	background-image: url(newimages/right2.png);
	background-repeat: repeat-y;
	background-position: left top;
}

.thrColLiqHdr #mainContent {
	float:left;
	width: 580px;
	background-image: url(newimages/main1.png);
	background-repeat: repeat;
}
.thrColLiqHdr #mainContenttop {
	margin-top: 0;
	margin-bottom: 0;
}
.thrColLiqHdr #main {
	float:left;
	width: 580px;
	background-colour: #000;
	font-family: "Capricorn Regular";
	line-height: 1.5em;
	font-size: 12px;
}
.thrColLiqHdr #submain {
	width: 1024px;
	background-color: #309;
}

.thrColLiqHdr #footer {
	margin:0 auto;
	background-image: url(newimages/bottom1.png);
	background-repeat: repeat-x;
	height: 340px;
	background-position: center top;
	background-color: #FFF;
} 
.thrColLiqHdr #footer p {
	width: 1024px;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	margin:0 auto;
}
.thrColLiqHdr #footer_address {
	width: 1024px;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	margin:0 auto;
}

.thrColLiqHdr #footer_address a:link{
	color:#FFF;
	text-decoration:none;
}
.thrColLiqHdr #footer_address a:visited{
	color:#FFF;
	text-decoration:none;
}
.thrColLiqHdr #footer_address a:hover{
	color:#000;
	text-decoration: underline;
}
.thrColLiqHdr #footer_address a:active{
	color:#FFF;
	text-decoration:none;
}


.thrColLiqHdr #footer_address a img {
	padding:5px;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.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 its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.clearfix {  
    clear: both;  
}  


#logo {
	float:left;
	width:242px;
	height:208px;
}
#logo a {
	float: left;
	height: 208px;
	width: 242px;
}


.text_title_tagline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #EEEFCA;
	font-weight: normal;
	width: 490px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	float: left;
}

#movieholder {
	background-color: #1D5895;
	height: 272px;
	width: 415px;
	z-index: 3;
	font-size: 16px;
	float: left;
	margin-top: 10px;
	position: relative;
}
#movieholder_film {
	height: auto;
	width: 480px;
	z-index: 3;
	font-size: 16px;
	float: left;
	position: absolute;
	left: -1px;
	top: -7px;
}

.tel {
	width: 326px;
	height: 118px;
	margin-right: auto;
	margin-left: 17em;
	background-image: url(newimages/tel-background1.gif);
	background-repeat: no-repeat;
	float: left;
}
.telHeader {
	margin-top:-10px;
	width: 326px;
	height: 118px;
	margin-right: auto;
	background-image: url(newimages/tel-header.png);
	background-repeat: no-repeat;
	float: right;
	background-position: center top;
}
#main_sub {
	width: 580px;
	z-index: 3;
	font-size: 16px;
	float: left;
	color: #FFF;
}
#main_sub .pdf {
	color: #FFF;
	font-family: "Capricorn Regular";
	float: right;
	height: 145px;
	margin-right: 70px;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 5px;
	line-height: 1.5em;
	left: 382px;
	top: 1px;
	width: 168px;
	position: absolute;
}
#main_sub .pdf a {
	font-family: "Capricorn Regular";
	height: 100px;
	width: 50px;
	border: thin none #1D5895;
}
.mainstory {
	height: auto;
	width: 800px;
	z-index: 3;
	font-size: 16px;
	float: left;
	margin-top: 10px;
}
#main_sub h2 {
	color: #FD9822;
	font-family: "Capricorn Regular";
	line-height: 2em;
	font-size: 16px;
}
#main_sub h1 {
	padding-bottom:5px;
	color: #FFF;
	font-family: "Capricorn Regular";
	font-size: 26px;
}
#main_sub p {
	color: #FFF;
	font-family: "Capricorn Regular";
	line-height: 2em;
	font-size: 14px;
}
#main_sub a {
	color: #FFF;
	font-family: "Capricorn Regular";
	line-height: 2em;
	font-size: 16px;
}
#main_sub .imageholder {
	color: #0C6;
	font-family: "Capricorn Regular";
	line-height: 2em;
	font-size: 16px;
	float: right;
	padding: 10px;
}
#tri {
	height: 700px;
	width: 580px;
	font-size: 16px;
	background-image: url(newimages/triangel.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	color: #000;
	font-family: "Capricorn Regular";
}
.tritext  {
	height: 122px;
	width: 170px;
	z-index: 3;
	font-size: 16px;
	margin-top: 10px;
	text-align: center;
	color: #000;
	font-family: "Capricorn Regular";
	padding-left: 205px;
}
.tritext1 {
	width: 440px;
	z-index: 3;
	font-size: 24px;
	margin-top: 30px;
	text-align: center;
	color: #EA2F8C;
	font-family: "Capricorn Regular";
	padding-left: 67px;
}
.tritext2 {
	height: 274px;
	width: 440px;
	z-index: 3;
	font-size: 16px;
	text-align: center;
	color: #000;
	font-family: "Capricorn Regular";
	padding-left: 70px;
	line-height: 1em;
	margin-top: 30px;
}
.tritext3 {
	height: 75px;
	width: 124px;
	z-index: 3;
	font-size: 16px;
	margin-top: 10px;
	text-align: justify;
	color: #FFF;
	font-family: "Capricorn Regular";
	padding-left: 400px;
	position:absolute;
	line-height: 1.5em;
}
.tritext4 {
	height: 23px;
	width: 194px;
	z-index: 3;
	font-size: 24px;
	margin-top: 10px;
	text-align: center;
	color: #FFF;
	font-family: "Capricorn Regular";
	padding-left: 330px;
}
.tritext5 {
	height: 23px;
	width: 440px;
	font-size: 24px;
	text-align: center;
	color: #1D5895;
	font-family: "Capricorn Regular";
	left: 190px;
	padding-left: 70px;
	padding-top: 200px;
}
#main_sub .pdf1 {
	color: #FFF;
	font-family: "Capricorn Regular";
	float: right;
	height: 145px;
	margin-right: 70px;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 5px;
	line-height: 1.5em;
	position: absolute;
	left: 565px;
	top: 3px;
	width: 149px;
}
#main_sub .pdf1 a {
	font-family: "Capricorn Regular";
	height: 100px;
	width: 50px;
	border: thin none #1D5895;
}
#mankind   {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align:center;
	height: 90px;
}
#mankind a:link {
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #29210F;
	border-right-color: #29210F;
	border-bottom-color: #29210F;
	border-left-color: #29210F;
	font-weight: normal;
}
#mankind a:visited {
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
#mankind a:hover {
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
#mankind a:active {
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
#mankind strong  {
	color: #000;
	font-size: 15px;
	text-align: center;
	padding-top: 10px;
	width: 800px;
	margin-right: auto;
}
strong {
	color: #FFF;
	font-size: 15px;
}
.viewnews_text_holder {
	width: 650px;
	font-size: 16px;
	line-height: 1.5em;
}
.bubble2 {
	margin: 10px;
	float: left;
	height: auto;
	width: auto;
}
.bubble1 {
	margin: 10px;
	float: right;
	height: auto;
	width: auto;
}
#logovideo {
	float: left;
	height: auto;
	width: auto;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 10px;
	overflow: hidden;
	display: inline;
	position: absolute;
	left: -32px;
	top: 125px;
}


.page {
	width:139px;
}







/* main menu */

#menu {
	float:right;
	width:782px;
	margin: 0 auto;
	height:47px;
}

#menu a {
	display:block;
	list-style:none;
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

#menu ul {
	position:absolute;
	float:left;
	list-style:none;
	border:none;
	line-height:0;
	display:block;
	margin:0;
	padding:0;
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	text-decoration:none;
}

#menu ul li {
	position:relative;
	float:left;
	display:block;
	line-height:0px;
	margin: 0;
	padding: 0;
		visibility:		inherit; /* fixes IE7 'sticky bug' */
}

menu li{
float:left;
position:relative;
list-style:none;
visibility:		inherit; /* fixes IE7 'sticky bug' */
}

#menu li ul {
	color:#FFF;
	font-family: helvetica, arial, sans-serif;
font-size: 12px;
line-height:13px;
position: absolute;
display: none;
width:110px;
float:left;
list-style:none;
visibility:		inherit; /* fixes IE7 'sticky bug' */
}


#menu ul li a {
	font-size: 12px;
line-height:13px;
	float:left;
	display:block;
	line-height:0;
	margin: 0;
	text-decoration:none;
}

#menu ul li a:hover {
	text-decoration:none;
}

#menu ul li a span {
	margin-left:-2999px;
}


#menu ul li a#l1 { background: url(http://www.lifecic.com/images/life_cic_menu_nav.png) 0px 0px no-repeat; width:71px; height:47px;}
#menu ul li a#l1:hover { background: url(http://www.lifecic.com/images/life_cic_menu_nav.png) 0px -48px no-repeat; width:71px; height:47px;}

#menu ul li a#l2 { background: url(http://www.lifecic.com/images/life_cic_menu_nav.png) -71px 0px no-repeat; width:81px; height:47px;}
#menu ul li a#l2:hover { background: url(http://www.lifecic.com/images/life_cic_menu_nav.png) -71px -48px no-repeat; width:81px; height:47px;}

#menu ul li a#l3 { background: url(http://www.lifecic.com/images/life_cic_menu_nav.png) -152px 0px no-repeat; width:104px; height:47px;}
#menu ul li a#l3:hover { background: url(http://www.lifecic.com/images/life_cic_menu_nav.png) -152px -48px no-repeat; width:104px; height:47px;}

#menu ul li a#l4 { background: url(http://www.lifecic.com/images/life_cic_menu_nav.png) -256px 0px no-repeat; width:103px; height:47px;}
#menu ul li a#l4:hover { background: url(http://www.lifecic.com/images/life_cic_menu_nav.png) -256px -48px no-repeat; width:103px; height:47px;}

#menu ul li a#l5 { background: url(http://www.lifecic.com/images/life_cic_menu_nav.png) -359px 0px no-repeat; width:125px; height:47px;}
#menu ul li a#l5:hover { background: url(http://www.lifecic.com/images/life_cic_menu_nav.png) -359px -48px no-repeat; width:125px; height:47px;}

#menu ul li a#l6 { background: url(http://www.lifecic.com/images/life_cic_menu_nav.png) -484px 0px no-repeat; width:112px; height:47px;}
#menu ul li a#l6:hover { background: url(http://www.lifecic.com/images/life_cic_menu_nav.png) -484px -48px no-repeat; width:112px; height:47px;}

#menu ul li a#l7 { background: url(http://www.lifecic.com/images/life_cic_menu_nav.png) -596px 0px no-repeat; width:70px; height:47px;}
#menu ul li a#l7:hover { background: url(http://www.lifecic.com/images/life_cic_menu_nav.png) -596px -48px no-repeat; width:70px; height:47px;}

#menu ul li a#l8 { background: url(http://www.lifecic.com/images/life_cic_menu_nav.png) -666px 0px no-repeat; width:116px; height:47px;}
#menu ul li a#l8:hover { background: url(http://www.lifecic.com/images/life_cic_menu_nav.png) -666px -48px no-repeat; width:116px; height:47px;}


#menu ul li ul#l10  {
	left:0;
	padding:5px 10px 0px 10px;
	background-image: url(images/latest_info_back.png);
	background-repeat:no-repeat;
	width:180px;
	height: 112px;
}

#menu ul li ul#l10 li a {
text-decoration:none;
	color:#FFF;
	width:120px;
	font-size: 15px;
line-height:16px;
padding:0px 5px 5px 5px;
}


#menu ul li ul#l10 li a:hover {
	text-decoration:none;
	color:#000;
	font-size: 15px;
line-height:16px;
}


#menu ul li ul#l11  {
	left:0;
	padding:5px 10px 0px 10px;
	background-image: url(images/get_in_touch_back.png);
	background-repeat:no-repeat;
	width:155px;
	height: 90px;
}

#menu ul li ul#l11 li a {
text-decoration:none;
	color:#FFF;
	width:100px;
	font-size: 15px;
line-height:16px;
padding:0px 5px 5px 5px;
}


#menu ul li ul#l11 li a:hover {
	text-decoration:none;
	color:#000;
	font-size: 15px;
line-height:16px;
}


#menu ul li ul#l12  {
	left:0;
	padding:5px 10px 0px 10px;
	background-image: url(images/life_experiences_back.png);
	background-repeat:no-repeat;
	width:178px;
	height: 133px;
}

#menu ul li ul#l12 li a {
text-decoration:none;
	color:#FFF;
	width:178px;
	font-size: 15px;
line-height:16px;
padding:0px 5px 5px 5px;
}


#menu ul li ul#l12 li a:hover {
	text-decoration:none;
	color:#000;
	font-size: 15px;
line-height:16px;
}




#menu ul li ul {
	margin-top:45px;
	font-size: 12px;
line-height:13px;
}

#menu ul li ul li {
position:relative;
visibility:		inherit; /* fixes IE7 'sticky bug' */
}

#menu li ul li{
float:left;
position:relative;
list-style:none;
visibility:		inherit; /* fixes IE7 'sticky bug' */
}


#menu li ul li ul {
position: absolute;
left: 110px;
top: 0;
display: none;
width:110px;
float:left;
list-style:none;
visibility:		inherit; /* fixes IE7 'sticky bug' */
}

#menu li ul li ul a {
width:100px;
}

#menu li ul li ul a:hover {
background-color:#666;
width:100px;
}




#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul{
display:none;
visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul{
display:block;
visibility:		inherit; /* fixes IE7 'sticky bug' */
}







startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("menu");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes;
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace»
	(" over", "");
   }
   }
  }
 }
}
window.onload=startList;