/*******************************************************************************
*  Стили для сайта Pride House  ************************************************
*******************************************************************************/

a:hover { text-decoration: none; }
a { color: #f58220; }

.hidden { display: none; }

body { font-size:14px; font-family: georgia; }

.img-bg {
  position: absolute;
  top: 0;
  left: 50%;
}

.img-bg-index {
  margin-left: -600px;
}

.content-wrapper {
  margin: 0 auto;
  max-width: 1600px;
  min-width: 1020px;
  overflow: hidden;
  position: relative;
}

/*меню*/
#menu {position:absolute; top:10px; left:0; width:100%; z-index:1;}
#menu .bg {position:absolute; top:10px; left:0; width:100%; background-color:#000; opacity:0.7; filter:alpha(opacity=70); height:127px;}
#menu div.include {width:1003px; margin:0 auto; position:relative;}
#menu div.block {float:left; width:299px; margin:0 15px;}
#menu div.block p.header {font-size:1.3em; color:#74c900; font-weight:normal; padding:15px 0 5px 0; margin:0 20px;}
#menu div.block ul {list-style:none; padding:0 20px;}
#menu div.block li {padding:5px 0;}
#menu div.block li a {font-family:Tahoma; font-size:0.95em; color:#fff; font-weight:bold; line-height:120%;}

#menu div.select {background:url(http://pridehouse.ru/img/gallery/menu-bg-green.png) top center no-repeat; height:147px;}
#menu div.select p.header {padding:10px 0; color:#000; border-bottom:1px solid #5ea000;}
#menu div.select li {border-top:1px solid #90d92b; border-bottom:1px solid #5ea000; padding:9px 0 13px;}
#menu div.select li.no-border {border-bottom:none;}

#mosaic {width:680px;}
#mosaic img {margin-right:15px;}
#mosaic p {font-size:1em; margin-bottom:10px; line-height:130%;}
#mosaic a {color:#74c900;}

table.price {width:770px; background:#7cbf10 url(http://pridehouse.ru/img/gallery/gallery-table-bg.jpg) top left no-repeat; color:#fff; font-size:16px; text-align:center; margin-top: 1em;}
table.price tr.header {height:40px; font-style:italic; font-weight:bold;}
table.price tr.header p {padding-top:5px; color:#fff; vertical-align:center;}
table.price tr {height:27px;}
table.price td {width:255px;}

.gallery-text ul {list-style:square; margin-left:3%; padding-top:0.5em;}
.gallery-text ul li {color:#333; font-size:1em; line-height:140%;}

.gallery-text {
  margin: 820px auto 0;
  width: 800px;
  padding-bottom: 20px;
}
.gallery-text h3 {
  font-size: 2.2em;
  color: #333;
  font-style: italic;
  margin-bottom: 15px;
  font-weight: normal;
}
.gallery-text h2 {
  font-size: 1.2em;
  color: #333;
  font-style: italic;
  font-weight: bold;
  padding-top: 1em;
}
.gallery-text h1 {
  font-size: 1.9em;
  color: #333;
  font-style: italic;
  font-weight: normal;
}
.gallery-text p {
  font-size: 1em;
  color: #333;
  line-height: 140%;
  padding-top: 1em;
}

.gallery-thumbs {
  margin-left: 15%;
  top: 230px;
  position: absolute;
  left: -145px;
  width: 217px;
  height: 311px;
  background: url(http://pridehouse.ru/img/thumbs_bg.png) no-repeat 0 0;
}
.gallery-thumbs .thumbs-down {
  position: absolute;
  bottom: 4px;
  left: 9px;
}
.gallery-thumbs .thumbs-up {
  position: absolute;
  top: 4px;
  left: 9px;
}
.gallery-thumbs .thumbs-up img, .gallery-thumbs .thumbs-down img {
  width: 201px; height: 32px;
}
.gallery-thumbs .thumbs-up img { background: url(http://pridehouse.ru/img/thumbs_up.png); }
.gallery-thumbs .thumbs-up img.over { background: url(http://pridehouse.ru/img/thumbs_up_green.png); }
.gallery-thumbs .thumbs-down img { background: url(http://pridehouse.ru/img/thumbs_down.png); }
.gallery-thumbs .thumbs-down img.over { background: url(http://pridehouse.ru/img/thumbs_down_green.png); }
.gallery-thumbs .ul-wrap {
  height: 210px;
  overflow: hidden;
  margin-top: 47px;
  margin-left: 9px;
  position: relative;
}
.gallery-thumbs ul { position: absolute; top: 0px; }
.gallery-thumbs ul li { margin-bottom: 15px; height: 60px; position: relative; }
.gallery-thumbs ul li img { border: 1px #000 solid; }
.gallery-thumbs ul li .info { position: absolute; bottom: 0; left: 0; width: 202px; font-size: 0.9em; font-family: tahoma; font-weight:800; overflow: hidden; }
.gallery-thumbs ul li .info span { line-height: 18px; z-index: 3; position: relative; }
.gallery-thumbs ul li .info .size { float: left; padding-left: 5px; }
.gallery-thumbs ul li .info .name { float: right; padding-right: 5px; }
.gallery-thumbs ul li .bg { position: absolute; bottom: 1px; width: 200px; left: 1px; background-color: #fff; opacity: 0.74; filter: alpha(opacity=74); height: 18px; z-index: 1; }
.gallery-thumbs .for-link { width: 200px; height: 60px; position: absolute; z-index: 5; top: 0; left: 0; border: 0; }


#gallery {
  width: 758px;
  height: 430px;
  left: 36%;
  position: absolute;
  margin-left: -107px;
  top: 192px;
}

#gallery h2 {
  font-family: verdana;
  font-size: 18px;
  margin-bottom: 10px;
}

#gallery .ul-wrap {
  width: 750px;
  height: 400px;
  overflow: hidden;
  background-color: #fff;
}



#lenta-wrapper {
  margin: 0 auto; overflow:visible; position: relative; width:554px;
}
#lenta {
  overflow: hidden; position: relative;
}
#lenta li {
 float: left; margin-right: 20px; position: relative; background-color: #f1f1f1;
}
#lenta li .shade {
 background-color: #E3E9EA; cursor: pointer; display: block; height: 400px; opacity: 0.7; filter:alpha(opacity=70); position: absolute; z-index:2;
}
#lenta li.active .shade {
 display: none;
}

/*подвал*/
#footer {width:100%; height:92px; background-color:#2f2f2f; position:relative;}
#foot-line {background:#4bbd0d url(http://pridehouse.ru/img/foot-line-green.jpg) center no-repeat; width:100%; height:15px;}
#contacts {width:770px; margin:0 auto;}
#contacts p.first {margin-top:10px;}
#i-messangers {width:190px; float:left;}
#i-messangers p {font-size:14px; color:#acacac;}
#i-messangers p a {color:#fff;}
#i-messangers p span.icq {color:#fff;}

#phones {width:580px; text-align:right; float:left;}
#phones img {float:left; margin-right:-40px}
#phones p {font-size:20px; color:#fff;}
#phones p span.code {font-size:12px; color:#acacac;}