*						{margin: 0; padding: 0 }
HTML				{margin: 0px; padding: 0px; height: 100%; width: 100%}
BODY				{margin: 0px; padding: 0px; font-size: 62.5%; font-family: Arial;  height: 100%; min-height: 600px;  background: #000; color: #f5f5f5;  }
IMG				{border: 0px; behavior: url(iepngfix.htc)}
A {text-decoration: underline; color: #fff}
A:hover {text-decoration: none; color: #555}

h1			{ font-size: 2.2em; color: #999; font-weight: 700; padding: 0; margin: 15px 0 15px 10px;  font-family: "Myriad Pro", "MS Trebuchet", sans-serif;}
a h1	   { text-decoration: none; color: #999}
h2			{ font-size: 1.6em; color: #333; font-weight: 700; padding: 0; margin: 15px 0 15px 10px;  font-family: "Myriad Pro", "MS Trebuchet", sans-serif;}
h3  { font-size: 1.8em; color: #999; font-weight: 700; padding: 0; margin: 15px 0 15px 0px;  font-family: "Myriad Pro", "MS Trebuchet", sans-serif;}

a h2	   { text-decoration: none; color: #333}
h4			{ font-size: 1.6em; color: #999; font-weight: 400; padding: 0; margin: 5px 0 15px 0px;  font-family: "Myriad Pro", "MS Trebuchet", sans-serif;}
 h4 a	   { text-decoration: none; color: #999}
a:hover h1 {text-decoration: underline}
p				{font-size: 1.2em; line-height: 1.5em;  margin: 12px 10px; }

.content {width: 700px; position: relative; margin:  0px 0 0 -350px; left: 50%;   top: 50px; position: absolute; height: 430px; border: 1px solid #e7913b; z-index: 100}
.content1 {width: 900px; position: relative; margin: 40px auto 0 auto; height: 60px; }
.content2 {width: 100%;  height: 550px; background: #fff;   }
.content3 {width: 100%;  background: url(/gallery/about.jpg) center  top no-repeat; height: 550px; }
.content3 p  {font-size: 16px; font-family: Myriad Pro; padding: 5px 100px;}
.content4 {position: relative; padding: 30px 80px;  color: #000; min-height: 470px; _height: 470px; background: #fff  }
.content4 p  {font-size: 12px; font-family: Arial; color: #000; padding: 3px 0px; margin: 5px 10px}
.content4  a {color: #2c9bff}
.content5 {width: 1000px; position: relative; top: -20px; margin: 0 auto; height: 100%;}
.content5 .left {width: 670px; float: left; }
.content5 .right2 { position: absolute; right: 0;  top: 20px; width: 300px; text-align: left; height: 100%; background: #ccc}
.content5 .log {margin-top: 15px; padding-left: 160px}
.content5 .date {font-size: 12px; color: #333; background: #aaa; padding: 3px 5px; width: 70px}
.content5 p {color: #333}
.content6 {padding: 40px; min-height: 800px; _height: 800px;}
.content6 p  {font-size: 14px; color: #ccc;  }
.content6 h1 {font-weight: 400; color: #eee; margin: 0; padding: 10px 0;}


.logo {position: relative;  margin: 0 0 0 240px;}

ul.menu {list-style: none; font-size: 1.2em; letter-spacing: 0.2em;  width: 220px; //width: 210px; font-family: Arial; font-family: Myriad Pro;   text-transform: uppercase; margin: 0px 0 5px 25px; padding-top: 15px}
ul.menu li a {text-decoration: none}
ul.menu li {padding: 4px 0;}
.right2 ul.menu {list-style: none; font-size: 1.2em; font-weight: 700; letter-spacing: 0.2em; text-align: left;  width: 220px; //width: 210px; font-family: Arial; font-family: Myriad Pro;   text-transform: uppercase; margin: 0px 0 5px 25px; padding-top: 60px}
.right2 ul.menu li a { color: #000; text-decoration: none}
.right2 ul.menu li {padding: 5px 0;}
.right2 ul.menu li a:hover {color: red;}

ul.menu4 { position: absolute; list-style: none; font-size: 1.2em; width: 950px;  font-weight: 700;    letter-spacing: 0.02em;  text-transform: uppercase; left: 50%; margin-left: -460px; height: 100px; top: 470px;  padding-top: 18px}
ul.menu4 li a { color: #555; text-decoration: none}
ul.menu4 li a:hover, ul.menu20 li.active a {color: #000; font-weight: 700}
ul.menu4 li { float: left; padding: 5px 5px 5px 10px;  font-family: Arial;  }

ul.menu20 { position: absolute; list-style: none; font-size: 1.2em; width: 950px;  font-weight: 700;    letter-spacing: 0.02em;  text-transform: uppercase;  top: 480px; left: 50%; margin-left: -450px; height: 100px;  padding-top: 18px}
ul.menu20 li a { color: #555; text-decoration: none}
ul.menu20 li a:hover, ul.menu20 li.active a {color: #000; font-weight: 700}
ul.menu20 li { float: left; padding: 5px 5px 5px 10px;  font-family: Arial;  }

a .number { position: absolute; top: -25px; margin-left: 120px; font-size: 12px; color: #ccc; font-weight: 700}
a:hover .number  {color: #000}

.im {width: 1000px; height: 420px; position: absolute; left: 50%; margin-left: -500px; margin-top: 50px}
.im1 {width: 100%; //width: 99%; height: 350px; position: absolute;   top: 50%; margin-top: -240px;}

.right {background: url(/assets/templates/atmo/img/background.jg) no-repeat; width: 443px; height: 430px; position: absolute; left: 257px; top: 0px; text-align: right}

.text1 {font-size: 1.1em; position: absolute; top: -50px; right: 10px; width: 550px; text-align: right }
.text2 {font-size: 1.1em; position: absolute; bottom: -37px; left: 10px; width: 550px;}
.glav {color: #666;  }
a:hover.glav {color: #aaa}
.audio {position: absolute; right: 0; top: 0}

.bottom_menu {background: #000;  width: 100%;  position: relative; height: 90px;  }
.bottom_menu ul.menu3 {list-style: none;  position: absolute; left: 190px; width: 915px;  font-size: 11px; font-weight: 700;   font-family: Arial;  letter-spacing: 0.02em;  text-transform: uppercase; margin: 0px 0 5px 0px; top: 20px;  }
.bottom_menu  ul.menu3 li a {text-decoration: none; color: #666}
.bottom_menu  ul.menu3 li a:hover,   .bottom_menu  ul.menu3 li.active a {color: #fff}
.bottom_menu  ul.menu3 li {list-style: none; padding: 5px 10px 5px 0;  float: left; text-align: left;}
.bottom_menu .phone {padding: 10px 0 0 10px; line-height: 1.5em; font-size: 11px;  color: #666; font-family: Arial;  }
.bottom_menu .phone span {font-size: 16px; color: #fff}
.bottom_menu ul.menu30 {list-style: none;  position: absolute; left: 190px; width: 900px;  font-size: 11px; font-weight: 700;   font-family: Arial;  letter-spacing: 0.02em;  text-transform: uppercase; margin: 0px 0 5px 0px; top: 50px;  }
.bottom_menu  ul.menu30 li a {text-decoration: none; color: #666}
.bottom_menu  ul.menu30 li a:hover,   .bottom_menu  ul.menu3 li.active a {color: #fff}
.bottom_menu  ul.menu30 li {list-style: none; padding: 5px 10px 5px 0;  float: left; text-align: left;}


.bottom_menu2 {position: relative; width: 100%;  height: 90px; left: 0; bottom: 0px; background: #000 }
.bottom_menu2 ul.menu3 {list-style: none;  position: absolute; left: 200px; width: 915px;  font-size: 11px; font-weight: 700;   font-family: Arial;  letter-spacing: 0.02em;  text-transform: uppercase; margin: 0px 0 5px 0px; top: 20px;  }
.bottom_menu2  ul.menu3 li a {text-decoration: none; color: #666}
.bottom_menu2  ul.menu3 li a:hover,   .bottom_menu  ul.menu3 li.active a {color: #fff}
.bottom_menu2  ul.menu3 li {list-style: none; padding: 5px 10px 5px 0;  float: left; text-align: left;}
.bottom_menu2 .phone {padding: 25px 0 0 10px; line-height: 1.5em; font-size: 11px;  color: #666; font-family: Arial;  }
.bottom_menu2 .phone span {font-size: 16px; color: #fff}
.bottom_menu2 ul.menu30 {list-style: none;  position: absolute; left: 200px; width: 900px;  font-size: 11px; font-weight: 700;   font-family: Arial;  letter-spacing: 0.02em;  text-transform: uppercase; margin: 0px 0 5px 0px; top: 50px;  }
.bottom_menu2  ul.menu30 li a {text-decoration: none; color: #666}
.bottom_menu2  ul.menu30 li a:hover,   .bottom_menu  ul.menu3 li.active a {color: #fff}
.bottom_menu2  ul.menu30 li {list-style: none; padding: 5px 30px 5px 0;  float: left; text-align: left;}

.bottom_menu .right2 {position: absolute;   right: 25px; font-size: 11px; bottom:7px; color: #666}

.phone {margin-right: 40px; position: relative; top: -2px; color: #999}
.phone span {font-family: Arial; font-weight: 700; letter-spacing: 0.05em;}

ul.menu2 li.active a, ul.menu li.active a, ul.menu3 li.active a {color: #999}
.bottom_menu2 .right2 {position: absolute;   right: 25px; font-size: 11px; bottom:15px; color: #666}

 .phone {margin-right: 40px; position: relative; top: -2px; color: #999}
 .phone span {font-family: Arial; font-weight: 700; letter-spacing: 0.05em;}

ul.menu2 li.active a, ul.menu li.active a, ul.menu3 li.active a {color: #999}


.strell {position: absolute; margin-top: -10px; left: 3%; top: 50%}
.strelr  {position: absolute; margin-top: -10px; right: 3%; top: 50%}

#test2 {width: 1000px; height: 420px; position: absolute; left: 0; top: 0;}
 .highlight {position: relative; z-index: 10000000000000000}

div.showcase {  width: 1050px;  height: 550px; margin: 0 auto;  position: relative; }



.indexwork{ width: 900px; background: #e0e0e0;  z-index: 100; position: absolute;  height: 15px; padding: 0px 0 5px 0; font-size: 11px;  top: 225px; margin-top: 300px; left: 50%; margin-left: -440px; }
.indexwork a {color: #999; text-decoration: none; float: left; position: relative; top: 3px; padding: 0px 3px 3px 3px;}
.indexwork a:hover {text-decoration: none; color: #000; font-weight: 700}
div.showcase ul.layers {   margin-top: 22px; margin-left: 1%; height: 480px; position: relative; margin: 0 auto; }
div.showcase ul.layers li {     margin-top: 30px;   width: 329px;        height: 425px;		background: url(/assets/templates/atmo/img/rama.jpg) no-repeat;       padding: 50px 0 0 48px;        }
ul.layers li { margin-right:5px; }
.indexwork .active {color: #000; font-weight: 700; text-decoration: none;    }

.content-corp {width: 100%;  height: 570px;  background: #000;   }
.content-corp  .indexwork { background: #666}
.content-corp div.showcase .indexwork a  {  background: #666;    text-decoration: none;  position: relative; top: 3px; padding: 0px 3px 3px 3px;    }
.content-corp a .number  {color: #555}
.content-corp a:hover .number  {color: #fff}
.content-corp  ul.menu20 li a:hover,  .content-corp ul.menu20 li.active a {color: #fff; font-weight: 700}
.content-corp  ul.menu4 li a:hover, .content-corp ul.menu4  li.active a {color: #fff; font-weight: 700}


.content-deti {width: 100%;   height: 570px; background: #990000;   }
.content-deti  .indexwork { background: #ff6666}
.content-deti div.showcase .indexwork a {   background: #ff6666;   text-decoration: none;  position: relative; top: 3px; padding: 0px 3px 3px 3px;     }
.content-deti a .number  {color: #ff6666}
.content-deti a:hover .number  {color: #fff}
.content-deti  ul.menu20 li a, .content-deti  ul.menu4 li a {color: #ff9999}
.content-deti  ul.menu20 li a:hover,  .content-deti ul.menu20 li.active a {color: #fff; font-weight: 700}
.content-deti .indexwork a {color: #cc0000}
.content-deti  ul.menu4 li a:hover, .content-deti ul.menu4  li.active a {color: #fff; font-weight: 700}
.content-deti .indexwork .active, .content-deti .indexwork li a:hover {color: #fff; font-weight: 700; text-decoration: none;    }


.content-happy {width: 100%;  height: 570px; background: #340029;   }
.content-happy .indexwork { background: #660066}
.content-happy div.showcase .indexwork a {  background: #660066;  color: #ccc;    text-decoration: none;   position: relative; top: 3px; padding: 0px 3px 3px 3px;     }
.content-happy a .number  {color: #990099}
.content-happy a:hover .number  {color: #fff}
.content-happy .indexwork a {color: #990099}
.content-happy  ul.menu20 li a, .content-happy  ul.menu4 li a {color: #990099}
.content-happy  ul.menu20 li a:hover,  .content-happy ul.menu20 li.active a {color: #fff; font-weight: 700}
.content-happy  ul.menu4 li a:hover, .content-happy ul.menu4  li.active a {color: #fff; font-weight: 700}
.content-happy .indexwork .active, .content-happy .indexwork li a:hover {color: #fff; font-weight: 700; text-decoration: none;    }



.content5 h4			{ font-size: 1.6em; color: #eee; font-weight: 400; padding: 0; margin: 5px 0 15px 0px;  font-family: "Myriad Pro", "MS Trebuchet", sans-serif;}
.content5 h4 a	   { text-decoration: none; color: #eee}
.back {text-align: center; font-size: 16px; font-family: "Myriad Pro", "MS Trebuchet", sans-serif;}
.back a {color: #ccc}

.nado {margin: 7px 0 3px 0; color: #aaa;}
.textfield {border: 1px solid #ccc; background: #fefefe; font-size: 12px; font-family: Arial;}
textarea {border: 1px solid #ccc; background: #fefefe; font-size: 12px; font-family: Arial;}
.otprav {width: 120px; font-size: 18px; color: #333; font-family: Myriad Pro;}
.errors {font-size: 12px; color: red;}
.answer {font-size: 12px; color: #eee; font-style: italic; position: relative; top: -15px; border-bottom: 1px solid #333; padding: 10px 0 15px 0; margin-bottom: 10px}

.content20 {position: relative; width: 1000px; margin: 0px auto 0 auto; padding-top: 510px}
.textpages {width: 700px; position: relative;   float: left;}
.textright { padding-top: 40px; margin-left: 750px; width: 240px; }
.textpages h1 {color: #fff; font-weight: 400; font-family: Myriad Pro; margin-top: 40px; font-size: 18px;}
.textpages h2 {color: #fff; font-weight: 400; font-family: Myriad Pro; margin-top: 40px; font-size: 18px;}

p.seo {font-size: 14px; color: #FFFF00; clear: both;  }
p.seo2 a {float: left; margin: 5px 10px 10px 0}
p.seo2 a img {width: 150px;  border: 4px solid #999}
p.seo2 a:hover img {width: 150px;  border: 4px solid #fff}
p.seo2 {clear: left;  }

.photo-stat {float: left; margin: 0 10px 0 10px; border: 1px solid #333; padding: 4px; background: #fff}

.textright .title {font-size: 18px; font-family: Myriad Pro;}
.textright .title  a {text-decoration: none;}
.textright .date {margin: 5px 0 3px 0; font-size: 11px; font-style: italic; color: #333}
.textright .text {font-size: 12px; }
.textright .text  a { text-decoration: none}