body
{
	background: #686868; /*dark gray*/
	border: 0px;
	padding: 0px;
	margin: 0px;
}
html, input, textarea, table, div
{
	font-family: Tahoma; 
	color: #2d2d2d; /*gray black*/
	font-size: 10pt;
}	
.container 
{
	text-align: center;
}
.mainPage 
{
	width: 987px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.header
{
	/*background-color: #262627;*/
	background: url(images/Banner.jpg);
	height: 80px;
}
.hdrTitle
{
	color: #FFFFFF; /*white*/
	font-size: 20pt;
	/*font-family: Arial;*/
	font-weight: 600;
	vertical-align: text-bottom;
	vertical-align: bottom;
    text-decoration: none;
	font-style: italic;
	white-space: nowrap;
}
.hdrSubTitle
{
	color: #FFFFFF; /*white*/
	font-size: 12pt;
	/*font-family: Arial;*/
	font-weight: 600;
	vertical-align: text-top;
	font-style: italic;
	white-space: nowrap;
}
.PageTitleBar
{
	font-weight: bold;
	font-size: 13px;
	background: url(Images/Toolbar.jpg);
	color: white;
	font-family: Verdana;
	height: 28px;
}
.trTitleBar
{
	visibility:visible;
}
.flash
{
	height: 193px;
}
.navbar
{
	background: url(images/NavBar.jpg) top left repeat-x;
	text-align: center;
}
.navbar span
{ 
	color: #FFFFFF; /*white*/
	word-spacing: 10px;
}
.navbar span a 
{
	color: #000000; /*black*/
	text-decoration: none; 
	font-weight: bold; 
	word-spacing: normal;
	font-size: 10pt;
}  
.navbar span a:hover 
{  
	text-decoration: none;
	color: #FFFFFF; /*light gray*/
}
.modalBackground 
{
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	z-index: 1000;
	background-color: #CECECE;
}
.modalPopup 
{
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color:#ffffff;
	border-width:2px;
	border-style:solid;
	border-color:#000000;
	padding:2px;
	z-index: 2000;
}
.content
{
	background: url(images/bg_light1.gif) top left repeat-x #FFFFFF;
}
.contentMain
{
	background: url(images/Background.gif) top left repeat-y;
}
.footer 
{ 
	height: 45px;
	background: url(images/bg_footer.gif) top left repeat-x; 
	padding: 20px 0 10px 0px; 
	text-align: center; 
}
.footer div
{
	color: #b0b0b0; /*gray*/
	font-size: 8pt;
}
.footer span
{ 
	color: #fece09; /*gold*/
	word-spacing: 23px;
}
.footer span a 
{
	color: #ffffff; /*white*/
	text-decoration: none; 
	font-weight: bold; 
	word-spacing: normal;
	font-size: 9pt;
}  
.footer span a:hover 
{  
	text-decoration: underline;
}
.col1, .col2, .col3, .col4, .col5, .box_1, .box_2
{ 
	float:left;
}

.Home		.col1{width:800px}

.AboutUs	.col1{ width:350px}
.AboutUs	.col2{ width:410px}
.AboutUs	.hdr{ width:800px}

.Features	.col1{width:800px}
.Features	.hdr{ width:800px}

.Solutions	.col1{width:800px}
.Solutions	.hdr{ width:800px}

.FAQ		.col1{width:800px}
.FAQ		.hdr{ width:800px}

.ContactUs  .col1{width:800px}
.ContactUs	.hdr{ width:800px}

.Support	.col1{width:303px}
.Support	.col2{width:420px}
.Support	.hdr{ width:800px}

.Screenshot	.col1{width:800px}
.Screenshot	.hdr{ width:800px}

/*---------------------------------------------------------------------------------------------------------------------TEGS*/
a img
{ 
	border: 0px;
}
img
{
	vertical-align: top;
}
b
{ 
	color: #8a8a8a; 
	font-size: 0.91em; 
	display: block;
}
.b1
{ 
	color: #ffffff; 
	font-size: 0.91em; 
	display: block;
}
.b2
{ 
	color: #000000; 
	font-weight: bold;
	/*display: block;*/
}
a
{ 
	color: #da9000; 
	text-decoration: underline;
} 
a:hover
{ 
	text-decoration: none;
}
.clear 
{ 
	clear: both;
}
em
{ 
	font-style: normal;
}

/*----------------------------------------------------------------------------------------------------------------------------UL*/
ul{margin:0; padding:0 0 12px 0px; list-style:none; line-height:17px}
ul li{margin:2px 0 2px 0px; vertical-align:middle; color:#da9000; text-decoration:none; background:url(images/bg_list_1.png) center left no-repeat; background-position:0 -3px; padding:0px 0 2px 20px} 
ul li a:hover { text-decoration:none; }

/*-------------------------------------------------------------------------------------------------------------------------LINE*/
.line_y{ background:url(images/bg_line_y.gif) top right repeat-y}
/*--------------------------------------------------------------------------------------------------------------------------MORE*/
.more{background:url(images/bg_list.png) center left no-repeat; background-position:0 2px; padding-left:18px; vertical-align:middle; color:#0a60a1; text-decoration:underline; font-size:0.91em}
.more:hover{ text-decoration:none}
.more1, .more2{ background:url(images/bg_more_text.png) top left no-repeat; color:#011629; text-decoration:none; font-weight:bold;}
.more1{ padding:6px 29px 10px 29px;}
.more1:hover{ text-decoration:underline}

.more2{ padding:6px 43px 10px 41px;}
.more2:hover{ text-decoration:underline}

.indent_more{ float:right; margin:15px 74px 0 0px}
.indent_more1{ float:right; margin:10px 8px 0 0px}
.indent_more2{ margin:8px 0 10px 0px}
.indent_more3{ margin:11px 0 10px 69px}
.indent_more4{ margin:5px 0 20px 0px}

/*===========================================================================================================================CONTENT=======*/
#content{ width:100%; text-align:left; padding:30px 0px 30px 30px}
#content .indent_cont{ padding:0 2px 0 2px}
#content .bg_light{ background:url(images/bg_light.gif) bottom left repeat-x #dadada; padding:31px 0 43px 34px}
#content .bg_light1{ padding:30px 0 30px 30px}
#content .bg_light2{ background:url(images/bg_light2.gif) bottom left repeat-x #dadadb; padding:31px 0 22px 34px}
#content .bg_color{ background:url(images/bg_color.jpg) bottom left repeat-x #0f2b49;}
#content .title{ display:block; margin:0 0 35px 0px}
#content .title_one{ margin:0 0 35px 0px}
#content .title_col{ margin:26px 0 0px 0px;}
#content .li_color_bot{ background:url(images/li_color_bot.gif) bottom right no-repeat;}
#content p{ margin:0px 60px 12px 0px}
#content .p1{ margin:0px 5px 12px 0px}
#content .p2{ margin:0px 5px 28px 0px}
#content .width_100{ width:100%}
#content .pic_left{ float:left; margin:0px 20px 0px 0px}
#content .pic_left1{ float:left; margin:0px 15px 0px 0px}
#content .indent_color{ padding:0px 30px 15px 32px}
#content .title_color{ margin:25px 0 19px 0px; display:block}
#content .title_color_one{ margin:25px 0 19px 0px;}
#content .col3, .col4{ color:#FFFFFF}
#content .pic{ display:block; margin:0px 0px 15px 0px}
#content .phone_box{ padding:12px 65px 10px 0px}
#content .fright { float:right;}
#content .contacts_box { width:342px; text-align:left}
#page1 #content .col3, .col4, .col5{ text-align:center}
#page3 #content .col3, .col4, .col5{ text-align:center}
/*===========================================================================================================================CONTENT CLASS=======*/
#page1 .col3{ background:url(images/bg_line_y.gif) top right repeat-y}
#page1 .col4{ background:url(images/bg_line_y.gif) top right repeat-y}
#page2 .col3{ background:url(images/bg_line_y.gif) top right repeat-y}
#page3 .col3{ background:url(images/bg_line_y.gif) top right repeat-y}
#page3 .col4{ background:url(images/bg_line_y.gif) top right repeat-y}
#page4 .col3{ background:url(images/bg_line_y.gif) top right repeat-y}
#page6 .col3{ background:url(images/bg_line_y.gif) top right repeat-y}

/*============================================================================================================================FORM=======*/

.h_f{ height:23px;}
.h{ height:19px; width:151px; margin:0px; padding:0px}