body { margin:0; padding:0; font-size:12px; line-height:16px; font-family: Arial, Tahoma;}
a { color:#ff8102;}
a:hover { text-decoration:none;}
ul, ol { margin-right:16px;margin-left:16px;padding:0 }
.no-listStyle { list-style:none }
.gray { color:#484848}
.orange{ color:#ff8102}
.caps-orange {text-transform:uppercase;font:14px Arial, Tahoma;color:#ff8102;line-height:22px }
b,strong { font-size:14px;line-height:20px;font-weight:normal }
b.bold,strong.bold,span.bold { font-weight:bold }
hr { border:none;border-bottom:3px double #ccc;margin:0;padding:0;height:3px; }
#text .caps,#text p.caps,#text span.caps { text-transform:uppercase;font:14px Arial, Tahoma;color:#696760;line-height:22px}
.bold_caps {font-weight:bold;text-transform:uppercase}
.clear {clear:both;margin:0;padding:0}
#header { background: url(images/header_bckg.gif) repeat-x ; height:120px;  }
#logo { width:780px; margin:0 auto; padding:50px 0 0 20px; }
#logo a{ color:#FFFFFF; text-decoration:none; font-weight:bold; height:12px; font-size:20px; text-transform:uppercase;}
#logo a:hover { }
#menu {
	color:#fff; text-align:center; margin-top:22px;background:url(images/menu_enactive.gif) repeat-x bottom center;
	position:aboslute
}
ul.menu { width:780px; margin:0 auto;list-style:none; padding:0; text-align:left}
ul.menu li,ul.menu li a {position:relative; float:left; }
ul.menu li a {
	color: #fff;font-weight:normal; text-decoration:none;margin-right:2px;padding:8px 16px;text-transform: uppercase;
	background:url(images/menu_enactive.gif) repeat-x bottom center;text-align:center;font-size:11px;
}
ul.menu li a:hover,ul.menu li.active a 	{color: #69ca29;}
ul.menu li a:hover { background:url(images/menu_over.gif) repeat-x bottom center; color:#ff8102;}
ul.menu li a.active { background:url(images/menu_active.gif); color:#414b43;}
ul.menu li a.active:hover { background:url(images/menu_over.gif) no-repeat bottom center; color:#ff8102;}
ul.menu ul 	{position:absolute; top:32px; left:-18px; width:160px;display:none; opacity:0; list-style:none}
ul.menu ul li, ul.menu ul li a {text-align:left;position:relative; margin:0; display:block; color:#fff;background:#4b4b4b;width:100%} 
ul.menu ul li a:hover {background:#282828}
ul.menu ul ul {left:148px; top:20px}

.demos ol {}
.demos ol li {text-transform:uppercase;color:#ff8102; font-weight:normal;font-size:18px;padding:10px 0}
.demos ol li span {text-transform:uppercase;font:14px Arial, Tahoma;color:#696760;line-height:22px}

#main { width:100%; margin:20px 0 20px 0; float:left;}
#head_image {
	height:150px;
	background:url(images/Grid.jpg) no-repeat #fe5d00;
	padding:20px 0 40px 50px;
	line-height:24px;
}
#slogan {
	color:#fff;
	font-family: "Arial Narrow", Arial, Tahoma;
	font-size:21px;
	text-transform:uppercase;
}
#under_slogan_text {
	color:#ffffff;
	font-size:16px;
	line-height:20px;
	padding-top:20px;
	padding-left:40px;
	font-family: "Arial Narrow", Arial, Tahoma;
	text-transform: uppercase;
}
#content { margin:0 auto; padding:0; width:780px;}
#content h1 { margin:20px 0 0 0; text-transform:uppercase;color:#000; font-weight:normal;font-size:18px}
#text {
	float:left;
	width:510px;
	padding-left:20px;
}
#text p {line-height:18px}
#text img {padding:3px}
#text img.border {padding:3px;border:1px solid #727272;}
#text img.nostyle {padding:0;background-color:#fff;border:none;margin:0}
#text img.floatLeft {float:left;margin:3px 16px 12px 3px}
#text img.floatRight{float:right;margin:3px 3px 12px 16px}

table#specs {}
table#specs td { border-bottom:1px dotted #9d9b94 }
table#specs td.noborder { border:none }
table#specs td.left { background:#9d9b94;color:#fff;text-align:center  }
table#specs td.right { color:#414141;text-align:left;padding-left:20px }

ol.samples li {padding:10px 0;color:#ff8102; font-weight:normal;font-size:18px;padding:10px 0}
ol.samples li strong {font-size:12px;font-weight:normal;text-transform:none;color:#555}
	

#sidebar {
	background:url(images/sidebar_bckg.gif) repeat-x;
	margin:20px 20px 0 540px;
	color:#515151;
	padding:20px;
}
#sidebar h2 {
	color:#ff8102;
	margin:0 0 15px 0;
	font:20px Arial Narrow, Arial, Tahoma;
	line-height:1.1em;
	font-weight:normal;
	text-transform:uppercase;
}
#sidebar .icon {
	float:right;
	margin:3px 0 8px 12px
}
#sidebar .price {
	float:left;
	font-size:40px;
	line-height:32px;
	margin:0 6px 0 0;
	color:#414f42;
	letter-spacing:-1px;
}
.button,a.button  {
	display:block;
	padding:6px;
	padding-right:10px;
	background:#2c2c2c url(images/arrows.png) no-repeat right center;
	text-transform:uppercase;
	text-decoration:none;
	font-size:10px;
	color:#c3c3c3;
	width:150px;
	border:3px solid #545454
}
a.button:hover {
	background:#525252 url(images/arrows.png) no-repeat right center;
	text-decoration:none;
	font-color:#ff8102;
}
#footer {background:url(images/footer_bckg.gif) repeat-x #3f3e3e 0 2px; height:94px; margin-top:20px; clear:both;}
#left_footer { float:left; padding:40px 0 0 30px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px;}
#left_footer a { color:#FFFFFF;}
#left_footer a:hover { text-decoration:none;}
#right_footer { float:right;  padding:40px 30px 0 0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:right;}
#right_footer a { color:#FFFFFF;}
#right_footer a:hover { text-decoration:none;}