@import url('/css/reset.css');

body {
 font-family: tahoma;
 background: url('/images/bodyback.jpg') repeat-y 50% 0%;
}

div.bodyback {
 background: url('/images/bobyback1inner.gif') no-repeat 50% 0%; 
 margin: 0 auto;
}

div.body {
 width: 996px;
 margin: 0 auto;
 background: #000 url('/images/bodyinner.jpg') no-repeat 50% 0%;
}

div.logo {
 position: absolute;
 width: 553px;
 height: 364px;
 background: url('/images/logo_artvip_2.png') no-repeat 0% 0%;
 top: 17px;
 margin-left: 60px;
}

div.logo a,
div.logo a:link,
div.logo a:visited {
 display: block;
 height: 155px;
 width: 347px;
}

div.abs {
 width: 456px;
 height: 163px;
 margin-left: 500px;
/* 
 background: url('/images/headinner.jpg') no-repeat 0% 70px;
*/
 padding-top: 1px;
}

div.head {
 height: 455px;
}

ul#nav {
 background: url('/images/navinner.jpg') no-repeat 1px 0%;
 height: 161px;
 margin-top: 130px;
}

ul#nav li.first {
 margin-left: 198px;
}

ul#nav li {
 float: left;
 margin-top: 100px;
}

ul#nav li a img {
 margin: 0;
}

div.body div.head ul#nav li ul {
 background: url('/images/submenu.gif') no-repeat 0% 0%;
 display: none;
 height: auto;
 padding: 22px 0 0 0;
 position: absolute;
 width: 190px;
 z-index: 1000;
 margin-left: 15px;
 margin-top: -8px;
 filter: alpha(opacity=85);
 -moz-opacity: 0.85;
 -khtml-opacity: 0.85;
 opacity: 0.85;
 padding-bottom: -10px;
}

div.body div.head ul#nav li:hover ul,
div.body div.head ul#nav li.over ul {
 display: block;

}

div.body div.head ul#nav li ul li {
 display: block;
 float: none;
 height: auto;
 margin: 0;
 background: #000;
 position: relative;
 border: none;
 text-transform: none; 
 border-left: 1px solid #424241; 
 border-right: 1px solid #424241; 
}

div.body div.head ul#nav li ul li.first {
 border-top: none;
}

div.body div.head ul#nav li ul li a,
div.body div.head ul#nav li ul li a:link,
div.body div.head ul#nav li ul li a:visited {
 border: medium none;
 color: #FFF;
 background: url('/images/line.png') no-repeat 50% 100%;
 font-size: 0.9em;
 height: auto;
 padding: 6px 21px 8px 21px;
 position: relative;
 text-decoration: none;
 display: block;
 text-align: left;
 width: 145px;
 margin: 0;
 font-weight: bold;
}

div.body div.head ul#nav li ul li.foot a,
div.body div.head ul#nav li ul li.foot a:link,
div.body div.head ul#nav li ul li.foot a:visited {
 background: #000;
}

div.body div.head ul#nav li ul li a:hover {
 background: url('/images/ahover.gif') no-repeat 7px 0%;
}

div.body div.head ul#nav li ul li.foot a:hover {
 background: url('/images/ahover.gif') no-repeat 7px 0%;
}

div.main {
 background: url('/images/contentinner.gif') no-repeat 1px 0%;
 min-height: 500px; 
 color: #fff;
}

div.mainleft {
 width: 267px;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px; 
 border: 1px solid #424241;
 min-height: 400px;
 margin-left: 70px;
 float: left;
 padding-bottom: 20px;
}

div.content {
 width: 556px;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px; 
 border: 1px solid #424241;
 min-height: 500px;
 margin-left: 353px;
 padding-bottom: 20px;
 font-size: 0.7em;
}

img {
 margin: 2px;
}


h2 {
 font-size: 1.3em;
 margin: 20px 0 0 9px;
}

h3 {
 font-size: 1.5em;
 color: #ff9505;
}

div.h2 {
 min-height: 66px;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 border: 1px solid #424241;
 width: 244px;
 margin: 11px 0 0 11px;
}

div.h1 {
 min-height: 66px;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 border: 1px solid #424241;
 width: 505px;
 margin: 11px 0 0 11px;
 padding-left: 25px;
}

div.h1 h3 {
 margin: 6px 0 16px 0;
}

div.h1 table tr.first td {
 border-bottom: 1px dotted #424241;
 padding-bottom: 10px;
 width: 100%;
}

h1 {
 font-size: 2em;
 margin: 20px 0 0 0;
}

span.yellow {
 color: #ff9505;
}

table.nav {
 width: 235px;
 margin-top: 10px;
 margin-left: 20px;
}

table.nav tr.first {
 border-top: none;
}

table.nav tr {
 border-top: 1px solid #424241;
}

table.nav tr td a,
table.nav tr td a:link,
table.nav tr td a:visited {
 color: #fff;
 font-size: 0.75em;
} 

p.date {
 color: #7d7d7d;
 font-size: 0.7em;
 margin-left: 20px;
 margin-top: 10px;
}

a,
a:link,
a:visited {
 color: #fff;
}

a.text,
a.text:link,
a.text:visited {
 color: #fff;
 font-size: 0.7em;
 margin: 0 20px;
 display: block;
 margin-top: 5px;
 padding-bottom: 20px;
 border-bottom: 1px dotted #424241;
}

a.detail,
a.detail:link,
a.detail:visited {
 color: #ff9002;
 font-size: 0.7em;
 margin-top: 7px;
 margin-left: 20px;
 display: block;
}

a.detail1,
a.detail1:link,
a.detail1:visited {
 color: #ff9002;
 margin-top: 7px;
 display: block;
 padding-bottom: 10px;
}

table.main {
 margin: 0 36px;
}

table.main tr.first td {
 border: none;
}

table.main tr td {
 padding: 20px 0;
 border-top: 1px dotted #424241;
}

div.star {
 background: url('/images/star.jpg') no-repeat 40px 25px;
 padding-top: 20px;
 height: 40px;
}

div.star span {
 margin-left: 70px;
 margin-top: 10px;
 display: block;
 color: #858585;
}

div.footer {
 height: 152px;
 background: url('/images/footer.jpg') no-repeat 70px 0%;
 clear: both;
}

div.serenity {
 height: 40px;
 color: #a6a6a6;
 font-size: 0.7em;
 margin-left: 90px;
 padding-top: 46px;
 float: left;
}

table.tel {
 color: #fff;
 margin-top: 44px;
 float: right;
 width: 350px;
 margin-right: 70px;
}

table.tel tr td {
 vertical-align: top;
}

table.tel tr td span.bold {
 font-weight: bold;
 font-size: 0.85em;
 margin-right: 10px;
}

table.tel tr td span.tel {
 font-size: 1.6em;
}