/*
---------------------------------------------
01. MAIN / DEFAULT ELEMENTS
---------------------------------------------
*/

body {
	background: #E7E7E7 url("images/bg.gif") top center repeat-y;
	font: normal 11px "Arial", "Tahoma", sans-serif;
	color: #494A4A;
	margin: 0px;
	padding: 0px; }
	
div, img, form, ul, .no {
	margin: 0px;
	padding: 0px;
	border: 0px; }
	
.clear { 
	display: block;
	clear: both; }
	
.clear:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }

/*
---------------------------------------------
02. TEXT / HEADINGS
---------------------------------------------
*/

a { color: #2962a9; text-decoration: none; }
a:hover { text-decoration: underline; }
	
h1 {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	height: 80px; }
	
	h1 a {
		background: url("images/plh_logo.gif") center left no-repeat;
		display: block;
		width: 200px;
		height: 70px;
		margin-left: 30px;
		text-indent: -9999px;
		outline: none; }
		
	h1 span {
		color: #3F7E9D;
		position: absolute;
		bottom: 10px;
		right: 20px;
		font-size: 12px; }
		
	h1 span b { color: #77AF04; }
		
h2 {
	color: #77AF04;
	font-size: 16px;
	margin: 0px;
	padding: 0px; }
	
	h2.alt { color: #1655A2; }
	
h3 {
	font-size: 22px;
	margin: 0px;
	padding: 0px; }
	
h4 {
	color: #77AF04;
	font-size: 16px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dotted #979797; }
	
h5 {
	color: #1655A2;
	font-size: 14px;
	margin: 0px;
	padding: 0px; 
	padding-top: 5px; }

h6 {
	color: #1655A2;
	font-size: 14px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dotted #979797; }
	
/*
---------------------------------------------
03. PRIMARY ELEMENTS
---------------------------------------------
*/
	
#wrapper {
	width: 745px;
	margin: 0 auto;
	background: url("images/footer.gif") bottom center no-repeat; }
	
	.wrapper {
		width: 745px;
		margin: 0 auto; }

#left, .footLeft {
	float: left;
	width: 470px;
	padding: 15px; }
	
#right, .footRight {
	float: right;
	width: 210px;
	padding: 15px; }
	
#full {
	width: 715px;
	padding: 15px; }

#content { }		
#footer { }

	#footer p {
			text-align: center;
			margin: 0px;
			padding: 0px;
			color: #1655A2; }
		
	#footer a { color: #1655A2; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }
		
/*
---------------------------------------------
04. HEADER / MENUS
---------------------------------------------
*/
	
#header {
	height: 205px;
	background: url("images/header.gif") bottom left repeat-x; }

#menu {
	width: 745px;
	height: 39px;
	list-style: none;
	background: #000000 url("images/menu.gif") no-repeat;
	border-bottom: 1px solid #ffffff; }
	
	#menu li {
		display: inline;
		height: 39px;
		line-height: 39px;
		padding: 0px 35px; }
		
	#menu li a {
		color: #ffffff;
		font-weight: bold;
		font-size: 12px;
		text-decoration: none; }
		
	#menu li a:hover { border-bottom: 3px solid #ACD600; }
	#menu li.last { padding: 0px 0px 0px 35px; }
	
#bar {
	width: 100%;
	height: 28px;
	padding-top: 12px;
	color: #ffffff;
	background: #000000 url("images/bg_top.gif") repeat-x; }
		
#subMenu {
	list-stlye: none;
	float: right; }
	
	#subMenu li {
		display: inline;
		padding: 0px 10px;
		border-right: 1px solid #868686; }
	
	#subMenu li a {
		color: #ffffff;
		font-size: 11px;
		text-decoration: none; }
		
	#subMenu li a:hover { color: #868686; }
	#subMenu li.last, #start li.last { border: 0px; }
	
#info {
	width: 520px;
	height: 162px;
	float: left;
	background-color: #ffffff;
	overflow: hidden; }
	
#splash {
	width: 518px;
	height: 100px;
	background: #3065A5 url("images/header_splash.gif") no-repeat;
	text-align: center;
	padding-top: 32px;
	color: #ffffff;
	font-size: 12px; }
	
#about {
	width: 209px;
	height: 146px;
	float: right;
	padding: 8px;
	overflow: hidden;
	position: relative;
	background: url("images/header_grad.gif") bottom left repeat-x; }
	
#start {
	width: 518px;
	height: 21px;
	padding-top: 9px;
	background: url("images/plh_header_started.gif") no-repeat;
	list-style: none; }
	
	#start li { 
		display: inline;
		border-right: 1px solid #ffffff;
		margin: 0px;
		padding: 0px 15px;  }
		
	#start li a {
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		font-size: 11px; }

/*
---------------------------------------------
05. MISCELLANEOUS
---------------------------------------------
*/

#product {
	position: absolute;
	right: 5px;
	top: 15px; }

.product { width: 198px; }
.product p { z-index: 555; }
.productInfo { margin: 5px 0px; }
	
.box1 { width: 240px; }
.box2 { width: 210px; }
	
.smallTitle {
	color: #1655A2;
	font-weight: bold;
	font-size: 12px;
	margin: 0px 0px 10px 0px; }

.nm { margin: 0px; }
.np { padding: 0px; }
.nb { border: 0px; }

.m5 { margin: 5px 0px; }

.left  { float: left; }
.right { float: right; }
.tc { text-align: center; }
.tr { text-align: right; }

.demo_img {
 	background:#656565;
 	padding:2px; }
 
.demo_img:hover {
 	background:#77AF04;
 	padding:2px; }

.stats_table {
	background-color: transparent;
	width: 100%; }
	
.stats_table td {
	background-color: #eeedec;
	text-align: center; }
	
.stats_table .alt { background-color: #f8f8f7; }

.stats_table .aright {
	text-align: right; }

.stats_table .aleft {
	text-align: left; }
	
.stats_table .cell {
	border-right: 1px solid #ffffff; 
	border-bottom: 1px solid #ffffff;  }
	
.stats_table .cell2 {
	border-right: 1px solid #ffffff; }

.stats_table .heading {
	background: transparent;
	padding: 0px; }
	
.stats_table .heading1 {
	background: url("images/corner_left.gif") top left no-repeat;
	width: 16px;
	height: 23px; 
	padding: 0px; }
	
.stats_table .heading2 {
	background: url("images/corner_right.gif") bottom right no-repeat;
	padding: 0px;
	padding-right: 20px;
	margin-top: 20px;
	color: #ffffff;
	font-weight: bold;
	text-align: left; }

.rounded { padding-bottom: 15px; }
.rounded .t { background: #f6f6f6 url("images/dot.gif") 0 0 repeat-x; width: 20em; }
.rounded .b { background: url("images/dot.gif") 0 100% repeat-x; }
.rounded .l { background: url("images/dot.gif") 0 0 repeat-y; }
.rounded .r { background: url("images/dot.gif") 100% 0 repeat-y; }
.rounded .bl { background: url("images/bottom_left_div.gif") 0 100% no-repeat; }
.rounded .br { background: url("images/bottom_right_div.gif") 100% 100% no-repeat; }
.rounded .tl { background: url("images/top_left_div.gif") 0 0 no-repeat; }
.rounded .tr { background: url("images/top_right_div.gif") 100% 0 no-repeat; text-align: left; padding:10px; }

.list, .list2 { 
	margin: 15px 0px;
	list-style: none; }
	
	.list a, .list2 a { color: #494A4A; text-decoration: none; }
	.list a:hover, .list2 a:hover { text-decoration: underline; }

	.list li {
		background: url("images/bullet_green.gif") 0px 7px no-repeat;
		padding: 2px 0px 2px 10px;
		margin-left: 10px; }
	
	.list2 li {
		background: url("images/bullet_blue.gif") 0px 7px no-repeat;
		padding: 2px 0px 2px 10px;
		margin-left: 10px; }
		
.arrow { background: url("images/plh_icon_arrow.gif") top left no-repeat; padding-left: 20px; height: 22px; }
.gears, .list li.gears { background: url("images/plh_icon_gears.gif") top left no-repeat; padding: 0px 0px 0px 30px; height: 24px; margin: 0px; }
.list li.arrow, .list2 li.arrow { background: url("images/plh_icon_arrow_small.gif") center left no-repeat; padding-left: 15px; margin: 0px; }
.arrow_small { background: url("images/plh_icon_arrow_small.gif") center left no-repeat; padding-left: 15px; margin: 0px; }

/*
---------------------------------------------
00. END
---------------------------------------------
*/