@charset "utf-8";

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

img {
	border: 0;
}

ul {
	list-style-type: square;
}

.clrout {
	clear: both;
	margin: 0;
	padding: 0;
	width: 920px;
	height: 0;
}

br.clear {
	clear: both;
}

#hidbg {
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(../images/hidbg.gif) repeat-y center top;
}

#wrapper {
	clear: both;
	width: 970px;
	margin: 0 auto;
	background: #FFF url(../images/cbg.gif) repeat-y left top;
}

/* -------- Top menu link styles --------*/

#topmenu {
	float: left;
	margin: 95px 0 0 0;
	padding: 0;
	height: 33px;
}
html>body #topmenu {
	margin: 95px 0 0 0;
}
#topmenu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#topmenu ul li {
	float: left;
	padding: 0;
}
#topmenu ul li a {
	display: block;
	padding: 0;
	margin: 0;
	width: 161px;
	height: 42px;
}
#topmenu #mainNav .home a {
	background: url(../images/tnav_home_b.png) no-repeat left top;
	margin-right: 1px;
}
#home #topmenu #mainNav .home a, #topmenu #mainNav .home a:hover {
	background: url(../images/tnav_home_a.png) no-repeat left top;
	margin-right: 1px;
}
#topmenu #mainNav .media a {
	background: url(../images/tnav_media_b.png) no-repeat left top;
	margin-right: 1px;
}
#media #topmenu #mainNav .media a, #topmenu #mainNav .media a:hover {
	background: url(../images/tnav_media_a.png) no-repeat left top;
	margin-right: 1px;
}
#topmenu #mainNav .teamdiesel a {
	background: url(../images/tnav_teamdiesel_b.png) no-repeat left top;
	margin-right: 1px;
}
#teamdiesel #topmenu #mainNav .teamdiesel a, #topmenu #mainNav .teamdiesel a:hover {
	background: url(../images/tnav_teamdiesel_a.png) no-repeat left top;
	margin-right: 1px;
}
#topmenu #mainNav .products a {
	background: url(../images/tnav_products_b.png) no-repeat left top;
	margin-right: 1px;
}
#products #topmenu #mainNav .products a, #topmenu #mainNav .products a:hover {
	background: url(../images/tnav_products_a.png) no-repeat left top;
	margin-right: 1px;
}
#topmenu #mainNav .resources a {
	background: url(../images/tnav_resources_b.png) no-repeat left top;
	margin-right: 1px;
}
#resources #topmenu #mainNav .resources a, #topmenu #mainNav .resources a:hover {
	background: url(../images/tnav_resources_a.png) no-repeat left top;
	margin-right: 1px;
}
#topmenu #mainNav .forum a {
	width: 160px;
	background: url(../images/tnav_forum_b.png) no-repeat left top;
}
#forum #topmenu #mainNav .forum a, #topmenu #mainNav .forum a:hover {
	width: 160px;
	background: url(../images/tnav_forum_a.png) no-repeat left top;
}

/* -------- The page content area and all elements within it -------- */

#content {
	float: left;
	width: 610px;
	margin: 0;
	padding-bottom: 24px;
}
#content p:first-child {
	margin-top: 17px;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p, #content ul li, #content ol li {
	margin-left: 5px;
	margin-right: 25px;
	line-height: 1.4;
}

#content h1 {
	color: #222;
	font-size: 40px;
	line-height: 1;
	letter-spacing: -2px;
	border-bottom: 1px dotted #CCC;
	margin-top: 18px;
	margin-bottom: 0;
}
#content h2 {
	color: #422;
	font-size: 24px;
	letter-spacing: -1px;
}
#content h3 {
	font-size: 16px;
}
#content h4 {
	font-size: 14px;
}
#content h2, #content h3 {
	margin-bottom: -9px;
}
#content p, #content ul li, #content ol li {
	line-height: 1.5;
}
#content a:link {
	color: #552C2C;
}
#content a:visited {
	color: #333;
}
#content a:hover {
	color: #777;
}
#content a:active {
	color: #F00;
}
#content hr {
	display: block;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	border: none;
	background-color: #CCC;
	color: #CCC;
	height: 1px;
}
#content hr.lightrule {
	border-top: 1px dotted #CCC;
	background-color: #FFF;
	color: #FFF;
}
#content .testimonial {
	background: #EEE;
	border: 1px dotted #B8B4B2;
	font-size: 11px;
	width: 580px;
	margin-left: 5px;
	margin-top: 20px;
	padding-bottom: 15px;
}
#content .testimonial p {
	margin-left: 25px;
}

/* -------- The sidebar on the right -------- */

#sidebar{
	font-family:tahoma, arial;
	float: right;
	width: 321px;
	height: 100%;
	margin: 0;
	color: #FFFFFF;
	background: #000000;
}
#sidebar .list{
	font-size: 14px;
	font-weight: bold;
	color: #9c9c9c;
}
#sidebar img{
	margin: 0;
}
#sidebar h2{
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFFFFF;
	height: 33px;
	background: url(../images/sidebar_headline.png);
	padding: 5px;
	width: 310px;
	text-align: center;
	margin: 0 0 20px;
}
#sidebar ul{
	list-style-type: none;
	margin: -15px 0px 0px -40px;
	border-right: solid .1em #555;
}

#sidebar ul ul, #sidebar ul ol{
	list-style-type: none;
}
#sidebar ul ul ul, #sidebar ul ol{
	list-style-type: none;
}
#sidebar ul li {
}

#sidebar .textwidget {
	margin: 0px 10px 0px 10px;
}

#sidebar .widget{
	margin-bottom: 20px;
}

/* -------- END The sidebar on the right UPDATE-------- */
.sbinfolisting ul {
	list-style-type: none;
}
.sbinfolisting {
	width: 321px;
	margin: 0;
	padding: 0;
	background: url(../images/sb_infbg.png) repeat-y left top;
}
.sbinfolisting p:first-child {
	margin: 0 0 -11px 0;
}
.sbinfolisting p, .sbinfolisting ul li, .sbinfolisting ol li {
	margin-left: 15px;
	margin-right: 15px;
	color: #FFF;
}
.sbinfolisting ul li, .sbinfolisting ol li {
	margin-left: 0;
}
.sbinfolisting ul li, .sbinfolisting ol li {
	margin-bottom: 8px;
	color: #AAA;
}
.sbinfolisting ul li strong, .sbinfolisting ol li strong {
	color: #FFF;
}
.sbinfolisting a:link, .sbinfolisting a:visited {
	color: #AAA;
}
.sbinfolisting a:hover {
	color: #CCC;
}
.sbinfolisting a:active {
	color: #FFF;
}
#sidesubnav {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#sidesubnav li {
	margin: 0;
	padding: 0;
}
#sidesubnav li a:link, #sidesubnav li a:visited {
	display: block;
	margin-left: 1px;
	width: 319px;
	height: 30px;
	line-height: 30px;
	color: #DDD;
	text-decoration: none;
	text-indent: 22px;
	font-size: 15px;
	font-weight: bold;
	background-color: #292222;
	border-bottom: 1px solid #1A1A1A;
}
#sidesubnav li a:hover {
	background-color: #661111;
}
#sidesubnav li a:active {
	background-color: #999;
}

/* -------- Footer -------- */

#footer {
	clear: both;
	width: 100%;
	margin: 0;
	background: #000 url(../images/fbg.gif) repeat-x left top;
	padding: 20px 0; 
}
#footinfo {
	clear: both;
	width: 970px;
	margin: 0 auto;
	padding-top: 10px;
}
#footinfo p {
	font-size: 10px;
	line-height: 1.6;
}
#footinfoa {
	width: 420px;
	float: left;
	text-align: left;
}
#footinfoa td.fmenuitem {
	margin: 0;
	width: 135px;
	padding: 3px;
	background: url(../images/fmenubg.gif) no-repeat left bottom;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}
#footinfoa td.fmenuitem a:link, #footinfoa td.fmenuitem a:visited {
	color: #FFF;
	text-decoration: none;
}
#footinfoa td.fmenuitem a:hover {
	color: #999;
}
#footinfoa td.fmenuitem a:active {
	color: #B00;
}
#footinfob {
	float: right;
	width: 420px;
	height: 83px;
	margin: 0;
	text-align: right;
	background: url(../images/signature.png) no-repeat right top;
}
#footinfob p {
	margin-right: 70px;
	color: #EEE;
}
#footinfob a:link, #footinfob a:visited {
	color: #999;
}
#footinfob a:hover {
	color: #DDD;
}
#footinfob a:active {
	color: #B00;
}

/* -------- Photo Gallery -------- */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/*
	Mobile Menu Core Style
*/

.slicknav_btn {
	position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
	User Default Style
	Change the following styles to modify the appearance of the menu.
*/

	.slicknav_nav{
		padding: 0;
		margin: 0 0 10px;
	}

	.slicknav_menu {
		font-size:16px;
		background-color: #2F2F2F;
	}

/* Button */
	.slicknav_btn {
		text-decoration:none;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);  
		background-color: #383838;
		width: 100%;
		position: relative;
	}

/* Button Text */
	.slicknav_menu  .slicknav_menutxt {
		color: #FFF;
		font-weight: bold;
		text-shadow: 0 1px 3px #000;
		text-transform: uppercase;
		display: block;
		width: 100%;
	}

/* Button Lines */

	.slicknav_menu .slicknav_icon{
		position: absolute;
		top: 8px;
		right: 10px;
	}

	.slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5; }
	
	.slicknav_nav {
		color:#fff;
		font-size:0.875em;
	}

	.slicknav_nav .slicknav_txtnode { margin-left:15px; }

	.slicknav_nav a:link {
		text-decoration: none;
		color: #FFF;
	}
	
	.slicknav_nav li{
		position: relative;
		padding: 10px;
	}

	.slicknav_nav li ul{
		display: block;
		margin: 10px 0;
		padding: 0;
		background-color: #3F3F3F;
	}

	.slicknav_nav a, .slicknav_nav a:visited {
		color: #FFF;
	}

	.slicknav_arrow{
		position: absolute;
		right: 20px;
		top: 8px;
	}