@charset "utf-8";
/* The main CSS document for the Rovion.com website. */

html{height:100%;overflow-y:scroll;}
body{
	height:100%;
	margin:0;
	padding:0;
	font-family:arial, verdana;
	font-size:12px;
	line-height:18px;
	color:#000000;
	font-weight:normal;
	background:url('../images/page_bg.jpg') #FCFDFE repeat-x;
}
h1, h2, h3 {
	font-family:Palatino Linotype, Georgia, Times New Roman, serif;;
}
h1{
	font-size:24pt;
	font-weight:normal;
	color:#000;
}
h2{
	font-size:20px;
	font-weight:normal;
	color:#006699;
	margin-top:25px;
}
h3{
	font-size:18px;
	font-weight:normal;
	text-shadow:#CCCCCC;	
}
div {margin:0px;padding:0px;}
img{
	border:none;
	display:block;
	vertical-align:text-bottom;
}
.imageBorder{
	border:1px solid #DDD;
	padding:5px;
	margin:10px;
}
.floatLeft{
	float:right;
}
.floatRight{
	float:left;
}

.bold{
	font-weight:bold;
}


#wrapper{
	position:relative;
	width:980px;
	margin:auto;
	height:100%;
	background:#FFFFFF;
}
#header{
	height:87px;
	background:url('../images/header_logo_bg.jpg') no-repeat;
}

#header_logo{
	float:left;
	width:200px;
}
#header_nav{
	width:760px;
	height:20px;
	margin-left:200px;
	text-align:right;
	vertical-align:middle;
	padding-top:30px;
}
#header_nav ul{
	height:15px;
	display:block;
	text-align:right;
}
#header_nav ul li{
	display:block;
	float:right;
	margin-right:8px;
	padding-right:8px;
	border-right:1px solid #B5C6D2;
}
#header_nav ul li.last{
	display:block;
	float:right;
	margin:0px;
	border-right:none;
}
#header_nav .navlink:link{
	color:#FFF;
	text-decoration:none;
	font-size:1.2em;
	font-weight:bold;
}
#header_nav .navlink:visited{
	color:#FFF;
	text-decoration:none;
	font-size:1.2em;
	font-weight:bold;
}
#header_nav .navlink:active{
	color:#FFF;
	text-decoration:none;
	font-size:1.2em;
	font-weight:bold;
}
#header_nav .navlink:hover{
	color:#FFF;
	text-decoration:underline;
	font-size:1.2em;
	font-weight:bold;
}

#body_panel{
	overflow:visible;
	background:url('../images/body_panel_bg.jpg') no-repeat #FFF;
	padding-top: 15px;
}


#leftnav {
	display:block;
	float:left;
	width: 200px;
	height:360px;
	text-align:center;
	padding:0px 10px;
	margin:auto;
}

#leftnav_upper{
	width:195px;
	border: 1px solid #FF0000;
}
#leftnav_upper_header{
	width:195px;
	height:69px;
	margin:auto;
}
#leftnav_upper_body{
	display:block;
	width:195px;
	margin:auto;
	background:url('../images/leftnav_upper_bg.png') repeat-y;
	text-align:center;
}
#leftnav_upper_footer{
	display:block;
	width:195px;
	height:10px;
	margin:auto;
}

#leftnav_upper_body div.navspacer {
	width:181px;
	height:5px;
}

#leftnav_upper_body div.navlink {
	width:181px;
	height:25px;
	margin:auto;
	background-image:url('../images/leftnav_upper_navlink_bg.png');
	font-size:12px;
	font-weight:bold;
}

#leftnav_upper_body div.navlink a {
	display:block;
	width:181px;
	height:20px;
	padding-top:5px;
	font-size:12px;
	font-weight:bold;
}
#leftnav_upper_body div.navlink a:link {
	color:#000;
	text-decoration:none;	
}
#leftnav_upper_body div.navlink a:visited {
	color:#000;
	text-decoration:none;
}
#leftnav_upper_body div.navlink a:hover {
	color:#003366;
	text-decoration:underline;
}
#leftnav_upper_body div.navlink a:active {
	color:#000;

}


#leftnav_lower {
	width:195px;
	margin:2px auto;
}
#leftnav_lower_header{
	width:195px;
	height:7px;
	margin:auto;
}
#leftnav_lower_body{
	width:195px;
	margin:auto;
	background:url('../images/leftnav_lower_body_bg.png') repeat-y;
	text-align:center;
}
#leftnav_lower_footer{
	width:195px;
	height:71px;
	margin:auto;
}

#leftnav_lower_body div.navspacer {
	width:181px;
	height:4px;
	margin-left:7px;
}

#leftnav_lower_body div.navlink {
	width:181px;
	height:24px;
	margin:auto;
	background-image:url('../images/leftnav_lower_navlink_bg.png');
}

#leftnav_lower_body div.navlink_selected {
	width:181px;
	height:24px;
	margin:auto;
	background-image:url('../images/leftnav_lower_navlink_selected_bg.png');
}

#leftnav_lower_body div.navlink a, #leftnav_lower_body div.navlink_selected a{
	display:block;
	width:181px;
	height:20px;
	padding-top:4px;	
	text-decoration:none;
	color:#000;
	font-size:12px;
	font-weight:normal;
}
#leftnav_lower_body div.navlink a:link, #leftnav_lower_body div.navlink_selected a:link {
	color:#000;
}
#leftnav_lower_body div.navlink a:visited, #leftnav_lower_body div.navlink_selected a:visited {
	color:#000;
}
#leftnav_lower_body div.navlink a:hover, #leftnav_lower_body div.navlink_selected a:hover {
	color:#003366;
}
#leftnav_lower_body div.navlink a:active, #leftnav_lower_body div.navlink_selected a:active {
	color:#000;
}


#content {
	width:728px;
	margin-left:240px;
}


#footer {
	clear:both;
	padding-top:75px;
	text-align:center;
	font-size:10px;
}

/* HOMEPAGE */
#adslot1{
	width:728px;
	height:90px;
	margin-bottom:20px;
}
#adslot2{
	width:300px;
	height:250px;
	margin:0px;
	float:right;
}

#stories{
	width:400px;
	height:400px;
	margin:0 25px 0 0;
	float:left;
}
#stories .story{
	margin-bottom:30px;
}

#stories .story p {
	line-height:12px;
}

/* CONTACT */
p.contactAddress{
	font-size:1.2em;
}
p.contactAddress:first-line {
	font-weight:bold;
}
#addressLeftPanel{
	float:left;
	width:350px;
}
#addressRightPanel{
	float:right;
	width:200px;
}

/* SHOWCASE */
#showcase{

}
#showcase.clear{
	clear:both;
}
#showcase .item{
	margin:10px;
	padding:0px;
	text-align:center;
	float:left;
}
#showcase .item .image {
	padding:4px;
	border:1px solid #DADADA;
}
#showcase .item .title {
	padding-top:10px;;
	text-align:center;
}


/* ADVERTISING */
.advertising #stories{
	width:400px;
	height:auto;
	margin:0;
	float:left;
	padding:0px;
}
.advertising #stories .story{
	margin-bottom:30px;
}

.advertising #stories .story p {
	line-height:12px;
}

.advertising #points ul{
	margin-top:0px;
	margin-left:0px;
	font-size:18pt;
	line-height:50px;
	font-family:Optima, Georgia, Times New Roman, serif;
	font-weight:normal;
	list-style:none;
	color:#000;
}
.advertising .mainActions{
	text-align:center;
	height:75px;
	width:250px;
	margin:0px;
}
.advertising .mainActions .action{
	float:left;
	padding:20px;
}
.advertising .mainActions{
	text-align:center;
	width:300px;
	margin-left:50px;
}
.advertising .mainActions .action{
	float:left;
	padding:20px;
}

/* CONVERSION */
.conversion h1{
	font-size:24pt;
	font-family:Georgia, Times New Roman, serif;
	text-align:center;
	font-weight:normal;
	color:#000;
}
.conversion h2{
	font-family:Georgia, Times New Roman, serif;
	font-weight:normal;
	font-size:38pt;
	color:black;
}
.conversion h2 .inset{
	font-size:22pt;
	font-weight:normal;
	vertical-align:super;
	color:black;
}
.conversion h3{
	font-family:Georgia, Times New Roman, serif;
	font-size:16pt;
	font-weight:normal;
	color:#fdaa40;
}
.conversion #points{
	margin-top:40px;
	margin-left:50px;
	font-size:12pt;
	line-height:10pt;
	font-family:Optima, Georgia, Times New Roman, serif;
	font-weight:normal;
	color:#000;
}
.conversion #points .subpoints{
	list-style-type:none;
	font-size:12pt;
	font-weight:normal;
	line-height:14pt;
	color:#5d87a4;
	text-transform:capitalize;
}
.conversion .mainActions{
	text-align:center;
	width:300px;
	margin-left:200px;
}
.conversion .mainActions .action{
	float:left;
	padding:20px;
}
.conversion .mainActions{
	text-align:center;
	width:300px;
	margin-left:200px;
}
.conversion .mainActions .action{
	float:left;
	padding:20px;
}

.conversion #processDesc p{
	font-size:12pt;
	width:475px;
	margin-left:30px;
}


/* SHOWCASE */
.showcaseDetail #wrapper #body_panel {
	text-align:center;
}

.showcasePage h1 {
	font-size:24pt;
	text-align:center;
	color:#000;	
}
.showcasePage h2 {;
	font-size:18pt;
	color:black;
	text-align:center;
}
.showcasePage h2 .emphasize {
	color:#5d87a4;
}

#showcaseMenu{
	text-align:center;
}

#showcaseMenu ul {
	text-align:center;
	width:100%;
}

#showcaseMenu ul li {
	display:block;
	float:left;
	padding-right:8px;
	margin-right:8px;
	border-right:1px solid #CCC;
}
#showcaseMenu ul li.last{
	display:block;
	float:left;
	padding-right:0;
	margin-right:0;
	border-right:none;
}


