* { margin:0; padding:0;}
body{ background:#111111; line-height:16px}
html, input, textarea{font-family:tahoma; font-size:12px; color:#999999}

input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}


.column { float:left;}
.clear { clear:both;}
.right{ float:right}
.right1{ text-align:right}

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

.title_top, .title_bot, .title { display:block}
.indent_image, .indent_image1{ float:left}

form { margin:0; padding:0; display:inline;}
p{ margin:0; padding:0;}


a{ color:#2f56d8; text-decoration:none}
a:hover{ text-decoration:underline}

span{ color:#b80004; font-size:16px} 

ul { margin:0; padding:0; list-style:none}
ul li{ line-height:14px; background:url(images/bottom.gif) repeat-x left top; padding: 4px 0 3px 0; width:auto}
ul li a { background:url(images/list_bg.gif) no-repeat 7px 4px; color:#2f56d8; text-decoration:none; padding-left:15px}
ul li a:hover{ text-decoration:none; color:#555555}
ul li span{ background:url(images/list_bg.gif) no-repeat 7px 4px; color:#f0f0f0; text-decoration:none; padding-left:15px; 
font-size:12px}

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

span a{ color:#888888; font-size:9px; padding-left:8px;  text-decoration:none; background:url(images/marker.gif) no-repeat 0 3px}
span a:hover{ text-decoration:underline}

/*header*/
#header .row2{ background:url(images/header_bg.jpg) no-repeat}
#header .row1 img{ margin-top:28px}
#header .row1 .img{ margin-right:1px}
#header .row2 div{ padding-top:21px}
#header .row2 .slogan{ margin:22px 0 0 74px; display:block}

/*content*/
#content{ background:#252525; width:725px}

/*footer*/
#footer{ background:url(images/footer.gif) repeat-x; font-size:9px; line-height:14px}
#footer .indent{ padding:15px 29px 35px 34px}
#footer .indent .left{ float:left; color:#555555}
#footer .indent .left a{ color:#555555; text-decoration: none}
#footer .indent .left a:hover{ text-decoration:underline}
#footer .indent .left span{ text-transform:uppercase; color:#7d7d7d; font-size:9px}
#footer .indent .right{ float:right}
#footer .indent .right img{ margin-left:5px; vertical-align:middle}
#footer .indent .right a{ color:#7d7d7d; text-decoration:none; text-transform:uppercase}
#footer .indent .right a:hover{ text-decoration:underline}


/*==================index.html==================*/
#page1 #content .row1{ background:url(images/picture.jpg) no-repeat 20px 0px}
#page1 #content .row1 .indent{padding:20px 0 20px 284px}
#page1 #content .row1 .indent .block{ width:441px; background:url(images/y.gif) repeat-y;}
#page1 #content .row1 .indent .block .r1, #page1 #content .row1 .indent .block .r2{ width:441px}
#page1 #content .row1 .indent .block .r1 .ind{ padding-left:20px; padding-bottom:13px}
#page1 #content .row1 .indent .block .r1 .title{ margin-bottom:4px}
#page1 #content .row1 .indent .block .r2 .img{ margin-left:20px; margin-right:40px;}


#page1 #content .row2{ background: url(images/x.gif) repeat-x}

#page1 #content .row2 .product{padding:15px 15px 15px 15px;}
#page1 #content .row2 .product .img2{float:right;padding-top:20px}


#page1 #content .row2 .r1{background:url(images/bg1.gif) no-repeat 621px 15px}
#page1 #content .row2 .r2{ background:url(images/y.gif) repeat-y 362px 0}
#page1 #content .row2 .r2 .col1 .title{ margin:0 0 5px 15px}
#page1 #content .row2 .r2 .col1 .indent{ padding:0 45px 0 20px}
#page1 #content .row2 .r2 .col1 span{ display:block; margin-bottom:2px}
#page1 #content .row2 .r2 .col1 ul{ margin-top:14px}
#page1 #content .row2 .r2 .col1 span a{ margin-left:7px}

#page1 #content .row2 .r2 .col2 .indent{ padding:0 21px 8px 31px}
#page1 #content .row2 .r2 .col2 .indent .repeat{ background:url(images/repeat.gif) repeat-y}
#page1 #content .row2 .r2 .col2 .indent .top{ background:url(images/top.gif) no-repeat}
#page1 #content .row2 .r2 .col2 .indent .bot{ background:url(images/bot.gif) no-repeat left bottom}
#page1 #content .row2 .r2 .col2 .indent .ind{ padding:15px 30px 23px 30px; color:#cccccc}
#page1 #content .row2 .r2 .col2 .indent .ind .title{ margin-bottom:9px}
#page1 #content .row2 .r2 .col2 .indent .ind p{ padding-top:12px}

#page1 #content .row2 .r3{background:#252525}


/*=====*/


/*==================index-1.html==================*/
#page2 #content .row1 .indent{ padding:25px 25px 15px 20px}
#page2 #content .row1 .indent .block{ width:680px}
#page2 #content .row1 .indent .block .col1{ width:280px}
#page2 #content .row1 .indent .block .col2{ width:400px}
#page2 #content .row1 .indent .block .col2 .title{ margin-bottom:5px}
#page2 #content .row1 .indent .block .col2 ul{ margin-top:6px}

#page2 #content .row2{ background:url(images/x.gif) repeat-x}
#page2 #content .row2 .r2{ background:url(images/y.gif) repeat-y 296px 0}
#page2 #content .row2 .r2 .col1 .indent{ padding:0 25px 0 20px}
#page2 #content .row2 .r2 .col1 .indent .title{ margin-bottom:5px}
#page2 #content .row2 .r2 .col1 .indent  ul{ margin-top:16px}

#page2 #content .row2 .r2 .col2 .indent{ padding:0 18px 5px 34px}
#page2 #content .row2 .r2 .col2 .indent .title{ margin-bottom:5px}
#page2 #content .row2 .r2 .col2 .indent .img{ margin:4px 34px 0 0; float:left}
#page2 #content .row2 .r2 .col2 .indent p{ padding-top:14px}

#page2 #content .row2 .r3{ background:#252525}


/*=====*/


/*==================index-2.html==================*/
#page3 #content .row2{ background:url(images/y.gif) repeat-y 392px 0}
#page3 #content .row2 .col1 .indent{ padding-right:10px; padding-bottom:8px;padding-top:25px;padding-left:15px;}
#page3 #content .row2 .col1 .indent .title{ margin-bottom:15px}
#page3 #content .row2 .col1 .indent .img{ float:left; margin:4px 10px 22px 0px}
#page3 #content .row2 .col1 .indent p{ padding-bottom:3px}

#page3 #content .row2 .col1 .indent .title_bot{ margin:27px 0 0 15px}
#page3 #content .row2 .col1 .indent .img1{ margin:0 26px 0 15px; float:left}
#page3 #content .row2 .col1 .indent .ind{ padding-top:6px}


#page3 #content .row2 .col2 .indent{ padding:0 17px 0 15px}
#page3 #content .row2 .col2 .indent .title{ margin-bottom:15px;  padding-top:25px;}
#page3 #content .row2 .col2 .indent ul{ margin-top:20px}


/*=====*/


/*==================index-3.html==================*/
#page4 #content .row2{ background:url(images/x.gif) repeat-x}

#page4 #content .row1 .indent{ padding:62px 15px 42px 19px} 
#page4 #content .row1 .indent .title{ margin-bottom:5px}
#page4 #content .row1 .indent .block{ width:691px; background:url(images/y.gif) repeat-y 339px 0; margin-top:13px}
#page4 #content .row1 .indent .block .col1{ width:339px}
#page4 #content .row1 .indent .block .col1 div{ padding-right:22px}
#page4 #content .row1 .indent .block .col2 div{ padding-left:33px}
#page4 #content .row1 .indent .block .col2{ width:352px}
#page4 #content .row1 .indent .block .img{ margin:0 35px 17px 0; float:left}
#page4 #content .row1 .indent .block .img1{ margin:0 35px 0 0; float:left}
#page4 #content .row1 .indent .block p{ padding-bottom:3px}

#page4 #content .row2 .indent{ padding:38px 19px 21px 19px}
#page4 #content .row2 .indent .title{ margin-bottom:4px}
#page4 #content .row2 .indent .ind{ padding-right:112px; padding-top:7px}

/*=====*/


/*==================ABOUT==================*/

#page5 #content .row2{ background:url(images/x.gif) repeat-x}

#page5 #content .row1 .indent{ padding:25px 19px 20px 19px}
#page5 #content .row1 .indent .title{ margin-bottom:3px}
#page5 #content .row1 .indent .ind{padding-top:5px;padding-bottom:5px;padding-left:15px}
#page5 #content .row1 .indent .ind a { background:url(images/list_bg.gif) no-repeat 7px 5px; color:#2f56d8; text-decoration:none; padding-left:15px; font-size:12px}

#page5 #content .row2 .indent{ padding:20px 15px 28px 19px} 
#page5 #content .row2 .indent .title{ margin-bottom:2px}
#page5 #content .row2 .indent .block{ width:684px; background:url(images/y.gif) repeat-y 342px 0; margin-top:11px}
#page5 #content .row2 .indent .block .col1{ width:342px}
#page5 #content .row2 .indent .block .col1 div{ padding-right:22px}
#page5 #content .row2 .indent .block .col2 div{ padding-left:25px}
#page5 #content .row2 .indent .block .col2{ width:342px}
#page5 #content .row2 .indent .block .img{ margin:3px 15px 31px 0; float:left}
#page5 #content .row2 .indent .block .img1{ margin:3px 15px 25px 0; float:left}
#page5 #content .row2 .indent .block p{ padding-bottom:3px}


/*=====*/


/*================== CONTACT ==================*/
#page6 #content .row2{ background:url(images/y.gif) repeat-y 362px 0}
#page6 #content .row2 .col1 .indent{ padding: 25px 30px 5px 20px} 
#page6 #content .row2 .col1 .indent .title{ margin-bottom:5px}
#page6 #content .row2 .col1 .indent span{ display:block}

#page6 #content .row2 .col2 .indent{ padding:10px 20px 8px 31px}
#page6 #content .row2 .col2 .indent .title{ margin-bottom:6px}
#page6 #content .row2 .col2 .indent p{ padding-top:18px; padding-bottom:20px}
#page6 #content .row2 .col2 .indent a{ color:#555555; text-decoration:none}
#page6 #content .row2 .col2 .indent a:hover{ text-decoration:underline}

#page6 #content .row2 .col2 .indent .separate1{ margin-bottom:10px}

#page6 #content .row2 .col2 .indent .repeat{ background:url(images/repeat.gif) repeat-y}
#page6 #content .row2 .col2 .indent .top{ background:url(images/top1.gif) no-repeat}
#page6 #content .row2 .col2 .indent .bot{ background:url(images/bot.gif) no-repeat left bottom}
#page6 #content .row2 .col2 .indent .ind{ padding:17px 20px 10px 30px}
#page6 #content .row2 .col2 .indent .ind .title{ margin-bottom:17px}

#page6 #content .row2 .col2 .indent .ind .block{ width:253px}
#page6 #content .row2 .col2 .indent .ind .block .r1{ height:25px}
#page6 #content .row2 .col2 .indent .ind .block .r2{ height:96px}
#page6 #content .row2 .col2 .indent .ind .block input{ width:251px; height:18px; border:#a4a4a4 1px solid; color:#a4a4a4; background:#4e4e4e; display:inline; font-size:11px}
#page6 #content .row2 .col2 .indent .ind .block textarea{ width:251px; height:62px; border:#a4a4a4 1px solid; color:#a4a4a4; background:#4e4e4e; display:inline; overflow:auto; font-size:11px}

#page6 #content .row2 .col2 .indent .ind .block .right1{ margin-top:7px}
#page6 #content .row2 .col2 .indent .ind .block .right1 span a{ margin-left:21px; color:#29959e}

#page6 #content .row3{background:#252525}


/*=====*/


/*==================FAQ==================*/
#page7 #content .indent{ padding:25px 20px 34px 15px}
#page7 #content .indent .title{ margin-bottom:20px}
#page7 #content .indent span{ display:block}
#page7 #content .indent p{ padding-top:8px; color:#29959e}
#page7 #content .indent .imgleft{ margin-left:0px; margin-right:15px; margin-top:15px; margin-bottom:15px;}
#page7 #content .indent .imgright{ margin-left:15px; margin-right:0px; margin-top:15px; margin-bottom:15px;}

/*=====*/