﻿div#middle.home div.presentation {
	width: 817px;
	height:420px;
	background:url('img/bg_presentation.png') no-repeat left -1px;
}
div#middle.home div.presentation h3{
	display:block;
	float:left;
	width: 251px;
	height:67px;
	background:url('img/red_rhino_logo_home.png') no-repeat;
	margin:18px 0 0 56px;
	text-indent: 251px;
	overflow:hidden;
	line-height:67px;
}
div#middle.home div.presentation ul.options {
	display:block;
	width:352px;
	float:left;
	clear:both;
	margin:27px 0 0 9px;
}
div#middle.home div.presentation ul.options li {
	display:block;
	width: 274px;
	height:41px;
	background: #343D4B  url('img/presentation_li_hover.png') no-repeat 0 -42px;
	margin:0 0 2px 0;
	position:relative;
	text-indent:25px;
	font-size: 15px;
	line-height:41px;
}
div#middle.home div.presentation ul.options li a {
	color:#B3C5E3;
	text-decoration:none;
}
div#middle.home div.presentation ul.options li a.button {
	display:none;
}
div#middle.home div.presentation ul.options li:hover, div#middle.home div.presentation ul.options li.selected {
	background: transparent url('img/presentation_li_hover.png') no-repeat;
	width:351px;
	font-size: 16px;
	font-style:italic;
	cursor:pointer;
}
div#middle.home div.presentation ul.options li:hover a, div#middle.home div.presentation ul.options li.selected a {
	color:#fff;
}
div#middle.home div.presentation ul.options li:hover a.button, div#middle.home div.presentation ul.options li.selected a.button {
	display:inline-block;
	width: 82px;
	height:26px;
	font-size:11px;
	background:url('img/home_options_button.png') no-repeat;
	position:absolute;
	top:8px;
	right:16px;
	line-height:26px;
	text-indent:0;
	text-align:center;
}
div#middle.home div.presentation ul.options li:hover a.button:hover, div#middle.home div.presentation ul.options li.selected a.button:hover {
	background:url('img/home_options_button.png') no-repeat left bottom;
}
div#middle.home div.presentation div#elements{
	width: 426px;
	height:393px;
	position:absolute;
	top:0;
	right:10px;
	overflow:hidden;
}
div#middle.home div.presentation div#elements div#box {
	position:absolute;
}

div#middle.home div.presentation div#elements div#box div {
	float:left;	
	width: 426px;
	height:393px;
	position:relative;
}
div#middle.home div.presentation div h4 {
	height: 167px;
	line-height:167px;
	text-indent: 426px;
	overflow:hidden;
}
div#middle.home div.presentation div#overview h4 {
	background:url('img/home_h4_overview.jpg') no-repeat;
}
div#middle.home div.presentation div#estimating h4 {
	background:url('img/home_h4_estimating.jpg') no-repeat;
}
div#middle.home div.presentation div#project h4 {
	background:url('img/home_h4_project.jpg') no-repeat;
}
div#middle.home div.presentation div#billing h4 {
	background:url('img/home_h4_billing.jpg') no-repeat;
}
div#middle.home div.presentation div#purchasing h4 {
	background:url('img/home_h4_purchasing.jpg') no-repeat;
}
div#middle.home div.presentation div#seminar h4 {
	background:url('img/home_h4_seminar.jpg') no-repeat;
}
div#middle.home div.presentation div ul li {
	padding-left:25px;
	padding-right:25px;
	background:url('img/home_bullet.jpg') no-repeat 0 2px;
	line-height:21px;
	color:#fff;
	font-size: 15px;
}
div#middle.home div.presentation div#overview ul, div#middle.home div.presentation div#estimating ul, div#middle.home div.presentation div#seminar ul {
	margin-top: -73px;
}
div#middle.home div.presentation div#overview ul li, div#middle.home div.presentation div#estimating ul li {
	margin-bottom: 18px;
}
div#middle.home div.presentation div#overview ul li:first-child, div#middle.home div.presentation div#estimating ul li:first-child {
	padding-right:150px;
}
div#middle.home div.presentation div#purchasing ul, div#middle.home div.presentation div#project ul, div#middle.home div.presentation div#billing ul {
	margin-top: -45px;
}
div#middle.home div.presentation div#purchasing ul li, div#middle.home div.presentation div#project ul li, div#middle.home div.presentation div#seminar ul li, div#middle.home div.presentation div#billing ul li {
	margin-bottom: 31px;
}
div#middle.home div.presentation div#purchasing ul li:first-child, div#middle.home div.presentation div#project ul li:first-child {
	padding-right:108px;
}
div#middle.home div.presentation div a.free_demo, div#middle.home div.presentation div a.buy, div#middle.home div.presentation div a.signup {
	background: url('img/home_presentation_bt1.png') no-repeat;
	position: absolute;
	right:25px;
	bottom:24px;
	width:114px;
	height:36px;
	font-size: 16px;
	color:#fff;
	text-decoration:none;
	line-height:35px;
	text-align:center;
}
div#middle.home div.presentation div a.free_demo:hover, div#middle.home div.presentation div a.buy:hover, div#middle.home div.presentation div a.signup:hover {
	background: url('img/home_presentation_bt1.png') no-repeat left bottom;
}
div#middle.home div.presentation div a.learn {
	background: url('img/home_presentation_bt_blue.png') no-repeat;
	position: absolute;
	left:25px;
	bottom:24px;
	width:114px;
	height:36px;
	font-size: 16px;
	color:#fff;
	text-decoration:none;
	line-height:35px;
	text-align:center;
}
div#middle.home div.presentation div a.learn:hover {
	background: url('img/home_presentation_bt_blue.png') no-repeat left bottom;
}
div#middle.home div.presentation div#seminar a.learn {
	background: url('img/home_presentation_bt_green.png') no-repeat;
}
div#middle.home div.presentation div#seminar a.learn:hover {
	background: url('img/home_presentation_bt_green.png') no-repeat left bottom;
}

