@import url("wscraft_default.css");



/* ----- CSS FOR ENGLISH VERSION--------------- */



body {

background-color: #4b0000;

margin:0 auto;

margin-top:0px;

padding: 0px;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #fbcf9d;

}



form {

margin: 0px;

padding: 0px;

}



p {

margin: 0px;

padding: 0px;

}



ul {

margin-top:10px;

padding: 0px;

margin-right:20px;

}





a{

color: #fbcf9d;

text-decoration: none;

}



a:hover {

color: #fbcf9d;

text-decoration: underline;

}





BR.clearMe{

clear:both;

font-size:0px;

height:0px;

}





Select, Input, Textarea{

font-family:Arial, Helvetica, sans-serif;

color: #000000;

font-size:12px;

text-align: left;

direction: ltr;

}



IMG{

border:0px;

}



/* ----- main container--------------- */



#header {

position: relative;

margin:0 auto;

width: 778px;

}



#container {

position: relative;

margin:0 auto;

margin-top:7px;

width: 778px;

}

#lang {
position:relative;

margin:0 auto;
float:right;
margin-right:5px;
margin-bottom:10px;
}




#menu{

position:relative;

margin:0 auto;

z-index:10000;

width:774px;

height:31px;

float:left;

color:#FFFFFF;

}





/* ----- INDEX --------------- */

#panorama{

position:relative;

margin:0 auto;

width:778px;

height:296px;

}





/* ----- index_left --------------- */

#index_left{

float:left;

width: 384px;

height:197px;

background: url(../images/left_bg.gif) no-repeat;

}







/* ----- index_right --------------- */

#index_right{

float:right;

width: 384px;

height:197px;

background: url(../images/right_bg.gif) no-repeat;

}





#index_right-in {

position:relative;

margin:0 auto;

margin-top:10px;

width: 350px;

}





#index_right-in a {

cursor: pointer;

}



#index_right-in a:hover {

text-decoration:none;

}



#index_right-in #title{

position:relative;

margin:0 auto;

color:#fbcf9d;

font-style:italic;

font-weight:bold;

font-size:14px;

font-family: Georgia, "Times New Roman", Times, serif;

}





#index_right-in  a #title{

color:#fbcf9d;

}



#index_right-in #pic {

float:left;

margin-top:25px;

width: 110px;

height:90px;

overflow: hidden;

}





#index_right-in #boxpic {

position: absolute;

margin-top:25px;

background:url(../images/boxpic.gif) no-repeat;

width:110px;

height:90px;

left:0px;

z-index:100

}



#index_right-in #text {

float: left;

width:220px;

margin-top:25px;

margin-left:15px;

text-align:left;

margin-bottom:5px;

}



#index_right-in #newsTitle #date{

color:#4b0000;

font-weight: normal;

font-size:11px;

font-family:Arial, Helvetica, sans-serif;

font-style:normal

}



#index_right-in #newsTitle {

font-weight:bold;

color:#4b0000;

margin-bottom:5px;

font-size:12px;

}





#index_right-in #newsTitle IMG {

padding-left:5px;

padding-right:5px;

vertical-align: middle

}



#index_right-in   #newsTitle  a{

color:#4b0000;

}





#index_right-in #more {

text-align:right;

font-weight:bold;

color:#4b0000;

font-size:10px;

}



#index_right-in #more a {

font-weight:bold;

color:#4b0000;

font-size:10px;

}





#index_right-in #more a:hover {

text-align:right;

text-decoration:underline

}









/* PAGES **********************************************************/

#bigImage{

position:relative;

margin:0 auto;

width:778px;

height:189px;

overflow:hidden;

background: url(../images/bgall.gif) no-repeat;

}







#logoLink{

position: absolute;

width:125px;

height:115px;

left:60px;

top:63px;

z-index:200000;

background: url(../images/linkbg.gif) no-repeat

}



#logoLink a{

width:125px;

height:115px;

}



#logoLink a:hover{

text-decoration:none

}







/* ----- left --------------- */

#left{

float:left;

width: 251px;

height:304px;

background: url(../images/galleryleft.gif) no-repeat;

}





#gallery{

position:absolute;

left:0px;

width: 465px;

height:300px;

}



#gallery_2{

position:absolute;

left:0px;

width: 248px;

height:300px;

}



/* ----- right --------------- */

#right{

float:right;

width: 518px;

height:304px;

}





#right #top{

width: 518px;

height:10px;

font-size:0px;

background:url(../images/righttop.gif) no-repeat;

}





#right #top2{

width: 518px;

height:10px;

font-size:0px;

background:url(../images/righttop2.gif) no-repeat;

}



#right #middle{

width: 518px;

height:280px;

background:url(../images/rightmid.gif) repeat-y;

}





#right #middle2{

width: 518px;

height:280px;

background:url(../images/rightmid2.gif) repeat-y;

}



#right #bottom{

width: 518px;

height:14px;

font-size:0px;

background:url(../images/rightbot.gif) no-repeat;

}



#right #bottom2{

width: 518px;

height:14px;

font-size:0px;

background:url(../images/rightbot2.gif) no-repeat;

}



#right   .content{

position:relative;

margin:0 auto;

right:20px;

float:right;

text-align:left;

width: 285px;

height:275px;

overflow:hidden;

}



#right .content_news{

position:relative;

margin:0 auto;

right:20px;

float:right;

text-align:left;

width: 480px;

height:275px;

overflow:hidden;

}



#right   .box{

position:relative;

margin:0 auto;

margin-top:10px;

text-align:left;

width: 285px;

height:260px;

overflow:hidden;



}



#right  .box_news{

position:relative;

margin:0 auto;

margin-top:10px;

text-align:left;

width: 480px;

height:260px;

overflow:hidden;

}









#right  .text{

position:absolute;

width: 270px;

overflow:hidden;

line-height:18px;

}





#right  .text2{

position:absolute;

width: 270px;

overflow:hidden;

line-height:18px;

color:#4b0000;



}





#right   .text_news{

position:absolute;

width: 460px;

line-height:18px;

}



#right  #title{

position:relative;

margin:0px auto;

float:left;

color:#4b0000;

font-style:italic;

font-weight:bold;

font-size:16px;

font-family: Georgia, "Times New Roman", Times, serif;

}





#right  #title IMG {

padding-left:5px;

padding-right:5px;

}



#right  #date{

color:#4b0000;

font-weight: normal;

font-size:11px;

font-family:Arial, Helvetica, sans-serif;

font-style:normal

}



#right   #links{

position:relative;

margin:0px auto;

float: right;

right:20px;

font-weight:bold;

color:#4b0000;

}





#right #links a{

color:#4b0000;

}





/* ----- right  for news_cat.htm--------------- */







#newsItem #pic {

float:left;

margin-top:25px;

width: 110px;

height:90px;

overflow: hidden;

}



#newsItem #boxpic {

position: absolute;

margin-top:25px;

background:url(../images/boxpic.gif) no-repeat;

width:110px;

height:90px;

left:0px;

z-index:10000;

}







#newsItem #text {

float: left;

width:330px;

margin-top:25px;

margin-left:15px;

text-align:left;

margin-bottom:5px;

}



#newsItem #newsTitle #date{

color:#4b0000;

font-weight: normal;

font-size:11px;

font-family:Arial, Helvetica, sans-serif;

font-style:normal

}



#newsItem #newsTitle {

font-weight:bold;

color:#4b0000;

margin-bottom:5px;

font-size:12px;

}





#newsItem #newsTitle IMG {

padding-left:5px;

padding-right:5px;

vertical-align: middle

}



#newsItem    a:hover{

text-decoration:none

}





#newsItem #more {

text-align:right;

font-weight:bold;

color:#4b0000;

font-size:10px;

}



#newsItem #more a {

font-weight:bold;

color:#4b0000;

font-size:10px;

}





#newsItem #more a:hover {

text-align:right;

text-decoration:underline

}









#scrollArea{

	position:absolute;

	right:10px;

	height:257px;

	width:20px;

	overflow:hidden;

	margin-top :10px;

	background:url(../images/bg2.gif);

	background-position:9px 0px;

	background-repeat:repeat-y

}





#img-scroll-up{

	position:absolute;

	top:4px;

	right:14px;

	height:13px;

	width:13px;

	margin-top :0px;

	z-index:1000

}



#img-scroll-down{

	position:absolute;

	right:14px;

	top:280px;

	height:13px;

	width:13px;

	z-index:1000



}



.cursor-pointer{

	cursor:pointer

}



#scroller{

	position:absolute;

	width:16px;

		cursor:pointer



	

}

.scroller{

	cursor :pointer

}

.disabled-scroller{

	filter :alpha(opacity=0);

	-moz-opacity:0;

	opacity :0;

	cursor :default

}





/* for FORM CONTACTS **********************************************************/

#formcontacts table{

width:450px;

text-align: left;

}



#formcontacts table input{

width:170px;

border: 1px solid #4b0000;

background-color:#9e4132;

color: #4b0000;

}



#formcontacts table textarea{

width:395px;

border: 1px solid #4b0000;

background-color:#9e4132;

scrollbar-base-color: #4b0000;

scrollbar-darkshadow-color: #9e4132;

scrollbar-face-color: #4b0000;

scrollbar-highlight-color: #4b0000;

scrollbar-shadow-color: #9e4132;

scrollbar-track-color: #9e4132;

scrollbar-arrow-color: #9e4132;

scrollbar-3dlight-color: #9e4132;

color: #4b0000;

}



#formcontacts  .send{

width:47px;

height:18px;

color:#fbcf9d;

font-family:'trebuchet ms',helvetica,sans-serif;

font-size:10px;

margin-left:176px;

text-transform:uppercase;

font-weight:bold;

border:1px solid #4b0000;

filter:progid:DXImageTransform.Microsoft.Gradient

(GradientType=0,StartColorStr='#8a392d',EndColorStr='#4b0000');

text-align:center;

vertical-align: middle;

background:url(../images/bgsend.gif) no-repeat #8a392d;

}











/* ----- footer --------------- */

#footer {

position: relative;

margin:0 auto;

width:754px;

margin-top:3px;

color:#682b20;

font-size:11px;

}	





#left_footer{

float:left;

}





#right_footer{

float:right;

}



#right_footer a{

color:#682b20;

}



#right_footer a:hover{

text-decoration:none

}



#right_footer a IMG{

vertical-align:text-top

}