/******author: Ivailo Cekov. http://ediso.net******/



* {padding: 0; margin: 0; outline: 0;}

body {font: 13px Arial; background: #FFF; color: #FFF;}



/********Global style*************/



a { text-decoration: none; outline: 0; }

li { list-style: none; }

img {border: none;}

.solid {border: 1px solid #000000;}



.cleaner { clear: both; overflow: hidden; height: 1px; }



/*********Dont do this***********/



* html #cnt .left { left: 20px; }

* html #cnt .right { left: 30px; }

* html #welcome { left: 15px;}

* html #counter { margin-right: 10px; }



/*************Layout**************/



#header { height: 216px; background: url(header_bgrd.jpeg) center top no-repeat; }

#header h1 { width: 231px; position: relative; top: 80px; left: 100px; }

#header h1 a { width: 231px; height: 95px; display: block; text-indent: -1000px; overflow: hidden; }

#header ul { float: right; margin: -61px 50px; display: inline; }

#header ul li { float: left; }

#header ul li a { float: left; display: block; width: 22px; height: 12px; color: #000; font-family: Arial,sans-serif; font-size: 14px; font-weight: bold; margin-right: 5px;  }

#header ul li a.bg {background: url(bg.gif) left top no-repeat;}

#header ul li a.english {background: url(english.gif) left top no-repeat;}



#page_content {width: 1044px;}

.body {width: 1006px; height: auto; background: url(bkgr.png) left -1px repeat;}



#footer {width: 1087px; height: 99px; background: url(footer.jpeg) left top no-repeat; position: relative; top: -16px;}

#footer p {font-weight: bold; font-size: 12px;}

#footer p a {color: #ffffff; text-decoration: underline;}

#footer p a:hover {text-decoration: none;}



.ornaments {border-collapse: collapse; background: url(bkgr.png) left top repeat;}

.ornaments .ornament_left {width: 19px; height: 84px; background: url(ornament_left.gif) left top no-repeat;}

.ornaments .ornament_menu {width: 1006px; height: 53px; background: url(menu_bgrd.gif) left top repeat-x; position: relative; top: -15px;}

.ornaments .ornament_menu ul {padding: 15px 0 0 15px;}

.ornaments .ornament_menu ul li { float: left; margin-left: 0px; margin-right: -8px;}

.ornaments .ornament_menu ul li a { float: left; color: #FFF; font-size: 18px; border-left: 1px solid #FFF; font-family: Tahoma, sans-serif; padding: 0 24px 0 16px; }

.ornaments .ornament_menu ul li a:hover { text-decoration: underline; }

.ornaments .ornament_menu ul li a.first { border: none; }

.ornaments .ornament_right {width: 19px; height: 84px; background: url(ornament_right.gif) left top no-repeat;}



.pub {width: 268px; height: 110px; margin-top: 10px; border-collapse: collapse;}

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

.pub a p {color: #face1d; font-size: 13px;}

.pub span {color: #e4e4e4;}



p.title {position: relative; display: block; color: #000000; font-size: 14px;}

p.title span {position: absolute; display: inline; left: 0px; color: #ffcc00; font-size: 15px; margin-top: -1px;}

p.title:before {position: absolute; display: inline; padding: 1px; content: attr(title); color: #000000; font-size: 15px;}



p.stitle {position: relative; display: block; color: #000000; font-size: 12px;}

p.stitle span {position: absolute; display: inline; left: 0px; color: #ffcc00; font-size: 13px; margin-top: -1px; text-decoration: underline;}

p.stitle:before {position: absolute; display: inline; padding: 1px; content: attr(title); color: #000000; font-size: 13px; text-decoration: underline;}



p.ietitle {color: #000000; font-size: 14px;}

p.ietitle span {color: #ffcc00; font-size: 15px;}



p.iestitle {color: #000000; font-size: 12px; text-decoration: underline;}

p.iestitle span {color: #ffcc00; font-size: 13px; text-decoration: underline;}



.youcan {width: 231px; height: 271px; background: url(greenfield.jpeg) left top no-repeat;}

.youcan p {margin: 32px 20px 25px 18px; padding-top: 32px; _padding-top: 0;}

.youcan ul {width: 200px;}

.youcan ul li {background: url(bullet.jpeg) 12px 5px no-repeat; padding: 0 0 5px 30px;}

.youcan a {background: url(bullet.jpeg) left 4px no-repeat; float: right; text-indent: 20px; color: #000; font-weight: bold; position: relative; top: 10px; right: 12px; }

.youcan a:hover { text-decoration: underline; }



.welcome {width: 410px; height: 214px; background: url(welcome.jpeg) left top no-repeat; position: relative; top: 12px; padding-top: 1px; _top: 0;}

.welcome table {border-collapse: collapse;}

.welcome_large {width: 665px; height: 498px; background: url(welcome_large.jpeg) left top no-repeat; position: relative; top: 12px; padding-top: 1px; _top: 0;}

.welcome_large table {border-collapse: collapse;}

.welcome_large a {background: url(bullet_inblur.jpeg) left 4px no-repeat; float: right; text-indent: 20px; color: #000000; font-weight: bold;}

.welcome_large a:hover {text-decoration: underline;}



.login {margin-top: 20px;}

.login span {color: #ffcc00; font-size: 16px;}

.login table {border-style: none; border-width: 0; border-collapse: collapse; padding: 2px;}

.login td {border-style: none; border-width: 0; padding: 2px;}

.login a {color: #ffcc00; text-decoration: none;}

.login a:hover {color: #ffcc00; text-decoration: none;}

.login input {width: 140px; border-style: solid; border-width: 1px; border-color: #4f0000;}



.ordersleft a {color: #face1d; font-size: 12px;}

.ordersleft span {font-size: 14px; margin-bottom: 12px; display: block;}

.ordersleft p {margin-top: 12px; color: #face1d; text-decoration: underline; font-size: 12px;}



div.back {padding: 15px 0px 0px 17px; _padding: 5px 0px 0px 17px;}

div.back a {color: #000000; font-size: 13px; background: url(back.jpeg) left 5px no-repeat; padding: 0px 0px 0px 20px; cursor: pointer;}

div.back a:hover {text-decoration: underline;}



.gallery {border-style: solid; border-width: 1px; border-color: #ffffff; background-color: #1f1f1f;}



.demonstration {width: 720px; border-collapse: collapse; border-style: none;}

.demonstration .image {width: 234px;}

.demonstration .text {width: 486px; text-align: justify;}

.demonstration a {color: #face1d; font-size: 12px;}



.aboutus {margin: 16px 0 0 10px; border-collapse: collapse; border-style: none;}

.aboutus a {color: #face1d; font-size: 12px;}



.contact {width: 720px; border-collapse: collapse; border-style: none;}

.contact a {color: #face1d; font-size: 12px;}



#sidebar { width: 290px; float: left; margin: -70px 0 0 44px; display: inline;  }

#sidebar .inner { padding: 25px; }

#sidebar .inner h2 { height: 30px; background: url(sidebar_border_top.png) left top no-repeat; text-indent: -1000px; overflow: hidden; }



#content { width: 700px; float: left; margin-top: -70px; }



#cnt {  }

#cnt .left { float: left; position: relative; left: 40px; }

#cnt .left .dilema {width: 410px; height: 214px; background: url(cnt_dilema_art_bgrd.png) left top no-repeat; margin-top: 20px; }

#cnt .left .dilema img.header { position: relative; top: 30px; left: 30px; }

#cnt .left .dilema img.art { margin: 40px 0 10px 25px; float: left; }

#cnt .left .dilema span { padding: 40px 15px 0 145px; display: block; color: #e4e4e4; font-size: 12px; }

#cnt .left .dilema a { background: url(bullet.png) left 5px no-repeat; color: #000; font-weight: bold; padding-left: 20px; position: relative; top: 170px; left: 150px; }

#cnt .left .dilema a:hover { text-decoration: underline; }

#cnt .left .images {float: left; width: 410px; height: 214px; background: url(cnt_dilema_art_bgrd.png) left top no-repeat; margin-top: 10px; margin-bottom: 10px; padding: 25px 0 26px 24px;}

#cnt .left .images a {color: #000; font-weight: bold;}

#cnt .left .images a:hover { text-decoration: underline;}

#cnt .left .paragraf {margin-top: 224px; width: 410px; padding-left: 10px;}

#cnt .left .paragraf p { color: #e4e4e4; padding: 5px 0 10px 15px; text-align: justify; font-style: italic; }

#cnt .right {width: 231px; float: left; position: relative; left: 45px; top: 40px;}

#cnt .right .can { width: 231px; height: 271px; background: url(green_field_right.png) left top no-repeat;}

#cnt .right .can p { background: url(here.png) left top no-repeat; text-indent: -1000px; overflow: hidden; position: relative; top: 30px; left: 20px; }

#cnt .right .can p.services { height: 36px; background: url(service.png) left top no-repeat; text-indent: -1000px; overflow: hidden; position: relative; top: 30px; left: 20px; }

#cnt .right .can ul { width: 200px; position: relative; top: 40px; left: 20px; }

#cnt .right .can ul li { background: url(bullet.png) left 5px no-repeat; padding: 0 0 5px 20px; }

#cnt .right .can a { background: url(bullet.png) left 5px no-repeat; float: right; text-indent: 20px; color: #000; font-weight: bold; position: relative; top: 45px; right: 15px; }

#cnt .right .can a:hover { text-decoration: underline; }



#welcome { width: 665px; height: 498px; background: url(welcome.jpeg) left top no-repeat; float: left; position: relative; top: 17px; left: 35px; }

#welcome .in { margin: 40px; height: 200px; border-bottom: 1px solid #FFF; }

#welcome .in span { background: url(welcome.png) left 4px no-repeat; display: block; font-size: 20px; color: #000; text-indent: 120px; }

#welcome .in .pic { float: left; width: 196px; height: 153px; margin-top: 10px; }

#welcome .in .text { float: left; width: 350px; margin: 10px 0 0 10px;}

#welcome .in .text h3 { text-indent: -1000px; overflow: hidden; background: url(formagazin.png) left top no-repeat; }

#welcome .in .text h4 { text-indent: -1000px; overflow: hidden; background: url(about.png) left top no-repeat; }

#welcome .in .text ul { margin-top: 10px; }

#welcome .in .text ul li { padding: 0 0 10px 20px; background: url(bul.png) left 5px no-repeat;  }

#welcome .in .text p { padding-top: 10px; }

#welcome .in .text a { background: url(bullet.png) left 5px no-repeat; float: right; text-indent: 20px; color: #000; font-weight: bold; margin-top: 10px; }

#welcome .in .text a:hover { text-decoration: underline; }



#counter { float: right; position: relative; right: 15px; display: none; }



/*********Vip**********/



.special {height: 300px; background: url(flower.jpeg) -2px -1px no-repeat; }

.special p.header { font-size: 17px; text-align: center; position: relative; top: 20px; }

.special .special_text { width: 300px; float: right; margin: 20px 20px 0 0; display: inline; }

.special .special_text p { padding-top: 10px; }

.special .special_text p span { color: #face1d; }

.special .special_text p.back { margin: 10px 0 0 0; background: url(someone_bgrd.png) center top no-repeat; height: 23px; }

.pafti { width: 355px;  margin-left: 30px; }

.pafti .silver {float: left; margin: 10px 0 0 50px; display: inline;}

.pafti .silver p { color: #face1d; text-align: left; font-size: 14px; }

.pafti .silver span { display: block; padding-top: 10px; }