* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFF url(images/bg-top.png) repeat-x top center;
	color: #444;
	font: normal 12px Arial,sans-serif;
}

/* structure */
.container {
	margin: 0 auto;
	width: 850px;
  position: relative; 
}

/* header & title */
.title{
  background: transparent url(images/bg-title-transp.png) no-repeat;
	width: 850px;	
	height: 100px;
  border-top: solid 1px #000;
  border-bottom: solid 1px #FFF;  
  position: absolute;
  top: 21px; 
}  
.title h2{ background: transparent url(images/bg-h1.png) no-repeat 0 8px; margin: 25px 0 0 0;}
.title h2 a{ font: bold 24px Courier New; color:#FFF; letter-spacing: 1px; margin: 0 0 0 65px; }
.title h2 a em { color: #00B5FF; font-style: normal;}
.title h2 span {  position: absolute; bottom: 4px; right: 0px; color: #1A1A1A; letter-spacing: 0px; font: bold 17px Arial; text-transform: uppercase;}
.title h3{ margin: 49px 0 0 65px; position: absolute; top: 0; left: 0;}
.title h3 a{font: normal 10px Arial; color: #00B5FF; letter-spacing: 5.2px;}
.title h2 a, h3 a{text-decoration: none;}

/*** content ***/
.content{
	width: 850px;
	margin: 0;
	position: relative;
	padding: 122px 0 65px 0;
	height:100%;
}

.content p{
 padding: 15px 0 0 0;
 line-height: 20px;
 color: #333;
 text-align: justify ;

}

.content h1{ color: #005A7A; font: bold 14px Arial; padding: 18px 0 5px 0; text-transform: uppercase ; }
.content h2{ color: #000; font: bold 13px Arial; padding: 12px 0 5px 1px; text-transform: ; }
.content ul{ margin: 20px 0 0 16px; padding: 0; list-style: square;}

.content a{ 
  margin: 5px 0 0 0;
  color: #00B5FF; 
  text-decoration: none; 
  font: normal 12px Tahoma;
}
.content a:hover { text-decoration: underline; }

.news { 
  border: solid 10px #000;
  	filter:alpha(opacity=90);	opacity: 0.9;	-moz-opacity: 0.9;
  background: #141414;  
  position: absolute;
  right: 0;
  top: 160px;
  width: 200px;
  height: 300px;
}

.catalogue h2{
  
}
.catalogue a{
   margin: 0 0 0 20px;
}

/* misc */
.blue { color: #00B5FF; }

.clearer {clear: both; font-size: 0;}
.left {	float: left; }
.right {float: right; text-align: right; }


/* footer */
.foot{
	height: 270px;
	position: relative;
}
.subfoot{
  width: 850px;
	height: 216px;
  background: transparent ;
}

.contact, .links{
  float: left;
  width: 250px;
  height: 92%  ;
  margin: 0 50px 0 0;
  overflow: hidden;
}
.contact {background:  url(images/bg-contact1.png) no-repeat right 55px;}

.writeme{
  float: left;
  width: 250px;
  height: 100%  ;
  margin: 0;
}
.writeme img{
  background: url(images/bg-ref.png) repeat;
  width: 230px;
  height: 120px;
  padding: 10px;
  margin: 12px 0 0 0; 
  opacity: 0.3;
  border: none;
}
.writeme img:hover{ opacity: 0.8; }

address{
  padding: 15px 0 0 0;
  color: #BBB;
  font: italic 11px Arial;
  line-height: 20px;
  border-top: solid 1px #222;  
}
address strong{ font: bold 11px Arial;}
address span{ margin: 0 0 10px 0; display: block; font-style: normal; font-weight: bold; }
address a{ color: #FFF; text-decoration: underline;}
address a:hover{ color: #00B5FF;}

.contact h3, .links h3, .writeme h3{
  color: #00B5FF;
  font: bold 12px Arial;
  margin: 15px 0 0 0; 
  height: 22px;
  border-bottom: solid 1px #000;
  letter-spacing: 0.8px;   
}
.contact p, .links p, .writeme p{
  border-top: solid 1px #222;
}
.links a{
  background: url(images/li.png) no-repeat 0 3px;
  color: #FFF;
  font: bold 11px Arial;
  margin: 15px 0 0 0;
  padding: 0 0 0 20px;   
  display: block;
  text-decoration: none;
}
.links a:hover{
  color: #00B5FF;   
}

.footer{
  clear: both;
  width: 850px;
	height: 53px;
  background: #000 ;
  border-top: solid 1px  #005A7A ;	
}
.footer .right{ font: normal 10px Arial; margin: 8px 0 0 0px; line-height: 18px; color: #FFF;}
.footer .right a{
  font: normal 10px Arial;
  color: #FFF;
  text-decoration: none;
  margin: 5px 0 0 0;
}
.footer .right a:hover{
  color: #00B5FF;
  text-decoration: underline;
}

.footer .left{ margin: 17px 0 0 0px; line-height: 18px ;  color: #FFF; }
.footer .left a{
  font: normal 10px Arial;
  color: #FFF;
  text-decoration: none;
  padding: 5px 10px;
  margin: 5px 0 0 0;
}
.footer .left a:hover{
  color: #00B5FF;
  text-decoration: none;
  background: #0C0C0C;
}
.footer em{
  font: normal 11px Arial;
  color: #FFF;
  margin: 0 5px 0 8px;
}
.foot_catalog{
  background: #0C0C0C;
}

.bottom{
	background: transparent url(images/bg-bottom.png) repeat-x bottom center;
	height: 520px;
	width: 100%;
	margin: -520px 0 0 0;
}