/* CSS Document */
#wrapper {
	background-image:url(/bg-road-gorilla2.jpg);
	background-repeat:no-repeat;
	background-position:50% top;
	display:block;
	margin:auto;
	padding:0px
}
body.main_template_body {
	background-color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	color:#333;
	margin:0px;
	padding:0px
}
.bgGray {
	background-color: #DFDFDF;
}
.top {
	color:#FFF;
	text-align:left;
	text-transform: uppercase;
	font-size: .9em;
	clear: both;
}
#top_wrapper {
	background-color:#CB0003;
	display:block;
	color: #FFF;
}
#top_wrapper .top a {
	color:#FFF;
	text-decoration:none
}
#top_wrapper {
	display:block;
	margin: auto;
	width: 960px;
}
/* NAVIGATION WITH DROP DOWN*/
td#navigation {
	background-color:#B70002;
	text-align:left;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	background-image: url(../images/bgNavigation.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#navigation div {
	position:relative;
	display:block;
	left:0px;
	top:0px;
	z-index:300;
	color:#FFF;
	margin-left: 40px;
}
#navigation ul {
	padding:0px;
	margin:0px;
	z-index:250
}
#navigation ul li {
	display:inline;
	float:left;
	position:relative;
	margin-right: 1px;
}




#navigation ul li a{
	display:block;
	color:#FFF;
	font-size:0.9em;
	text-transform:capitalize;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:relative;
	line-height: 30px;
	/*
	background-image: url(../images/bg_nav_link.gif);
	background-repeat: repeat-x;	
	vertical-align: middle;
	background-position: center top;
	*/

	margin: 22;
	padding-top: 2px;
	padding-right: 14px;
	padding-bottom: 2px;
	padding-left: 14px;
}
#navigation ul li a#active, #navigation ul li a:hover {
	display:block;
	color:#B70002;
	font-size:0.9em;
	text-transform:capitalize;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:relative;
	line-height: 30px;

	background-image: url(../images/bg_nav_link_active.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
	background-position: center top;

	
	margin: 22;
	padding-top: 2px;
	padding-right: 14px;
	padding-bottom: 2px;
	padding-left: 14px;
}
#navigation li ul {
	position:absolute;
	width:500px;
	left:-999em;
	z-index:300;
	background-image:url(../images/bgDropDown.gif);
	background-color:#FFF;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#navigation li ul li a {
	display: block;
	width: 200px;
	background-image: none;
	margin: 0px;
	clear: right;
	float: left;
	color: #000;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	font-family: arial;
}
#navigation li ul li a:hover {
	display: block;
	background-color: #333;
	background-image: none;
	margin: 0px;
	clear: right;
	float: left;
	color: #FFF;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}
#navigation ul li a ul li a {}
#navigation ul li a ul li a:hover {}
#navigation li ul li.listlast a {}
#navigation li ul li a:hover {}
#navigation li:hover ul {
	left:auto;
	margin:0;
	margin-left:0
}
#navigation ul li:hover {
	position:static
}

/* layout styles */
#tab, #ads, #content, .boxColumns {
	background-color: #FFF;
	padding: 8px;
	border: 1px solid #CCC;
}
#fragment-2 ul, #fragment-3 ul {
	margin: 0px;
	padding: 0px;
}
#fragment-3 ul li {

}


/*

	Content slider on homepage.

*/

.sliderwrapper {
	position: relative; /*leave as is*/
	overflow: hidden;
	border-bottom-width: 6px;
	width: 690px; /*width of featured content slider*/
	height: 134px;
	border-right-width: 10px;
	border-left-width: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.sliderwrapper .contentdiv {
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	padding: 0px;
	background: white;
	width: 690px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 310%;
 filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	margin: 0px;
}
.pagination {
	width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	text-align: right;
	margin-top: -25px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	position: relative;
	z-index: 100;
	float: right;
}
.pagination a {
	padding: 0 5px;
	text-decoration: none;
	color: #00007D;
	background: white;
}
.pagination a:hover, .pagination a.selected {
	color: #FFF;
	background-color: #900;
}





.container_24 {
	margin-right:auto;
	margin-left:auto;
	width:960px
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
	display:inline;
	float:right;
	margin-right:5px;
	margin-left:5px
}
.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15, .push_16, .pull_16, .push_17, .pull_17, .push_18, .pull_18, .push_19, .pull_19, .push_20, .pull_20, .push_21, .pull_21, .push_22, .pull_22, .push_23, .pull_23 {
	position:relative
}
.alpha {
	margin-right:0
}
.omega {
	margin-left:0
}
.container_24 .grid_1 {
	width:30px
}
.container_24 .grid_2 {
	width:70px
}
.container_24 .grid_3 {
	width:110px
}
.container_24 .grid_4 {
	width:150px
}
.container_24 .grid_5 {
	width:190px
}
.container_24 .grid_6 {
	width:230px
}
.container_24 .grid_7 {
	width:270px
}
.container_24 .grid_8 {
	width:310px
}
.container_24 .grid_9 {
	width:350px
}
.container_24 .grid_10 {
	width:390px
}
.container_24 .grid_11 {
	width:430px
}
.container_24 .grid_12 {
	width:470px
}
.container_24 .grid_13 {
	width:510px
}
.container_24 .grid_14 {
	width:550px
}
.container_24 .grid_15 {
	width:590px
}
.container_24 .grid_16 {
	width:630px
}
.container_24 .grid_17 {
	width:670px
}
.container_24 .grid_18 {
	width:710px
}
.container_24 .grid_19 {
	width:750px
}
.container_24 .grid_20 {
	width:790px
}
.container_24 .grid_21 {
	width:830px
}
.container_24 .grid_22 {
	width:870px
}
.container_24 .grid_23 {
	width:910px
}
.container_24 .grid_24 {
	width:950px
}
.container_24 .prefix_1 {
	padding-right:40px
}
.container_24 .prefix_2 {
	padding-right:80px
}
.container_24 .prefix_3 {
	padding-right:120px
}
.container_24 .prefix_4 {
	padding-right:160px
}
.container_24 .prefix_5 {
	padding-right:200px
}
.container_24 .prefix_6 {
	padding-right:240px
}
.container_24 .prefix_7 {
	padding-right:280px
}
.container_24 .prefix_8 {
	padding-right:320px
}
.container_24 .prefix_9 {
	padding-right:360px
}
.container_24 .prefix_10 {
	padding-right:400px
}
.container_24 .prefix_11 {
	padding-right:440px
}
.container_24 .prefix_12 {
	padding-right:480px
}
.container_24 .prefix_13 {
	padding-right:520px
}
.container_24 .prefix_14 {
	padding-right:560px
}
.container_24 .prefix_15 {
	padding-right:600px
}
.container_24 .prefix_16 {
	padding-right:640px
}
.container_24 .prefix_17 {
	padding-right:680px
}
.container_24 .prefix_18 {
	padding-right:720px
}
.container_24 .prefix_19 {
	padding-right:760px
}
.container_24 .prefix_20 {
	padding-right:800px
}
.container_24 .prefix_21 {
	padding-right:840px
}
.container_24 .prefix_22 {
	padding-right:880px
}
.container_24 .prefix_23 {
	padding-right:920px
}
.container_24 .suffix_1 {
	padding-left:40px
}
.container_24 .suffix_2 {
	padding-left:80px
}
.container_24 .suffix_3 {
	padding-left:120px
}
.container_24 .suffix_4 {
	padding-left:160px
}
.container_24 .suffix_5 {
	padding-left:200px
}
.container_24 .suffix_6 {
	padding-left:240px
}
.container_24 .suffix_7 {
	padding-left:280px
}
.container_24 .suffix_8 {
	padding-left:320px
}
.container_24 .suffix_9 {
	padding-left:360px
}
.container_24 .suffix_10 {
	padding-left:400px
}
.container_24 .suffix_11 {
	padding-left:440px
}
.container_24 .suffix_12 {
	padding-left:480px
}
.container_24 .suffix_13 {
	padding-left:520px
}
.container_24 .suffix_14 {
	padding-left:560px
}
.container_24 .suffix_15 {
	padding-left:600px
}
.container_24 .suffix_16 {
	padding-left:640px
}
.container_24 .suffix_17 {
	padding-left:680px
}
.container_24 .suffix_18 {
	padding-left:720px
}
.container_24 .suffix_19 {
	padding-left:760px
}
.container_24 .suffix_20 {
	padding-left:800px
}
.container_24 .suffix_21 {
	padding-left:840px
}
.container_24 .suffix_22 {
	padding-left:880px
}
.container_24 .suffix_23 {
	padding-left:920px
}
.container_24 .push_1 {
	right:40px
}
.container_24 .push_2 {
	right:80px
}
.container_24 .push_3 {
	right:120px
}
.container_24 .push_4 {
	right:160px
}
.container_24 .push_5 {
	right:200px
}
.container_24 .push_6 {
	right:240px
}
.container_24 .push_7 {
	right:280px
}
.container_24 .push_8 {
	right:320px
}
.container_24 .push_9 {
	right:360px
}
.container_24 .push_10 {
	right:400px
}
.container_24 .push_11 {
	right:440px
}
.container_24 .push_12 {
	right:480px
}
.container_24 .push_13 {
	right:520px
}
.container_24 .push_14 {
	right:560px
}
.container_24 .push_15 {
	right:600px
}
.container_24 .push_16 {
	right:640px
}
.container_24 .push_17 {
	right:680px
}
.container_24 .push_18 {
	right:720px
}
.container_24 .push_19 {
	right:760px
}
.container_24 .push_20 {
	right:800px
}
.container_24 .push_21 {
	right:840px
}
.container_24 .push_22 {
	right:880px
}
.container_24 .push_23 {
	right:920px
}
.container_24 .pull_1 {
	right:-40px
}
.container_24 .pull_2 {
	right:-80px
}
.container_24 .pull_3 {
	right:-120px
}
.container_24 .pull_4 {
	right:-160px
}
.container_24 .pull_5 {
	right:-200px
}
.container_24 .pull_6 {
	right:-240px
}
.container_24 .pull_7 {
	right:-280px
}
.container_24 .pull_8 {
	right:-320px
}
.container_24 .pull_9 {
	right:-360px
}
.container_24 .pull_10 {
	right:-400px
}
.container_24 .pull_11 {
	right:-440px
}
.container_24 .pull_12 {
	right:-480px
}
.container_24 .pull_13 {
	right:-520px
}
.container_24 .pull_14 {
	right:-560px
}
.container_24 .pull_15 {
	right:-600px
}
.container_24 .pull_16 {
	right:-640px
}
.container_24 .pull_17 {
	right:-680px
}
.container_24 .pull_18 {
	right:-720px
}
.container_24 .pull_19 {
	right:-760px
}
.container_24 .pull_20 {
	right:-800px
}
.container_24 .pull_21 {
	right:-840px
}
.container_24 .pull_22 {
	right:-880px
}
.container_24 .pull_23 {
	right:-920px
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
* html .clearfix, *:first-child+html .clearfix {
	zoom:1
}



/*
JQuery Tabs 
************************/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
	display: none;
}
}

/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
	display: none;
}
}
/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}
.ui-tabs-nav {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}
.ui-tabs-nav li {
	float: left;
	margin: 0 0 0 1px;
	min-width: 50px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
	display: block;
	padding: 0 10px;
	background: url(tab.png) no-repeat;
}
.ui-tabs-nav a {
	margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
	padding-left: 0;
	color: #790101;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: nowrap; /* required in IE 6 */
	outline: 0; /* prevent dotted border in Firefox */
	background-image: url(../images/bgTabsTop.gif);
	background-repeat: repeat-x;
	background-position: right top;
}
.ui-tabs-nav .ui-tabs-selected a {
	position: relative;
	top: 1px;
	z-index: 2;
	margin-top: 0;
	color: #000;
	background-color: #FFF;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	font-weight: bold;
}
.ui-tabs-nav a span {
	width: 50px; /* IE 6 treats width as min-width */
	min-width: 40px;
	height: 18px; /* IE 6 treats height as min-height */
	min-height: 18px;
	padding-top: 6px;
	padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
	width: auto;
	height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
	padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
	background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
	background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
	background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
	background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
.ui-tabs-disabled {
	opacity: .4;
	filter: alpha(opacity=40);
}
.ui-tabs-panel {
	background-color: #FFF;
	height: 400px;
	padding-top: 1em;
	padding-right: 8px;
	padding-bottom: 1em;
	padding-left: 8px;
	overflow: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	background-image: url(../images/bgPanel.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
.ui-tabs-loading em {
	padding: 0 0 0 20px;
	background: url(loading.gif) no-repeat 0 50%;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
	display: inline-block;
}
*:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
	display: inline-block;
}

#fragment-1, #fragment-2, #fragment-3 {
	height: 320px;
}

/*

BANNERS

*/
#bannersBottom {
	text-align: center;
	background-image: url(../images/bgFooter.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 960px;
	margin: auto;
	padding-top: 10px;
}
#bannersBottom img {
	margin: 4px;
}

#footer {
	background-color: #333;
	width: 960px;
	margin: auto;
	color: #FFF;
}

#footer ul, #footer img {
	clear: right;
	float: left;
}
#footer ul li, #footer ul {
	list-style-type: none;
	font-size: .85em;
}
#footer ul li h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}
#footer a, #footer a:visited {
	color: #CCC;
	text-decoration: none;
}
.bgGray {
	background-color: #DFDFDF;
}


/* 

search boxes

*/
div.searchForm {
	display: inline;
	width: 300px;
	background-color: #0F0;
	border: thick dashed #9C6;
}

#search #HeaderForm #searchBox {
	line-height: 24px;
	text-align: right;
	vertical-align: middle;
	display: block;
	width: 260px;
	margin: 2px;
	background-color: #FFF;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}
#searchBox #q4 {
	padding: 0px;
	height: 24px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 220px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#searchBox input {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	height: 24px;
}
#navigation div #search {
	float: right;
	width: 300px;
	margin-top: -18px;
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
}

/*

side gallery

*/

.stepcarousel{
	position: relative; /*leave this value alone*/
	border: 1px solid #CCC;
	overflow: scroll; /*leave this value alone*/
	width: 200px; /*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: 10px; /*margin around each panel*/
width: 200px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}