/*
	Stylesheet for welcome page
*/

/*-----------------------------     Splash page   ------------------------------------------*/

#Overlay{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#000;
	z-index:100;
}

#Overlay h1{
	width:500px;
	margin-top:20%;
	margin-left:30%;
	font-family:Arial, Helvetica, sans-serif;
}

.kamen{
	font-size:72px;
	font-weight:normal;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}

.plitaanons{
	font-size:23px;
	color:#8d877b;
	font-weight:normal;
}

.first{
	letter-spacing:4px;
	font-size:12px;
	color:#8d877b;
	font-weight:normal;
	text-transform:uppercase;
}

/*-------------------*/

body
{
   font-family: Tahoma;
   font-size:12px;
   margin:0px;
   padding:0px;
   background:#000;
}

#Base_container{
	width:1000px;
	margin:auto;
}

#Main_content {
	position:relative;
    background:url(../design/images/mainpic.jpg) no-repeat;	
	height:645px;	
}


/*-----------------------------     Top Menu   ------------------------------------------*/

#Menu{
	color:#999999;
	font-size:12px;
	padding:0px;
	margin:0px;
	background:url(../design/images/logo_sm.png) right no-repeat;	
	margin-right:50px;
}

#topmenu{
	height:70px;
	list-style:none;
	padding:0px;
	margin:0px;
	margin-left:50px;
	color:#8d877b;
}

#topmenu li{
	float:left;
	padding:40px 12px 8px 12px;
}

#topmenu li a{
	color:#8d877b;
	text-decoration:none;
	text-transform:uppercase;
}

#topmenu li a:hover{
	color:#e6e7e3;
	border-bottom:1px dotted #fff;
}

#topmenu li.active { 
	background:#e6e7e3;
}

#topmenu li.active a{ 
	color:#000;
}

/*------------------------------------------    Popup windows    ------------------------------------*/

#News, #Mosplitka, #Levantina, #Technoclassic, #Techlam
{
   visibility: hidden;
   position: absolute;
   left: 450px;
   top: 260px;
   background: url(../design/images/modalbg.png) no-repeat;
   padding: 10px 20px 20px 30px;
   width:430px;
   height:270px;
   color:#000;
}

#News h2, #Mosplitka h2, #Levantina h2, #Technoclassic h2, #Techlam h2{
	padding-bottom:5px;
	border-bottom:4px solid #5c5950;
	font-size:24px;
	font-weight:normal;
	width:370px;	
}

#News p, #Mosplitka p, #Levantina p, #Technoclassic p, #Techlam p{
	width:370px;
}

/*------------------------------------------    Arrows images    ------------------------------------*/

.symbolmosplitka{
	position:absolute;
	top:480px;
	left:315px;
	width:100px;
	height:100px;
	border-bottom:none;
}
.symbollevantina{
	position:absolute;
	top:504px;
	left:732px;
	width:200px;
	border-bottom:none;
	
}
.symbolnews{
	position:absolute;
	top:30px;
	left:580px;
    background: url(../design/images/symbolnews.png) no-repeat;
	text-decoration:none;
	color:#ffffff;
	text-transform:uppercase;
	font-size:12px;
	padding:8px 0px 20px 40px;	
	border-bottom:none;
	
}

.symboltechnoclassic{
	position:absolute;
	top:150px;
	left:750px;
    background: url(../design/images/arrow_right.png) no-repeat;
	text-decoration:none;
	color:#ffffff;
	font-size:12px;
	padding:8px 0px 20px 60px;	
	border-bottom:none;	
}

.symboltechlam{
	position:absolute;
	top:350px;
	left:20px;
    background: url(../design/images/arrow_left.png) right no-repeat;
	text-decoration:none;
	color:#ffffff;
	font-size:12px;
	padding:8px 60px 20px 20px;	
	border-bottom:none;	
}

span.title{
	border-bottom:1px dotted #fff;
    font-family: Verdana;
	padding-bottom:3px;
}

span.title:hover{
	border-bottom:none;
    font-family: Verdana;
}


/*------------------------------------------    Footer    ------------------------------------*/

#footer{
	background:url(../design/images/logo_sm.png) top left no-repeat;
	margin-left:35px;
}
#footer p{
	font-size:12px;
	color:#8d877b;
	padding:15px 0px 30px 90px;
}
.phone {
	color:#fff;
}

/*------------------------------------------    News    ------------------------------------*/

.newsblock{
	margin-top:30px;
	margin-left:20px;
	width:370px;
}

.news_date{
	font-family:Georgia;
	font-size:20px;
	color:#7f796d;
	padding:0px;
	margin:0px;
	float:left;
}
.news_resume, .news_content{
	clear:both;
}
.news_more{
	background:url(../design/images/right_arrow_sm.png) left no-repeat;
	border-bottom:none;
	padding:10px 10px 10px 40px;
	float:right;
	margin-right:20px;	
}
a{
	border-bottom:1px dotted #5c5950;
	color:#5c5950;
	text-decoration:none;
}
a:hover{
	border-bottom:none;
}