/*************************
	Global Settings
**************************/
html,body			{font: 13px/18px Helvetica, Arial, san-serif; height: 100%; margin: 0; padding: 0; color: #ffffff; background: #000000;}
td,th,p				{font: 13px/18px Helvetica, Arial, san-serif;}

a:link, a:visited	{color: #ffffff; text-decoration: none; outline: none;}
a:active, a:hover	{color: #f89829; text-decoration: none; outline: none;}

.clear-both, .clear	{clear: both; font-size: 0; width: 0; height: 0; line-height: 0;}



/*************************
	Page Layout
**************************/
div#container {
	position: relative;
	margin: auto;
	width: 100%;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background: url(../images/bg_top.jpg) no-repeat top center;
}
div#base-head {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 225px;
	text-align: left;
	z-index: 100;
}
div#base-foot {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 400px;
	text-align: left;
	background: url(../images/bg_footersides.gif) repeat-x top center;
	z-index: 100;
}
div#base-body {
	position: relative;
	padding: 0 0 400px 0;
	width: 100%;
	min-height: 350px;
	text-align: left;
}

	/**********/

div#base-head:after,
div#base-body:after,
div#base-foot:after {
	content: "";
	display: block;
	clear: both;
}


/*************************
	Header / Footer
**************************/
#header {
	position: relative;
	margin: 0 auto;
	width: 990px;
}
#logo {
	margin: 0 auto;
	padding: 15px 0;
	width: 245px;
	height: 140px;
	font: 18px/24px Helvetica, Arial, san-serif;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
}
	/**********/

#footer {
	margin: 0 auto;
	padding: 0;
	width: 990px;
	height: 400px;
	color: #ffffff;
	text-align: center;
	background: url(../images/bg_footer.jpg) no-repeat top center;
}
#footer a:link, #footer a:visited	{color: #ffffff; text-decoration: none; outline: none;}
#footer a:active, #footer a:hover	{color: #f89829; text-decoration: none; outline: none;}

#footer .info {padding: 60px 0 15px 0; font: 14px/18px Helvetica, Arial, san-serif; color: #ffffff;}
#footer .dealers {padding: 25px 0 0 0; font: 15px/15px Helvetica, Arial, san-serif; color: #ffffff;}
#footer .footermenu {padding: 15px 0 0 0;font: 12px/30px Helvetica, Arial, san-serif; color: #ffffff;}
#footer .copyright {padding: 0; font: 11px/20px Helvetica, Arial, san-serif; color: #5f5f5f;}

/*************************
	Content
**************************/
.content_top {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 830px;
	height: 30px;
	background: url(../images/bg_content_top.png) no-repeat top left;
	_background: url(../images/dot.gif) no-repeat center;
}
.content {
	position: relative;
	margin: 0 auto;
	padding: 0 50px 0 50px;
	width: 730px;
	background: url(../images/bg_content_strip.png) repeat-y top left;
	_background: url(../images/dot.gif) no-repeat center;
}
.content_bot {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 830px;
	height: 30px;
	background: url(../images/bg_content_bot.png) no-repeat top left;
	_background: url(../images/dot.gif) no-repeat center;
}

.content_padtop {
	padding: 10px 0;
}



/* ------------------------------------------------------------------------------- */
/* homepage panel */
#panelbox {
	position: relative;
	top: 0;
	margin: 0 auto;
	padding: 0;
	width: 830px;
	height: 285px;
	background: url(../images/bg_panel.png) no-repeat top center;
	_background: url(../images/dot.gif) no-repeat top center;
}

/*--Window/Masking Styles--*/
.image_reel {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent !important;
}
.image_reel div {
	float: left;
	position: relative;
	padding: 0;
	width:  830px;
	height: 285px;
	background: transparent !important;
	}
.image_reel h2 {
	margin: 55px 0 0 50px;
	padding: 0 0 5px 0;
	width: 340px;
	}
.image_reel p {
	margin: 0 0 0 50px;
	padding: 0 0 5px 0;
	width: 360px;
	font: 14px/19px Helvetica, Arial, san-serif;
	color: #888888;
	}
.image_reel a.learn_more {
	margin: 0 0 0 50px;
	padding: 0 12px 0 0;
	font: 12px/24px Helvetica, Arial, san-serif;
	background: url(../images/btn_arrow.png) no-repeat center right;
	_background: url(../images/dot.gif) no-repeat center right;
	}
.image_reel img {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 15;
	}

/*--Paging Styles--*/
#paging {
	position: absolute;
	top: 220px;
	left: 50px;
	margin: 0;
	padding: 0;
	width: 730px;
	font-size: 0;
	line-height: 0;
	z-index: 10;
}
#paging a {
	position: relative;
	top: 0;
	margin: 0 4px 0 0;
	padding: 0 2px;
	font-size: 8px;
	line-height: 8px;
	text-decoration: none;
	text-align: center;
	color: #353535;
	background: #353535;
}
#paging a:hover {
	color: #f89829;
	background: #f89829;
}
#paging a.activeSlide {
	color: #ffffff;
	background: #ffffff;
}



/* ------------------------------------------------------------------------------- */
/* authorised dealers page */
table.dealer {
	 width: 660px;
	 border-bottom: solid 1px #767676;
}
.dealer td {
	height: 140px;
}
.dealer td.logo {
	margin: 0;
	padding: 0;
	width: 150px;
	text-align: center;
}
.dealer td.url {
	margin: 0;
	padding: 0 0 0 40px;
	width: 180px;
}
.dealer td.desc {
	margin: 0;
	padding: 0 0 0 40px;
	width: 250px;
}





/* ------------------------------------------------------------------------------- */
/* basic elements */
h1, .h1 {
	margin: 0;
	padding: 0 0 5px 0;
	font: 18px/25px Helvetica, Arial, san-serif;
	display: none;
}
h2, .h2 {
	margin: 0;
	padding: 0 0 10px 0;
	font: 24px/30px Helvetica, Arial, san-serif;
}
h3, .h3 {
	margin: 0;
	padding: 0 0 15px 0;
	font: 18px/25px Helvetica, Arial, san-serif;
}
h4, .h4 {
	margin: 0;
	padding: 0 0 5px 0;
	font: 15px/20px Helvetica, Arial, san-serif;
}
h5, .h5 {
	margin: 0;
	padding: 0 0 5px 0;
	font: bold 14px/18px Helvetica, Arial, san-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}
h6, .h6 {
	margin: 0;
	padding: 0 0 5px 0;
	font: bold 13px/18px Helvetica, Arial, san-serif;
}

ul {
	margin: 0 0 0 -10px;
	padding: 0;
	list-style: none;
}
ol {
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
}
ul li {
	margin: 0;
	padding: 3px 0 2px 10px;
	list-style: disc outside;
}
ol li {
	margin: 0;
	padding: 3px 0 2px 10px;
	list-style: decimal outside;
}
li ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
}
li li {
	padding: 3px 0 2px 10px;
	list-style: none;
}
ol li {
	padding: 3px 0 2px 10px;
	list-style: decimal outside;
}


/* basic classes */
.grey {color: #a7a7a7;}
.white {color: #ffffff;}
.orange {color: #f89829;}

.arrow_bullet {position: relative; top: 3px; font: 26px/18px Helvetica, Arial, san-serif; color: #f89829;}

.small {font: 11px/13px Helvetica, Arial, san-serif;}
.note {font: 11px/13px Helvetica, Arial, san-serif; font-style: italic;}

.hrdash {width: 100%; margin: 20px 0px; border-bottom: solid 1px #767676;}

.whitelink:link, .whitelink:visited	{color: #ffffff; text-decoration: none; outline: none;}
.whitelink a:active, .whitelink:hover	{color: inherit; text-decoration: underline; outline: none;}

.nocolor:link, .nocolor:visited	{color: inherit; text-decoration: none; outline: none;}
.nocolor:active, .nocolor:hover	{color: inherit; text-decoration: underline; outline: none;}