/* CSS Document */
* { margin:0; padding:0;}
body {font-size:100%; line-height:1.37em; text-align:center; background:#ffffff;}
html, input, textarea
	{	font-family:Arial; 
		color:#a4a4a4;
	}	

/*---------------------------------------------------------------------------------------------------------------------TEGS*/
a img{ border:0px}
img{ vertical-align:top}
.clear{ clear:both;}
a{ color:#54d949; text-decoration:underline}
b {color:#54d949;} 
a:hover{ text-decoration:none}
em{ font-style:normal}
span{ color:#787878; font-size:0.9em}
span a{ color:#ffffff; text-decoration:none; font-family:Tahoma; font-weight:bold; font-size:1em;}
span a:hover{ text-decoration:underline}
em{ font-style:normal; color:#787878}
/*-------------------------------------------------------------------------------------------------------------------------LINE*/
.line_y{ background:url(images/bg_line_y.gif.html) top right repeat-y}
.line_x{ background:url(images/line_x.gif) top left repeat-x; margin:0 10px 0 -13px; height:43px}
.line_x_1{ background:url(images/line_x.gif) top left repeat-x; margin:37px 10px 0 -13px; height:37px;}
.banner_right{margin:20px 0 0 -13px;}
/*--------------------------------------------------------------------------------------------------------------------------MORE*/
.more a, .more_1 a, .bg_go a, .bg_reset a, .bg_submit a{ text-align:center; color:#ffffff; text-decoration:none; font-family:Tahoma; font-weight:bold; font-size:0.85em !important;}
#page3 #content .col2 .indent_more, #page4 #content .col4 .indent_more, #page5 #content .col2 .indent_more{ float:right; margin:0 20px 0 0px}
.more a{ background:url(images/more.jpg) top left no-repeat; padding:5px 13px 5px 11px;}
.more a:hover{ text-decoration:underline}
.more_1 a{ background:url(images/more_1.gif) top left no-repeat; padding:5px 13px 5px 11px;}
.more_1 a:hover{ text-decoration:underline}
.bg_go a{ background:url(images/bg_go.gif) top left no-repeat; padding:1px 13px 9px 11px}
.bg_go a:hover{ text-decoration:underline}
.bg_reset a{ background:url(images/bg_reset.jpg) top left no-repeat; padding:0px 13px 8px 11px}
.bg_reset a:hover{ text-decoration:underline}
.bg_submit a{ background:url(images/bg_submit.jpg) top left no-repeat; padding:5px 13px 7px 11px}
.bg_submit a:hover{ text-decoration:underline}
/*----------------------------------------------------------------------------------------------------------------------------UL*/
.another1{margin:0 0 0 15px; padding:0; list-style:circle; line-height:29px}
.another1 li{ margin:0px }
.another1 li a{color:#9d9d9d; text-decoration:underline; background:url(images/bg_list.gif) center left no-repeat; font-size:1.07em; padding-left:13px;} 
.another1 li a:hover { text-decoration:none; }
.another{margin:0; padding:0; list-style:none; line-height:23px}
.another li{ margin:0px }
.another li a{color:#71c6ed; text-decoration:underline; background:url(images/bg_list_1.gif) center left no-repeat; font-size:0.857em; padding-left:26px; font-weight:bold} 
.another li a:hover { text-decoration:none; }
/*----------------------------------------------------------------------------------------------------------------------------UL*/
.anotherser{margin:0 0 0 15px; padding:0; list-style:circle; line-height:23px}
.anotherser li{ margin:0px }
.anotherser li a{color:#9d9d9d; text-decoration:underline;} 
.anotherser li a:hover { text-decoration:none; }
/*----------------------------------------------------------------------------------------------------------------------------UL*/
.trial-list{margin:0 0 0 15px; padding:0; list-style:decimal; line-height:23px}
.trial-list li{ margin:0px }
.trial-list li a{color:#9d9d9d; text-decoration:underline;} 
.trial-list li a:hover { text-decoration:none; }
/*==================================================================================HEADER=======*/
#header {height:451px; background:url(images/tall_top.jpg) top left repeat-x; font-size:0.875em}
#header a{ color:#2A2A2A; text-decoration:none}
#header a.on{color:#31A5D4;}
#header a:hover{color:#31A5D4; text-decoration:none}
#header .bg_hed_right{ background:url(images/t3.gif) top right no-repeat; height:217px; padding:0 0 0 0}
#header .menu{ height:54px;}
#header .k1{ width:19%;}
#header .k2{ width:20%;}
#header .k3{ width:20%;}
#header .k4{ width:20%;}
#header .k5{ width:20%;}
#header .k6{ width:19%;}
#header .logo{ height:164px;}
#header .indent_pic{ padding:66px 0 0 47px}
#header .indent_logo{ float:right; padding-right}
#header .indent_call{ float:right; margin:0 39px 0 197px}
#header .hed_bg{ height:217px; background:url(images/t2.gif) top left no-repeat}
#header h1.phone {color:#2A2A2A; font-size:17px}
/*===========================================================================================================================CONTENT=======*/
#content{ font-size:0.8125em; width:100%; text-align:left}
#content .title{ display:block; margin:0 0 25px 0px}
#content .title_1{ display:block; margin:0 0 34px 0px;}
#content p{ line-height:1.36em; font-size:1em}
#content .pic_left{ margin:0px 20px 0px 0px}
#content .pic{ display:block; margin:0px 20px 16px 0px}
#content .indent_pic{ display:block}
#content .width{ width:480px}
#content .indent{ padding:0 0 0 78px}
#content .indent1{ padding:0 0 0 33px}
#content .color{ background:#f7f7f7; color:#787878; font-size:0.93em; line-height:1.75em; padding:37px 27px 30px 35px; margin:21px 4px 44px 0px;}
#content .color span a{ font-size:0.98em}
#content .color2{ background:#f7f7f7; color:#787878; font-size:0.93em; line-height:1.75em; padding:37px 27px 30px 35px; margin:21px 4px 44px 0px; border:#57b7e1 dashed 1px;}
#content .color2 span a{ font-size:0.98em}
#content .col1 .pic_left, .pic_left_1{ margin:0 12px 0 0px}
/*===========================================================================================================================CONTENT CLASS=======*/
#page1 #content .col1 .title{margin:0 0 25px 32px}
#page1 #content .col1 a{ color:#313131; text-decoration:underline}
#page1 #content .col1 a:hover{ text-decoration:none}
#page1 #content .col1 p{ margin:25px 0 46px 32px}
#page1 #content .col1 .indent_pic{ margin:0 0 12px 0px}
#page1 #content .col1 .width{ width:410px}
#page1 #content .col2{ padding:35px 0 0 0px;}
#page1 #content .col2 p{ margin:0 22px 26px 0px;}
/*============================================================================================================================FOOTER=======*/
#footer { height:111px; background:url(images/bg_footer.gif) top left repeat-x; font-size:0.75em; color:#9f9f9f; padding:24px 0 0 39px }
#footer p{ text-align:right; margin:0 35px 0 0px; font-size:1.083em; word-spacing:15px}
#footer strong{ float:left; font-weight:normal}
#footer a{ color:#9f9f9f; text-decoration:underline}
#footer a:hover{ text-decoration:none}
#footer span a {color:#40abdc; text-decoration:underline; word-spacing:normal; font-weight:normal}  
#footer span a:hover { color:#9d9d9d; text-decoration:none}
#footer b a {color:#9d9d9d; text-decoration:none; font-weight:normal; word-spacing:normal}  
#footer b a:hover { color:#40abdc; text-decoration:underline}
/*============================================================================================================================FORM=======*/
.h_f{ height:29px}
.h{ height:21px; width:236px; margin:0px; padding:0px}
.h_f_1{ height:21px}
.h_1{ height:18px; width:209px; margin:0px; padding:0px}
.indent_form{ float:left; padding:0 22px 0 90px}
input{
   background:none;
   border:1px solid #a2a2a2;
   color:#a4a4a4;
   font-size:1em
}
textarea{
   background:none;
   border:1px solid #a2a2a2;
   width:229px; height:147px;
   color:#a4a4a4;
   font-size:1em;
   overflow:auto;
   margin:0 0 23px 0px}


/*----------------- h tage ------------------- */

h1.top {font-family:Arial;
text-align:center;
color:#2A2A2A;
padding-top:15px;
padding-bottom:5px;
font-size:27px}

h1.topic {font-family:Arial;
text-align:left;
color:#2A2A2A;
font-size:16px}

h1.features {
font-family:Arial;
text-align:left;
font-size:16px;
color:#76C4E7;}

h2.features {
font-family:Arial;
text-align:left;
font-size:16px;
color:#76C4E7;
padding-bottom:15px;
}

h2.trial {
font-family:Arial;
text-align:left;
font-size:16px;
color:#990000;
padding-bottom:15px;
line-height:18px;
}

.or {
font-family:Arial;
text-align:left;
font-size:20px;
color:#40AADA;
font-weight:bold;
line-height:40px;
}

h1.about {
font-family:Arial;
text-align:left;
font-size:16px;
color:#94D35E;
padding-bottom:10px;}
/*--------------title tag ------------------*/

#title {height:20px;}
#title h1 {color:#31A5D4;
text-align:center;
font-family:Arial;
font-size:15px;}

/*--------------ending ------------------*/

.facts {font-size:12px;}

.contact {font-size:17px;}
.contact input {background-color:#FFFFFF; padding-top:5px; padding-bottom:5px; color:#333333;}
.contact .req {font-family:Arial; color:#990000; font-weight:bolder;}