/*
	Home-page CSS
*/

/* Boxes */
div#content div.box {
}
div#content div.first.box {
	margin-left:0px;
}

/* Slider */
div#content div#slider.box {
	width:998px;
	height:418px;
	position:relative;
	border-bottom:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
}

div#content div#slider.box img {
	position:absolute;
	top:0px;
	left:0px;
}

div#content div#slider.box a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}

div#content div#slider.box .nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}

div#content div#slider.box .nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}

div#content div#slider.box .nivo-directionNav a {
	width:20px;
	height:20px;
	display:block;
	position:absolute;
	bottom:45px;
	z-index:99999;
	cursor:pointer;
	background-image:url(../../images/new/directions.png);
	background-repeat:no-repeat;
}

div#content div#slider.box .nivo-prevNav {
	left:15px;
	background-position:0 0;
}
div#content div#slider.box .nivo-prevNav:hover,
div#content div#slider.box .nivo-prevNav:active {
	background-position:0 -20px;
}

div#content div#slider.box .nivo-nextNav {
	left:380px;
	background-position:-20px 0;
}
div#content div#slider.box .nivo-nextNav:hover,
div#content div#slider.box .nivo-nextNav:active {
	background-position:-20px -20px;
}

div#content div#slider.box .nivo-controlNav {
    bottom:25px;
    left:25px;
    position:absolute;
	z-index:99998;
}

div#content div#slider.box .nivo-controlNav a {
	width:79px;
	height:39px;
	margin-top:8px;
	margin-right:3px;
	float:left;
	display:block;
	cursor:pointer;
	position:relative;
	border:1px solid #4595bd;
}
div#content div#slider.box .nivo-controlNav a.active {
	width:112px;
	height:56px;
	margin-top:0px;
	border:1px solid #d1d1d1;
}

div#content div#slider.box .nivo-controlNav a img {
	width:79px;
	height:39px;
	position:absolute;
}

div#content div#slider.box .nivo-controlNav a.active img {
	width:112px;
	height:56px;
}

/* Highlights */
div#content div.hl {
	width:244px;
	height:305px;
	margin-left:8px;
	float:left;
	position:relative;
}

div#content div.hl.first {
	margin-left:0px;
}

div#content div.hl.blue a {
	background-position:0 0;
}
div#content div.hl.red a {
	background-position:-244px 0;
}
div#content div.hl.cyan a {
	background-position:-488px 0;
}
div#content div.hl.orange a {
	background-position:-732px 0;
}

div#content div.hl a {
	width:244px;
	height:289px;
	float:left;
	display:block;
	margin-top:8px;
	background-image:url(../../images/new/boxes.png);
	background-position:0 0;
	background-repeat:no-repeat;
	text-align:center;
	text-decoration:none;
	color:#fff;
}
div#content div.hl a:hover,
div#content div.hl a:active {
	height:310px;
	top:3px;
}

div#content div.hl a:hover, div#content div.hl a:active {
	height:310px;
	margin-top:3px;
}

div#content div.hl strong {
	height:160px;
	line-height:24px;
	margin-top:20px;
	padding-left:30px;
	padding-right:30px;
	display:block;
	background-image:url(../../images/new/boxes-icons.png);
	background-position:0 45px;
	background-repeat:no-repeat;
	font-size:20px;
	font-weight:bold;
}

div#content div.hl a.monitoring strong {
	background-position:0 45px;
}
div#content div.hl a.trips strong {
	background-position:-244px 45px;
}
div#content div.hl a.refueling strong {
	background-position:-488px 45px;
}
div#content div.hl a.engineering strong {
	background-position:-732px 45px;
}

div#content div.hl span.desc {
	height:55px;
	line-height:20px;
	display:block;
	padding-left:20px;
	padding-right:20px;
	font-size:13px;
}

div#content div.hl span.more {
	height:31px;
	line-height:31px;
	padding-right:25px;
	display:block;
	background-image:url(../../images/new/boxes-arrow.png);
	background-position:130px 0;
	background-repeat:no-repeat;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}