@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body { background-image: url(../images/bg-main.gif); background-color: #0c0c0c; margin-bottom: 40px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

img { border: none; }

p { margin-bottom: 10px; }
ul { margin-left: 20px; margin-top: 2px; margin-bottom: 10px; }
.clear { clear:both; width: 100%; line-height:1px; font-size:1px; }

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

.a-pointer { cursor: pointer; }

.bg-white { background-color: #ffffff; padding: 25px; width: 750px; margin: 50px auto 10px auto; }

.top { margin-bottom: 10px; }
.top .logo { float: left; }
.top .menu { height: 16px; float: right; padding-top: 30px; }
.top .menu div { float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #adadad; }
.top .menu .last { border-right: none; padding-right: 0; margin-right: 0; }
.top .menu a.btn-home, .top .menu a.btn-about, .top .menu a.btn-services, .top .menu a.btn-gallery, .top .menu a.btn-news, .top .menu a.btn-contact { padding: 0; display: block; width: 39px; background: url(../images/menu-home.gif); }
.top .menu a.btn-about { padding: 0; display: block; width: 40px; background: url(../images/menu-about.gif); }
.top .menu a.btn-services { padding: 0; display: block; width: 53px; background: url(../images/menu-services.gif); }
.top .menu a.btn-gallery { padding: 0; display: block; width: 45px; background: url(../images/menu-gallery.gif); }
.top .menu a.btn-news { padding: 0; display: block; width: 34px; background: url(../images/menu-news.gif); }
.top .menu a.btn-contact { padding: 0; display: block; width: 52px; background: url(../images/menu-contact.gif); }
.top .menu a.active, .top .menu a:hover { background-position: 0 -17px; }

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

.content { background: url(../images/bg.gif) repeat-y; }
.content-2 { background: url(../images/bg-2.gif) repeat-y; }
.content-3 { background: url(../images/bg-3.gif) repeat-y; }
.content-4 { background: url(../images/bg-4.gif) repeat-y; }
.content-5 { background: url(../images/bg-5.gif) repeat-y; }
.content-6 { background: url(../images/bg-6.gif) repeat-y; }
.content-6 .text, .content-5 .text, .content-4 .text, .content-3 .text, .content-2 .text, .content .text { float: left; width: 257px; padding: 25px; color: #ffffff; font-size: 12px; line-height: 17px; background-color: #b1cbd1; }
.content-2 .text { background-color: #9dc2ac; } 
.content-3 .text { background-color: #8ebdc6; } 
.content-4 .text { background-color: #88aaa2; } 
.content-5 .text { background-color: #9db585; } 
.content-6 .text { background-color: #afbab8; } 
.text h2 { margin-bottom: 15px; }
.middle-strip { float: left; width: 20px; border-left: 5px solid #ffffff; border-right: 5px solid #ffffff;  }
.photo { float: right; width: 413px; }
.photo img { display: block; }

.footer { color: #767676; width: 750px; margin: 0 auto 0 auto; text-align: center; }
.footer a { color: #767676; }
.footer a:hover { text-decoration: none; }