* {
margin:0;
padding:0;
}

body{
background: #5b5b5b;
color: #7d797b;
margin: 0;
padding: 0;
border:0;
text-align: center;
}
td{
vertical-align:top;
text-align:left;
font: 10px/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* styles for IE 5 Mac */
#h1 {
background: url(i/bg1.gif) repeat-x 50% 0;
position: absolute;
top: 20px;
left: 20px;
}

/* following rules are invisible to IE 5 \*/
#h1 {
top: 50%;
left: 0;
width: 100%;
margin-top: -201px;
text-align: center;
min-width: 762px;
}
/* end IE 5 hack */ 

/* styles for IE 5 Mac */
#h2 {
background: url(i/bg2.gif) repeat-x 50% 0;
position: absolute;
top: 20px;
left: 20px;
}

/* following rules are invisible to IE 5 \*/
#h2 {
top: 50%;
left: 0;
width: 100%;
margin-top: -201px;
text-align: center;
min-width: 762px;
}
/* end IE 5 hack */ 

#v1 {
background: url(i/bg1.jpg) no-repeat 1px 0;
position: relative;
text-align: left;
width: 762px;
height: 402px;
margin: 1px auto;
}
#v2 {
background: url(i/bg2.jpg) no-repeat 1px 0;
position: relative;
text-align: left;
width: 762px;
height: 402px;
margin: 1px auto;
}

#v3 {
background: url(i/bg3.png) no-repeat 1px 0;
position: relative;
text-align: left;
width: 762px;
height: 402px;
margin: 1px auto;
}
/* --------------------------------------------------------------------- */

#t1 a, #t2 a{
color: #7d797b;
text-decoration:underline;
}

#t1 a:hover, #t2 a:hover{
color: #000;
text-decoration:none;
}

#t2 table{
margin-top:5px;
}
#t2 table tr td {
padding:0 0 0 10px;
}

/* --------------------------------------------------------------------- */

#c1 {
height: 400px;
width:  760px;
}
#c1 h1{
font: bold 10px/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 20px 10px 0 404px;
}
#c1 p{
font: 10px/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 10px 20px 0 404px;
}
#c1 #head   {
background: url(i/index.jpg) 21px 66px no-repeat;
height:121px;
width: 760px;
}
#c1 #t1{
float:left;
height:179px;
width: 760px;
}
#c1 #t2{
float:left;
height:80px;
width: 760px;
}
#c1 #t2 table{
}

/* --------------------------------------------------------------------- */

#c2 {
margin-left:1px;
height: 400px;
width:  760px;
}
#c2 h1{
font: bold 10px/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 20px 10px 0 20px;
}
#c2 p{
font: 10px/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 10px 20px 0 20px;
}
#c2 h1.t1, #c2 p.t1{
margin: 140px 10px 0 20px;
}
#c2 #i1{
float:left;
height:380px;
width: 384px;
}
#c2 #i2{
margin-top:300px;
height:80px;
width: 384px;
}
#c2 #t1{
float:left;
height:380px;
width: 376px;
}

#c2 #t1 table{
float:right;
margin: 140px 0 0 0;
}
#c2 #t1 table td{
padding: 0 0 0 15px;
white-space:nowrap; 
}

/* --------------------------------------------------------------------- */

#c3 {
margin-left:1px;
height: 400px;
width:  760px;
}
#c3 h1{
font: bold 10px/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 140px 20px 0 20px;
}
#c3 p{
font: 10px/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 10px 20px 0 20px;
}
#c3 #t1{
float:left;
height:300px;
width: 384px;
}
#c3 #t1 #info{
background-color: #fff;
-moz-opacity:0.8;
filter:alpha(opacity=80);
height:300px;
margin-left:100px;
visibility:hidden;
width: 284px;
}
#c3 #t1 #info h1{
margin-top:0;
padding-top:50px;
color:#000;
}
#c3 #t1 #info p{
color:#000;
}
#c3 #t2{
float:left;
height:300px;
width: 376px;
}
#c3 #i1{
float:left;
height:80px;
width: 384px;
}
#c3 #i2{
float:left;
height:80px;
width: 376px;
}
#c3 #i2 #btnInfo{
margin:30px 10px 20px 20px;
}
#c3 #i2 #btnPrint{
margin:30px 10px 20px 10px;
}

/* --------------------------------------------------------------------- */

#c4 {
margin-left:1px;
height: 400px;
width:  760px;
}
#c4 h1{
font: bold 10px/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 20px 10px 0 20px;
}
#c4 p{
font: 10px/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 10px 10px 0 20px;
}
#c4 h1.t1, #c4 p.t1{
margin: 140px 10px 0 20px;
}
#c4 #i1{
float:left;
height:380px;
width: 384px;
}
#c4 #i2{
margin-top:300px;
height:80px;
width: 384px;
}
#c4 #t1{
float:left;
height:380px;
width: 376px;
}

/* --------------------------------------------------------------------- */

#c5 {
margin-left:1px;
height: 400px;
width:  760px;
}
#c5 h1{
font: bold 10px/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 20px 10px 0 404px;
}
#c5 p{
font: 10px/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 10px 20px 0 404px;
}
#c5 #head   {
background: url(i/index.jpg) 20px 66px no-repeat;
float:left;
height:121px;
width: 760px;
}
#c5 #t1{
float:left;
height:259px;
width: 760px;
}

/* --------------------------------------------------------------------- */

#foot{
float:left;
height:20px;
text-align:left;
width:760px;
}

#foot a{
color: #fff;
display:block;
float: left;
font:  10px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin:0 12px;
text-decoration: none;
text-transform: uppercase;
}

#foot a:hover{
color: #000;
}

#foot a.s, #foot a.s:hover{
color:#600;
}

#foot ul.menu {
background-color:#ccc;
border:1px solid #fff;
color:#7d797b;
display: none;
position:absolute;
}

#foot ul.menu li {
display: inline;
list-style: none;
}

#foot ul.menu li a {
display:block;
color: #7d797b;
float:none;
margin:0;
padding: 0 4px;
text-decoration:none;
}

#foot ul.menu li a:hover {
color:#000;
}

#foot ul.menu li a.s, #foot ul.menu li a.s:hover{
background-color: #7d797b;
color:#fff;
}
.clear{
clear:both;
}