body { margin:0 ; font-family:Arial, sans-serif; font-size:10px; line-height:12px; color: #666; height:100%; }
body { behavior:url("css/csshover.htc"); }
html {}

a { color:#fff; background-color: #999; text-decoration:none; }
a img { border:0; }
a:hover { color:#333; background-color: #fff;  }
button { background-color: #fff; padding: 1px 10px 1px 10px; border: 1px solid #999; font-weight: normal; color: #666; font-size:10px; }
h1 { margin:0 0 10px 0 ; font-weight:normal; font-size:22px; line-height: 24px; text-align:center; }
h2 { margin:0 0 10px 0 ; font-weight:normal; letter-spacing: .1em; font-size:12px; line-height: 12px; text-align:center; text-transform: uppercase; }
h3 { font-weight:normal; font-size: 27px; line-height:30px; padding:130px 0 5px 0 ; color:#888; }
h4 { font-weight:bold; font-size: 12px; line-height:14px; }
h5 { font-weight:bold; font-size: 12px; line-height:14px; }

#phindex { }
#phindex a { background-color: #f2f2f2; }
#phindex .imgborderlnk { border:1px solid #f2f2f2; }
#phindex .imgborderlnk:hover { border:1px solid #666; }


#main { margin: 0 auto 0 auto; width: 900px; position:relative; }
 #main img { margin:0 0 0px 0 ; }
 #main .rule { margin: 10px 0 10px 0 ; }

#intro { padding:20px; background-color:#efefef; width:760px; height:491px; }
 #intro p { font-size:12px; line-height:16px; color:#888; margin: 10px 0 0 0;}
 #intro a { font-weight:bold; background-color:#efefef; text-decoration:none; color:#999; }
 #intro a:hover { font-weight:bold; background-color:#999; text-decoration:none; color:#fff; }
 #intro .leftcol { width: 370px; float:left; }

/* #image {position:absolute; top:50%; margin-top:-265px; } */
#image { z-index:1; background:#f5f5f5; width:900px;}
#image .imgpad { padding:0; display:block;  }
#image .imgdecs { display:block; margin-bottom:2px; position:relative; z-index:1; font-size:12px; }
#image .imgdecs span { display:none; top:10px; position:absolute; z-index:1; color:#444; padding-left:0px; }
#image .imgdecs:hover {}
#image .imgdecs:hover img { visibility:hidden; }
#image .imgdecs:hover span { display:block; }

#desc { color:#fff; position:absolute; z-index:30; width:375px; margin:80px 0 0 30px; padding:15px; font-size:12px; line-height:16px; background-image:url("../images/trans-black-bknd2.png");}
#desc h1 { text-align:left; margin: 0 0 4px 0; }
#desc h2 { font-size:18px; text-align:left; line-height:10px; margin: 0 0 5px 0; }
#desc a { color: #fff; background-color:#fff; border-bottom: 1px dotted #999; }
#desc p { margin:10px 0 10px 0; }
#desc a:hover { color: #666; background-color:#fff; border-bottom:none; }

#head { font-family:Arial, sans-serif; font-size:10px; line-height:14px; color: #333; margin:20px 0 45px 0; text-transform:uppercase; letter-spacing: 0em; width:900px; z-index:100; }
 #head .location { position:relative; z-index:100; }
 #head .location span { color:#fff; background-color: #999; padding: 3px 10px 2px 10px; }
 #head .location ul { margin:0; padding:5px 0 0 0 ; list-style-type: none; display:none; position:absolute; top:11px; left:0; z-index:100; }
 #head .location ul li { white-space:nowrap; padding:0px 0 3px 0;}
 #head .location ul li a { padding: 3px 10px 2px 10px; color:#fff; background-color: #999; margin-bottom:1px }
 #head .location ul li a:hover { color:#333; background-color: #fff; }
 #head .location span:hover { color:#333; background-color: #fff; }
 #head .location:hover ul { display:block; }
 #head .news { color:#333; background-color: #fff; padding: 2px 10px 1px 10px; }
 #head .nav { float:right; top: 0px; color:#999; }
 #head .nav a { color:#fff; background-color: #999; padding: 1px 15px 2px 15px; }
 #head .nav a:hover { color:#999; background-color: #fff; padding: 2px 15px 1px 15px; }
 #head .nav .down { color:#999; background-color: #999;} 

#footer { font-family:Arial, sans-serif; font-size:10px; line-height:14px; margin-top:30px; margin-bottom:30px; color: #333; text-transform:uppercase; letter-spacing: 0em; width:900px; }
 #footer a { color:white; background-color: #999; padding: 2px 13px 2px 13px; margin: 0px 3px 0 0;}
 #footer a:hover { color:#333; background-color: #fff; }
 #footer .down { color:#999; background-color: #999; padding: 2px 13px 2px 13px; }
 #footer img {padding: 0 0 15px 0; }
 #footer .nav { float:right; bottom: 0px; }

#contact { padding:5px 15px 15px 15px; width:300px; }
 #contact .padding { padding:10px 0px 10px 0px; }
 #contact a { color: #666; background-color:#fff; border-bottom: 1px dotted #999; }
 #contact a:hover { color: #666; background-color:#fff; border-bottom:none; }
 #contact h1 { font-weight:bold; font-size:10px; text-align:left; line-height:10px; margin: 0 0 5px 0; }


#email { margin: 5px 0 10px 0 ; }
  #email form { margin: 5px 0 5px 0 ; }
  #email label { display: block; float: left; margin-bottom: 10px; text-align: right; width: 70px; padding-right: 10px; font-size:9px; text-transform: uppercase; }
  #email br { clear: left; }
  #email .box { display: block; float: left; margin-bottom: 10px; text-align: left; width: 200px; padding-right: 10px; font-size:10px; font-family: Arial, sans-serif; color: #666; }
  #email .box2 { display: block; float: left; margin-bottom: 10px; text-align: left top; width: 200px; height:170px; padding-right: 10px; font-size:10px; font-family: Arial, sans-serif; color: #666; }
  #email .submit {float: right; }