/* CSS Document */
* { margin:0; padding:0;}

.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; line-height:0.95em; text-align:center; background:url(images/bg.gif) repeat-x top #0494ce}
html, input, textarea
	{	font-family:Tahoma; 
		color:#ffffff;
	}	


.vam{
	vertical-align:middle;
	padding-left: 47px;
	padding-top: 10px;
	margin-bottom: -10px;
	margin-right: -33px;
}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.width{ width:100%}

a img{ border:0px}
img{ vertical-align:top;  }


a{color:#77df49; text-decoration:underline; font-weight:bold} 
a:hover{text-decoration:none}

ul{margin:0; padding:0; list-style:none; line-height:1.3em; margin-bottom: 10px;}
ul li{background:url(images/arrow3.gif)  center left no-repeat; margin:0px; padding-left:10px; margin-bottom: 5px; }
ul li a{color:#a2e8ff; text-decoration:none ; font-weight:normal;} 
ul li a:hover { text-decoration:none; color:#77df49; }

/*header*/
#header{ font-size:0.75em; width:100%; text-align:left}
#header .logo{ margin:29px 0 0px 0px }
#header .pic{ margin:0px 17px 0px 18px }
#header .word{ margin:34px 0px 0px 17px; position:absolute }
#header .but1{ margin:0px 0px 0px 251px; position:absolute }
#header .price{ margin:110px 0px 0px 226px; position:absolute }
#content  h2 {
	color: #FFFFFF;
	margin-bottom: 10px;
	margin-top: 5px;
}

#header .word1{ margin:34px 0px 0px 0px }
#header .more_1{ margin:14px 0px 0px 0px }
#header .bannner{ background:url(images/banner.jpg) bottom no-repeat; height:171px; width:100%}
#header .menu {
	width: 100%;
	float: left;
	padding-top: 151px;	
	margin-bottom: -151px;
}

.menu ol {
	list-style:none;
	height: 20px;
	margin: 0;
	padding: 0;
}

.menu li {
	float: left;
    margin: 0 1px 0 0;
    padding-left: 1px;
}

.menu li a {
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
    display: block;
    float: left;    
    text-decoration: none;
	text-transform: uppercase;
	height: 20px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	width: auto;
	text-align: center;
}

.menu li a:hover {
	color:#FF6600;
}	


#header .top{
	background:url(images/bg_top1.jpg) top no-repeat;
	height:280px;
	width:100%;
	float: left;
}
#header .indent{padding:34px 0px 0px 15px}
#header .indent1{
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 10px;
}

/*content*/
#content{
	font-size:0.75em;
	width:100%;
	text-align:left;
	margin-top: 5px;
}
#content .title{  margin-bottom:5px}
#content .title1{  margin-top:5px; position:absolute}
#content .title2{  margin:5px 0 6px 0}
#content .title_1{background:url(images/bg_5.gif) no-repeat top left #047eb3; padding:9px 26px 21px 80px; color:#a2e8ff; font-weight:bold; font-size:0.9em}
#content .title_1 a{color:#a2e8ff; text-decoration:none}
#content .title_1 a:hover{text-decoration: underline}
#content .title_1 strong a{color:#ffffff}
#content p{ margin:0px 0px 15px 0px}
#content .p1{ margin:5px 0px 5px 0px}
#content .p2{ margin:0px}
#content .pic_left{ float:left; margin:0px 20px 16px 0px}
#content .pic{ margin:20px 0px 16px 0px}
#content .line{ margin:15px 0px 13px 0px }
#content .indent{padding:0px 0px 24px 9px}
#content .indent_col1{padding:5px 25px 15px 10px}
#content .indent_col2{padding:5px 25px 0px 24px}
#content .indent_col3{padding:5px 25px 0px 24px}
#content .indent_1{padding:0px 0px 0px 105px}
#content .indent_2{padding:0px 0px 5px 0px}
#content .indent_3{padding:0px 0px 0px 95px}
#content .indent_4{padding:0px 0px 0px 144px}

.block{ width:218px; background:url(images/bg_2.gif); float:right}
.bg_block{ background:url(images/bg_1.gif) no-repeat top;}
.bg_block1{ background:url(images/bg_3.gif) no-repeat bottom; padding:28px 17px 17px 23px;}
/*table*/
.table{
	width:440px;
	height:223px;
	font-size:12px;
	background-color: #0498D0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.table td{ background:#0497d0;}
.table .col_1{ height:24px; width:138px; vertical-align:middle; text-align:center}
.table .col_2{ width:99px; vertical-align:middle; text-align:center}
.table .col_3{ width:94px; vertical-align:middle; text-align:center}
.table .col_4{ width:104px; vertical-align:middle; text-align:center}
.table .col_5{ height:200px; padding:10px 0px 5px 14px}
.table .col_6{ padding:10px 0px 5px 14px}
.table .col_7{padding:10px 0px 5px 14px}
.table .col_8{ padding:10px 0px 5px 14px}
.table ul{margin:0; padding:0; list-style:none; line-height:1.7em}
.table ul li{background:url(images/arrow3.gif)  center left no-repeat; margin:0px; padding-left:10px }
.table ul li a{color:#a2e8ff; text-decoration:none ; font-weight:normal; font-size:1.2em} 
.table ul li a:hover { text-decoration:none; color:#77df49; }

.block2{background:url(images/bg_4.gif) repeat-x top #0476af }
.block2 div{ height:27px; font-size:0.9em}
.block2 .h1{ height:18px; }
.block2 .fr1{ text-align:right; margin-right:23px;}
.block2 .fr2{ text-align:right; margin-right:5px;}
.icon3{ margin-left:2px; vertical-align:middle}
.block2 .indent_5{padding:0px 140px 10px 22px; color:#6cc1e4; line-height:1.2em; background:url(images/line3.gif) no-repeat bottom #0476af; height:100%}
.indent_6{padding:10px 0px 0px 0px;}
.but2{ margin:0px 0px 14px 174px; position:absolute }
.vam1{background:url(images/line4.gif) no-repeat top left #047bb2; padding:0px 0px 0px 20px; height:36px; font-size:0.9em; }


/*index.html*/
#page1 #content .indent_col2{padding:5px 25px 0px 15px}
/*index-2.html*/
#page3 #content .indent_col1{padding:5px 0px 15px 10px}
/*index-3.html*/
#page4 #content .indent_col2{padding:5px 25px 0px 15px}
/*index-3.html*/
#page8 #content p{margin:0px 0px 20px 0px}


/*footer*/
#footer {
	color:#ffffff;
	font-size:0.75em;
	background:url(images/bg_bot.gif) repeat-x top;
	margin-right:28px;
	padding-right: 25px;
	padding-left: 16px;
	padding-top: 35px;
}
.bright {
	font-weight: bold;
	color: #FFCC00;
	margin-bottom: 2px;
	display: block;
}



.jamp1{ width:42px; }
.jamp2{ width:74px;}
.jamp3{ width:95px;}
.jamp4{ width:87px; margin-left:15px}
.jamp5{ width:87px; margin:0 35px 0 5px}
select{ font-size:1em; color:#666666; margin-left:5px; vertical-align:middle; height:21px;}
.input{
	background:#ffffff;
	border:1px solid #03b5dd;
	color:#000000;
	width:173px;
	height:22px;
	font-size:0.9em;
	padding-left:5px;
	margin-bottom:6px
}
.input1{
	color:#666666;
	width:16px; height:16px;
	font-size:0.9em;
	margin:0 5px 0 5px;
	vertical-align:middle
}.input2{
	background:#ffffff; 
	border:1px solid #03b5dd;
	color:#666666;
	width:215px; height:21px;
	font-size:1em;
	padding-left:5px;
	margin:0 0px 0 9px;
	vertical-align:middle
}
input{
	width:193px;
	height:18px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:3px;
	color: #000000;
}
textarea{
	width:193px;
	height:auto;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto;
	color: #000000;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

/*  */

.error{
	display: block;
	font-weight: bold;
	color:#CC0000;
}