/*
      Created by CSS Portal Layout Generator
	  
	  http://www.cssportal.com
	  	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size: 12px;
/* background:url('../images/background.gif') repeat-x #000;*/
 background:#000;
}

a{outline-style:none;}

p {
 padding: 4px;
 line-height:16px;
}

img{ border:0px;}

h2{ font-size:24px;font-weight:bold;color:#C7361C;}
h3 {font-size:14px;color:#333333;}

#wrapper { 
 width: 964px;
 margin-left: auto ;
  margin-right: auto ;
}

#content { 
 float: left;
 color: #000;
 height: 408px;
 width: 964px;
 display: inline;
 background:#fff;
}
#main {
 position:absolute;
}
#header {
 color: #fff;
 width: 964px;
 float: left;
 height: 101px;
}

#header h1{
	margin-left:14px;
	margin-top:16px;
	width:185px;
	height:64px;
	background:url('../images/relevention.jpg') no-repeat;
	text-indent:-999px;
}

#menu1{
	display:none;
}
/* first level menu */
#menu{
	z-index:1000;
	float:left;
	width:158px;
	height:408px;
	border-right:1px solid #EAEAEA;
	background:url('../images/bg.png');
	position:absolute;
}
#rightcover {
	display:none;
	position:absolute;
	z-index:1;
	width:200px;
	height:408px;
	left:964px;
	background:url('../images/bg.png');
}
#menu ul{
	margin-top:8px;
	width:100%;
}
#menu ul li{
	text-transform:uppercase;
}
#menu ul li a{
	display:block;
	padding:7px 0 7px 17px;
	color:#333333;
	text-decoration:none;
}
#menu ul li a:hover,#menu ul li a.active{
	color:#fff;
	background:#BF311A;
}

/* second level menu */
#menu ul ul{
	margin:0 0 0 15px;
	list-style:none;
}
#menu ul ul li a{
	padding:5px 0 5px 15px;
	width:130px;
}
#menu ul ul li a:hover,#menu ul ul li a.active{
	color:#C7361C;
	background:none;
}
#menu ul ul li a.active{
	background:url('../images/bullet.gif') 3px 6px no-repeat;
}

/* third level menu */
#menu ul ul ul{
	margin:0 0 0 18px;
	list-style:none;
}
#menu ul ul ul li a{
	padding-right:0px;
	width:100px;
}
#menu ul ul ul li a.active{
	background:none;
}

/* footer */
#footer { 
position:absolute;
 width: 964px;
 height: 119px;
 top:508px;
 clear: both;
 color: #fff;
 padding-left:16px;
}
#footer h3 {
	padding-top:3px;
	font-family:Arial, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#999999;
}
#footer ul.news{
	height:56px;
	overflow:hidden;
	list-style:none;
	font-size:11px;
	font-weight:bold;
}
#footer ul.news li{
	clear:both;
}
#footer ul.news li div.date{
	float:left;
	width:46px;
	color:#BF311A;
}
#footer ul.news li div.title{
	float:left;
	width:370px;
	color:#999999;
}
#footer ul.news li div.title em{
	color:#C7361C;
	font-style:normal;
}
#footer p{
	padding:2px 0 0 0;
	font-size:11px;
	color:#999999;
}
#footer p a{
	color:#999999;
	text-decoration:none;
}
#footer p a:hover{
	text-decoration:underline;
}
#footer .feedlinks{
	position:absolute;
	top:100px;
	left:183px;
}
#footer .feedlinks img{
	margin-right:4px;
	border:0px;
}
#footer .copyright{
	position:absolute;
	top:103px;
	right:20px;
	font-size:11px; 
	color:#999;
}
#footer .copyright a{
	text-decoration:none;
	color:#999;
}
#footer .special{
	position:absolute;
	top:10px;
	right:20px;
}

/*  step carousel */
#next {
	z-index:999;
	text-indent:-9999px;
	position:absolute;
	top:155px;
	left:918px;
	width:44px;
	height:44px;
	background:url('../images/next.png');
}
#next:hover {
	background:url('../images/next.png') 0 -46px;
}
#previous {
	z-index:998;
	text-indent:-9999px;
	position:absolute;
	top:207px;
	left:918px;
	width:44px;
	height:44px;
	background:url('../images/previous.png');
}
#previous:hover {
	background:url('../images/previous.png') 0 -46px;
}
.stepcarousel{
position: absolute; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 964px; /*Width of Carousel Viewer itself*/
height: 408px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right: 0px; /*margin around each panel*/
width: 964px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:408px;
}

.stepcarousel .person{
display:none;
}
.panelcontents{
	margin:10px 40px 0 158px;
	text-align:left;
}

/* main content styles */
.panelcontents p{
	margin-left:415px;
	width:280px;
	font-size:12px;
	color:#333333;
}
.panelcontents p a,.doublerightcol li a,.doubleleftcol li a{
	color:#C7361C;
	text-decoration:none;
}
.panelcontents ul li{color:#333333;margin-left:30px;margin-top:6px;}

/* profile pages */
.profile{ margin-top:75px; margin-left:385px;}
.person{position:absolute;width:375px;height:408px;top:0px;cursor:pointer;}
.profile h2{font-size:24px; color:#BF311A;font-weight:normal;text-transform:uppercase;}
.profile h4{font-size:11px; color:#333333;font-style:italic;font-weight:normal;}
.profile p{padding-left:0px;padding-top:6px;margin-left:0px;color:#333333;font-size:12px;width:275px;line-height:16px;}

/* single column on the right */
.singlerightcol {
	margin-top:88px;
	margin-left:418px;
	width:318px;
}
.singlerightcol p{
	margin:0px;
	padding-left:0px;
	padding-right:0px;
	width:318px;
}

.bigtext{
	font-size:18px;
	line-height:15px;
}

.processleft {
	float:left;
	margin-top:150px;
	margin-left:47px;
	padding-left:0px;
}
.processleft p{
	margin-left:0px;
	padding-left:0px;
	width:338px;
}
.processright{
	float:left;
	margin-left:30px;
	margin-top:180px;
	padding:0px;
}
.processright p{
	width:335px;
	margin-left:0px;
	padding-left:0px;
}

.process {
	margin-left:415px;
	padding-left:0px;
}
.process p{
	width:325px;
	margin-left:0px;
	margin-top:5px;
	padding-left:0px;
}
.process h2{
	line-height:20px;
}

/* double column */
.doubleleftcol {
	float:left;
	margin-top:78px;
	margin-left:50px;
	width:318px;
}
.doublerightcol {
	float:left;
	margin-top:108px;
	margin-left:60px;
	width:318px;
}
.doubleleftcol p,.doublerightcol p{
	margin:0px;
	padding-left:0px;
	padding-right:0px;
	width:318px;
}

/* panel styles and layouts */
.highleft {
	margin-top:235px;
	margin-left:48px;
	width:228px;
}

.middleleft {
	margin-top:275px;
	margin-left:48px;
	width:228px;
}

.lowerleft {
	margin-top:300px;
	margin-left:48px;
	width:228px;
}
.lowerleft p,.middleleft p,.highleft p{
	margin:0px;
	padding-left:0px;
}

img.absolutely{
	position:absolute;
}

.blacktab{
	position:absolute;
	background:#000;
	left:802px;
	bottom:0px;
	width:107px;
	height:22px;
	color:#fff;
	font-style:italic;
	padding-left:10px;
	padding-top:8px;
}

.testimonial p{
	margin-left:48px;
	margin-top:173px;
	width:573px;
	font-size:18px;
	line-height:22px;
}
.testimonialnarrow p{
	margin-left:48px;
	margin-top:157px;
	width:435px;
	font-size:18px;
	line-height:22px;
}
.testimonialnarrowlow p{
	margin-left:48px;
	margin-top:177px;
	width:495px;
	font-size:18px;
	line-height:22px;
}
.testimonial .credit{
	margin-left:318px;
	font-style:italic;
}
.testimonialnarrow .credit{
	margin-left:98px;
	font-style:italic;
}
.testimonialnarrowlow .credit{
	margin-left:165px;
	font-style:italic;
}

ul.articles{
	list-style:none;
	margin:20px 0 0 0;
	padding:0px;
}
ul.articles li{
	float:left;
	width:125px;
	margin:0 7px 0 0;
	padding:0px;
}
ul.articles li label{
	float:left;
}
ul.articles li label a{
	color:#C7361C;
	text-decoration:none;
}
ul.articles li label a:hover{
	text-decoration:underline;
}

form.newsletter{
	margin-top:5px;
	color:#333;
}
.formshort {
	float:left;
	width:135px;
}
.formshort input{
	width:125px;
	padding:2px;
}
.formlong {
	float:left;
	margin-top:2px;
	width:270px;
}
.formlong input {
	width:260px;
	padding:2px;
	padding-top:0px;
}
form.newsletter input.submit{
	margin:5px 0 0 192px;
}