/* Global resets */

@font-face {
    font-family: 'MyriadProSemibold';
    src: url('myriadpro-semibold-webfont.eot');
    src: local('Myriad Pro Semibold'), url('myriadpro-semibold-webfont.woff') format('woff'), url('myriadpro-semibold-webfont.ttf') format('truetype'), url('myriadpro-semibold-webfont.svg#webfonta36rg09A') format('svg');
    font-weight: normal;
    font-style: normal;
}

html { 
  background-repeat: repeat-x;
  background-color: #bae4ff;
  height: 100%; }

body {
  font: 0.813em Tahoma, Arial, Helvetica, sans-serif;
  margin: 0;
  color: #555;
  background: url(../images/bg.jpg) center top no-repeat;
  height: 100%; }

a { color: #0172a1; }
a img { border: 0; }

form { margin: 0px; }

h1, h2, h3 {
  font-weight: normal;
  font-family: MyriadProSemibold, Tahoma, Arial, Helvetica, sans-serif;
  margin: 0 0 10px 0; }

h1 {
  color: #0088c0;
  font-size: 2.3em; }
  
h2 {
  color: #2f6f8a;
  margin-top: 25px;
  font-size: 1.54em; }

input, select, textarea {
  font-family: inherit;
  font-size: inherit; }

p { margin: 0px 0px 1em 0px; }

table { border-collapse: collapse; }
table td, table th { padding: 0; }

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

noscript p {
  font-size: 2em;
  text-align: center; }
  
  

/* Wrapper */
#wrapper {
  width: 900px;
  margin: 0 auto;
  padding-top: 21px;
}
  
  
  
/* Header */  
#header a {
  display: block;
  width: 248px;
  height: 50px;
  background: url("../images/logo.png") 0 21px no-repeat;
  color: #796e8e;
  font: italic 1.15em Arial, Helvetica, sans-serif;
  text-decoration: none;
  position: relative;
  padding-top: 21px;
  margin-left: 12px; }

#header .title { visibility: hidden; } 
#header .city { 
  position: absolute;
  right: -14px;
  top: 0;
  cursor: pointer; }  
  
  

/* Content */
#content:after { 
  content: '';
  width: 1px;
  height: 1px;
  display: block; }
#left {
  float: left;
  width: 230px;
  padding-top: 76px; }
#right {
  margin-left: 255px;
  padding-top: 34px;
}
  
  
  
/* Navigation */  
#nav { 
  padding-left: 15px;
  margin-bottom: 35px; }
#nav ul {
  font: 1.38em MyriadProSemibold, Tahoma, Arial, Helvetica, sans-serif;
}  
#nav ul ul {
  font: italic .72em Arial, Helvetica, sans-serif;
  margin: 0 0 4px 26px;
}  
#nav a { 
  color: #333;
  text-decoration: none;
  display: block;
  padding: 2px 0; }
#nav a:hover { color: #84343f; }
#nav .active a { color: #aa636d; }
#nav ul ul a { 
  color: #555;
  text-decoration: underline;
  padding: 3px 0; }  
#nav ul ul a:hover { text-decoration: none; }
#nav li .active a { text-decoration: none; }
  
  
  
/* Circles */
#circles {
  height: 480px;
  font: italic 1em Arial, Helvetica, sans-serif;
  position: relative;
  top: -83px;
  margin-bottom: -83px; }
#circles ul {  }  
#circles li {
  position: absolute;
  background-image: url("../images/circles.png"); }
#circles li:hover { z-index: 2; }
#circles a { 
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  text-decoration: none;
  color: #00536b; }
#circles img { 
  position: absolute;
  display: block; }
  
  
#circles .title {
  display: block;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  padding: 2px 5px; }
#circles .title span {
  display: block;
  position: absolute; }
#circles .tl, #circles .tr, #circles .bl, #circles .br {
  width: 5px;
  height: 5px; }
#circles .tl {
  top: 0;
  left: -5px; }
#circles .l {
  top: 5px;
  bottom: 5px;
  left: -5px;
  width: 5px; }
#circles .tr {
  top: 0;
  right: -5px;
  background-position: -5px 0; }
#circles .bl {
  bottom: 0;
  left: -5px;
  background-position: 0 -5px; }
#circles .r {
  top: 5px;
  bottom: 5px;
  right: -5px;
  width: 5px; }
#circles .br {
  bottom: 0;
  right: -5px;
  background-position: -5px -5px; }


#circles .poly { left: 155px; }
#circles .poly a {
  width: 362px;
  height: 362px; }
#circles .poly img {
  top: 9px;
  left: 9px; }
#circles .poly .title {
  font-size: 1.84em;
  top: 55px;
  left: -8px; }
  

#circles .handrails { 
  left: 17px;
  top: 130px;
  background-position: 0 -369px; }
#circles .handrails a {
  width: 303px;
  height: 303px; }
#circles .handrails img {
  top: 9px;
  left: 9px; }
#circles .handrails .title {
  font-size: 1.54em;
  top: 37px;
  left: 18px; }
  

#circles .metal { 
  left: 335px;
  top: 210px;
  background-position: 0 -678px; }
#circles .metal a {
  width: 270px;
  height: 270px; }
#circles .metal img {
  top: 9px;
  left: 9px; }
#circles .metal .title {
  font-size: 1.31em;
  right: 0;
  top: 35px;
  padding: 4px 5px; }
  
  
  
/* Contacts */
#contacts {
  height: 180px;
  margin-left: 5px;
  background: url("../images/contactsAlpha.png") no-repeat;
  padding: 10px 0 10px 10px;
  font-family: MyriadProSemibold, Tahoma, Arial, Helvetica, sans-serif;
  color: #fff; }  
#contacts .c {
  height: 160px;
  background: #776c81 url("../images/contacts.jpg") no-repeat; }  
#contacts address { font-style: normal; }  
#contacts a { color: #fff; }  
  
#contacts .phones {
  font-size: 1.46em;
  text-align: right;
  padding: 2px 15px 0 0;
  line-height: 1.21em; }  
  
#contacts .email {
  font-size: 1.08em;
  text-align: right;
  padding: 18px 15px 0 0; }  
  
#contacts .map {
  font-size: 1.46em;
  text-align: right;
  padding: 29px 15px 0 0;
  position: relative; }  
#contacts .map a {
  text-decoration: none;
  border-bottom: 1px dashed;
  display: block;
  position: absolute;
  right: 15px;
  top: 31px; }  
  
  
  
/* Post */
#post {
  margin-bottom: 30px; }
  
#post ul {
  margin-left: 30px;
  list-style: disc;
  margin-bottom: 1em; }  
#post li { margin-bottom: 8px; }
  
  
  
/* Gallery */

#gallery h1 { display: none; }
#gallery h2 { margin-top: 0; }

#gallery ul {
  margin: 0 0 30px -6px;
  list-style: none; }

#post .gallery { margin: 20px 0 12px; }
#post .gallery ul {
  margin: 0 0 0 -6px;
  list-style: none; }  
  
#gallery li, .gallery li {
  display: inline-block;
  margin-left: 7px; }  

#gallery a, .gallery a { display: block; }

#gallery img, .gallery img { 
  border: 1px solid #0c657d;
  width: 80px;
  height: 80px; } 
  
.ngg-navigation  a{ text-decoration: none;}