/* colours


ee7d11 - orange

ec4399 - magenta

d9dadb - light grey
b1b3b4 - dark grey

*/
div { border:0px dashed #ccc; }



* {margin: 0;padding: 0;}
html, body {height: 100%; /* Required */}



body
{
	margin: 0 0px 0 0px;
	font: 11px  Verdana, Helvetica, Arial, sans-serif;
	color: #909090;
	text-align:left;
	background-color:#f3f3f3;
}

/*  Main Divs  */

#container-page {
  margin:0 auto;
  width: 1000px;
  background-color: #fff;
  text-align: left;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
  vertical-align:top;
}

#container-content {
  padding:20px 0px 70px 0px;
  vertical-align:top;
  margin:0px 0px 0px 0px; /* For IE the -negative margin */
}

#container-content:after {
  clear: both;
  display: block;
  font: 0px/0px serif;
  content: ".";
  height: 0px;
  visibility: hidden;
}

#container-foot {
  width:970px;
  position: absolute;
  background-color:#fff;
  bottom: 0 !important;
  bottom: -20px; /* For Certain IE widths */
  height:20px;
  left:15px;
}

#footer {
	position:relative;	
	margin:-1px 0 0 0px;
	background-color:#fff;
	height:20px;
	width:auto;
	z-index:10;
	color:#909090;
	padding:0px 0 0px 0;
	border-bottom:1px solid #ccc;
}

#footer p
{

	margin:0px 0 0px 15px;
	color:#909090;
}

  #top-section
  {
  	background-image: url(../images/bg_top_v2.gif);
  	background-repeat: repeat;
  	background-position: 0px 0px;
  	position: absolute;
  	left: 15px;
  	top: 0px;
  	height: 50px;
  	width: 970px;
  	padding: 10px 0 0 0;
  	background-color: #ededed;
  }
  
  #mid-section
  {
   	position:relative;
  	left: 0px;
  	top: 80px;
	padding:0 0 60px 0;
  	width: 100%;
  	height: auto;
  	z-index: 2;
  	min-height:520px;
  	margin:0px 0 0 0px;
  }

#pageTitle {
	position:absolute;
	left:215px;
	width:450px;
	height:120px;
	top:30px;
	border:0px dashed #ccc; 
}

#pageTitle h1	{
	color:#000;
	font-size:28px;
	margin:0px 0px 9px 0px;
	line-height:130%;
}


#secondRow
{
position:relative;
top:5px;
left:0px;
width:100%;
height:auto;
display:block;
margin: 0 0 10px 0;

}

   #mainbox_grey
   {
   	position: relative;
   	top: 160px;
   	left: 25px;
   	width: 600px;
   	height: auto;

  	min-height: 450px;
   	margin:0 0 0 0px;
   	padding:0 0 5px 0px;
   	color:#fff;
 	  z-index:11;
   }
   
   #text_holder
  	{
   	position: relative;
   	top: 0px;
   	left: 0px;
   	width: 470px;
   	height: auto;
   	margin:0 0 10px 20px;
   	padding:10px 10px 10px 195px;
   	background-color:#fff;
   	z-index:1;
  /* 	 filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; -khtml-opacity:.7;     */
   	}
 
 #text_holder h5
{
	display:block;
	width:100%;
	height:auto;
	padding:10px 5px 10px 5px;
	color:#000;
	background-color:#cecece;
	margin:20px 0 0 0px;
	text-align:center;
	line-height:20px;
	font-weight:bold;
	font-size:14px;
}


  #text_holder h5 a
{
	color:#fff
}
 
  #right_column
     {
     	position:absolute;
     	top: 160px;
     	right:35px;
     	width: 250px;
     	height:500px;
     	padding:0px 0 0 0;
     	min-height: 300px;
     	z-index:12;
		overflow:visible;	
		margin:0 0 0 20px;
     }

#overview
{
	position: relative;
	background-image: url(../images/);
	background-repeat: no-repeat;
	background-position: center top;
	width: 250px;
	height:350px;
	left:0px;
	top:17px;
	z-index: 11;
	margin:0px;
	padding:50px 0 0 0px ;

}

#overview img
{
	margin: -10px 0 0 0px;

}

 #overview h5
{
	display:block;
	width:180px;
	height:auto;
	padding:10px 5px 10px 5px;
	color:#000;
	background-color:#f3f3f3;
	margin:0px 20px 0 0px;
	text-align:center;
	line-height:20px;
	font-weight:bold;
	font-size:14px;
}


#box_top1
{
	float:left;
	width:260px;
	height:30px;
	padding:0px 0 0 20px;
	display:inline;
}

#box_top2
{
	float:left;
	width:670px;
	height:30px;
	padding:0px 0 0 5px;
	display:inline;
}

#box_top2 li
{
	display:block;
	width:110px;
	height:20px;
	padding:4px;
	display:inline;
	color:#d67c24;
	background-color:#cecece;
	margin:5px 0 0 10px;
	float:right;
	text-align:center;
	line-height:20px;
	font-weight:bold;
}

#box_top2 li a {
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;	
	color:#d67c24;
}

#box_omo
{
	position:relative;
	background-image: url(../images/omo_logo.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 160px;
	height: 161px;
	padding:0px;
	left:25px;
	top:0px;
   z-index:11;
}

#box_omo a {
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;	
}

#box_omo em
	{
	visibility:hidden;
	}
	
	

#omo_text
{
	
	position:absolute;
	width: 502px;
	height: 88px;
	left:204px;
	top:8px;
	padding:0 30px 0 13px;
   	z-index:11;
    background-color:#d9dadb;
}


#nav_box
{
	position:absolute;
	width: 300px;
	height: 20px;
	padding: 4px;
	top:61px;
	left:15px;
	text-align: center;
	color: #fff;
	z-index: 11;
	background-color:#fff;
	margin:0;
	border-bottom:1px solid #ccc;
}


#omo_banner
{
	position: absolute;
	background-image: url(../images/click_for_quotation_box.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 351px;
	height: 30px;
	padding: 4px;
	text-align:center;
	color:#fff;
	left: 90px;
	z-index: 11;
}







#sideImage
{
		position:absolute;
		top:175px;
		left:0px;
		width:200px;
		height:500px;
		z-index:2;
}

#sideImage p
{
		margin:0px 0 0 15px;
}

#sideImage img
{
		margin:0px 0 0 -15px;
}
  
#logo
{
	position:absolute;
	width: 290px;
	height: 140px;
	top:0px;
	right:25px;
	background-image: url(../images/livingtime_logos.gif);
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 1;
	overflow:visible;
}

#logo a {
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;	
}

#logo em
	{
	visibility:hidden;
	}
	
	
	

/*  Fonts and type  */


p	{
  	margin:5px 0 5px 0;
  	line-height:140%;
  	font-size:11px;
  	color:#000;
}  


ul 
{
	list-style-type: disc;
	list-style-position: outside;
	color:#000;
	line-height:140%;
}

li {
margin: 3px 1px 5px 13px;

}

a	{
	text-decoration:none;
	color:#444343;
}

a:hover	{
	text-decoration:underline;
}

h1	{
	color:#ccc;
	font-size:18px;
	margin:0px 0px 9px 0px;
	line-height:140%;
}


h2	{
	font-size:14px;
	font-weight:bold;
	margin:5px 0px 15px 0px;
	color:#444343;
	
}



h3	{
	font-size:18px;
	margin:0px 0px 9px 0px;
	line-height:140%;
	color:#444343;
}


h4 {
	font-size:8px;
	color:#444343;
	font-weight:normal;
	line-height:150%;
}

h6	{
	font-size:11px;
	margin:0;
	color:#444343;
	font-weight:bold;
	line-height:140%;
	padding:1px 0 1px 0;
}



  
/* Navigation */


#top_navigation
{
	position:absolute;
	width:695px;
	top:128px;
	left:0px;
	height:15px;
	z-index:999;
  	background-color:#fff;

}

ul#nav {
	position:absolute;
  	left:20px;
  	top:0px;
  	width:695px;
  	height:15px;
  	z-index:999;
  	text-align:center;
  	font-weight: bold;

	
}

ul#nav li {
	list-style-type: none;
	position: relative;
	z-index: 990;
	float:left;
	display:block;
	padding:0px;
	margin:0px;
}

ul#nav li.nav1 {
	border: none;
}

ul#nav li.nav1 a:hover {
	background: none;
}

ul#nav li a
{
	color: #444343;
	text-decoration: none;
	vertical-align: middle;
	z-index: 998;
	padding:5px 15px 7px 0px;
	display: block;
	text-align: left;

}

ul#nav li a:hover {
 	border-bottom:1px solid #c9cacb;
}

ul#nav li ul
{
	display: none;
	position: absolute;
	background: #ec4399;
	top: 0px;
	left: 0px;
	padding: 0px 0 0 0;
	width: 180px;
	z-index: 999;
	

}

ul#nav li ul li {
	height: 1%;
	z-index: 999;
	width: 180px;


}

ul#nav li ul li a {
	z-index: 999;
	color:#fff;
	padding: 0px 11px 10px 11px;
}

ul#nav li ul li ul {
	display:none;
	background: #38939b;
	position: absolute;
	left:180px;
	top:-5px;
	padding:5px 0 0px 0;
	width:180px;
	z-index: 999;
}

ul#nav li ul li ul li a {
	z-index: 0;
	padding: 0px 11px 10px 11px;
}

ul#nav li ul li ul li a:hover {
	background: none;
}

#nav li:hover ul ul {
    display:none; 
}

#nav li:hover ul, #nav ul li:hover ul {
    display:block;
}


ul#nav .active
{
	color:#d67c24;
	text-decoration:bold;	
	height:15px;
	position: relative;
	z-index: 990;
	float:left;
	display:block;
	padding: 5px 15px 7px 0px;
	}


table 
{
	width:100%
	margin:5px 0 0 -50px;
}

td
{
	border:1px solid #75a6ad;
	width:9%;
	text-align:center;
	vertical-align:middle;
	padding:2px 1px 2px 1px;
	font-size:9px;
}



dt
{
	width:45%;
		padding:4px 0 4px 0;
	margin:10px 0 5px 0;
		border:0px solid #ccc;
}



dd {
	width:55%;
	padding:1px;
	border:0px solid #ccc;
	margin:-29px 50px 0 0;
	float:right;
}


hr
{
	height:1px;
	display:block;
	width:450px;
	background-color:#d9d9db;
	margin:2px 0 0px 215px;
	border:0px solid #ccc;
}



.formClass
{
	border:0px solid #75a6ad;
	text-align:left;
	vertical-align:middle;
	padding:2px 1px 2px 1px;
	font-size:9px;
}

.formClassleft
{
	border:0px solid #75a6ad;
	width:25%;
	text-align:left;
	vertical-align:middle;
	padding:2px 1px 2px 1px;
	font-size:9px;

}

form
{
	padding:0 0 10px 0;
}

.error {
	margin:-5px 0 0 0;
	color:#ff9900;
}


#slideholder_child {

	padding: 3px;

}


#slideholder {

	float:left;
	width:150px;
	background-color: #ffffff;
	padding: 0px;
	border:1px solid #ccc;
	display:inline;
	border:1px solid #ccc;

}

.divToggle
{
	color: #d67c24;
	background-color:#d9d9db;
	padding: 8px 4px 8px 4px;
	width:105px;
	text-align:center;
	font-weight:bold;
}

.divToggle a
{
	color: #d67c24;
}

#holder {
position:absolute;
z-index:12;
top:16px;
right:190px;
width:200px
}
#holder2 {
position:absolute;
top:16px;
z-index:13;
right:70px;
width:200px
}
#holder3 {
position:absolute;
top:16px;
z-index:14;
right:0px;
width:150px;
border:0px solid #ccc;
}


#box p h1 h2 h4	{
  	margin:2px 0 2px 0;
  	line-height:140%;
  	color:#000;
}