html {height:100%;}
body {margin:0; padding:0; background: url(images/body.gif); height:100%}
table, td {border-collapse:collapse; height:100%; width:100%}
table, td, img {border:0; padding:0px; margin:0px}
form, td{margin:0; padding:0;}
td, select, input { font-family:arial; font-size:13px; color:#bab9b9; vertical-align:top;  text-align:left; line-height:16px}
.table{ height:100%; }
img{ vertical-align:top}


/*in_line_style*/
p {margin:0; padding:0;}

.list ul { margin:0; padding:0; list-style:none;}
.list ul li a { color:#d57800; text-decoration:underline; line-height:19px; font-weight:bold}
.list ul li a:hover{ text-decoration:none}

.list1 ul { margin:0; padding:0; list-style:none;}
.list1 ul li a { color:#d57800; text-decoration:underline; line-height:18px; font-weight:bold}
.list1 ul li a:hover{ text-decoration:none}

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

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

strong a{ color:#d57800; text-decoration:underline}
strong a:hover{ text-decoration:none}

span{ color:#ffffff; font-size:12px}

.right{ text-align:right}

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

/*header*/
#header{ height:341px}
#header .logo{ height:94px} 
#header .logo .col1{ width:658px}
#header .logo .col1 img{ margin:26px 0 0 30px}
#header .logo .col2{ width:1px}
#header .logo .col3{ width:106px}
#header .logo .col3 div{ margin:37px 0 0 11px}
#header .menu{ height:247px} 
#header .menu .slogan{ width:547px; background:url(images/slogan_bg.jpg) no-repeat; padding-top:62px}
#header .menu .slogan img{ margin-left:65px; display:block}
#header .menu .rolover{ width:219px; background:url(images/rolover_bg.gif) repeat; padding-top:35px}
#header .menu .rolover img{ display:block; margin-left:35px}

/*footer*/
#footer{ height:93px; color:#ffffff; padding-left:34px; vertical-align:middle}
#footer a{ color:#ec8000; text-decoration:underline}
#footer a:hover{ text-decoration:none}

/*content*/
#content{ height:398px}

/*index.html*/
#page1 #content .column1{ width:286px}
#page1 #content .column1 .row1{ height:208px; background:url(images/block1_rep.gif)}
#page1 #content .column1 .row1 .bg{ background:url(images/block1_x.gif) repeat-x}
#page1 #content .column1 .row1 .bg .bg1{ background:url(images/brackets.gif) no-repeat 19px 71px}
#page1 #content .column1 .row1 .bg .bg1 .indent{ padding:43px 30px 10px 33px}
#page1 #content .column1 .row1 .bg .bg1 .indent .title{ margin-bottom:17px}
#page1 #content .column1 .row1 .bg .bg1 .indent span { display:block; margin-bottom:13px; font-size:12px}
#page1 #content .column1 .row2{ background:url(images/block2_rep.gif) repeat}
#page1 #content .column1 .row2 .bg{ background:url(images/block2_x.gif) repeat-x}
#page1 #content .column1 .row2 .bg .indent{padding:21px 32px 20px 33px}
#page1 #content .column1 .row2 .bg .indent .title{ margin-bottom:15px}
#page1 #content .column1 .row2 .bg .indent .right{ margin-top:17px}

#page1 #content .column2{ width:260px; background:url(images/block3_rep.gif)} 
#page1 #content .column2 .bg{ background:url(images/block3_x.gif) repeat-x}
#page1 #content .column2 .indent{ padding:34px 23px 20px 34px}
#page1 #content .column2 .indent .title{ margin-bottom:15px}
#page1 #content .column2 .indent .pointer{ margin-right:6px; vertical-align:middle}
#page1 #content .column2 .indent p{ margin-top:10px}
#page1 #content .column2 .indent .separate{ margin:20px 0 6px 0}

#page1 #content .column3{ width:220px; background:url(images/block4_rep.gif)}
#page1 #content .column3 .bg{ background:url(images/block4_x.gif) repeat-x}
#page1 #content .column3 .indent{ padding:23px 5px 5px 5px}
#page1 #content .column3 .indent .title{ margin-bottom:16px}
#page1 #content .column3 .indent .img{ margin:20px 0px 0 0 }
#page1 #content .column3 .indent p{ margin-bottom:8px}
#page1 #content .column3 .indent .right{ margin-top:12px}

/*index-1.html*/
#page2 #content .column1{ width:546px}
#page2 #content .column1 .row1{ height:208px; background:url(images/block1_rep.gif)}
#page2 #content .column1 .row1 .bg{ background:url(images/block1_x.gif) repeat-x}
#page2 #content .column1 .row1 .indent{ padding:43px 33px 10px 33px}
#page2 #content .column1 .row1 .indent .title{ margin-bottom:20px}
#page2 #content .column1 .row1 .indent .img{ float:left; margin:4px 33px 0 0}
#page2 #content .column1 .row1 .indent .right{ margin-top:20px}

#page2 #content .column1 .row2{ background:url(images/block2_rep.gif) repeat}
#page2 #content .column1 .row2 .bg{ background:url(images/block2_x.gif) repeat-x}
#page2 #content .column1 .row2 .indent{ padding:21px 32px 20px 33px}
#page2 #content .column1 .row2 .indent .title{ margin-bottom:16px}
#page2 #content .column1 .row2 .indent .img{ margin:3px 32px 0 0; float:left}
#page2 #content .column1 .row2 .indent .right{ margin-top:15px}


#page2 #content .column2{ width:220px; background:url(images/block3_rep.gif)} 
#page2 #content .column2 .bg{ background:url(images/block3_x.gif) repeat-x}
#page2 #content .column2 .indent{ padding:43px 25px 20px 35px}
#page2 #content .column2 .indent .title{ margin-bottom:21px}
#page2 #content .column2 .indent .img{ display:block; margin-bottom:20px}
#page2 #content .column2 .indent ul{ margin:19px 0 16px 0}





/*index-2.html*/
#page3 #content .column1{ width:546px;  background:url(images/block2_rep.gif) repeat}
#page3 #content .column1 .bg{ background:url(images/block1_x_p3.gif) repeat-x}
#page3 #content .column1 .indent{ padding:43px 20px 5px 33px}
#page3 #content .column1 .indent .title{ margin-bottom:14px}
#page3 #content .column1 .indent p{ margin-bottom:27px}
#page3 #content .column1 .indent .img{ margin:0 32px 27px 0; float:left}

#page3 #content .column2{ width:220px; background:url(images/block3_rep.gif)} 
#page3 #content .column2 .bg{ background:url(images/block3_x.gif) repeat-x}
#page3 #content .column2 .indent{ padding:45px 26px 20px 35px}
#page3 #content .column2 .indent .title{ margin-bottom:16px}
#page3 #content .column2 .indent ul{ padding:26px 0 17px 0}
#page3 #content .column2 .indent ul li{ line-height:17px}



/*index-3.html*/
#page4 #content .column1{ width:286px; background: url(images/block1_rep_p4.gif)}
#page4 #content .column1 .bg{ background:url(images/block1_x_p4.gif) repeat-x}
#page4 #content .column1 .bg .indent{ padding:44px 27px 5px 33px}
#page4 #content .column1 .bg .indent .title{ margin-bottom:15px}
#page4 #content .column1 .bg .indent p{ margin-bottom:21px}
#page4 #content .column1 .bg .indent .img{ float:left; margin:3px 30px 18px 0}
#page4 #content .column2{ width:480px}
#page4 #content .column2 .row1{ height:195px; background:url(images/block2_rep_p4.gif)}
#page4 #content .column2 .row1 .bg{ background:url(images/block2_x_p4.gif) repeat-x }
#page4 #content .column2 .row1 .indent{ padding:43px 30px 10px 34px}
#page4 #content .column2 .row1 .indent .title{ margin-bottom:25px}
#page4 #content .column2 .row1 .indent .img{ float:left; margin-right:33px}
#page4 #content .column2 .row1 .indent strong a{ display:block; padding-top:6px}

#page4 #content .column2 .row2{ background:url(images/block3_rep_p4.gif)}
#page4 #content .column2 .row2 .bg{ background:url(images/block3_x_p4.gif) repeat-x}  
#page4 #content .column2 .row2 .indent{ padding:22px 25px 20px 34px}
#page4 #content .column2 .row2 .indent .title{ margin-bottom:16px}
#page4 #content .column2 .row2 .indent .img{ float:left; margin:4px 35px 0 0}
#page4 #content .column2 .row2 .indent .right{ margin-top:12px}

/*index-4.html*/
#page5 #content .column1{ width:368px; background: url(images/block1_rep_p4.gif)}
#page5 #content .column1 .bg{ background:url(images/block1_x_p4.gif) repeat-x}
#page5 #content .column1 .indent{ padding:43px 28px 0 33px}
#page5 #content .column1 .indent .title{ margin-bottom:14px}
#page5 #content .column1 .indent p{ margin-bottom:23px}
#page5 #content .column1 .indent .img{ float:left; margin:1px 33px 26px 0}
#page5 #content .column1 .indent ul{ margin-bottom:13px}

#page5 #content .column2{ width:398px}
#page5 #content .column2 .row1{ height:195px; background:url(images/block2_rep_p4.gif)}
#page5 #content .column2 .row1 .bg{ background:url(images/block2_x_p4.gif) repeat-x }
#page5 #content .column2 .row1 .indent{ padding:43px 25px 10px 33px}
#page5 #content .column2 .row1 .indent .title{ margin-bottom:21px}
#page5 #content .column2 .row1 .indent .img{ margin:0 34px 0 0; float:left}
#page5 #content .column2 .row1 .indent p{ display:block; padding-top:5px; margin-bottom:15px}

#page5 #content .column2 .row2{ background:url(images/block3_rep_p4.gif)}
#page5 #content .column2 .row2 .bg{ background:url(images/block3_x_p4.gif) repeat-x}
#page5 #content .column2 .row2 .indent{ padding:22px 25px 20px 33px}  
#page5 #content .column2 .row2 .indent .title{ margin-bottom:18px}
#page5 #content .column2 .row2 .indent p{ padding:14px 0 15px 0}

/*index-5.html*/
#page6 #content .column1{ width:286px; background:url(images/block4_rep.gif)}
#page6 #content .column1 .bg{ background:url(images/block4_x.gif) repeat-x}
#page6 #content .column1 .indent{ padding:43px 30px 20px 33px}
#page6 #content .column1 .indent .title{ margin-bottom:20px}
#page6 #content .column1 .indent .img{ display:block; margin-bottom:19px}
#page6 #content .column1 .indent strong{ color:#d57800}
#page6 #content .column1 .indent p{ margin-top:16px}

#page6 #content .column2{ width:260px; background:url(images/block3_rep.gif)} 
#page6 #content .column2 .bg{ background:url(images/block3_x.gif) repeat-x}
#page6 #content .column2 .indent{ padding:43px 10px 10px 34px}
#page6 #content .column2 .indent .title{ margin-bottom:22px}
#page6 #content .column2 .indent .box{ width:193px; height:286px}
#page6 #content .column2 .indent .box input{ width:191px; height:25px; border:#d57800 1px solid; background: none; color:#bab9b9}
#page6 #content .column2 .indent .box textarea{ width:191px; height:117px; border:#d57800 1px solid; background: none; color:#bab9b9; font-family:arial; font-size:13px}
#page6 #content .column2 .indent .box .r{ height:42px}
#page6 #content .column2 .indent .box .r1{ height:160px}
#page6 #content .column2 .indent .right{ margin-top:18px}

#page6 #content .column3{ width:220px; background:url(images/block4_rep.gif)}
#page6 #content .column3 .bg{ background:url(images/block4_x.gif) repeat-x}
#page6 #content .column3 .indent { padding:43px 24px 20px 35px}
#page6 #content .column3 .indent .img{ margin-right:6px; vertical-align:middle}
#page6 #content .column3 .indent .title{ margin-bottom:16px}
#page6 #content .column3 .indent p{ margin:11px 0 17px 0}
#page6 #content .column3 .indent .separate{ margin-bottom:6px}


/*index-6.html*/
#page7 #content .column1{background:url(images/block4_rep.gif)}
#page7 #content .column1 .bg{ background:url(images/block4_x.gif) repeat-x}
#page7 #content .column1 .indent{ padding:43px 26px 20px 32px}
#page7 #content .column1 .indent .title{ margin-bottom:17px}
#page7 #content .column1 .indent p{ margin-bottom:14px}