html {
  height: 101%; 
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  background-color: #ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif;  
  background: #fff url(img/fonTop.gif) no-repeat top left;
}
 body {
  width: 1000;
  margin: 0px;
  padding: 0px;
   margin-left: auto;
 margin-right: auto; 
}
a {
 color: #333333;
 outline: none;
} 
a img {
 border: 0;
 cursor: pointer;
}
.content {
 width: 648px;
 margin: 0;
 padding: 0;
 padding-top: 115px;
 margin-left: auto;
 margin-right: auto; 
 padding-bottom: 10px;
}
.header {
  margin: 0;
  padding: 0;
  width: 100%;  
  float: left;
  margin-top: 10px;
}
.headerLeft {
  margin: 0;
  padding: 0;
  float: left;
  background: url(img/Mare_Vaccaro.png) no-repeat left bottom;
}
*html .headerLeft {
  margin: 0;
  padding: 0;
  float: left;
  background: none; /* специально для IE */ 
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://marev.sapphiregroup.com/img/Mare_Vaccaro.png', sizingMethod='scale');
} 
.headerRight {
  margin: 0;
  padding: 0;
  float: right;
}

.menu {
padding:0; margin:0; margin-top: 25px;text-align:left; font-family: verdana, sans-serif; position:relative;  margin:0 padding:0; list-style-type:none;
}
.menu ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.menu li {
float:left; position:relative;
}
.menu li a, .menu li a:visited {
display:block; text-decoration:none; color:#999999; float:left; padding-left:13px; 
}
.menu li a.change_color {
 color:#333333;
}
.menu li ul {
visibility:hidden; position:absolute; top:5px; left:0; height:0; overflow:hidden; 
}
.menu table {
margin:-1px; border-collapse:collapse; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu li:hover a,
.menu li a:hover {
 border:0; color: #330000;
}
.menu li:hover ul,
.menu li a:hover ul {
visibility:visible; height:auto; width:auto; background:#fff;  left:0px; top:12px; overflow:visible; padding-top: 0.7em; 
}
.menu li:hover ul li {
 clear: both;
}
.menu li:hover ul li a,
.menu li a:hover ul li a {
display:block; font-weight:normal; background:#fff; text-decoration:none; height:auto; line-height:1.5em; padding-bottom:0.5em; padding-right: 1.5em; width:auto; min-width: 140px; color: #999999;
}
* html .menu li a:hover ul li a {
width:10em; w\idth:9em; /* hack for IE5.5 */
}
.menu li:hover ul li a:hover,
.menu li a:hover ul li a:hover {
color: #330000;
}
.menu li:hover ul li ul,
.menu li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu li:hover ul li a:hover,
.menu li a:hover ul li a:hover {
}
.menu li:hover ul li:hover ul,
.menu li a:hover ul li a:hover ul {
visibility:visible; color:#000; border:1px solid #ddd; height:auto; background:#fff; 
} 

.menu li:hover ul li:hover ul li a,
.menu li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.menu li:hover ul li:hover ul li:hover a,
.menu li a:hover ul li a:hover ul li a:hover {
}
.mpContent {
  margin: 0;
  padding: 0;
  width: 100%;  
  float: left;
  margin-top: 15px;
}
.mpImg {
  margin: 0;
  padding: 0;
  width: 100%;  
  padding-top: 28px;
  text-align: center;
}
.artist_st {
  margin: 0;
  padding: 0;
  width: 100%;  
  padding-top: 35px;
  padding-bottom: 10px;
  color: #333333;
}
.title {
 font-size: 30px;
 font-family: ITC Galliard Std, verdana, sans-serif;    
 padding-bottom: 25px;
}
p {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
  line-height: 1.5;
}
.footer {
 margin: 0;
 padding: 0;
 width: 100%;
 color:#333333;
 font-size: 9px;
}
.footer div {
 float: right;
 padding-top: 20px;
}
.workCateg {
 width: 255px;
 float: left;
 margin-top: 5px;
 margin-bottom: 25px;
 color: #333333;
 font-size: 115%;
}
.workCateg div{
 margin-top: 95px;
}
.workCateg a{
 text-decoration: none;
}
.workCateg img{
 float: left;
 margin: 0 0px 0 0px;
 padding: 0 30px 0px 0;
}

dl {
 margin: 0;
 padding: 0;
 padding-bottom: 8px;
 float: left;
 margin-bottom: 15px;
 }
dl:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }
*html dl {
 height: 1%;
 }
dl dt {
 margin: 0 0 3px 0;
 color: #330000;
 font-size: 145%;
 }
dl dt img {
 float: left;
 margin: 0 23px 0 0px;
 padding: 0 5px 0px 0;
 }
dl dd {
 margin-left: 181px;
 padding-top: 7px;
 }
 dl dd a {
 color: #330000; 
 }
 ul.itemResume {
 margin: 0;
 padding: 0;
 clear: both;
 width: 100%;
 margin-bottom: 23px;
 }
ul.itemResume li{
 list-style: none;
 }
 li.header {
  font-size: 145%; 
  color: #330000; 
  width: 100%;
  margin-bottom: 7px;
 }
 li.underheader {
  clear: both; 
   width: 100%;  
   padding-bottom: 3px;
 }
 ul.resumeList {
  margin: 0;
  padding: 0;
  width: 100%;  
 }
  ul.resumeList li.resumeL1, ul.resumeList li.resumeL2  {
  margin: 0;
  padding: 0;
  float: left;
 }
   ul.resumeList li.resumeL1  {
  margin-right: 10px;
 }
 .worksPage {
  margin: 0;
  padding: 0;
 }
  .worksPage img {
  margin: 0;
  padding: 0;
  margin-right: 14px;
  margin-bottom: 16px;
 }
 .worksPage img.show1 {
  margin: 0;
  padding: 0;
  margin-right: 0px;
 }
 input, textarea {
  border: 1px solid #999999;
 }
 input.btn {
  background: #dfdede;
  color: #333333;
  cursor: pointer;
  padding: 2px;
 }
a.dop_style {
color: #330000;
 text-decoration: none;
 font-size: 10px;
}
a.dop_style_n {
color: #330000;
}
.dopTitleText {
  color: #330000;
 font-size: 145%;
}
a.linkColor {
 color: #330000; 
}