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

body, h1, h2, h3, h4, p, a:link, a:visited, a:hover{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;color:#fff;}

body{
	background-color:#000000;
}

a:link, a:visited{
	color:#FF3300;
	text-decoration:none;
}

a:hover{
	color:#FF3300;
	text-decoration:underline;
}

h1{
	font-size:18px;
	color:#ff3300;
	padding-bottom:10px;
	font-weight:bold;
}

h2{
	font-size:14px;
	color:#666;
	padding-bottom:10px;
}

h3{
	font-size:12px;
	color:#ff3300;
	font-weight:bold;
}

h4{
	font-size:18px;
	color:#ff3300;
	padding-bottom:10px;
}

p{
	font-size:12px;
	color:#fff;
	padding-bottom:10px;
	line-height:135%;
}

#wrapper{
	background:url(images/tp-wrapper-bkg.gif) top no-repeat;
	margin:0 auto 40px auto;
	width:900px;
	padding-bottom:10px;
}

#header{
	width:900px;
	height:150px;
	background:url(images/tp-header.gif) no-repeat top;
}

#toprightnav{
	width:200px;
	height:20px;
	margin:10px 20px 0 0;
	color:#FFF;
	text-align:right;
	font-size: 11px;
	font-weight:normal;
	float:right;
}

#toprightnav ul{
	padding: 0;
	margin: 0;
}

#toprightnav ul li{
	padding: 0;
	margin: 0;
	display: inline;
}

#toprightnav ul li a{
	color: #FFF;
	text-decoration:none;
	padding: 0 8px;
	border-right: 1px solid #ff3300;
	text-align: center;
	width: 9em;
}

#toprightnav ul li a:hover, #toprightnav ul li a:focus{
	color: #ff3300;
	text-decoration:none;
}

#topnav{
	width:800px;
	height:20px;
	margin:95px 0 0 20px;
	color:#FFF;
	text-align:left;
	font-size: 11px;
	font-weight:normal;
	float:left;
}

#topnav ul{
	padding: 0;
	margin: 0;
}

#topnav ul li{
	padding: 0;
	margin: 0;
	display: inline;
}

#topnav ul li a{
	color: #FFF;
	text-decoration:none;
	padding: 0 8px;
	border-right: 1px solid #ff3300;
	text-align: left;
	width: 9em;
}

#topnav ul li a:hover, #topnav ul li a:focus{
	color: #ff3300;
	text-decoration:none;
}

#leftcol{
	width:650px;
	margin:0 0 0 20px;
	float:left;
	display:inline;
}

#slideshow{
	width:650px;
	float:left;
	display:inline;
}

#content{
	width:550px;
	margin:10px 0 10px 40px;
	float:left;
	display:inline;
}

#rightcolumn{
width:200px;
float:right;
display:inline;
margin:0 20px 0 0

}

#buttonwrapper{
width:860px;
clear:both;
height:90px;
margin:10px 20px 40px 20px;
float:left;
display:inline;
}

#button{
float:left;
display:inline;
}

#footer{
	clear:both;
	width:900px;
	margin:40px auto;
	color:#FFF;
	text-align:center;
	font-size: 11px;
	font-weight:normal;
	line-height:135%;
}

#footer ul{
	padding: 0;
	margin: 0;
}

#footer ul li{
	padding: 0;
	display: inline;
}

#footer ul li a{
	color: #FFF;
	text-decoration:none;
	padding: 0 8px;
	border-right: 1px solid #ff3300;
	text-align: center;
	width: 9em;
}

#footer ul li a:hover, #footer ul li a:focus{
	color: #ff3300;
	text-decoration:none;
}


.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 600px; /*Width of Carousel Viewer itself*/
	height: 350px; /*Height should enough to fit largest content's height*/
}

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

.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: 590px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}