@charset "utf-8";
/*@import url("undohtml.css");*/
h1,h2,h3,h4,h5,h6,pre,code{font-size:1em}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd{margin:0;padding:0;line-height:1.2em}
a img,:link img,:visited img{border:none}
address{font-style:normal}
dl{margin:0 0 0 .8em}
dl dt{margin:0 0 .5em 0}
dl dd+dt{margin-top:1.5em}
dl dd,ul li{margin:0 0 1em 2em}
ol{list-style:decimal}
ol li{margin:0 0 1em 2.5em}
ol li ol,ol li ul,ul li ul,ul li ol{margin:1em 0 1em 1em}
p{margin-bottom:1em}
ul{list-style:none}
ul li ul{list-style:none;}
ul li ul li ul{list-style:none;}
html {
  height: 100%;
}
body {
  font-family: Tahoma,  Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  color: #ccc;
  background: #000 url('../i/right_bg.png') no-repeat right top;
  min-width: 998px;
  width:expression((document.documentElement.clientWidth)<998?"998px":"auto");
  height: 100%;
}
.clear,.clrleft,.clrright{clear:both;width:100%;display:block}
.clrleft{clear:left}
.clrright{clear:right}
.left{float:left}
.right{float:right}
.nobr{white-space:nowrap}
div{_height:1%}
a{
  color: #999;
  text-decoration: underline;
  cursor: pointer;
}
a:hover, a:active {
  color: #aaa;
}
#deflogo {
  cursor: default;
}
img.photo, a:hover img.photo {
  background: #000;
  border: 1px #fff solid;
  padding: 1px;
}
.thumbs li {
  margin: 36px 22px 0 0;
  text-align: center;
}
.thumbs a:hover {
  color: #fff;
  text-decoration: underline;
}
img.thumbnail { 
  border: 5px solid #ccc !important;
  /*padding: 1px;
  background: #000;*/
}
a:hover img.thumbnail {
  border: 5px solid #d88200 !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Trebuchet MS, Georgia, Helvetica, sans-serif;
  margin: 0 0 1em 0;
  font-weight: normal;
}
h1 {
  color: #ccc;
  font-size: 2.4em;
  line-height: 80%;
  font-size: 6em;
  /*text-transform: uppercase;*/
}
h2 {
  color: #D88200;
  font-size: 2.2em;
}

h3 {
  color: #CCCCCC;
  font-size: 2em;
  /*font-style: italic;*/
}

h1 span, h3 span{
  color: #dbbe24;
}

p{
  font-size: 1.1em;
  line-height: 130%;
}



table {
  border-collapse: collapse;
  border: #c0c0c0;
  font-size: 100%;
}
img {
  vertical-align: middle;
}

/* container */
#main {
  margin: 0 auto;
  text-align: left;
  width: 925px;
  height: 100%;
}

#container {
  min-height: 100%;
  padding-bottom: 20px;
}

/* logo */
#logo {
  background: url('../i/logo.jpg') no-repeat;
  width: 925px;
  height: 250px;
  margin-bottom: 10px;
}

#logo a {
  width: 922px;
  height: 250px;
  display: block;
}

#logo a span {
  display: none;
}

/* left */
#left {
  text-align: right;
  width: 120px;
  float: left;
}

#contacts {
  margin-top: -10px;
  padding-top: 30px;
  background: transparent url('../i/line.png') no-repeat;
  color: #999;
}

#contacts a:hover {
  color: #999;
}

/* menu */
#menu ul {
  margin: 0 0 32px 0;
  padding: 0;
  /*padding: 10px 0 0 0;*/
  /*margin-bottom: 32px;
  /*margin: 3px 0 0 0;
  padding: 2px 0 0 0;*/
}

#menu ul ul {
  margin: 0;
}

#menu ul ul li {
  margin: -2px 0 0;
  padding: 0;
}

#menu ul ul li.last {
  padding: 0;
}

#menu ul ul a {
  font-size: 11px;
  color: #ccc;
}

#menu ul ul li.active a {
  font-weight: bold;
  color: #fff;
}

#menu ul ul a:hover {
  color: #fff;
  font-weight: bold;
}

/*#menu ul li{
  padding: 2px 0 1px 0;
  margin: 0;
  /*padding-top: 9px;*/


/* info menu */
#info_menu {
  margin: 0;
  background: url('../i/info_menu.png') no-repeat top right;
  background-position: 6px 0;
  padding: 37px 0 0 0;
  width: 120px;
  /*padding-bottom: 32px;*/
}

#info_menu:hover, #info_menu.hover {
  background-position: -140px 0;
}

#info_menu li {
  /*padding-top: 9px;
  margin: 0;
  padding: 0;
  margin: 3px 0 0 0;*/
  padding: 3px 0 0 0;
  margin: 0;
}

.about_me {
  background: url('../i/aboutme_menu.png') no-repeat;
  padding: 5px 35px;
}

.myblog {
  background: url('../i/myblog_menu.png') no-repeat;
  padding: 5px 30px;
}

/* portfolio */
#portfolio {
  margin: 0;
  background: url('../i/portfolio_menu.png') no-repeat top right;
  background-position: 3px 0;
  padding: 17px 0 0 0;
  width: 120px;

}

#portfolio:hover, #portfolio.hover {
  background-position: -160px 0;
}

.webdesign {
  background: url('../i/webdesign_menu.png') no-repeat top right;
  padding: 5px 41px;
}

.photos {
  background: url('../i/photos_menu.png') no-repeat top right;
  padding: 5px 27px;
}

.weddings {
  background: url('../i/weddings_menu.png') no-repeat top right;
  padding: 5px 36px;
}

.art {
  background: url('../i/art_menu.png') no-repeat top right;
  padding: 5px 13px;
}

a:hover .weddings {
  background-position: -1px -11px;
}

/* goodies */
#goodies {
  margin: 0;
  background: url('../i/goodies_menu.png') no-repeat top right;
  background-position: 0 0;
  padding: 21px 0 0 0;
  width: 120px;
}

#goodies li {
  margin: 0;
  padding: 3px 0 0 0;
  margin: 0;
}

.texture {
  background: url('../i/texture_menu.png') no-repeat top right;
  padding: 5px 31px;
}

.lessons {
  background: url('../i/lessons_menu.png') no-repeat top right;
  padding: 5px 29px;
}

li ul.all {
  display: none;
  overflow: hidden;
}

/* contact */
#contact {
  margin: 0;
  background: url('../i/contact_menu.png') no-repeat top right;
  background-position: 3px 0;
  padding: 18px 0 14px;
  width: 120px;
  /*padding-bottom: 32px;*/
}

#contact:hover, #contact.hover {
  background-position: -130px 0;
}

.guestbook {
  background: url('../i/guestbook_menu.png') no-repeat top right;
  padding: 5px 41px;
}

a:hover .about_me, a:hover .myblog, a:hover .webdesign, a:hover .photos,
a:hover .art, a:hover .guestbook {
  background-position: 0 -11px;
}

#portfolio li {
  padding: 3px 0 0 0;
  margin: 0;
}

/* center */
#center {
  margin-left: 167px;
}

#center h1 {
  color: #444;
  margin: 0 0 15px 0;
}

#center p {
  line-height: 140%;
}
/* photoes */
#photoes {
  border-bottom: 2px solid #484848;
}

#photoes li {
  float: left;
  margin: 0;
}

#photoes li.first { 
  margin: 0;
}

#photoes li.second {
  margin: 0 18px; 
}

#photoes li.third {
  float: right;
}

#photoes li a {
  display: block;
  text-decoration: none;
}

#photoes li a img {
  border: 1px solid #fff;
  padding: 1px;
  margin-bottom: 10px;
}

#photoes li a:hover img {
  border: 1px solid #d88200;
}

#photoes li a p {
  color: #fff;
  background: #333;
  font-size: 1.8em;
  text-align: center;
  font-family: Tahoma;
  line-height: 100%;
  padding: 0 0 5px;
}

#photoes li a:hover p {
  background: #d88200;
}

#photoes li span {
  font-size: 0.6em;
}

#photoes a:hover img {
  /*visibility: hidden;*/
}

#indexTitle {
  padding: 26px 26px 26px 0;
}

#indexTitle p {
  margin: 0;
  color: #fff;
}

/* blog */
#blog {
  float: left;
  width: 450px;
  margin-top: 10px;
}

#blog li {
  line-height: 140%;
  margin: 0;
  background: url('../i/blog_sep.png') bottom no-repeat;
  padding: 16px 0;
}

#blog li.last {
  background: none;
}

#blog a {
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 0.8em;
}

#blog li a span.title {
  color: #b3b3b3;
  font-size: 1.2em;
  text-decoration: none;
}

#blog li a:hover span.title {
  color: #fff;
  text-decoration: underline;
}

#blog a img.photo {
  float: left;
  margin-right: 10px;
  border: 1px #fff solid;
}

#blog a:hover img.photo {
  border: 1px #ccc solid;
}

/* days photo */
#days_photo {
  float: right;
  margin: 2px 0 0 0;
  text-align: right;
  padding-top: 1px;
}

img.blogTitle {
  margin-bottom: 12px;
}

#days_photo img.ph {
  margin-top: 28px;
  border: 1px #fff solid;
}

/* footer */
#footer {
  padding-left: 57px;
}

#footer img {
  margin-right: 5px;
}

/* Galery */
.gal div{
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #333333;
  height: 125px;
}

.gal img{
  margin-right: 20px;
}

.gal a{
  text-decoration: none;
}

/* ����������� */

.fitem{
  margin-bottom: 10px;
}

.fitem img{
  margin-right: 10px;
}

.buttons{
  margin: 15px 15px 15px 150px;
}

.jot-form label{
  display: block;
  float: left;
  width: 130px;
  text-align: right;
  padding: 3px;
  padding-right: 20px;
  font-family: Georgia, Helvetica, sans-serif;
  color: #999999;
  font-size: 1.2em;
}

.jot-form .text, .vkey{
  border: 1px solid #D0C4B2;
  padding: 3px;
  font-family: Tahoma,  Arial, Helvetica, sans-serif;
  color: Black;
  font-size: 1.2em;
  width: 320px;
  background-color: #CCCCCC;
}

.vkey{
  width: 100px;
  text-align: center;
}

.jot-comment{
  padding: 10px;
  border-bottom: 1px solid #333333;
  margin-bottom: 10px;
  font-family: Georgia, Helvetica, sans-serif;
  font-size: 1.1em;
}

.jot-num{
  display: block;
  float: right;
  font-family: Georgia, Helvetica, sans-serif;
  font-size: 2.5em;
  color: #D88200;
  width: 50px;
  height: 23px;
  text-align: center;
}

.jot-poster{
  color: #505050;
  font-size: 10px;
}

.jot-user, .jot-subject{
  font-family: Georgia, Helvetica, sans-serif;
  font-size: 16px;
  color: #999999;
  
}
.jot-subject{
color: #EEEEEE;
font-style: italic;
font-weight: bold;
}

.jot-content{
  float: none;
}

.jot-message{
  padding: 1em 0;
  line-height: 130%;
}

.jot-row-alt{
background-color: #171717;
}

.roll{
  border-bottom: 1px dotted #333333;
  cursor: pointer;
}

#introtext{
  padding: 25px;
  border-bottom: 2px solid #FFFFFF;
}

#introtext p{
  margin: 0;
  padding: 0;
}

.innerlincs{
  font-size: 0.85em;
}

.innerlincs a{
  color: white;
  text-decoration: underline;
}

.innerlincs a:hover{
  color: #a0c5d5;
}

/* photos */
#mainPhotos {
  list-style: none;
  padding-top: 15px;
}

#mainPhotos li {
  width: 236px;
  float: left;
  margin: 0;
  padding: 0;
}

#mainPhotos li.center {
  margin: 0 20px 0;
}

#mainPhotos a {
  color: #999;
  text-decoration: underline;
}

#mainPhotos a:hover {
  color: #fff;
}

#mainPhotos th a {
  text-align: center;
  display: block;
  background: #333;
  font-size: 1.8em;
  font-weight: normal;
  font-family: Tahoma;
  line-height: 100%;
  text-decoration: none;
  color: #fff;
  padding: 0 0 5px;
}

#mainPhotos th a span {
  font-size: 0.6em;
}

#mainPhotos th a:hover {
  background-color: #d88200;
  font-weight: normal;
}

#mainPhotos img {
  background: #000;
  border: 1px solid #fff;
  padding: 1px;
}

#mainPhotos table {
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  border: #c0c0c0;
  font-size: 100%;
}

#mainPhotos tr.first {
  border-bottom: 22px solid #000;
}

#mainPhotos tr.second {
  border-bottom: 15px solid #000;
}

#mainPhotos tr.third {
  border-bottom: 9px solid #000;
}

#mainPhotos td.l {
  text-align: left;
}

#mainPhotos td.r {
  text-align: right;
}

#webdesigncont li {
  text-align:left;
  width: 339px;
  border-bottom: 2px #333 solid;
  padding: 22px 0 28px;
}

#webdesigncont li.last {
  border: none;
}

#webdesigncont li a {
  font-family: Tahoma;
  font-variant: uppercase;
}

#webdesigncont li a img {
  margin-right: 25px !important;
  border: 4px #999 solid !important;
}

#webdesigncont li a:hover img {
  border: 4px #dbbe24 solid !important;
}

#webdesigncont a:hover {
    text-decoration: none;
}

.wbTitle {
  color: #999;
  font-size: 1.3em;
  font-variant: uppercase;
}

a:hover .wbTitle {
  color: #dbbe24;
}

/* web sites */
#websitescont ul {
  border-bottom: 2px #333 solid;
}

#websitescont li {
  text-align: center;
  width: 224px;
  margin: 0 10px 0;
  /*border-bottom: 2px #333 solid;*/
  padding: 45px 0 47px;
}

#websitescont li.last {
  border: none;
}

#websitescont li a.external {
  font-family: Tahoma;
  font-variant: uppercase;
  text-decoration: underline;
  color: #999;
  font-size: 1.3em;
}

#websitescont li a.external:hover {
  color: #dbbe24;
}

#websitescont li a img {
  margin-right: 25px !important;
  border: 4px #ccc solid !important;
}

#websitescont li a:hover img {
  border: 4px #dbbe24 solid !important;
}

/* pribluda */
#pribluda1 {
  /*height: 500px;
  width: 700px;*/
  margin: 0 auto;
  text-align: center;
}

.pribludaClass li {
  float: left;
  margin: 10px 30px 10px 0;
}

.pribludaClass img {
  border: 1px solid #ccc;
}

.pribludaClass a:hover img {
  border: 1px solid #d88200;
}

#ph_main {
  /*padding: 12px 0 26px;*/
  padding-bottom: 26px;
  border-bottom: 2px solid #484848;
}

#ph_main ul {
  list-style: none;
}

#ph_main li {
  float: left;
  margin: 0;
  padding: 10px 15px 0;
}

#ph_main li img {
  margin-bottom: 3px;
  border: 1px solid #ccc;
}

#ph_main li a:hover img {
  border: 1px solid #d88200;
}

#ph_main strong {
  text-align: center;
  display: block;
  width: 92px;
  text-decoration: underline;
}

#ph_main li a:hover strong {
  color: #d88200;
}

img.pixel{
	vertical-align: top !important;
}

.blog1 li a span.title {
  font-size: 16px !important;
  line-height: 110%;
}

#bl_cl ul {
  list-style: none;
}
#bl_cl li {
  background: url('../i/triang.gif') no-repeat 0 7px;
  padding: 0 0 0 7px;
  float: none;
}

#bl_cl a {
  display: inline;
  font-size: 1em;
  text-decoration: underline;
}