* { margin:0; padding:0;}
    
html 
{
    /*height:100%;*/
}

body 
{ 
	font:normal 13px "Arial"; 
	color:#404040;
    background:#fff url('/i/bg.gif') repeat left top;
}
    
ul { list-style-type:none;}

a 
{
	font:normal 13px "Verdana","Tahoma","Arial";
	letter-spacing: 2px;
}    

#wrapper
{
	min-width:1024px;
	max-width:1280px;
	margin:0 auto;
	background-color:#fff;
    /*position:relative;*/
  	
  	/*height:100%;*/
    /*overflow:hidden;*/
}

.counters
{
float:left;
margin-bottom:10px;
margin-top:10px;
margin-left:30px;
}

img
{
	border:0;
}

.bar
{
    overflow:hidden;
    clear:both;
}

#top
{
	height:100px;
	position:relative;
}

#header{
    height:103px;
    background: url("/i/headerbg.jpg") repeat-x ;
}
    
#header-logo{
    margin-left:15px;
    margin-top:15px;    
}

#header-menu {
    margin-left:230px;
    position:absolute;
    top:60px;
    width:75%;
}


#header-menu ul li{
    float:left;
    padding-left:15px;
    padding-right:5px;
    background: url("/i/menu-icon.jpg") no-repeat left center ;
    
}
#header-menu ul li.first{
    float:left;
    background: none;
    
}

#header-menu a{color:#ffffff;text-decoration:none;}
#header-menu a:hover{color:#ffffff;text-decoration:underline;}


.banner
{
	position:absolute;
	right:200px;
	height:80px;
	top:10px;
	/*width:600px;*/
	
	/*border:1px solid #eee;*/
}

.banner .big
{
	width:800px;
}


.clock
{
	position:absolute;
	right:0px;
	top:10px;
	width:200px;
	height:80px;
	border:1px solid #eee;
}


#menu a
{
    color:#fff;
    letter-spacing:1px;
    text-decoration:none;
}

#menu
{
	height:90px;
    background:#202121 url('/i/menu-bg.gif') repeat-x left top;
}

.menu-line
{
	height:90px;
    background:transparent url('/i/menu-bg3.gif') repeat-x left center;
}

#menu ul
{
    text-align:center;
    overflow:hidden;
    height:45px;
    margin-top:25px;
}

#menu ul li
{
    display:inline-block;
    width:123px;
    height:45px;
    padding-top:2px;
}

#menu ul li a:hover + #menu ul li,  #menu ul li:hover,#menu ul li.here
{
    color:#fff;
    background:transparent url('/i/menu-i3.gif') no-repeat top center;    
    /*background:transparent url('/i/menu-hover.gif') no-repeat top center;    */
}

#menu ul li p,#menu ul li a
{
    display:block;
    width:123px;
    height:45px;
}

#menu ul li a.about
{
    background:transparent url('/i/about-mirror.gif') no-repeat top center;    
}


#menu ul li a.photo
{
    background:transparent url('/i/photo-mirror.gif') no-repeat top center;    
}

#menu ul li a.video
{
    background:transparent url('/i/video-mirror.gif') no-repeat top center;    
}

#menu ul li a.art
{
    background:transparent url('/i/art-mirror.gif') no-repeat top center;    
}

#menu ul li a.design
{
    background:transparent url('/i/design-mirror.gif') no-repeat top center;    
}

#menu ul li a.sites
{
    background:transparent url('/i/sites-mirror.gif') no-repeat top center;    
}

#menu ul li a.reklama
{
    background:transparent url('/i/reklama-mirror.gif') no-repeat top center;    
}

#menu ul li a.materials
{
    background:transparent url('/i/materials-mirror.gif') no-repeat top center;    
}

#menu ul li a.contacts
{
    background:transparent url('/i/contacts-mirror.gif') no-repeat top center;    
}

#content
{
	padding-top:10px;
}

.logo
{
	padding-top:26px;
	padding-left:20px;
	margin-bottom:5000px;
	padding-bottom:-5000;
}

#left
{
	float:left;
	width:220px;
	border-right:1px solid #000;
}

#left ul.text-menu
{
	/*width:230px;*/
	list-style-type:disc;
}

#left ul.text-menu li
{
	margin-left:40px;
	line-height:28px;
}

#left ul.text-menu li a, #left ul.text-menu li a:link,#left.text-menu ul li a:visited
{
	display:block;
	line-height:28px;
	text-decoration:none;
	/*padding-left:20px;*/
	color:#000;
	/*background:transparent url('/i/mi-mark.gif') no-repeat left center;*/
}

#left ul.text-menu li.here
{
	/*padding-left:20px;*/
}

#left ul.text-menu li.here,#left ul.text-menu li:hover, #left ul.text-menu li a:hover
{
	color:#ff8519;
	/*background:transparent url('/i/mi-mark-active.gif') no-repeat left center;*/
}

#left ul.icon-menu
{
	width:166px;
	height:162px;
	margin-left:40px;
	margin-top:60px;
}

#left ul.icon-menu li
{
	float:left;
	width:45px;
	height:46px;
	margin:2px;
	position:relative;
}

#right
{
	float:right;
	width:250px;
	position:relative;
}

#right,#right h2
{
	font:normal 13px "Lucida Sans Unicode","Verdana","Tahoma","Arial";
}

#right h2
{
	color:#ff8519;
	padding-bottom:20px;
	text-align:center;
	font-size:14px;
}

.price
{
	width:231px;
	/*margin-left:0px;*/
	background:#fff url('/i/price-bg.gif') repeat-x left top;
}

.price-bg
{
	padding:14px 14px;
	background:transparent url('/i/price-bg2.gif') no-repeat left top;
}

.price-bg p
{
	text-align:right;
}

a.more
{
	display:block;
	height:20px;
	padding-right:30px;
	color:#ff8519;
	background:transparent url('/i/price-button.gif') no-repeat right center;
}

#right ul li
{
	overflow:hidden;
	text-align:right;
	margin-bottom:10px;
}

#right ul b.price-item-title
{
	font-weight:normal;
	float:left;
}

#middle
{
	margin-left:220px;
	margin-right:270px;
	border-left:1px solid #000;
	/*padding:10px;
	padding-right:0;*/
	letter-spacing: 0px;
	position:relative;
	z-index:100;
}

.middle-text
{
    padding:10px;
	padding-right:0px;
	position:relative;
	z-index:9999;
}
.spot
{
	position:absolute;
	left:-100px;
	bottom:-150px;
	z-index:1;
}

.spot img
{
	z-index:1;
}

#middle h1
{
	color:#ff8519;
	font-size:14px;
	padding-bottom:5px;
}
#middle h2
{
	color:#ff8519;
	font-size:11px;
	padding-bottom:5px;
}

#middle p
{
	padding:5px 0;
}

#middle p img
{
	float:left;
	padding-right:8px;
	padding-bottom:2px;
}

#middle a{
    letter-spacing:normal;
}
.p-start
{
	color:#ff8519;
}

.p-attention
{
	color:#7102a9;
}

.p-note
{
	text-decoration:underline;
}

b.tooltip b, b.tooltip
{
    font-weight:normal;
	cursor:pointer;
    display:block;
	color:#ff8519;
    /*letter-spacing:1px;*/
    text-align:center;
    vertical-align:middle;
    z-index:9999;
}

b.tooltip
{
    position:absolute;
    width:93px;
    height:60px;

    background:transparent url('/i/tooltip-body.gif') no-repeat top left;    
    visibility:hidden;
}

b.tooltip b
{
    width:93px;
    height:52px;
    padding-top:6px;
    background:transparent url('/i/tool-tip-marker.gif') no-repeat;    
}

b.tooltip b.ol
{
    height:44px;
    padding-top:14px;    
}

b.tooltip b.br
{
     background-position:80% bottom;
}

b.tooltip b.bm
{
     background-position:50% bottom;
}

b.tooltip b.bl
{
     background-position:10% bottom;
}

.last-projects-tt
{
    top:-60px;
    left:-50px;    
}

.photo-bank-tt
{
    top:-60px;
    left:-25px;    
}

.news-tt
{
    top:-60px;
    left:10px;
}

.world-tt
{
    top:-60px;
    left:10px;
}

.writeus-tt
{
    top:-60px;
    left:-25px;    
}

.schema-tt
{
    top:-60px;
    left:-50px;    
}

.useful-tt
{
    top:-60px;
    left:-50px;    
}

.schedule-tt
{
    top:-60px;
    left:10px;
}

.humor-tt
{
    top:-60px;
    left:-25px;    
}

#left ul.icon-menu li:hover b
{
    visibility:visible;
}

#left ul.icon-menu li b:hover
{
    visibility:hidden;
}