@charset "UTF-8";
/* CSS Document */





body {
	margin: 0;
	background-image: url(../images/topBg.jpg);
	background-repeat: repeat-x;
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	
}

.txtGray{
	color:#AAAAAA;
	font-family:Arial, Helvetica, sans-serif;
	
}

#parallax
    {position:relative; overflow:hidden; width:800px; height:260px;
	background-color: transparent;}
	
.bodyDiv {
	width:790px;height:260px; overflow:hidden;line-height: 170%;
}

.bodyDivB {
	width:790px;height:260px; overflow:hidden;line-height: 150%;
}
H2 {font-size:16px; color:#FFB102; margin-top:0px;}
H3 {font-size:16px; color:#333333; margin-top:0px;}
#topLayer {
	xheight:390px;
	padding-top: 28px;
	
	background-image: url(../images/barBg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#navLayer {
	border-bottom: solid #FFB102 1px;
	border-top: solid #FFB102 1px;
	height: 29px;
	background-color: #000000;
	
}
#navBar {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	}

#topBody {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height:40px;
	padding-top:22px;
	
	background-color: transparent;
}

#topContent {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height:270px;
}

#topSeam { background-color:#000000; height:0px}

#botLayer {
	border-top: solid #FFB102 1px;
	background-image: url(../images/sliderBg.jpg);
	border-bottom: solid #FFB102 1px;
	}


#sliderBar{
	margin-left: auto;
	margin-right: auto;
	width: 800px; height:155px;
	}

.nonsliderBox {

	background-repeat: no-repeat;
	background-position: right top;
	height:40px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
 	padding-top:9px;
}
.sliderBox {
	background-image: url(../images/sliderBoxBg_2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height:95px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
 	padding-top:9px;
}

A.sliderBoxLink {color:#FFFFFF;text-decoration:none;}
A.sliderBoxLink:HOVER {color:#FF9900;text-decoration:none;}


.sldLabel {color:#FF9900;font-size:10px;width:140px;float:left;font-family:Helvetica, Arial, sans-serif; text-transform:uppercase;}

sldText {color:#FF9900;font-size:13px;font-family:Helvetica, Arial, sans-serif; clear:both;}
.icoBoxes
{
	padding-top:3px;
 	padding-left:13px;
 	padding-right:5px;
 	float:left;
}

.portBox
{
padding-left:13px;
padding-top:0px;
}

#innerContent {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#AAAAAA;
	height:245px;
	background-color: transparent;
}


.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 100%; /*Width of Carousel Viewer itself*/
height: 200px; /*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: 0px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}