html {height:100%; width: 900px; height: 700px; margin:0 auto}
body {
	margin:0 auto;
	padding:0;
	background: #eeeeee;
	height:100%;
}
table, td {
	border-collapse:collapse;
	width:100%;
	font-size:100%
}
table, td, img {border:0; padding:0; margin:0}
form, td{margin:0; padding:0;}
td, select, input { font-family:verdana; color:#000000; vertical-align:top;  text-align:left; }
.table{ height:100%; }
img{
	vertical-align:top;
}




/*in_line_style*/
.min_width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 837)? "837px" : "100%"); min-width:837px;}


.clear{ clear:both}

.fleft{ float:left}
.fright{ float:right}

.link{ color:#ff0000; text-decoration:underline; font-weight:bold}
.link:hover{ text-decoration:none}

.link1{ color:#ff0000; text-decoration:underline}
.link1:hover{ text-decoration:none}

.col_1, .col_2, .col_3, .col_4{ float:left}

p {margin:0; padding:0;}

ul { margin:0; padding:0; list-style:none; color:#5b9804; line-height:1.35em}
ul li{ background:url(images/list_bg.gif) no-repeat 0 7px; padding-left:13px}
ul li a { color:#666666; text-decoration: none; font-weight:bold}
ul li a:hover{ text-decoration: underline}

.main_table{ width:100%}
.site_center{text-align:center; width:100%;}
.site_center1{margin:0 auto; text-align:left; width:100%}

.title, .title_top, .title_bot{ display:block}

.right1{ text-align:right}


.separate{ background:url(images/bg2.gif) repeat-x; width:auto; height:1px}

.main_bg{ background: url(images/main_top.gif) repeat-x 0 116px #ffffff}
.main_bg1{ background:url(images/main_bot.gif) repeat-x left bottom}

.separate{ width:auto; height:12px; background:url(images/px.gif) repeat-x}

/*header*/
#header{ height:155px; text-align:center}
#header .logo{ padding:33px 57px 27px 41px}
#header .menu{ height:59px; text-align:center; background:url(images/menu_rb.gif) no-repeat right bottom} 

/*content*/
#content{ height:531px; background:url(images/cont_rt.jpg) right top no-repeat; font-size:0.75em}
#content .col1{ width:35px}
#content .col2{ width:258px}
#content .col2 .indent{ padding:10px 0 164px 0}
#content .col3{ width:100%}
#content .col3 .row1{ height:196px; text-align:right; padding-right:60px}
#content .col3 .row2{
	height:335px;
	text-align: justify;
}
#content .col3 .row2 .indent{ padding:0 38px 30px 20px}

.block{
	width:258px;
	color:#000000;
	font-size: 10%;
}
.block strong{ color:#666666}
.block .t{ background:url(images/border.gif) repeat-x #ffffff}
.block .b{ background:url(images/border.gif) repeat-x left bottom}
.block .l{ background:url(images/border.gif) repeat-y}
.block .r{ background:url(images/border.gif) repeat-y right bottom}
.block .lt{ background:url(images/lt.gif) no-repeat}
.block .rt{
	background:url(images/rt.gif) no-repeat right top;
	font-size: 10pt;
}
.block .lb{
	background:url(images/lb.gif) no-repeat left bottom;
	color: #333;
}
.block .rb{ background:	url(images/rb.gif) no-repeat right bottom; height: 375px; border-right-width: 0px;}
.block .ind{ padding:24px 17px 19px 17px; width: 220px; height: 300px; padding-bottom: 19px; padding-left: 0px; padding-right: 0px; border-right-width: 0px; margin-left: 17px;}
.block .ind .title{ margin-bottom:12px}
.block .box{ width:100%}
.block .r1{ height:47px}
.block .r1 input{ width:220px; height:18px; color:#666666; font-size:1em; line-height:0.95em}
.block .r2{ height:27px}
.block .r2 .check{ width:12px; height:12px; vertical-align:middle}
.block .r2 .col_2{ padding-top:2px}
.block .r3{ height:18px}
.block .r4{ height:33px}
.block .r4 .col_1{ width:83px}
.block .r4 .col_1 select{ width:78px; height:18px; color:#666666; line-height:0.95em; font-size:0.95em}
.block .r4 .col_2{ width:39px}
.block .r4 .col_2  select{ width:34px; height:18px; color:#666666; line-height:0.95em; font-size:0.95em}
.block .r4 .col_3{ width:24px}
.block .r4 .col_4{ width:78px}
.block .r4 .col_4 select{ width:78px; height:18px; color:#666666; line-height:0.95em; font-size:0.95em}

.block .r5{ height:13px; background:url(images/px.gif) repeat-x}
.block .r6{ height:20px}
.block .r7{ height:36px}
.block .r7 .col_1{ width:83px}
.block .r7 .col_1 select{ width:78px; height:18px; color:#666666; line-height:0.95em; font-size:0.95em}
.block .r7 .col_2{ width:39px}
.block .r7 .col_2  select{ width:34px; height:18px; color:#666666; line-height:0.95em; font-size:0.95em}
.block .r7 .col_3{ width:24px}
.block .r7 .col_4{ width:78px}
.block .r7 .col_4 select{ width:78px; height:18px; color:#666666; line-height:0.95em; font-size:0.95em}

.block .r8{ height:38px}
.block .r8 .col_1{ width:59px}
.block .r8 .col_2{ width:165px}
.block .r8 .col_2 select{ width:163px; height:18px; color:#666666; line-height:0.95em; font-size:0.95em}

.block .r9{ height:45px; text-align:right}


/*footer*/
#footer{ height:114px; color:#cccccc; font-size:0.75em}
#footer p{ padding-bottom:17px; word-spacing:18px}
#footer p a{ word-spacing:normal}
#footer strong{ color:#666666}
#footer a{ color:#ff0000; text-decoration:underline; font-weight:bold}
#footer a:hover{ text-decoration:none}
#footer  div{ padding:15px 0 0 45px}

/*index.html*/
#page1 #content .col3 .title_top{ margin-bottom:6px}
#page1 #content .col3 .separate{ margin-top:26px; margin-bottom:6px}
#page1 #content .col3 .box{ width:100%}
#page1 #content .col3 .box .c1{ width:49%; float:left}
#page1 #content .col3 .box .c2{
	width:50%;
	float:right
}
#page1 #content .col3 .title_bot{ margin:5px 0 12px 0}
#page1 #content .row2 .indent{left: 0px; width: 550px; height: 299px}
/*index-1.html*/
#page2 #content .col3 .title_top{ margin-bottom:6px}
#page2 #content .col3 p{ padding-bottom:19px}
#page2 #content .col3 .img{ float:left; margin:0 27px 27px 0}
#page2 #content .col3 .title_bot{ margin-bottom:3px; margin-top:10px}
#page2 #content .col3 .box{ width:100%}
#page2 #content .col3 .box .c1{ width:56%; float:left}
#page2 #content .col3 .box .c2{ width:44%; float:left}
#page2 #content .row2 .indent{left: 0px; width: 500px;}
/*index-2.html*/
#page3 #content .col3 .title{ margin-bottom:6px}
#page3 #content .col3 p{ padding-bottom:24px}
#page3 #content .col3 .img{ float:left; margin:0 20px 23px 0}
#page3 #content .row2 .indent{left: 0px; width: 500px;}
#page3 #content .col2 .indent .imgg{ vertical-align:top; float:left; margin:0 20px 23px 0; width: 100px; height: 100px; margin-left: 9px;}
/*index-3.html*/
#page4 #content .col3 .title_top{ margin-bottom:6px}
#page4 #content .col3 p{ padding-bottom:18px}
#page4 #content .col3 .separate{ margin-top:21px}
/*SatiSoft*/
#content .col3 .row2 .indent{ width:400px; left:250px; position:relative}
#page4 #content .row2 .indent{left: 0px; width: 410px;}
	
 
#page4 #content .col3 .title_bot{ margin-bottom:14px; margin-top:7px}
#page4 #content .col3 .ind{ padding-bottom:14px}
#page4 #content .col3 .img{ float:left; margin:3px 20px 0 0}

/*index-4.html*/
#page5 #content .col3 .title_top{ margin-bottom:7px}
#page5 #content .col3 .box{ width:100%}
#page5 #content .col3 .box .c1{ width:55%; float:left}
#page5 #content .col3 .box .c2{ width:45%; float:left}
#page5 #content .col3 .box .ind{ margin-right:40px}
#page5 #content .col3 .box strong{ color:#ff0000}
#page5 #content .col3 .box img{ float:left; margin-right:20px}
#page5 #content .col3 .box .r{ text-align:right}
#page5 #content .col3 .separate{ margin-top:26px}
#page5 #content .col3 .title_bot{ margin:9px 0 10px 0}
#page5 #content .row2 .indent{left: 0px; width: 500px;margin-left: 20px;}
#page5 #content .row2 .indent .ind{width:210px;}
#page5 #content .row2 .indent .staedte{left: 0px; padding-left: 0px; height: 900px; width: 300px;}
#page5 #content .col2 .indent .imgg{ vertical-align:top; float:left; margin:0 20px 23px 0; width: 100px; height: 100px;margin-left: 9px;}

#page5 #content .col3 .box1{ width:100%; margin-top:18px }
#page5 #content .col3 .box1 .c1{ width:26%; padding-top:2px; float:left}
#page5 #content .col3 .box1 .c2{ width:40%; float:left}
#page5 #content .col3 .box1 .c3{ width:34%; float:left}

/*index-5.html*/
#page6 #content .col3 .img{ float:left; margin:3px 21px 24px 0}
#page6 #content .col3 p{ padding-top:7px}
#page6 #content .col3 .title_bot{ margin:8px 0 12px 0}
#page6 #content .col3 .form_box{ width:481px}
#page6 #content .col3 .form_box .c1{ width:258px}
#page6 #content .col3 .form_box .c1 .row{ height:35px}
#page6 #content .col3 .form_box .c2{ width:223px}
#page6 #content .col3 .form_box input{ width:208px; height:16px; color:#000000; font-size:1em; font-family:verdana}
#page6 #content .col3 .form_box textarea{ width:221px; height:87px; color:#000000; font-size:1em; overflow:auto; font-family:verdana}
#page6 #content .col3 .form_box .right1{ margin-top:6px}
#page6 #content .col3 .form_box .right1 a{ margin-left:8px}

#page6 #content .row2 .indent{left: 0px; margin-left: 0px;width: 500px}

/*index-6.html*/
#page7 #content .col3 { line-height:1.3em}
#page7 #content .col3 strong{ display:block}
#page7 #content .col3 p{ padding-bottom:14px}

.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
background: #F7F7F7; /*menu strip background*/
border: 1px solid gray;
padding: 4px 0;
border-width: 1px 0;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('images/aeroleft.gif') no-repeat top left;
display: inline-block;
float: none;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}


.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url('images/aeroright.gif') no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: yellow;
}

.black a.aero{
background-image: url('media/aeroleftblack.gif');
}

.black a.aero span{
background-image: url('media/aerorightblack.gif');
}

.aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}



/*SatiSoft*/