/*content*/
div#content
{ margin: 0; padding: 0; width: 800px }

.content ul
{ list-style: none; margin: 0; padding: 0 }

.content li
{ display: block; margin: 0 40px 15px 0; padding: 0; width: 380px; float: left }

.content li.last
{ }

.content li .title
{ font-size: 16px; font-weight: bold; line-height: normal; display: block; margin: 15px 0 0; padding: 0; width: 380px; height: 60px; border-bottom: 1px dotted #666 }

.content li .title img
{ margin: -15px 8px 0 0; padding: 4px; float: left; border: solid 1px #242424 }

.content p
{ line-height: normal; margin: 0; padding-top: 5px; float: none }

.content p.readmore
{ font-size: 13px; font-weight: bold; line-height: normal; text-align: right; display: block; margin: 0 0 5px; padding: 0 0 5px; width: 440px; float: none; border-bottom: 1px dotted #666 }

a
{ text-decoration: none }

.col1
{ width: 100% }

#header, #breadcrumb, .container, .gallery, #footer
{ display: block; margin: 0 auto; position: relative }


/*index*/
.index ul
{ list-style: none; margin: 0; padding: 0 }

.index li
{ display: block; margin: 0 40px 15px 0; padding: 0; width: 380px; float: left }

.index p
  { font-size: 13px; line-height: normal; margin: 0; padding-top: 5px; float: none }


/*studio*/
div#studio
{ margin: 15px 0 0; width: 800px }

.studio ul
{ list-style: none; margin: 0; padding: 0 }

.studio li
{ display: block; margin: 0 0 15px; padding: 0; width: 800px; height: 240px; float: none; border-style: none }

.studio li .studio
 { font-size: 15px; font-weight: normal; line-height: normal; display: block; margin: 0; padding: 15px 0 0; position: static; float: none; border-style: none }
       
.studio p.studio
{ font-size: 15px; font-weight: normal; line-height: normal; margin: 0; padding: 0; float: none; border-style: none }

.studio p.image
{ margin: 0 20px 0 0; padding: 0; width: 320px; height: 240px; float: left; border-style: none }


/*class*/
.class ul
   { list-style: none; margin: 0; padding: 0; width: 800px; border-style: none }

.class li
   { display: block; margin: 0 15px 15px 0; padding: 5px 0 5px 5px; width: 370px; float: left; border: dotted 1px #666 }

.class li .class
     { font-size: 16px; font-weight: normal; line-height: normal; display: block; margin: 0; padding: 0; position: static; float: none; border-style: none }

.class p
  { font-weight: normal; line-height: normal; margin: 0; padding-top: 5px; float: none; border-style: none }

.class p.class
    { font-size: 14px; font-weight: normal; line-height: 1.5em; margin: 0; padding: 0; float: none; border-style: none }


/*news list*/
div#newsbox
{ margin-top: 15px; width: 525px }

.newsbox ul
{ list-style: none; margin: 0 0 0; padding: 0 }

.newsbox li
{ display: block; margin: 0 0 15px; padding: 0; width: 525px; height: 80px; float: none }

.newsbox li .news
{ font-size: 15px; font-weight: normal; line-height: normal; display: block; margin: 0; padding: 0 0 0; float: none; border-style: none }
       
.newsbox p.news
{ font-size: 12px; font-weight: normal; line-height: normal; margin: 0; height: 60px; float: none; border-style: none }

.newsbox p.more
{ font-size: 13px; font-weight: bold; line-height: normal; text-align: right; display: block; margin: -16px 0 0; padding: 0 0 0; width: 525px; height: 16px; float: right; border-style: none none dotted; border-width: medium medium 1px; border-color: #666 }

.newsbox p.image
{ margin: 0 5px 0 0; padding: 0; width: 80px; height: 80px; float: left; border-style: none }


/*news details*/
div#details
 { margin: 15px 0 0; width: 800px }

.details ul
{ list-style: none; margin: 0; padding: 0 }

.details li
 { display: block; margin: 0; padding: 0; width: 800px; float: none; border-style: none }

.details li .details
 { font-size: 15px; font-weight: normal; line-height: normal; display: block; margin: 0; padding: 0; position: static; float: none; border-style: none }
       
.details p.details
  { font-size: 13px; line-height: 1.5em; margin: 10px 0 0; padding: 0; float: none; border-style: none }

.details p.back
   { font-size: 13px; font-weight: normal; line-height: normal; text-align: left; display: block; margin: 0 0 15px; padding: 0; width: 800px; float: left; border-style: dotted none none; border-width: 1px medium medium; border-color: #666   }

.details p.image
  { margin: 0 0 0 5px; padding: 0; width: 320px; float: right; border-style: none }
  

  /*IE6 about*/
#about
{ width: 800px }
  
.box
 { text-decoration: none; width: 800px }
.box h1
  { color: #666; font-size: 16px; font-weight: bold; margin-top: 0; margin-bottom: 5px; width: 380px; float: none; border-top: none; border-right: none; border-bottom: 1px dotted #666; border-left: none }

.box h2
   { color: #666; font-size: 14px; font-weight: normal; margin-left: 230px; padding: 0 10px; float: none; border-style: none }

.box h3
  { color: #f0f; font-size: 14px; font-weight: normal; margin-top: 10px; margin-bottom: 0; width: 800px; float: none; border-style: none }

.box p
 { color: #666; font-size: 13px; font-weight: normal; line-height: 1.5em; margin: 0; float: none }

.box a
{ color: #02ccfc; font-style: normal; font-weight: bold; text-decoration: none; display: inline!important   }

.box a:hover
{ color: #27d; font-style: normal; font-weight: bold; text-decoration: none; display: inline!important    }
/**/
