body,html
{
  font-size: 8pt;
  font-family: Arial, Verdana, Sans-serif;
  background-image: url(../theme/designa/bg_main.jpg);
  background-color: #000000;
  color: #ffffff;
  text-align:center;
 	padding:0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background-attachment: fixed;
 	background-position:center;
 	background-repeat: repeat-x;
}

ul
{
	list-style-type: none;
}
img {border: 0px;}

input 
{
  height: 15px;
  line-height: 15px;
  font-size: 12px;
  background: #423d3d;
  border: 1px solid #615f5f;
  color: #c6c6c6;
}

.error{ color: #ff0000;}

.big{font-size: 24px; padding: 0px; margin: 0px;}

div .clearer{clear: both;}
div .vspacer10{ height: 10px; clear: both;}
div .vspacer20{ height: 20px; clear: both;}
div .vspacer30{ height: 30px; clear: both;}
div .vspacer40{ height: 40px; clear: both;}
div .vspacer50{ height: 50px; clear: both;}
div .vspacer100{ height: 100px; clear: both;}

div .hspacer10{ width: 10px; height: 1px; float: left;}
div .hspacer20{ width: 20px; height: 1px; float: left;}
div .hspacer30{ width: 30px; height: 1px; float: left;}
div .hspacer40{ width: 40px; height: 1px; float: left;}
div .hspacer50{ width: 50px; height: 1px; float: left;}
div .hspacer100{ width: 100px; height: 1px; float: left;}

a{text-decoration: none; color: #a46629;}
a:hover{ color: #ffffff;}

.login_button input
{
height: 20px;
line-height: 20px;
padding-bottom: 5px;
margin-top: 5px;
}

/*****

  BODY DATA

*****/

#container
{
  width: 960px;
  margin: 0px auto;
  padding: 0px;
  background-image: none;
  overflow: hidden;
  height: 850px;
}

#wrapper
{
  float: left;
  width: 960px;
  margin: 0px;
  padding: 0px;  
  background-image: none;
  overflow: hidden;
  height: 850px;
}

/*********

  SOUND & LANG MENU

*********/

#top_line
{
	height: 15px;
  width: 960px;
  float: left;
	font-family: Verdana, Arial, Sans Serif;
	font-size: 9px;
	padding: 0px;
	color: #848484;
	margin-top: 5px;
}


#top_line .sound_on
{
	display:block;
	float: right;
	height: 15px;
  width: 20px;
  padding: 0px;
	font-size: 9px;
	color: #a46629;
	background: url(../theme/designa/sound_off_over.gif);
}
#top_line .sound_on:hover{	background: url(../theme/designa/sound_on_over.gif);}
#top_line .sound_off
{
	display:block;
	float: right;
	height: 15px;
  width: 20px;
	font-size: 9px;
	color: #a46629;
	background: url(../theme/designa/sound_off.gif);
}
#top_line .sound_off:hover{	background: url(../theme/designa/sound_on.gif);}

#top_line .curlang
{
	display:block;
	float: right;
	height: 12px;
	padding: 0px;
	margin-top: 3px;
  width: 20px;
	font-size: 9px;
	color: #a46629;
	background: #292929;
}

#top_line .otherlang
{
	display:block;
	float: right;
	height: 12px;
	padding: 0px;
	margin-top: 3px;
  width: 20px;
	font-size: 9px;
	color: #848484;
}
/*****************

  FRAME top content

*****************/

#frame-top
{
  float: left;
  width: 960px;
  height: 18px;
  background: url(../theme/designa/frame_top.png);
}
#frame-left
{
  float: left;
  width: 29px;
  height: 410px;
  background: url(../theme/designa/frame_left.png);
}

#frame-right
{
  float: left;
  width: 22px;
  height: 410px;
  background: url(../theme/designa/frame_right.png);
}

#frame-bottom
{
  float: left;
  width: 960px;
  height: 12px;
  background: url(../theme/designa/frame_bottom.png);
}

/******************

  BOTTOM CONTENT

******************/

#main_body
{
  float: left;
  height: 302px;
  width: 960px;
  margin: 0px;
  padding: 0px;
  background-image: none;
}


#header
{
  float: left;
  background: url(../theme/designa/bg_header.jpg);
  border: 0px;
  width: 909px;
  height: 410px;
  overflow: hidden;
}

#logo
{
  position: relative;
  top: -410px;
  left: 0px;
  float: left;
  width: 99px;
  height: 97px;
  background: url(../theme/designa/logo.jpg);
}

#header_holder
{
  width: 909px;
  height: 410px;
  margin: 0px;
  padding: 0px;
  float: left;
}


/* CONTACT PAGE HEADER  */
#header-form
{
  float: left;
  width: 426px; /*406*/
  height: 300px;
  margin: 110px 5px 0px 5px; /*110 25 0 5*/
  line-height:5px;
}
#header-left
{
  width: 436px;
  height: 410px;
  margin: 0px;
  padding: 0px;
  float: left;
  text-align: left;
  font-family: Times New Roman, Times, Serif;
}

#header-left .brace
{
  float: left;
  height: 100px;
  width: 40px;
  margin: 0px;
  margin-left: 100px;
  font-size: 85px;
  padding-top:5px;
  line-height: 90px;
}

#header-left .title
{
  float: left;
  width: 290px;
  font-size: 20px;
  line-height: 20px;
  padding-top: 20px;
}

#header-left .date
{
  float: left;
  width: 290px;
  height: 15px;
  font-size: 10px;
  line-height: 12px;
  font-family: Arial, Verdana, Sans serif;
  padding-top: 5px;
  color: #a46629;
}


#header-left .error
{
  float: left; 
  width: 300px; 
  height: 85px; 
  border: 0px; 
  color: #ffffff; 
  font-size: 10px; 
  text-align: left; 
  padding: 5px; 
  margin-left: 100px; 
  margin-bottom: 15px;
  overflow: auto; 
  overflow-x: hidden;
}

.contact
{
  max-height: 300px; 
  width: 390px; 
  height: 290px;
}

.contact *{height: 18px; text-align: left; margin: 0px; color: #c6c6c6; border: 0px; padding: 0px;}

.contact input
{
  width: 100%;
  height: 15px;
  line-height: 15px;
  font-size: 12px;
  background: #423d3d;
  border: 1px solid #615f5f;
}



.contact td.txt1{width: 50px; text-align: right; padding-right: 5px;}
.contact td.field1{width: 110px;}
.contact td.field1 input{width: 108px;}

.contact td.txt2{width: 100px; text-align: right; padding-right: 5px;}
.contact td.field2{width: 130px;}
.contact td.field2 input{width: 128px;}

.contact td.field3{width: 340px;}
.contact td.field3 input{width: 338px;}

input.get-route{padding-bottom: 17px; color: #a46629;}

.contact .field_text
{
  width: 100%;
  height: 66px;
  background: #423d3d;
  border: 1px solid #615f5f;
}


#dhr
{
  float: left;
  width: 13px;
  height: 13px;
  background: url(../theme/designa/radio_off.jpg);
  margin-right: 5px;
}

.cust_radio
{
  float: left;
  width: 13px;
  height: 13px;
  background: url(../theme/designa/radio_off.jpg);
  margin-right: 5px;
  margin-top: 3px;
}

#mevr
{
  float: left;
  width: 13px;
  height: 13px;
  background: url(../theme/designa/radio_off.jpg);
  margin-right: 5px;
}

#newsletter_id
{
  float: left;
  width: 13px;
  height: 13px;
  background: url(../theme/designa/radio_off.jpg);
  margin-right: 5px;
}

#brochure_id
{
  float: left;
  width: 13px;
  height: 13px;
  background: url(../theme/designa/radio_off.jpg);
  margin-right: 5px;
}

#newsletter_id_big
{
  float: left;
  width: 20px;
  height: 20px;
  background: url(../theme/designa/radio_off_big.jpg);
  margin-right: 5px;
}

#brochure_id_big
{
  float: left;
  width: 20px;
  height: 20px;
  background: url(../theme/designa/radio_off_big.jpg);
  margin-right: 5px;
}


#send
{
  width: 110px;
  height: 37px;
  background: url(../theme/designa/bg_send.png) no-repeat;
}

#send:hover{background: url(../theme/designa/bg_send_over.png);}



/* MEDIA PAGE HEADER */

#header-media-holder
{
  width: 580px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  height: 410px;
  float: left;
}

#header-media-header
{
  width: 490px;
  height: 110px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  float: left;
  text-align: left;
  padding-left: 100px;
  font-family: Times New Roman, Times, Serif;
}

#header-media-header .brace
{
  float: left;
  height: 100px;
  width: 40px;
  margin: 0px;
  font-size: 85px;
  padding-top:5px;
  line-height: 90px;
}

#header-media-header .title
{
  float: left;
  width: 440px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  padding-top: 10px;
  overflow: hidden;
}

#header-media-header .date
{
  float: left;
  width: 440px;
  height: 15px;
  font-size: 10px;
  line-height: 12px;
  font-family: Arial, Verdana, Sans serif;
  color: #a46629;
}

#header-media-header .info
{
  float: left;
  width: 420px;
  height: 45px;
  font-size: 11px;
  line-height: 11px;
  padding-right: 10px;
  color: #c6c6c6;
  font-family: Arial, Verdana, Sans serif;
  text-align: justify;
  overflow: hidden;
}

#header-media-player
{
  width: 550px;
  height: 290px;
  border: 1px solid #c6c6c6;
  float: left;
  margin-left: 5px;
}

#header-media-menu
{
  width: 315px;
  height: 410px;
  float: left;
}

#header-media-menu .breads
{
    width: 315px;
    height: 18px;
    float: left;
    text-align: left;
    margin-bottom: 0px;
    margin-top: 2px;
    color: #c6c6c6;
}


#header-thumbs
{
  width: 315px;
  height: 70px;
  float: left;
  font-family: Times New Roman, Times, Serif;  
  text-align: left;
  padding-top:0px;
}

#header-thumbs .brace
{
  font-size: 65px;
  padding: 0px;
  margin: 0px;
  float: left;
  width: 35px;
  height: 70px;
  line-height: 70px;
}

#header-thumbs .title
{
  width: 257px;
  height: 24px;
  float: left;
  padding-left: 3px;
  padding-top: 26px;
  font-size: 24px;
  line-height: 24px;
}
#header-thumbs .date
{
  width: 257px;
  height: 20px;
  float: left;
  padding-left: 3px;
  font-size: 11px;  
  color: #7b4c1e;
  font-family: Arial, Verdana, Sans serif;
}

#thumbs-holder
{
  float: left;
  width: 315px;
  height: 260px;
  padding-top: 0px;
}

.thumbnail
{
  float: left;
  width: 125px;
  height: 72px;
  margin-right: 20px;
  margin-bottom: 10px;
  border: 1px solid #c6c6c6;
}


#header-media-navi
{
  width: 170px;
  height: 25px;
  float: left;
  padding-left: 100px;
}



/* TEAM PAGE HEADER */
#team-photo
{
  width: 452px;
  height: 410px;
  float: left;
  border: 0px;
}

#header-text-team
{
  width: 445px;
  height: 175px;
  float: left;
  font-size: 11px;  
  color: #c6c6c6;
  line-height: 20px;
  font-family: Arial, Verdana, Sans serif;
  text-align: justify;
  padding-right: 7px;
  padding-left: 5px;
}

#header-text-team a{ color: #a46629;}
#header-text-team a:hover{ color: #ffffff;}

#header-text-team p{margin: 0px; margin-bottom: 5px;}

#header-team-signature
{
  width: 250px;
  height: 100px;
  float: left;
  border: 0px;
  margin-top: 20px;
}


#header-form a.team
{
  width: 270px;
  height: 18px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  
  padding-left: 10px;
  padding-bottom: 1px;
  margin-bottom: 4px;
  
  float: left;
  text-align: left;
  font-family: Times New Roman, Times, Serif;
  font-size: 16px;
  color: #c6c6c6;
  /*background: #423d3d;  */
}

#header-form a.team .brace{color: #c6c6c6; font-size: 18px; line-height: 14px;}
#header-form a.team:hover{background: #000000; width: 360px; padding-left: 20px; color: #a46629;}

#header-content-team
{
  float: left;
  width: 457px;
  height: 410px;
  text-align: left;
  background: #282725 url(../theme/designa/team_bg.jpg) repeat-y;
}


/* NON-HOME PAGE HEADER  */
#header-photo
{
  float: left;
  width: 404px;
  height: 258px;
  border: 1px solid #ffffff;
  margin: 13px 23px 20px 15px;
}

#header-content
{
  float: left;
  width: 457px;
  height: 410px;
  text-align: left;
}

#header-content .breads
{
    width: 457px;
    height: 18px;
    float: left;
    text-align: left;
    margin-bottom: 0px;
    margin-top: 2px;
    color: #c6c6c6;
}

.breads a{color: #a46629;}
.breads a:hover{text-decoration: underline;}

#header-header
{
  width: 457px;
  height: 70px;
  float: left;
  font-family: Times New Roman, Times, Serif;  
  text-align: left;
}

#header-header .brace
{
  font-size: 65px;
  padding: 0px;
  margin: 0px;
  float: left;
  width: 35px;
  height: 70px;
  line-height: 70px;
}

#header-header .title
{
  width: 419px;
/*  height: 50px;*/
  float: left;
  padding-left: 3px;
  padding-top: 10px;
  padding-bottom: 2px;
  font-size: 24px;
  line-height: 24px;

}
#header-header .date
{
  width: 419px;
  height: 20px;
  float: left;
  padding-left: 3px;
  font-size: 11px;  
  color: #7b4c1e;
  font-family: Arial, Verdana, Sans serif;
}

#header-text
{
  width: 440px;
  height: 300px;
  float: left;
  font-size: 11px;  
  color: #c6c6c6;
  line-height: 19px;
  font-family: Arial, Verdana, Sans serif;
  text-align: justify;
  padding-right: 10px;
  padding-left: 5px;
  overflow: hidden;
}

#header-text a{ color: #a46629;}
#header-text a:hover{ color: #ffffff;}

#header-text .error
{
  float: left;
  width: 400px;
  height: 40px;
  padding: 5px;
  padding-left: 35px;
  overflow: auto;
  overflow-x: hidden;
  font-size: 11px;
  line-height: 12px;
  color: #ffffff;
}

#header-navi
{
  width: 170px;
  height: 25px;
  float: left;
  padding-left: 280px;
}
/*
#header-text-vision
{
  width: 440px;
  height: 300px;
  float: left;
  font-size: 11px;  
  color: #c6c6c6;
  line-height: 19px;
  font-family: Arial, Verdana, Sans serif;
  text-align: justify;
  padding-right: 10px;
  padding-left: 5px;
  overflow:hidden;
}

#header-text-vision a{ color: #a46629;}
#header-text-vision a:hover{ color: #ffffff;}
*/


#header-text-supplier
{
  width: 445px;
  /*height: 135px;*/
  float: left;
  font-size: 11px;  
  color: #c6c6c6;
  line-height: 20px;
  font-family: Arial, Verdana, Sans serif;
  text-align: justify;
  padding-right: 10px;
  overflow: hidden;
}

#header-text-supplier a{ color: #a46629;}
#header-text-supplier a:hover{ color: #ffffff;}
#header-text-supplier p{ margin-top: 2px; margin-bottom: 0px;}

.contact-info
{
  font-family: Arial, Verdana, Sans Serif;
  font-size: 11px;
  width: 100%;
  line-height: 22px; 
  vertical-align: top;
}
.contact-info td
{
  padding:0px;
  margin:0px;
  vertical-align: top;
  border: 1px solid #c6c6c6; 
  background: #333333; 
  width: 130px; 
  padding-left: 10px; 
  padding-right: 10px;
}


/*

Suppliers page

*/

#header-form a.item2
{
  width: 195px;
  height: 17px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  margin-right: 10px;
  padding-left: 5px;
  margin-bottom: 4px;

  float: left;
  text-align: left;
  font-family: Arial, Verdana, Sans serif;
  font-size: 11px;
  color: #c6c6c6;
  background: none;
}

#header-form a.item2 .brace{color: #c6c6c6; font-size: 14px; line-height: 14px; font-family: Times New Roman, Times, Serif;}
#header-form a.item2:hover{background: #000000; width: 190px; padding-left: 10px; color: #a46629;}

#header-content a.supplier
{
  width: 370px;
  height: 20px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  padding-left: 10px;
  margin-bottom: 4px;  
  float: left;
  text-align: left;
  font-family: Times New Roman, Times, Serif;
  font-size: 16px;
  line-height: 18px;
  color: #c6c6c6;
  background: #423d3d;  
}

#header-content a.supplier .brace{color: #c6c6c6; font-size: 18px; line-height: 14px;}
#header-content a.supplier:hover{background: #000000; width: 360px; padding-left: 20px; color: #a46629;}

.supplier-info
{
  float: left;
  width: 100%;
  height: 135px;
  font-family: Times New Roman, Times, Serif;
  font-size: 14px;
  line-height:18px;
  color: #c6c6c6;
}

.supplier-info .desc{float: left; width: 100px; text-align: right; padding-right: 10px;}



/*****************

  FRAME bottom content

******************/
#cont-frame-l
{
  float: left;
  width: 29px;
  height: 302px;
  background: url(../theme/designa/cont_frame_left.png);
}

#cont-frame-r
{
  float: left;
  width: 22px;
  height: 302px;
  background: url(../theme/designa/cont_frame_right.png);
}

/* NEWS page frames */

#cont-frame-l-news
{
  float: left;
  width: 29px;
  height: 302px;
  background: url(../theme/designa/cont_frame_left_news.png);
}

#cont-frame-r-news
{
  float: left;
  width: 22px;
  height: 302px;
  background: url(../theme/designa/cont_frame_right_news.png);
}

#bottom
{
  float: left;
  width: 960px;
  height: 40px;
  background: url(../theme/designa/bg_bottom.png);
}

#footer
{
  float: left;
  font-family: Verdana, Arial, Sans serif;
  font-size: 9px;
  text-align: center;
  width: 1000px;
  height: 40px;
  padding-top: 3px;
  color: #696060;
}



/********************

 home page news 
 
********************/

#news
{
  float: left;
  width: 452px;
  height: 302px;
  margin: 0px;
  padding: 0px;
  background: url(../theme/designa/bg_news.jpg);
  font-family: Arial, Verdana, Sans serif;
  font-size: 11px;
  text-align: left;
  color: #d7d5d4;
  overflow: auto;
  overflow: hidden;
}

#news .section-head
{
  width: 100%;
  float: left;
  font-family: Times New Roman, Times, Serif;
  font-size: 22px;
  text-align: left;
  margin-bottom: 10px;
}
#news .section-head h1 b{padding: 0px;padding-bottom: 7px;}
#news .section-head h1{padding: 0px; margin: 0px; font-size: 23px; font-weight: normal;  color: #d7d5d4;}

#news .item
{
  float: left;
  clear: both;
  width: 434px;
  height: 18px;
  padding-left: 18px;
  padding-top: 2px;
  background: none;
  line-height: 15px;
  overflow: hidden;
}
/*
#news .item:hover {background: #000000;}
*/
/*
#news .item .field_date{float: left; height: 100%; width: 95px; color: #c6c6c6;}
#news .item .field_text{float: left; height: 100%; width: 235px; color: #c6c6c6;}
#news .item .field_link{display: block; float: left; height: 100%; width: 100px;}
*/
.field_date a {color: #c6c6c6;}
.field_text a {color: #c6c6c6;}

/*******************

  news page news 

********************/

#news .item-holder
{
  position: relative;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 425px;
  height: 255px;
  overflow: hidden;
}

#scroller
{
  width: 452px;
  position: relative;
  float: left;
}
#scroller * {float: left;}

.arrow-scroller{float: left; width: 10px; height: 255px;}
.arrow-up{float: left; width: 10px; height: 11px; background: url(../theme/designa/bg_arrow_up.jpg) no-repeat;}
.arrow-down{float: left; width: 10px; height: 11px; background: url(../theme/designa/bg_arrow_down.jpg) no-repeat;}

#scroll_slider
{
  float: left;
  width: 10px;
  background: #464240;
  height: 233px;
}
#scroll_slider .handle
{
  width:10px;
  height:20px;
  background: #a46629;
}


#news .item .field_date{float: left; height: 100%; width: 95px; color: #c6c6c6; cursor: pointer;}
#news .item .field_text{float: left; height: 100%; width: 235px; color: #c6c6c6; cursor: pointer;}
#news .item .field_link{display: block; float: left; height: 100%; width: 100px; color: #a46629; cursor: pointer;}

.next-prev-button
{
  background: #805123;
  float: left;
  color: #c6c6c6;
  width: 80px;
  height: 15px;
  border: 0px;
  font-family: Arial, Verdana, Sans serif;
  font-size: 11px;
  margin: 0px;
  padding:0px;
  padding-bottom: 3px;
}

.cust-checkbox
{
  float: left;
  width: 14px;
  height: 14px;
  background: url(../theme/designa/checkbox_false.jpg);
}

#news .item_high
{
  float: left;
  width: 390px;
  height: 25px;
  background: #000000;
  font-size: 12px;
  margin-left: 18px;
  margin-top: 2px;
  padding: 0px;
}

#news .item_high .field_text{float: left; height: 20px; width: 50px; text-align: right; padding-right: 2px; padding-top: 4px;}
#news .item_high input
{
  background: #805123;
  float: left;
  width: 180px;
  height: 19px;
  margin-top: 2px;
  margin-bottom: 3px;
  border: 0px;
  color: #c6c6c6;
  font-size: 12px;
  margin-right: 80px;
}

#news .item_high input.next-prev-button
{
  background: #805123;
  float: left;
  color: #c6c6c6;
  width: 70px;
  height: 21px;
  border: 0px;
  font-size: 12px;
  margin: 0px;
  margin-top: 2px;
  margin-bottom: 3px;
  padding-top:2px;
}

/*******************

  MAIN MENU

********************/
#nav
{
  float: left;
  width: 457px;
  height: 302px;
  margin: 0px;
  padding: 0px;
  background: url(../theme/designa/bg_nav.jpg);
  text-align: left;
}

#nav .slides
{
  float: left;
  width: 273px;
  height: 284px;
  border: 1px solid #ffffff;
  margin-top: 8px;
  margin-bottom: 8px;
  background: url(../theme/designa/slideshow_sample.jpg);
}

#nav .main-menu
{
  float: left;
  width: 172px;
  padding-left: 10px;
  font-family: Times New Roman, Times, Serif;
  font-size: 14px;
  line-height: 30px;
  color: #050505;
  font-weight: bold;
}

#nav .main-menu a
{
  display: block;
  width: 172px;
  height: 24px;
  margin: 0px;
  line-height: 20px;
  margin-bottom: 5px;
  padding-bottom:3px;
  color: #050505; 
  overflow: hidden;
}

#nav .main-menu a:hover
{
  width: 162px;
  padding-left:10px;
  color: #a46629;
  background: url(../theme/designa/bg_menu.png);  
}

#nav .main-menu a.home_link
{
  display: block;
  width: 162px;
  height: 24px;
  margin: 0px;
  padding: 0px;
  line-height: 24px;
  padding-bottom:3px;
  color: #050505; 
}

#nav .main-menu a.home_link:hover
{
  display: block;
  width: 162px;
  height: 24px;
  margin: 0px;
  padding: 0px;
  line-height: 24px;
  padding-bottom:3px;
  color: #a46629;
  background: none;
}



#submenu
{
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 0px;
  margin: 0px;
  width: 150px;
  font-family: Times New Roman, Times, Serif;
  text-align: right;
}

#submenu a
{
  display: block;
  font-size: 14px;
  height: 23px;
  width: 140px;
  color: #ffffff;
  padding: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 4px;
  margin: 0px;
  margin-top: 1px;
  background: url(../theme/designa/bg_menu.png);
}
#submenu a:hover
{
  background: #000000;
  color: #a46629;
}