/* CSS Document */

* { margin: 0; padding: 0; }
body {
	width: 100%;
	height: 100%;
	background: #292929;
	color: #FFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
a {
	text-decoration: none;
}
.wrapper { width: 900px; margin: 0 auto; padding: 0 40px; }

}
.wrapper {
	width: 900px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 40px;
}

#bluetop { width: 100%; height: 157px; text-align: center; vertical-align: top; background: url("images/topbg.gif") top center repeat #6C0; }
img.logo {
	width: 275px;
	height: 90px;
	float: left;
	border: 0;
	margin-right: 20px;
}
#bluetop ul { list-style: none;   }
#bluetop li { float: left; width: 96px; padding: 20px 0px 10px 0; text-align: left; }
#bluetop li.active {  background: #669900; }
#bluetop li:hover {	background-color: #C8FF0C; }
#bluetop li a { display: block; padding: 5px 20px; text-align: left; text-decoration: none; color: #FFF; }
#bluetop li a:active { border-right: 0; }
#bluetop li a:hover { border-right: 0; }

#slogan { width: 100%; height: 245px; text-align: center; vertical-align: top; background: url("images/titlebg.gif") top center repeat #212E34; text-align: left; }
#slogan h1 { font-weight: normal; font-size: 36px; padding: 60px 0 15px 0; }
#slogan h1.home { padding: 25px 0 15px 0; }
#slogan p { font-size: 21px; }
#slogan strong, #slogan b { font-weight: normal; color: #4DDFF4; }
#noslogan { width: 100%; height: 7px; text-align: center; background: url("images/noslogan.gif") top center repeat-x #292929; }

.moreinfo { background: #CCFF00; font-size: 12px; font-weight: bold; padding: 0 10px; color: #292929; }
.moreinfo:hover { background: #990000; }
.moreinfo a {
	color: #333333;
}

.view, .view2 { width: 95px; height: 28px; background: url("images/viewbutton.gif") center center no-repeat #222222; font-size: 11px; font-weight: bold; line-height: 28px; color: #FFF; text-align: center; }
.view:hover, .view2:hover {
	background: url("images/viewbuttonover.gif") center center no-repeat #222222;
	padding: 0px;
}
.view a, .view2 a { color: #FFF; }

#main { width: 100%; text-align: left; vertical-align: top; background: url("images/mainbg.gif") top left repeat #292929; padding: 30px 0; }

div.boxfull { float: left; margin-bottom: 20px; background: #222222; width: 900px; }
div.boxlefthalf { float: left; margin-bottom: 20px; background: #222222; width: 440px; }
div.boxwide { float: left; margin-bottom: 20px; background: #222222; width: 920px; }
div.boxwide2 { float: left;margin-bottom: 20px;background: #222222; width: 900px; }
div.boxrighthalf { float: right; margin-bottom: 20px; background: #222222; width: 440px; }
div.area290 { float: right; margin-bottom: 20px; width: 290px; }
div.areahalf2 { float: right; margin-bottom: 20px; width: 550px; }
div.box290 {
	float: left;
	margin-bottom: 20px;
	width: 290px;
	background-color: #222222;
	background-image: url(/images/testimonialbg.gif);
	background-repeat: repeat-x;
}
div.box590 { float: left; margin-bottom: 20px; background: #222222; width: 590px; }
div.boxhalf { float: left; margin-bottom: 20px; background: #222222; width: 330px; }
div.boxhalf2 { float: right;margin-bottom: 20px;background: #222222; width: 550px; }
div.box185 { float: left; margin-bottom: 20px; margin-right: 18px; background: #222222; width: 185px; }
div.box187 { float: bottom; margin-bottom: 20px; margin-right: 18px; background: #222222; width: 185px; }
div.ctl { background: url("images/cornertl.gif") top left no-repeat; }
div.ctr { background: url("images/cornertr.gif") top right no-repeat; }
div.cbl { background: url("images/cornerbl.gif") bottom left no-repeat; }
div.cbr { background: url("images/cornerbr.gif") bottom right no-repeat; }
div.content {
	padding: 16px;
	text-align: left;
}
div.content h3 { padding-bottom: 10px; font-size: 24px; font-weight: normal; }
div.content h3 strong, div.content h3 b {
	font-weight: normal;
	color: #CCFFCC;
}
div.content h4 {
	padding: 0px 0px 10px 0;
	font-size: 16px;
	font-weight: normal;
	color: #99CC00;
}
div.content p { padding-bottom: 10px; line-height: 1.7em; }
div.testimonial { background: url("images/testimonialbg.gif") top center repeat; padding: 40px 20px; text-align: left; height: 106px; }
div.testimonial p { padding-bottom: 20px; font-style: italic; color: #BAD1D9; }
div.testimonial p.signature { padding-bottom: 0; font-style: normal; font-weight: bold; }

.thumbnails { text-align: left; padding: 10px 0; }
.thumbnails img { float: left; margin-right: 14px; width: 90px; padding-bottom: 5px; border: 0; }
.thumbnails img.end { margin-right: 0px; }

.blue { color: #CCFF00; }
.clear { clear: both; height: 0px; width: 100%; }

/* ------------------------ */

/* HORIZONTAL CAROUSEL */

.stepcarousel{
	position: relative;
	border: 0;
	overflow: scroll; /*leave this value alone*/
	width: 850px; /*Width of Carousel Viewer itself*/
	height: 270px; /*Height should enough to fit largest content's height*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

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

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*margin around each panel*/
	width: 750px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 280px;
	margin-top: 10px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-left: 50px;
}

.panel img { float: left; margin-right: 20px;}
.panel h5 { margin-top: 40px; font-size: 18px; font-weight: normal; }
.panel h5 strong {
	font-weight: normal;
	color: #669966;
}
.panel p { margin-top: 20px; }

/* VERTICAL CAROUSEL */

.vcarousel .stepcarousel{
position: relative; /*leave this value alone*/
margin: 0 auto;
border: 0;
overflow: scroll; /*leave this value alone*/
width: 250px; /*Width of Carousel Viewer itself*/
height: 390px; /*Height should enough to fit largest content's height*/
}

.vcarousel .stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 15px 0; /*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. */
height: 370px; 
text-align: center;roll
}

.panel .view { float: left; }
.panel .view2 { margin: 0 auto; }

/* ------------------------ */

#bottom {
	width: 100%;
	height: 340px;
	text-align: center;
	vertical-align: top;
	background-color: #181818;
	background-image: url(/images/bottomblur.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#addressbox {
	width: 210px;
	height: 270px;
	margin-top: 40px;
	float: left;
	text-align: left;
	font-size: 10px;
	color: #99CC00;
}
#addressbox div { height: 50px; padding-left: 40px; }
#addressbox div img { position: relative; top: 20px; left: 0; }
#addressbox p { padding-top: 15px; line-height: 18px; padding-left: 40px; }
.bottommenubox { width: 210px; height: 270px; margin: 40px 0 0 10px; border-left: solid 1px #424242; float: left; text-align: left; font-size: 10px; }
.bottommenubox span { line-height: 60px; padding-left: 20px; font-weight: bold; }
.bottommenubox ul { list-style: none; padding-left: 20px; }
.bottommenubox li { line-height: 18px; }
.bottommenubox li a, .bottommenubox li a:link, .bottommenubox li a:visited {
	color: #99CC00;
}
.bottommenubox li a:hover, .bottommenubox li a:visited:hover {
	color: #99CC00;
}

#footer {
	clear: both;
	width: 100%;
	height: 70px;
	text-align: center;
	vertical-align: top;
	line-height: 70px;
	background-color: #000;
}
#main .wrapper .box185 .ctl .ctr .cbl .cbr .content .blue2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-style: normal;
	font-weight: normal;
	color: #66CC00;
	background-position: left top;
	word-spacing: normal;
}
.hor_rule {
	color: #333333;
}