/* First let's resset all styles to zero */
body {
margin:0;
padding:0;
}

p {
margin:0;
}

table {
border-collapse:collapse;
border-spacing:0;
vertical-align:top;
}

img {
border:0;
}

h1,h2,h3,h4,h5,h6 {
  font-weight:normal;
  line-height:1.3;
  margin:0 0 4px 0; padding: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}


/* and then beauty */
body {
  background: #418352; padding: 68px 69px 60px 68px; margin: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
}

a {
  color: #009366;
}

a:hover {
	text-decoration: none;
}

a img {
	text-decoration: none;
}

h4 {
  font-family: Tahoma; font-weight: bold; font-size: 18px; color: #009366;
}

/* WRAPPERS */
.wrapper {
  float:left; width:100%; /*margin-left:-150px;*/ margin-bottom: 10px;
}

.artcont {
  /*margin-left:150px*/
}

.wrapper2 {
  /*float:left;*/ width:100%; /*margin-left:-330px;*/ margin-bottom: 10px; margin-top: 10px;
}

.artcont2 {
  /*margin-left:330px*/
}

/* logo */
#logo {
  width: 140px; height: 140px; background: url(/_img/logo_alviss.png) no-repeat; margin-bottom: 10px; margin-top: -64px;
}

#logo a {
  display: block; height: 140px; width: 140px; font-size: 0;
}

#logo a strong {
  display: none;
}


/* logo small */
#logoSmall {
  width: 56px; height: 56px; background: url(/_img/logo_alviss_small.png) no-repeat; position: absolute; top: 15px; right: 15px;
}

#logoSmall a {
  display: block; height: 56px; width: 56px; font-size: 0;
}

#logoSmall a strong {
  display: none;
}

#quality {
  width: 56px; height: 56px; background: url(/_img/logo_quality.png) no-repeat;  position: absolute; top: 15px; right: 80px;
  display: block;
}

/* HEADER +++++++++++++++++++++++++++ */
#slogan {
  background: url(/_img/slogan.png) center no-repeat; width: 659px; height: 20px; margin:0 auto 12px auto;
}

#slogan h2 {
    font-size: 0; display: none;
}

#rss {
  background: url(/_img/rss.png) no-repeat; width: 17px; height: 17px; position: absolute;
  float: left; display: block; left: 30px; margin-top: 11px; cursor: pointer;
}
#rss strong {
  display: none;
}

#home {
  background: url(/_img/home.png) no-repeat; width: 17px; height: 17px; position: absolute;
  float: left; display: block; left: 51px; margin-top: 11px; cursor: pointer;
}
#home strong {
  display: none;
}

/* top navigation */
.menu { padding: 0 0 0 2px; margin-bottom: 10px; float: left; margin-right: 150px;}
.menu ul {list-style:none; margin:0; padding: 0;}
.menu li { display: inline; float: left; line-height: 24px; } /* change line-height to change top/bottom menu item padding */
.menu li a { padding: 0 0 0 3px; margin-right: 0; font-size:0; float: left;}
.menu li a strong { display: none;}
/* font, color &c */
.menu li a { float: none; color: #009366; text-transform: uppercase; cursor:pointer;}
.menu li a:hover, .menu li h3 a.active, .menu li h3 a:hover span, .menu li h3 a.active span { text-decoration: none; background-position: left bottom!important;}


/* left navigation */
.sideMenu {
	width: 200px;
	float: left;
}

.sideMenuFloated {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sideMenuFloated li {
	float: left;
	width: 200px;
	height: 160px;
	padding: 5px;
}

.sideMenuFloatedNifty {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sideMenuFloatedNifty li {
	float: left;
	width: 200px;
	height: 160px;
	padding: 5px;
	position: relative;
}

.sideMenuFloatedNifty li a .frame {
	width: 170px;
	height: 130px;
	padding: 0;
	background: url(/_img/menuFrame.png) no-repeat left top;
	position: absolute;
	left: 0;
	top: 0;	
}

.sideMenuFloatedNifty li a:hover img {
	margin-top: 1px;
}

.sideMenuFloatedNifty li a:hover .frame {
	background-position: bottom;
}


.containerWithSideMenu {
	margin: 0 200px;
}


#homeBtn  {
  background: url(/_img/nav/home.png) no-repeat left top; width: 67px; height: 24px; display: block;
}
/*#homeBtn.active {background-position: top left !important;}*/

#about_us  {
  background: url(/_img/nav/about_us.png) no-repeat left top; width: 49px; height: 24px; display: block;
}
#make {
  background: url(/_img/nav/make.png) no-repeat left top; width: 103px; height: 24px;  display: block;
}
#rent {
  background: url(/_img/nav/rent.png) no-repeat left top; width: 58px; height: 24px; display: block;
}
#tech {
  background: url(/_img/nav/tech.png) no-repeat left top; width: 82px; height: 24px; display: block;
}
#service {
  background: url(/_img/nav/service.png) no-repeat left top; width: 53px; height: 24px;  display: block;
}
#gallery {
  background: url(/_img/nav/gallery.png) no-repeat left top; width: 56px; height: 24px;  display: block;
}
#threed {
  background: url(/_img/nav/3d.png) no-repeat left top; width: 134px; height: 24px;  display: block;
}
#task {
  background: url(/_img/nav/task.png) no-repeat left top; width: 86px; height: 24px;  display: block;
}
#contacts {
  background: url(/_img/nav/contacts.png) no-repeat left top; width: 70px; height: 24px; display: block;}
  
#phone {
background: url(/_img/nav/phone.png) no-repeat left top; width: 101px; height: 24px; display: block;
}
#eng {
background: url(/_img/nav/eng.png) no-repeat left top; width: 31px; height: 24px; display: block;
}
#ru {
background: url(/_img/nav/ru.png) no-repeat left top; width: 31px; height: 24px; display: block;
}
/* MISC */
.article  {
  border: 1px solid #009366; margin: 0 8px 5px 0;
}

.ci {
  color: #7d7d7d;
}
/*
.ci p {
    margin: 0; padding: 0;
}
*/

.date {
  color: #009366; font-size: 10px; margin: 0 0 0 4px;
}

.datei {
  margin: 3px 0 0 0; position: relative; line-height: 10px; width: 10px; height: 10px;
  background: url(/_img/bl_green.gif) no-repeat; float: left;
}

.backBtn {
	width: 80px;
	height: 36px;
	position: absolute;
	right: 35px;
	top: 205px;
}

.rnav {
  background: #418352;
  width: 210px;
  padding: 0 0 0 1px;
  float: right;
  text-transform: uppercase; position:relative;
  margin: 0;
  list-style: none;
  opacity: .8;
}
.rnav li {
  background:#fff; padding: 2px 5px 3px 15px;
  margin: 2px;
}

.rnav li a {
  color: #000; text-decoration: none;
}

.rnav li a:hover, .rnav li a.active {
	color: #009366;
	margin-left: -3px;
}

.rss {
  display: block; width: 30px; height: 14px; background: url(/_img/rss_icon.gif) left no-repeat; padding-left: 18px;
  margin: 4px 0 0 25px; float: left;
}

.floatleft {
  float: left;
}

.width49 {
  width: 49%; float: left;
}

#slidering {
  width: 326px; height: 150px; /*float: right; margin: 4px -10px 0 0;*/
}

.clear {
  height: 1px; clear: both;
}

#bgl    {
  width:68px; height:110px; position: absolute; left:0; top: 168px; background: url(/_img/arm2_hor.gif) repeat-x right;
}
#bgr {
  width:69px; height:110px; position: absolute; right:0; top: 168px; background: url(/_img/arm2_hor.gif) repeat-x right; z-index: 0;
}
#arm_hor {
  width:100%; background: url(/_img/arm2_hor.gif) repeat-x 0 100px; position: relative; z-index: 1;
}

#bgv_t{
  background: url(/_img/arm2_vert.gif) repeat-y; position: absolute; height: 80px; overflow: hidden; width: 130px; right: 220px; top:0px; z-index: 0;
}

#bgv_b{
  background: url(/_img/arm2_vert.gif) repeat-y; position: absolute; height: 110px; overflow: hidden; width: 130px; right: 220px; margin-top: -50px; z-index: 0;
}

#screw_tt{
  position: absolute; background: url(/_img/screw_t.gif) no-repeat; width: 127px; height: 10px; top: 4px; right: 163px;
}

#screw_bt{
  position: absolute; background: url(/_img/screw2_b.jpg) no-repeat; width: 127px; height: 20px; bottom:20px; right: 163px;
}

#screw_hl{
  position: absolute; background: url(/_img/screw2_l.gif) no-repeat; width: 30px; height: 115px; top: 100px; left: 0px;
}

#screw_hr{
  position: absolute; background: url(/_img/screw_v.png) no-repeat; width: 10px; height: 115px; top: 98px; right: 9px;
}

/* Copyright */
#Copyright {
  padding: 0 0 0 15px; background:none; position:  relative;
}
#Copyright span {
  font-size: 140%; font-weight: bold;
}

h4.gallery {
	padding: 5px;
}

.gallery_index {
  height: 275px;
  background: url(/_img/gallery.jpg) no-repeat center center;
}

.gallery_strip {
  /*white-space: nowrap;
  width: 770px;
  overflow: auto;
  height: 140px;
  margin: 5px auto;
  text-align: center; by Holyan*/
}

.gallery_strip img {
  border: 2px solid #418352;
  margin: 16px 10px 4px 10px;
}

.gallery_large_wrapper {
  background: #CCC url(/_img/loading_large.gif) no-repeat center center;
}

.gallery_large {
  height: 500px;
  background-position: center center;
  background-repeat: no-repeat;
}

.gallery_albums a {
  text-decoration: none;
}

.gallery_albums {
  /* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
  margin: 50px 220px 0 -15px;
  
  /* Выравнивание по центру */
  text-align: center;
}

.gallery_albums .album {
  /* Убираем подчеркивание у элемента ins,
  который был использован для совместимости со старыми версиями Internet Explorer */
  text-decoration: none;
  
  /* Следующее правило для Firefox 2 */
  display: -moz-inline-box;
  
  /* а это для остальных */
  display: inline-block;
  
  vertical-align: top;
  
  /* Убираем выравнивание по центру */
  text-align: left;
  
  /* Отступы между блоками */
  margin: 20px 0 0 15px;
}

.gallery_albums .album .item {
  /* Если есть необходимость, то свойства padding, border, background и position со значением relative
  лучше задавать у этого элемента -- это несколько расширит количество поддерживаемых версий браузеров */
  
  /* Задаем минимальную ширину по тексту */
  width: 200px;
  
  /* Минимальная ширина в пикселях будет автоматически рассчитываться по ширине картинки */
  float: left;
}

.gallery_albums .album .item img {
  border: 2px solid #418352;
}

p.lead {
	font-style: italic;
	text-indent: 18px;
}

.downloadTab {
	border-collapse: collapse;
	margin: 0 auto;
	width: 100%;
}


.downloadTab td {
	border: 1px solid #fff;
	padding: 5px;
}

.downloadTab th {
	text-align: left;
	padding-top: 15px;
}

.downloadTab tr.light td {
	background-color: #ececec;
}

.downloadTab tr.dark td {
	background-color: #d9d9d9;	
}

.downloadTab .blacktext a{ 
	color: #7d7d7d;	
}
.topLeftBanner {
	background: url(/_img/topLeftBanner2.gif) top left no-repeat;
	width: 188px;
	padding: 36px 0 0 72px;
	text-transform: uppercase;
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	font-family: arial;
}

.topLeftBanner a {
	display: block;
	color: #000;
}

.topRightBanner {	background: url(/_img/topRightBanner2.gif) top left no-repeat;	width: 175px; padding: 24px 75px 0 3px;	font-size: 13px;	text-align: left;	/*font-weight: bold;*/	font-family: arial;	}

.topRightBanner a {color: #238f67; display: block;}

.bottomBanner {	background: url(/_img/new.gif) top center no-repeat; width: 160px;display: block;	padding: 48px 27px 0;	font-size: 15px;	text-align: left;	font-weight: bold;	font-family: arial;}


.bottomBanner a {
	display: block;
}

.bottomBanner ul {
	margin: 5px 0;
}