html {height:100%;}
body {padding:0; margin:0; height:100%; /*background:#E0E0E0;*/ background:url(images/bg_tiled.jpg) /*repeat-x top #384c60*/}
table, td {border-collapse:collapse; font-size:100%;}
table, td, img {border:0;}
form, td{margin:0; padding:0;}
body, td, input, textarea, select{
    font-family:Tahoma;
	color:#545451;
	vertical-align:top;
	padding:0px;
	text-align:left;
}

.main{text-align:left; width:790px;}

img{ vertical-align:top}
.vam{ vertical-align:middle}

b{ color:#cc0000}/*FF3300*/
b2{ color:#000000}
span{color:#f32648; }

a{color:#144a90; text-decoration:underline} 
a:hover{text-decoration:none}
.a1{color:#77951c;}
.clear{ clear:both}


ul{margin:0; padding:0; list-style:none}
li{margin:0px;}
li a{line-height:16px}


 /*header*/
#header{height:280px; background:url(images/top.jpg) no-repeat}
.logo{ margin:53px 0 0 40px; display:block} 
.bg1{ background:url(images/top1.gif) no-repeat left  bottom; height:280px}


/*content*/
#content{ width:771px; height:459px; background:#E0E0E0 }
#content{ font-size:0.6875em; }
#content td, #content table{line-height:1.30em;}
.block1{ /*background:url(images/right1.gif);*/ background:#ffffff width:19px}
.h{ height:321px}
.h1{ height:459px}
.title{ display:block}


/*block*/
#block{ height:138px; background:url(images/1_bg.gif) repeat-x top #f9fcfd;}
#block td{color:#2c2c2c; font-weight:bold}
#block .c1{ width:30px}
#block .c2{ width:257px;}
#block .c2 .indent{ margin-top:-3px}
#block .c3{ width:257px}
#block .c4{ width:227px; padding-top:31px}
.bot{ margin-top:21px}

/*index.html*/
#page1 #content .block_1{ width:278px; background:url(images/1_bg3.gif)}
#page1 #content .block_1 .bg{ width:278px; height:321px; background:url(images/1_bg2.gif) no-repeat top background-attachment: fixed;}
#page1 #content .block_1 .relative{top:-7px; position:relative;}
#page1 #content .block_1 .indent{ margin:0 55px 0 40px}
#page1 #content .block_1 .indent1{ margin:15px 0 0 0px}
#page1 #content .block_1 .pic{ margin:23px 0px 0px 0px}
#page1 #content .block_1 .table{ width:176px; height:125px; margin:14px 0px 45px 7px}
#page1 #content .block_1 p{ margin:0px 0px 2px 0px}
#page1 #content .block_2{ width:493px; height:321px; background:url(images/1_bg4.gif) repeat-x top #FFFFFF}
#page1 #content .col1{ width:280px}
#page1 #content .col1 .title{ margin:28px 0 20px 0px}
#page1 #content .col1 .indent{ margin:0px 60px 40px 3px}
#page1 #content .col1 .indent1{ margin:13px 0px 05px 0px}
#page1 #content .col1 p{ margin:3px 0px 15px 0px}
#page1 #content .col2{ width:213px}
#page1 #content .col2 .title{ margin:28px 0 20px 0px}
#page1 #content .col2 .indent{ margin:0px 25px 20px 7px}
#page1 #content .col2 .indent1{ margin:24px 0px 0px 0px}
#page1 #content .col2 .pic{ margin:15px 0px 0px 0px}
#page1 #content .col2 p{ margin:3px 0px 15px 0px}
/*beer.html*/
#pic1{ position:absolute; width:183px; height:113px; }
/*index-1.html*/
#page2 #content .block_1{ width:278px; background:url(images/1_bg3.gif)}
#page2 #content .block_1 .bg{ width:278px; height:321px; background:url(images/1_bg2.gif) no-repeat top}
#page2 #content .block_1 .relative{top:-7px; position:relative;}
#page2 #content .block_1 .title{ margin:0 0px 22px 0px}
#page2 #content .block_1 .indent{ margin:0 40px 0 46px}
#page2 #content .block_1 .indent1{ margin:15px 0 0 0px}
#page2 #content .block_1 .pic{ margin:18px 0px 15px 0px}
#page2 #content .block_1 .table{ width:176px; height:125px; margin:14px 0px 45px 7px}
#page2 #content .block_1 p{ margin:0px 0px 2px 0px}
#page2 #content .block_2{ width:493px; height:321px; background:url(images/1_bg4.gif) repeat-x top #FFFFFF}
#page2 #content .block_2 .title{ margin:28px 0 20px 0px}
#page2 #content .block_2 .indent{ margin:0px 20px 40px 3px}
#page2 #content .block_2 .indent1{ margin:14px 0px 0px 0px}
#page2 #content .block_2 .indent2{ margin:-3px 0px -7px 156px}
#page2 #content .block_2 .pic{ float:left; margin:0px 0px 25px -2px}
#page2 #content .block_2 p{ margin:19px 0px 0px 0px}
/*index-2.html*/
#page3 #content .block_1{ width:278px; background:url(images/1_bg3.gif)}
#page3 #content .block_1 .bg{ width:278px; height:321px; background:url(images/1_bg2.gif) no-repeat top}
#page3 #content .block_1 .relative{top:-7px; position:relative;}
#page3 #content .block_1 .indent{ margin:0 45px 0 46px}
#page3 #content .block_1 .pic{ margin:23px 0px 13px -6px}
#page3 #content .block_1 p{ margin:13px 0px 14px 0px}
#page3 #content .block_2{ width:493px; height:321px; background:url(images/1_bg4.gif) repeat-x top #FFFFFF}
#page3 #content .col1{ width:280px}
#page3 #content .col1 .title{ margin:28px 0 20px 0px}
#page3 #content .col1 .pic{ float:left; margin:5px 0px 20px 0px}
#page3 #content .col1 .indent{ margin:0px 60px 40px 3px}
#page3 #content .col1 .indent1{ margin:0px 0px 0px 104px}
#page3 #content .col1 .indent2{ margin:5px 0px 0px 0px}
#page3 #content .col1 p{ margin:3px 0px 0px 0px}
#page3 #content .col2{ width:213px}
#page3 #content .col2 .title{ margin:28px 0 17px 0px}
#page3 #content .col2 .indent{ margin:0px 25px 20px 7px}
#page3 #content .col2 .pic{ float:left; margin:0px 20px 20px 0px}
#page3 #content .col2 p{ margin:3px 0px 15px 0px}
/*index-3.html*/
#page4 #content .block_1{ width:278px; background:url(images/1_bg3.gif)}
#page4 #content .block_1 .bg{ width:278px; height:321px; background:url(images/1_bg2.gif) no-repeat top}
#page4 #content .block_1 .relative{top:-7px; position:relative;}
#page4 #content .block_1 .title{ margin:0 0px 22px 0px}
#page4 #content .block_1 .indent{ margin:0 40px 0 46px}
#page4 #content .block_1 .indent1{ margin:0px 0 20px 0px}
#page4 #content .block_1 .pic{ margin:15px 0px 15px 0px}
#page4 #content .block_1 .table{ width:176px; height:125px; margin:14px 0px 45px 7px}
#page4 #content .block_1 p{ margin:5px 0px 0px 0px}
#page4 #content .block_2{ width:493px; height:321px; background:url(images/1_bg4.gif) repeat-x top #FFFFFF}
#page4 #content .block_2 .title{ margin:28px 0 17px 0px}
#page4 #content .block_2 .indent{ margin:0px 20px 40px 3px}
#page4 #content .block_2 .indent1{ margin:14px 0px 0px 0px}
#page4 #content .block_2 .indent2{ margin:-3px 0px -7px 250px}
#page4 #content .block_2 .indent3{ margin:23px 0px 0px 0px}
#page4 #content .block_2 .pic{ float:left; margin:0px 0px 25px -2px}
#page4 #content .block_2 p{ margin:5px 0px 0px 0px}
/*index-4.html*/
#page5 #content .block_1{ width:278px; background:url(images/1_bg3.gif)}
#page5 #content .block_1 .bg{ width:278px; height:321px; background:url(images/1_bg2.gif) no-repeat top}
#page5 #content .block_1 .relative{top:-7px; position:relative;}
#page5 #content .block_1 .title{ margin:0 0px 22px 0px}
#page5 #content .block_1 .indent{ margin:0 40px 0 46px}
#page5 #content .block_1 .indent1{ margin:0px 0 20px 0px}
#page5 #content .block_1 .pic{ margin:15px 0px 15px 0px}
#page5 #content .block_1 .table{ width:176px; height:125px; margin:14px 0px 45px 7px}
#page5 #content .block_1 p{ margin:5px 0px 0px 0px}
#page5 #content .block_2{ width:493px; height:321px; background:url(images/1_bg4.gif) repeat-x top #FFFFFF}
#page5 #content .block_2 .title{ margin:28px 0 17px 0px}
#page5 #content .block_2 .indent{ margin:0px 20px 40px 3px}
#page5 #content .block_2 .indent1{ margin:10px 0px 30px 0px}
#page5 #content .block_2 .indent2{ margin:-3px 0px -7px 250px}
#page5 #content .block_2 .indent3{ margin:23px 0px 0px 0px}
#page5 #content .block_2 .pic{ float:left; margin:0px 20px 0px 2px}
#page5 #content .block_2 p{ margin:5px 0px 10px 0px}
/*index-5.html*/
#page6 #content .block_1{ width:278px; background:url(images/1_bg3.gif)}
#page6 #content .block_1 .bg{ width:278px; height:321px; background:url(images/1_bg2.gif) no-repeat top}
#page6 #content .block_1 .relative{top:-7px; position:relative;}
#page6 #content .block_1 .title{ margin:0 0px 22px 0px}
#page6 #content .block_1 .indent{ margin:0 40px 0 46px}
#page6 #content .block_1 .indent1{ margin:17px 0 20px 0px}
#page6 #content .block_1 .pic{ margin:15px 0px 15px 0px}
#page6 #content .block_1 .table{ width:176px; height:125px; margin:14px 0px 45px 7px}
#page6 #content .block_1 p{ margin:5px 0px 0px 0px}
#page6 #content .block_2{ width:493px; height:321px; background:url(images/1_bg4.gif) repeat-x top #FFFFFF}
#page6 #content .block_2 .title{ margin:28px 0 17px 0px}
#page6 #content .block_2 .title1{ margin:5px 0 20px 0px}
#page6 #content .block_2 .indent{ margin:0px 20px 25px 3px}
#page6 #content .block_2 .indent1{ margin:30px 0px 5px 0px}
#page6 #content .block_2 .indent2{ margin:-3px 0px -7px 156px}
#page6 #content .block_2 .indent3{ margin:15px 0px 5px 0px}
#page6 #content .block_2 .indent4{ margin:-3px 0px -7px 250px}
#page6 #content .block_2 .pic{ float:left; margin:0px 20px 0px 2px}
#page6 #content .block_2 p{ margin:5px 0px 13px 0px}

/*index-6.html*/
#page7 #content .block_1{ width:278px; background:url(images/1_bg3.gif)}
#page7 #content .block_1 .bg{ width:278px; height:321px; background:url(images/1_bg2.gif) no-repeat top}
#page7 #content .block_1 .relative{top:-7px; position:relative;}
#page7 #content .block_1 .indent{ margin:0 55px 20px 46px}
#page7 #content .block_1 .title{ margin:0 0px 20px 0px}
#page7 #content .block_1 p{ margin:13px 0px 0px 0px}
#page7 #content .block_2{ width:493px; height:321px; background:url(images/1_bg4.gif) repeat-x top #FFFFFF}
#page7 #content .col1{ width:280px}
#page7 #content .col1 .title{ margin:28px 0 20px 0px}
#page7 #content .col1 .pic{ display:block; margin:21px 0px 15px 0px}
#page7 #content .col1 .indent{ margin:0px 60px 10px 3px}
#page7 #content .col1 .indent1{ margin:13px 0px 10px 0px}
#page7 #content .col1 p{ margin:3px 0px 0px 0px}
#page7 #content .col2{ width:213px}
#page7 #content .col2 .title{ margin:28px 0 19px 0px}
#page7 #content .col2 .indent{ margin:0px 25px 20px 7px}
#page7 #content .col2 .pic{ float:left; margin:0px 20px 20px 0px}
#page7 #content .col2 p{ margin:3px 0px 21px 0px}
/*index-7.html*/
#page8 #content .h1{ height:459px; background:url(images/1_bg4.gif) repeat-x top #FFFFFF}
#page8 #content .title{ margin:26px 0 12px 29px}
#page8 #content .indent{ margin:18px 45px 20px 32px}
#page8 #content p{ margin:0px 0px 15px 0px}
/*footer*/
#footer { height:61px; font-size:0.6875em;} 
#footer td #footer table{color:#ededed; line-height:1.20em;} 
#footer .col1, #footer .col2 { width:247px; text-align:center; vertical-align:middle; background:url(images/bot.gif) repeat-x top } 
#footer .col1 { width:247px; color:#ffffff; padding-top:7px} 
#footer .col1 a{color:#ffffff; text-decoration:underline} 
#footer .col1 a:hover{text-decoration:none} 
#footer .col2 { width:524px; color:#ffffff; padding-top:7px} 
#footer .col2 a{color:#ffffff; text-decoration:none} 
#footer .col2 a:hover{ text-decoration:underline} 
#footer .col3 { width:19px;} 
.relative1{top:-35px; left:-10px; position:relative}



/*input*/
.jamp1{ width:187px; height:19px; color:#464646; font-size:10px; padding-left:2px;  margin-top:3px; font-weight:normal}
.jamp2{ width:87px; height:19px; color:#464646; font-size:10px; font-weight:normal}

.input{
   background:#ffffff;
   border:1px solid #8a8a86;
   width:187px; height:19px;
   margin:3px 0 5px 0px;
   font-weight:normal;
    font-size:10px;
}input{
   width:175px; height:18px;
   margin:2px 0 10px 0px; font-size:1em
}
textarea{
   width:175px; height:99px; font-size:1em;
   overflow:auto}