@charset "utf-8";
@import url(tooltip.css);
@import url(lightbox.css);

/* CSS Document */
/* You better not to look at this, scary here */

html, body {  text-align: right; margin: 0; padding: 0;  }
body { font:  12px Tahoma; color: #4d535a; background-color: #e9e9e9; }
img { border: none; }

div#container {
	width: 97%;
	display: block;
	clear: both;
	margin: 15px 0px 0px 0;
	text-align: left;
	position: relative;
	z-index: 22;
	overflow: hidden;
	float: right;
	background: #fff url(../img/topleft.gif) left top no-repeat;
}
div#container div#containerWrapper { overflow: hidden; padding: 15px 25px; position: relative; display: block; background: url(../img/bottomleft.gif) left bottom no-repeat; width: 100%; padding-bottom: 50px;  }

div#header { display: block; clear: both; padding-bottom: 20px; margin-bottom: 20px;  }
div#header div#greet { display: block; width: 95%; height: 177px; }
div#greet em { font-weight: bold; font-style: normal; }
div#header div#logo { border-bottom: 1px solid #e1e4e6; float: left; display: block; clear: left; width: 293px; margin-right: 20px; _margin-right: 5px;  padding-bottom: 17px;}
div#logo div.slogan { color: #acb1b8; position: relative; width: 70px; top: -55px; _top: -40px; left: 160px; _left: 180px; font-size: 10px; z-index: 999; }

div#header div#about { float: left; clear: left; position:relative; }
div#navigation {  padding: 0; padding-left: 20px; float: left; width: 100%; height: 173px; position: absolute; display: block; margin-left: 310px; _margin-left: 20px; z-index: 1000; border: 3px solid #e526a0; background-color: #e526a0; }
div#navigation div.tl { float: left; width: 15px; height: 20px; margin-left: -23px; _margin-left: -13px; margin-top: -3px; position: relative; display: block; background: url(../img/nav_tl.gif) top left no-repeat; z-index:5555; }
div#navigation div.bl {  float: left; width: 15px; height: 15px; margin-left: -23px; _margin-left: -16px; margin-top: 1px; top: 160px; _top: 160px; position: relative; display: block; background: url(../img/nav_bl.gif) left bottom no-repeat; z-index: 5555; }
div#navigation div#navigationShadow { _float: left; background: url(../img/links_shadow.gif) left bottom no-repeat; display: block; width: 100%; position: relative; bottom: -176px; left:  0px; height: 15px; _bottom: -18px; z-index: 9999; _clear: both; _display: none; }
div#navigation ul { float: left; display: block; width: 19%; position: relative; }
div#navigation a { color: #fff; line-height: 18px; text-decoration: none; }
div#navigation a:hover { text-decoration: underline; } 
div#navigation ul.navMenu { margin: 0px 5px 5px 10px;  padding: 0; list-style: none; background: url(../img/bm1.gif) left top no-repeat; margin-top: -3px; }
div#navigation #nav {  width: 16%; } 
div#navigation #nav1 { background-image: url(../img/bm2.gif); }
div#navigation #nav2 { background-image: url(../img/bm3.gif); }
div#navigation ul.navMenu li { padding-left: 25px; display: block; margin: 0; color: #fff; }
div#navigation ul.navMenu li a:hover { text-decoration: none; }
div#navigation ul.navMenu li.here a { font-weight: bold;  }
div#navigation ul.navMenu h2.header { list-style: none; margin: 0px 0 7px 0px; padding: 10px 0px 7px 25px; 1color: #4d535a; color: #fff; font-weight: bold; font-size: 12px; text-transform: uppercase; }

div#about {  border-bottom: 1px solid #e1e4e6; width: 283px; padding-bottom: 20px; display: block; }
div#about div.address { background: url(../img/homeicon.gif) left center no-repeat; text-indent: 15px; display: block; clear: both; margin-top: 25px; margin-left: 20px; }
div#about div.map { display: block; clear: left; float: left; margin-top: 10px; margin-left: 20px; background: url(../img/map.gif) left top no-repeat; width: 101px; height: 101px;  }
div#about div.contacts { font-size: 11px; background: url(../img/contacts.gif) left top no-repeat; display: block; clear: right; float: left; width: 117px; padding-left: 20px; margin-left: 10px; margin-top: 10px;  }

div#containerWrapper div#content { clear: both; display: block; position: relative; float: left; width: 98%; padding-top: 0px; }
div#containerWrapper div#content div#main { min-height: 400px; display: block; position: relative; float: left; width: 68%; z-index: 100; }
div#main p { padding-right: 25px; }
div#main a {  }
div#main ul { list-style: none; }
div#main ul li a { background: url(../img/rightNavArrow.png) left center no-repeat; padding-left: 15px; color: #4fa5fb; line-height: 16px; }
div#containerWrapper div#content div.announce { color: #a6a9ac;  position: relative; background: url(../img/lamposhko.gif) left center no-repeat;  display: block; height: auto; padding: 20px 30px; padding-left: 50px; clear: left; }
div.announce em { font-weight: bold; font-style: normal; }
div#content div.work { display: block; clear: left; position: relative; float: left; }

div#sidebar { display: block; width: 292px; float: right;  right: 25px; position: relative; color: #4d535a; font-size: 11px; }
div#sidebar { _z-index: 999; }
div#form { border: 1px solid #e1e4e6; padding: 15px 20px; display: block; position: relative; width: 250px; top: 0px; height: auto; }
div#form h2 { font: bold 11px Tahoma; text-transform: uppercase; color: #63686e; margin: 0px; padding: 0; margin-bottom: 15px; padding-left: 5px; clear: both; height: 20px; }
div#form a { text-decoration: none; }
div#login { border: 1px solid #e1e4e6; padding: 15px 20px; display: block; position: top; width: 250px; top: 0px; height: auto; }
div#login h2 { font: bold 11px Tahoma; text-transform: uppercase; color: #63686e; margin: 0px; padding: 0; margin-bottom: 15px; padding-left: 5px; clear: both; width: 50px height: 20px; }
div#login a { text-decoration: none; }

div#callme { float: right; 
display: block; 
width: 50%; 
border-bottom: 1px solid #e1e4e6; 
border-left: 1px solid #e1e4e6; 
line-height: 38px; 
position: absolute; 
top: 0px; right: -1px; 
background-color: #fff; 
padding-left: 15px;
z-index: 999; }


div#topSidebar { width: 292px; position: relative; display: block; clear: both; }
div#topSidebar img { display: block; }

ul#rightNav { list-style: none; margin: 0; padding: 0; padding-left: 15px; padding-bottom: 25px; }
ul#rightNav li { color: #4fa5fb; line-height: 18px; }
ul#rightNav li a { color: #4fa5fb; font-size: 12px;  text-decoration: none; background: url(../img/rightNavArrow.png) left center no-repeat; padding-left: 15px; }
ul#rightNav li a:hover { text-decoration: none; }

div#wThumbnail { float: left; clear: left; display: block; }
div#wInfo { float: left; clear: right; display: block; margin-left: 15px; width: 45%; }
div#wInfo em { font-weight: bold; font-style: normal; }
div#wInfo a { color: #4fa5fb; }
div#wManager a { background: url(../img/manager.png) left center no-repeat; padding-left: 18px; }
div#wCustomer, div#wManager, div#wType { height: 30px; display: block; clear: both; border-bottom: 1px solid #e1e4e6; line-height: 30px; }
div#wDescription { padding-top: 10px; border-bottom: 1px solid #e1e4e6; padding-bottom: 10px; }
div#wCustomerResponse { padding: 10px 0px; text-align: right; display: block; }

div#mInfo { padding-left: 320px; background: url(../img/map.png) left top no-repeat; display: block; height: 270px; }
div#mInfo p { display: block; }

div#footer { line-height: 32px; font-size: 11px; position: relative; bottom: 0px; width: 90%; margin: 0px auto; text-align: right; margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px; color: #797d83; }
div#footer a { font-size: 11px; color: #797d83; }
div#footer table { _line-height: 14px;}
/*
	headings, forms, and others
*/

h1 { color: #63686e; font: 100 24px Tahoma; }

/*
	Classes
*/

div.note { padding: 10px; margin: 10px; background-color: #e9ebec; color: #4d535a;  }
div.contacts { margin: 25px 0px; }

div.imageHolder { float: left; display: block; height: 142px; width: 190px; border: 1px solid #9c9c9c; margin: 0px 10px 10px 0px; }
div.imagesHolder { width: 620px; display: block; clear: both; clear: both; height: 300px; }


span.first { color: #e10094; }
span.star { color: red; }
span.lite { border-bottom: 1px dotted #393; }
a.magenta { color: #e10094; }
a.callme, a.email { display: block; color: #4fa5fb; margin-left: -20px; line-height: 18px; }
a.callme { background: url(../img/callme.gif) left center no-repeat; padding-left: 15px; }
a.email { background: url(../img/email.gif) left center no-repeat; padding-left: 15px; }
a.rssLink { background: url(../img/rss_icon.gif) left center no-repeat; padding-left: 15px; }
.hiddentext { color: #fff; }
.arial { font-family: Arial, Helvetica, sans-serif; }
.f11 { font-size: 11px; }
h1.logo { font-size: 9px; position: absolute; top: -5000px; display: block; }

p.phones { background: url(../img/phone.gif) left center no-repeat; padding-left: 38px; }
p.fax { background: url(../img/fax.gif) left center no-repeat; padding-left: 38px; }
p.links { padding-left: 58px; }
p.holder { padding: 5px 0px; padding-bottom: 20px; }

div#sidebar a.button { clear: both; display: block;  }
div#content a.button { 
float:right;
color:#fff;
font: bold 12px Tahoma;
text-decoration:none;
background: url(../img/button_gr.png) top left repeat-x;
line-height: 30px;

}
.button * {display:block;}
.button span { 
padding:0px 0 0;
background:url(../img/button_right.png) no-repeat right top;
}
.button span span { 
padding:0 0 0 0px;
}
.button span span span {
padding:0px 12px 0px 12px;
background:url(../img/button_left.png) no-repeat left top;
}


/*
	Forms!
*/

input.text { border: 1px solid #e1e4e6; color: #838b93; font: 11px Tahoma; Tahoma; margin: 5px 0px; padding: 2px 3px; width: 213px;  }
textarea.text { border: 1px solid #e1e4e6; color: #838b93; font: 11px Tahoma; margin: 5px 0px; padding: 7px 5px 7px 10px; width: 80%; height: 80px; overflow: hidden; width: 203px; }
input.w { width: 40px; }
input.c { width: 40px; }
input.n { width: 110px; }


.iua { display: block; width: 100px; margin-top: 7px; }