*{padding: 0; margin: 0}
body{background:   url(../imgs/body_back.jpg) #000  -100px -200px no-repeat; text-align: left; font-family: Verdana, Arial, Helvetica; font-size: 12px;}
a img{
	border:0;
}

a{
	outline: none;

}

#contact_ro_en{
	position: absolute;
	top: 10px;
	left: 485px;
	list-style: none;
	overflow: hidden;
}



#contact_ro_en li {
	float: left;
	margin-right: 5px;
	color: #707070;
}

#contact_ro_en li a{
	text-decoration: none;
	color: #707070;
	text-transform: lowercase;
	display: block;
	
	height: 10px;
}

#contact_ro_en .contact{
	background: url(../imgs/contact.gif) bottom left no-repeat;
	width: 66px;
	
	line-height: 7px;
	height: 10px;
}

#contact_ro_en .en{
	width: 10px;
	line-height: 7px;
	text-align: center;
}

#contact_ro_en .ro{
	line-height: 7px;
	width: 10px;
	text-align: center;
}


#contact_ro_en .contact:hover , #contact_ro_en .contact_disbled{
	background-position: top left;
}

#contact_ro_en .en:hover, #contact_ro_en .en_disbled{
	background-position: -104px -11px ;
	color: #707070
}

#contact_ro_en .ro:hover, #contact_ro_en .ro_disbled{
	background-position: -70px -11px;
	color: #707070

}

#contact_ro_en .splitter{
	line-height: 10px;
}

#contact_ro_en li a:hover{
	color: #fff;
	
}




#main{
	width: 900px;
	padding-top: 100px; 
	margin-left: 100px!important; 
	color:#f5f5f5; 
	font-family:Arial, Trebuchet MS, Helvetica, Arial, Verdana ; font-size: 12px; text-align: left; line-height: 15px; overflow: auto;}
#main{
	margin-left: 100px;
}
#left{width: 375px; float: left; height: 500px; text-align: right}

#left a{
	display: block;
}

#right{width: 490px; float: left; padding-left: 10px; }

#big_mask{width: 490px; background:#000; position:absolute; z-index:10; height:22px; margin-top:17px; 
	background: url(../imgs/mask.png);
}

#close{}
#close a{display: block; margin-left: 480px;  width: 10px; background: url(../imgs/close.jpg)  no-repeat;  height: 10px}

.menu {list-style: none; }
.menu li{float: left;   }
.menu li a{background-position: 0 0}

#vision {display: block;  width: 50px; background: url(../imgs/vision_menu.gif)  no-repeat;  height: 11px}
#evision {display: block;  width: 50px; background: url(../imgs/vision_menu.gif)  no-repeat;  height: 11px}
#menu {display: block;  width: 50px; background: url(../imgs/vision_menu.gif) 0 -14px no-repeat;  height: 11px}
#expertise {display: block; background: url(../imgs/expertise_menu.gif) 0 0 no-repeat; width: 70px; height: 11px;}
#eexpertise {display: block; background: url(../imgs/expertise_menu.gif) 0 0 no-repeat; width: 70px; height: 11px;}
#thoughts {display: block; background: url(../imgs/thoughts_menu.gif) 0 0  no-repeat; width: 75px; height: 11px;}
#ethoughts {display: block; background: url(../imgs/thoughts_menu.gif) 0 0  no-repeat; width: 75px; height: 11px;}
#media {display: block; background: url(../imgs/media_menu.jpg) 0 0 no-repeat; width: 70px; height: 11px;}
#emedia {display: block; background: url(../imgs/media_menu.jpg) 0 0 no-repeat; width: 70px; height: 11px;}

#twitter{background: url(../imgs/twitter.gif) 0 0 no-repeat; }
#blog{background: url(../imgs/blog.gif) 0 0 no-repeat; }
#w{background: url(../imgs/w.gif) 0 0 no-repeat; }
#in{background: url(../imgs/in.gif) 0 0 no-repeat; }

#social{
	overflow: hidden;
	margin-top: 10px;
	position: relative;
	margin-left: -4px;
}

#navigation{
	position: relative;
	z-index: 20;
	overflow: hidden;
}

#navigation a{
	line-height: 11px;
	height: 11px;
	font-size: 5px;
}

#blockTitle{
	margin-top: 10px;
}

.social{
	display: block;width: 15px; height: 15px; float: left; margin-left: 5px;
}

#blog:hover , #twitter:hover , #w:hover , #in:hover{
	background-position: 0 -15px
}


#vision:hover, #evision:hover, #thoughts:hover, #ethoughts:hover, #expertise:hover, #media:hover, #eexpertise:hover, #emedia:hover{background-position: 0 -11px}
#vision.active, #evision.active, #expertise.active, #thoughts.active, #media.active, #eexpertise.active, #ethoughts.active, #emedia.active{background-position: 0 -11px}
#content{clear:left;}
.gray{color: #707070; margin-top: 10px; margin-bottom: 10px;}

#nav a{color:#707070; text-decoration: none;}
#nav a:hover{color: #00dfed; }
#nav .active{color: #00dfed; }
#nav{overflow: hidden;}
#categ {clear: left; margin-top: 10px; min-height: 150px; height: auto!important; height: 150px;}
#categ a{color: #2f2f2f; text-decoration: none; height: 18px;  font-size: 15px; text-transform: uppercase; display: block;  margin-bottom:5px;}
#categ div{}
.nextPage {cursor:pointer}
#blockText{
	min-height: 120px;
	height: auto!important;
	height: 120px;
}

#footer{clear: left; margin-top: 50px;}
#about {display: block; background: url(../imgs/about_menu.jpg) 0 0 no-repeat; width: 60px; height: 8px;}
#contact {display: block; background: url(../imgs/contact_menu.jpg) 0 0 no-repeat; width: 55px; height: 8px;}
#products {display: block; background: url(../imgs/products_menu.jpg) 0 0 no-repeat; width: 55px; height: 8px;}

#footer a:hover{background-position: 0 0}
#headImageContainer {
	display: block;
	height: 27px;
}