html {
   font-size: 100.01%;
   height: 100%;
   }

body {
   background: #ddd;
   color: #999;
   font-family: trebuchet MS, sans-serif;
   font-size: 1em;
   height: 100%;
   margin: 0px;
   paddind: 0px;
   text-align: center;
   }

/*-------reset--------*/
div, p {
   color: #999;
   margin: 0px;
   padding: 0px;
   line-height: 1.6em;
   }

a {
   color: #000;
   line-height: 1.2em;
   margin: 0px;
   padding: 0px;
   border: none;
   text-decoration: none;
   }

strong, span {
   font-weight: normal;
   }

h1,h2,h3,h4 {
   font-size: 1em;
   font-weight: normal;
   margin: 0px;
   padding: 0px;
   }

img {
   border: none;
   margin: 0px;
   padding: 0px;
   }

ul, li {
   font-size: 1em;
   list-style-type: none;
   margin: 0px;
   padding:0px;
   }

#clearing {
   color: #fff;
   clear: both;
   font-size: 0em;
   line-height: 0em;
   }

/*-------end reset--------*/



#content {
   background: #ffffff;
   margin: 0px auto 0px auto;
   position: relative;
   min-height: 100%;
   width: 1004px;
   text-align: left;
   }
* html #content {height: 100%;}

#mainmenublock {
   text-align: right;
   padding-right: 30px;
   margin-bottom: 5px;
   }

#graylineleft {
   background: #c0c0c0;
   font-size: 0em;
   line-height: 0em;
   height: 100%;
   width: 1px;
   position: absolute;
   top: 0px;
   left: 0px;
   }

#graylineright {
   background: #c0c0c0;
   font-size: 0em;
   line-height: 0em;
   height: 100%;
   width: 1px;
   position: absolute;
   top: 0px;
   right: 0px;
   }

#shadowleft {
   background: #ddd url("../img/shadowleft.gif") repeat-y bottom right;
   width: 26px;
   height: 100%;
   position: absolute;
   top: 0px;
   left: -26px;
   }

#shadowright {
   background: #ddd url("../img/shadowright.gif") repeat-y bottom right;
   width: 26px;
   height: 100%;
   position: absolute;
   top: 0px;
   right: -26px;
   }

#sections {
   float: left;
   padding-left: 30px;
   width: 180px;
   }

#previewpuzzle {
   background: #fff;
   padding-bottom: 90px;
   margin-left: 225px;
   width: 750px;
   }
* html #previewpuzzle {margin: 0px;}

.preview{
   height: 105px;
   width: 105px;
   margin-right: 2px;
   }

#textblock {
   background: #fff;
   width: 750px;
   padding: 0 0 60px 0px;
   margin-left:225px;
   }

#photosline {
   background: #fff;
   height: 105px;
   width: 750px;
   margin-bottom: 60px;
   }

#photosline img {
   height: 105px;
   width: 105px;
   margin-right: 2px;
   padding-bottom: 5px;
   }

.servicesection {
   margin-bottom: 30px;
   }

.textsection {
   margin-bottom: 60px;
   }

#footer {
   color: #333;
   font-size: 10pt;
   bottom: 30px;
   right: 30px;
   position: absolute;
   padding: 0 0 0 30px;
   }

/*------------decorations------------*/

#logo {
   height: 75px;
   padding: 30px 0px 5px 60px;
   }


#thename {
   color: #333;
   font-size: 22pt;
   margin-bottom: 5px;
   }

#slogan {
   color: #666;
   font-size: 11pt;
   }

h3 {
   color: #7396af;
   font-size: 16pt;
   margin-bottom: 40px;
   text-transform: uppercase;
   }

h4 {
   color: #7396af;
   font-size: 16pt;
   margin-bottom: 5px;
   }

li.albumelement {
   line-height: 1em;
   margin: 0.8em 0px 1px 15px;
   }
li.sectionelement {
   margin: 1.6em 0px 1px 0px;
   }

td {
   vertical-align: top;
   }

.infotext strong {
   color: #7396af;
   font-size: 15pt;
   }

.smalltext {
   color: #7396af;
   font-size: 10pt;
}

.bgprice {
   background: url("../img/bgprice.gif") no-repeat top left;
   height: 70px;
   width: 70px;
   margin-right: 30px;
   padding-top: 8px;
   text-align: center;
   }

.textprice {
   color: #fff;
   font-size: 10pt;
   line-height: 1.2em;
   }

.whitetextprice {
   font-size: 16pt;
   }

/*------------txt------------*/


.infotext, #textblock p {
   color: #000;
   font-size: 11pt;
   }

.infolink, #textblock li {
   color: #000;
   margin-left: 50px;
   }

ul.servicepackitems {
   line-height: 1.4em;
   margin-left: 60px;
   }

.servicepackitems li {
   color: #000;
   font-size: 11pt;
   list-style-type: circle;
   }

/*------------replace--------------*/
span.replace {
   display: block;
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 1;
   }

#logoreplace {
   background: url("../img/logoleft.gif") no-repeat top left;
   position: absolute;
   top: 25px;
   left: 60px;
   height: 75px;
   width: 255px;
   cursor: pointer;
   }

/*------------links--------------*/

#mainmenublock a {
   color: #999;
   font-size: 11pt;
   text-decoration: underline;
   }
#mainmenublock a:hover, #mainmenublock a:active{
   color: #0088ca;
   text-decoration: none;
   }

a.section {
   color: #999;
   font-size: 14pt;
   text-decoration: underline;
   text-transform: uppercase;
   }
a.section:hover, a.section:active {
   color: #0088ca;
   text-decoration: none;
   }

a.currentsection {
   color: #0088ca;
   font-size: 14pt;
   text-decoration: underline;
   text-transform: uppercase;
   }
a.currentsection:hover, a.currentsection:active {
   color: #0088ca;
   text-decoration: none;
   }

a.album {
   color: #999;
   font-size: 11pt;
   text-decoration: underline;
   }
a.album:hover, a.album:active {
   color: #0088ca;
   text-decoration: none;
   }

 .infolink a, #textblock li a, .servicepackitems a {
   color: #999;
   font-size: 11pt;
   line-height: 1.6em;
   text-decoration: underline;
   }
.infolink a:hover, #textblock li a:hover, .infolink a:active, .servicepackitems a:hover, .servicepackitems a:active {
   color: #0088ca;
   text-decoration: none;
   }

#photosline a:hover {
   border-bottom: solid #0088ca 4px;
   }

.sectionmenu li span {
   color: #0088ca;
   font-size: 14pt;
   line-height: 1.2em;
   text-transform: uppercase;
   }

.sectionmenu li table span {
   color: #0088ca;
   font-size: 11pt;
   font-weight: none;
   line-height: 1.2em;
   text-transform: none;
   }

#mainmenublock span {
   color: #0088ca;
   font-size: 11pt;
   line-height: 1.2em;
   }

span.arrow {
	color: #0088ca;
}

#first {
	margin:0px;
}

.addcom {
	margin-top:80px;
}

.inpdiv {
	margin-bottom:15px;
}


label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }

.comitem {
	margin-top:30px;
	margin-bottom:30px;
}

.comdate,.comname,.commess,.comans {
	color:#7396af;
	font-size:16px;
	font-weight:bold;
	line-height:1.4em;
}

.comdate span,.comname span,.commess span,.comans span {
	color:#000000;
	font-size:11pt;
}

.comans {
	margin-left:60px;
	margin-top:10px;
}

.comans span{
	color:#666;
}

.infocom p, .infocom{
	color:#000000;
	font-size:11pt;
}
/*листатель*/
.page a
    {
    padding: 2px 3px;
    font-size: 12pt;
    /*background: #f7f7f7;  */
    border-bottom: 1px solid #c7c7c7;
    color: #666666;
    text-decoration: none;
    margin: 0px 1px;
    font-weight: bold;
    margin:0px 3px;
    }

.page a:hover
    {
    /*background: #cccccc;*/
    border-bottom: 0px solid #666666;
    text-decoration: none;
    }

.page a.active
    {
    /*background: #666666;*/
    border-bottom: 0px solid #666666;
    color: #0088ca;
    font-weight: bold;
    }

.page a.active:hover
    {
    /*background: #666666; */
    }

.page span
    {
    font-weight:bold;
    padding:0 5px;
    }

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