/* global */

a { text-decoration: none; }
a img { border: 0px; }
.right {	float: right; }
strong { color: #c21515; font-weight: normal; }
h1 { text-transform: uppercase; font-weight: normal; }
h2 { font-weight: normal; }

body {
	background: #fafafa url('/images/background.png') repeat-x top center;
	font-family: sans-serif, arial, helvetica;
	font-size: 12px;
	width: 960px;	
	margin: 0px auto;	
	color: #656464;
}

/* debug */

#debug {
	position: fixed;
	top: 0px;
	left: 0px;
	display: block;
	width: 200px;	
	background: red;
	color: white;
	display: none;
}

/* stamp */

#stamp {
	position: absolute;
	top: 90px;
	margin-left: 708px;
	z-index:0;
	display: block;
	width: 183px;
	height: 183px;
	background: url('/images/stamp.png');
}

#stamp:hover { background: url('/images/stamp.png') 0px -182px; }

/* header */

header {
	display: block;
	height: 170px;
	border-top: 3px solid #c21515;		
	padding: 40px 20px 0px 20px;	
}

header #logo {
	margin-top: 8px;
	float: left;
}

/* nav */

nav { 
	display: block; 
	border-top: 1px solid #9f9f9f;
	border-bottom: 1px solid #9f9f9f;
	width: 670px;	
	margin: -80px 0px 20px 0px;
	padding: 17px 20px 15px 20px;	
}

nav a {
  color: #505050;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0px 5px 10px 5px;  
  font-weight: bold;
  font-size: 14px;  
  text-shadow: 2px 2px 8px #bfbfbf;
}

nav a.selected { color: #c21515; }

nav#services {	
	border: 0px;
	margin: 0px;
	padding: 10px 20px 0px 0px;	
}

nav#services a { font-size: 11px; }

/* article */

article {	
	display: block;	
	clear: both;
	margin: 0px;
	padding: 0px;
}

article h2.description {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

article h2.description strong {
	font-size: 15px;
}

article p.description {
	margin-top: 0px;
	padding-top: 0px;
	font-style: italic;
	padding-bottom: 10px;
}

article h2, article p, article ul, article ol {
	border-left: 1px solid #9f9f9f;
	margin: 0px;
	float: right;	
	padding: 0px 29px 10px 29px; 
	width: 641px;	
}

article h1 {
	font-size: 16px;	
	color: #505050;	
	line-height: 20px;
	width: 200px;
	padding: 20px 30px;		
	margin: 0px;
	text-align: right;
	float: left;	
	text-shadow: 2px 2px 10px #afafaf;	
}

article h1.sub {
	font-size: 15px;
	color: #c21515;
}

article h2 {
	text-transform: uppercase;
	font-size: 14px;	
	color: #505050;
	line-height: 20px;	
	padding-top: 19px;	
	text-shadow: 2px 2px 10px #afafaf;		
}

article p.small {
	font-size: 11px;
	font-style: italic;	
}

article ul.first {
	padding-top: 16px;	
	padding-bottom: 5px;	
}

article ul {		
	list-style: none;	
}

article ul li {			
	display: inline;
}

article ul li a.big img {
	height: 176px;
	width: 172px;
}

article ul li a img {
	border: 1px solid #bfbfbf;
	padding: 1px;
	margin: 2px 1px;
	width: 95px;
	height: 75px;
	float: left;
}

article ul li a:hover img {
	border-color: #c21515;	
}

article ul li a {
	float: left;
	margin: 0px 2px 0px 0px;
}

article ol {	
	color: #c21515;			
	width: 612px;
	padding-left: 58px;
	list-style-type: upper-alpha;
}

article ol li p {
	float: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
	color: #656464;
}

/* footer */

footer {
	font-size: 10px;		
	margin: 5px 0px 30px 0px;
	padding: 10px 0px 0px 0px;
	clear: both;
	display: block;
}

footer hr {
	border: 0px;	
	background-color: #9f9f9f;
	height: 1px;
}

footer img {
	float: right;
	margin: 6px 0px 0px 5px;
}

footer #asrm img {
	margin-left: 15px;
}

footer .address {	
	padding: 18px 20px 0px 20px;
	margin: 0px;
	text-align: right;
}

footer a {
	color: #c21515;
}

footer a:hover {
	text-decoration: underline;
}

footer a.drinchev {	
	font-size: 9px; 	
	color: #6f6f6f;
}

footer a.drinchev strong {
	font-weight: bold;	
}

/* index */

#index {
	display: block;
}



#index h1 {	
	margin: 0px;
	width: 650px;
	padding: 10px 24px 0px 24px;
	font-size: 17px;
	color: #505050;
	text-shadow: 2px 2px 10px #afafaf;
}

#index h2 {	
	margin: 0px;
	padding: 0px 0px 0px 24px;		
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #8f8f8f;
}

#index ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

#index ul li.short a p.description {
	width: 490px;
}

#index ul li {	
	padding: 35px 0px 0px 0px;	
	height: 100px;	
}

#index ul li a img {	
	width: 100px;
	height: 100px;
	border: 1px solid #bfbfbf;
	padding: 2px;
	margin-top: -2px;
	margin-left: 58px;
	position: absolute;
	-webkit-transition-property: padding, -webkit-transform;
    -webkit-transition-duration: 0.1s, 0.1s;
}

#index ul li:hover a img {
	border: 1px solid #c21515;
	padding: 5px;
	-webkit-transform: translate(-3px, -3px);
}

#index ul li a p {		
	font-size: 12px;	
	color: #8f8f8f;
	position: absolute;
	padding: 0px;
	margin: 0px 0px 0px 174px;
}

#index ul li a p.title {
	text-transform: uppercase;
	font-size: 14px;
	color: #505050;	
	padding-bottom: 7px;	
	margin-top: 5px;
	text-shadow: 2px 2px 10px #afafaf;	
}

#index ul li a p.description {	
	width: 700px;		
	margin-top: 30px;		
}

/* soon */

#soon img {
	float: left;
	margin: 60px 50px;
}

#soon h1 {	
	margin: 15px 0px 0px 0px;
	
	padding: 120px 24px 0px 24px;
	font-size: 17px;	
	color: #505050;
}

#soon h2 {	
	margin: 0px;
	padding: 0px 0px 0px 24px;			
	font-size: 12px;
	font-style: italic;
	color: #8f8f8f;
}

/* contacts */

#contacts {
	margin: 25px 0px 0px 5px;	
}

#contacts h1 {
	float: left;
	width: 350px;	
	margin: 30px 0px 10px 0px;	
	font-size: 17px;	
}

#contacts p {
	float: left;		
	margin: 5px 0px;	
	width: 350px;
	font-size: 11px;		
}

#contacts p a {
	color: #c21515;
}

#contacts p a:hover {
	text-decoration: underline;
}

#contacts #googleMap {
	float: left;
	margin: 0px;
	padding: 0px;	
}

#contacts #googleMap p {	
	float: none;
	position: absolute;
	margin: 0px 0px 0px 25px;	
	width: 160px;	
	padding: 0px;
	font: 10px arial;
	border-left: 0px;
	font-style: italic;	
}

#contacts #googleMap #map {
	display: block;
	height: 300px;
	width: 430px;
	margin: 20px;
	padding: 0px;
	border: 3px double #9f9f9f;
	overflow: hidden;
}

/* team */

#team {	
	margin: 10px 0px;
	padding: 0px;
}

#team li {
	list-style: none;	
	display: block;	
	float: left;
	width: 220px;
	height: 260px;
	margin: 0px 10px;
}

#team li a img{
	border: 1px solid #bfbfbf;
	padding: 2px;
	margin: 10px 27px 2px 27px;
	width: 172px;
	height: 176px;	
}

#team li a:hover img {
	border-color: #c21515;	
}

#team li h1, #team li h2, #team li h3 {	
	color: #505050;						
	text-shadow: 2px 2px 10px #afafaf;		
	margin: 3px 0px 3px 27px;
}

#team h1 { font-size: 15px; }
#team h2 { font-size: 14px; }
#team h3 { 
	font-size: 11px; 
	font-style: italic;
	font-weight: normal;
}

/* widePhoto */

#widePhoto {
	display: block;
	width: 800px;
	height: 600px;
	position: relative;	
	overflow: hidden;
}

#widePhoto .nav {
	position: absolute;
	height: 100%;
	width: 30%;	
	z-index: 5;
}

#widePhoto .nav.left { left: 0px; }
#widePhoto .nav.right { right: 0px; }

#widePhoto .nav a {
	position: absolute;
	height: 30px;
	width: 30px;	
	top: 50%;
	margin-top: -15px;	
	display: none;
	cursor: pointer;	
}

#widePhoto .nav.left a { background: url('/images/fancybox/fancy_nav_left.png'); left: 20px; }
#widePhoto .nav.right a {	background: url('/images/fancybox/fancy_nav_right.png'); right: 20px; }

#widePhoto .nav:hover a { display: block; }

#widePhoto img {
	height: 100%;	
	position: absolute;
	z-index: 3;
	left: 0px;
}