HTML
{
    HEIGHT: 100%
}
BODY
{
    HEIGHT: 100%
}
BODY
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: #000;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    FONT: 0.7em/1.7em Arial, Helvetica, sans-serif;
    COLOR: #fff;
    PADDING-TOP: 0px
}
#outer
{
    PADDING-RIGHT: 0px;
    MARGIN-TOP: -300px;
    PADDING-LEFT: 0px;
    BACKGROUND: #fff;
    LEFT: 50%;
    PADDING-BOTTOM: 0px;
    MARGIN-LEFT: -495px;
    WIDTH: 990px;
    PADDING-TOP: 79px;
    POSITION: absolute;
    TOP: 50%;
    HEIGHT: 550px
}
#header {
	top: 35px;
	left: 750px;
	float: right;
	position: absolute;
	BACKGROUND: url(/design/chronis/images/header.gif) #636363 no-repeat 100% 0px;
	width: 165px;
	height: 19px;
	display: none;
}
#centrecontent
{
    HEIGHT: 300px
}
#NavLogo
{
    HEIGHT: 189px
}
#mainNav
{
    BACKGROUND: none transparent scroll repeat 0% 0%;
    FLOAT: left;
    WIDTH: 240px;
    HEIGHT: 170px
}
#Logo
{
    FLOAT: right;
    WIDTH: 316px;
    HEIGHT: 109px
}
#Logo H1
{
    BACKGROUND: url(/design/chronis/images/siteid.gif) no-repeat 0px 0px;
    MARGIN: 55px 30px 0px 0px;
    WIDTH: 316px;
    HEIGHT: 109px;
}
#Logo H1 SPAN
{
    DISPLAY: none
}
#mainNav UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 38px 0px 0px 121px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
#mainNav UL LI
{
    PADDING-RIGHT: 0px;
    DISPLAY: inline;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
#mainNav UL LI A
{
    DISPLAY: block;
    MARGIN: 4px 0px;
    WIDTH: 73px;
    HEIGHT: 11px
}
#mainNav UL LI#home A
{
    BACKGROUND: url(../images/nav_home_selected.gif) no-repeat 0px 0px
}
#mainNav UL LI#service A
{
    BACKGROUND: url(../images/nav_service.gif) no-repeat 0px 0px
}
#mainNav UL LI#service A:hover
{
    BACKGROUND: url(../images/nav_service_selected.gif) no-repeat 0px 0px
}
#mainNav UL LI#reliability A
{
    BACKGROUND: url(../images/nav_reliability.gif) no-repeat 0px 0px
}
#mainNav UL LI#reliability A:hover
{
    BACKGROUND: url(../images/nav_reliability_selected.gif) no-repeat 0px 0px
}
#mainNav UL LI#safety A
{
    BACKGROUND: url(../images/nav_safety.gif) no-repeat 0px 0px
}
#mainNav UL LI#safety A:hover
{
    BACKGROUND: url(../images/nav_safety_selected.gif) no-repeat 0px 0px
}
#mainNav UL LI#bookings A
{
    BACKGROUND: url(../images/nav_bookings.gif) no-repeat 0px 0px
}
#mainNav UL LI#bookings A:hover
{
    BACKGROUND: url(../images/nav_bookings_selected.gif) no-repeat 0px 0px
}
#mainNav UL LI#contact A
{
    BACKGROUND: url(../images/nav_contact.gif) no-repeat 0px 0px
}
#mainNav UL LI#contact A:hover
{
    BACKGROUND: url(../images/nav_contact_selected.gif) no-repeat 0px 0px
}
#mainNav UL LI A SPAN
{
    DISPLAY: none
}

/* Crank IT modifications */
#learn_more {
bottom:0;
position:absolute;
text-align:right;
width:990px;
background-color:#000;
}
#learn_more a {
	color: #fff;
	text-decoration: none;
}
#learn_more_content {
	display:none;
	background-color: #a5a5a5;
	position:absolute;
	width:990px;
	z-index:2;
	padding-bottom: 25px;
	
}

#learn_more_content .box{
	width: 215px;
	float: left;
	padding-left:25px;

}
#learn_more_content .box.last{
	float: right
padding-left:0px;
}

#learn_more_content .box h2, #learn_more_content .box h2 a{
font-family: Helvetica, sans-sarif;
font-size: 12px;
color: #000;
text-decoration: none;
}
#learn_more_content .box h2 a:hover {
color: #000;
text-decoration: none;
border-bottom: 1px dashed #000;
}

#learn_more_content .box h3{
font-family: Helvetica, sans-sarif;
font-size: 11px;
color: #fff;
font-weight: bold;
margin:0;
padding:0;

}
.content_optimised p,#learn_more_content .box p{
font-family: Helvetica, sans-sarif;
color: #722121;
font-size:10px;
line-height:14px;
}
#learn_more_content .box ul{
margin:0;
padding:0;

}
#learn_more_content .box ul li{
line-height:14px;
list-style-position:inside;
list-style-type:square;

}
.content_optimised {
	float: left;
	width:590px;
}
.content_optimised h2{
	color: #333;
	margin-top: 50px;
	margin-left: 10px;
}
.content_optimised p {
	margin-left:10px;
}
.content_optimised a {
	text-decoration: none;
	border-bottom: 1px dashed #722121;
	color: #722121;

}
.content_optimised ul, h3 {
	margin-left:10px;
	color: #333;
}