/*** --------------- **** ----------------- ****
**** RESET CSS STYLE **** (c) http://vj.vg/ ****
**** --------------- **** ----------------- ***/
ABBR,ARTICLE,ASIDE,AUDIO,BB,CANVAS,DATAGRID,DATALIST,DETAILS,DIALOG,FIGURE,FOOTER,HEADER,MARK,MENU,METER,NAV,OUTPUT,PROGRESS,SECTION,TIME,VIDEO{display:block;}HTML,BODY,DIV,SPAN,APPLET,OBJECT,IFRAME,H1,H2,H3,H4,H5,H6,P,BLOCKQUOTE,PRE,A,ABBR,ACRONYM,ADDRESS,BIG,CITE,CODE,DEL,DFN,EM,FONT,IMG,INS,KBD,Q,S,SAMP,SMALL,STRIKE,STRONG,SUB,SUP,TT,VAR,HR,B,U,I,CENTER,DL,DT,DD,OL,UL,LI,FIELDSET,FORM,LABEL,LEGEND,TABLE,CAPTION,TBODY,TFOOT,THEAD,TR,TH,TD{padding:0;margin:0;border:none;outline:none;vertical-align:top; font-family:inherit;font-size:100%;}DFN,I,CITE,VAR,ADDRESS,EM{font-style:normal;}TH,H1,H2,H3,H4,H5,H6{font-weight:normal;}TEXTAREA,INPUT,SELECT{font-family:inherit;font-size:1em;}BLOCKQUOTE,Q{quotes:none;}Q:before,Q:after,BLOCKQUOTE:before,BLOCKQUOTE:after{content:'';content:none;}OL,UL{list-style:none;}INS{text-decoration:none;}DEL{text-decoration:line-through;}TABLE{border-collapse:collapse;border-spacing:0;}CAPTION,TH,TD{text-align:left;}HTML{padding:0;margin:0;}BODY{cursor:default;font-size:14px;font-family:"TrebuchetMS",Tahoma,Arial,Helvetica,sans-serif;font-stretch:inherit;font-style:normal;font-variant:normal;font-weight:normal;color:#000;margin:0;padding:0;}IMG{border:none;}A{color:#717171;text-decoration:underline;}A:hover{color:#06F;text-decoration:none;}:focus{outline:none;}

/*** ---------------- **** ----------------- ****
**** DESIGN CSS STYLE **** (c) http://vj.vg/ ****
**** ---------------- **** ----------------- ***/

/* GLOBAL */
html {
	background:url(../img/background.jpg) center top no-repeat #000;
}
body {
	background:url(../img/footer.jpg) center bottom no-repeat;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:15px;
	color:#FFF;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}


/* HEADER */
header {
	width:1013px;
	margin:0 auto;
	position:relative;
	height:372px;
}
a#logo {
	position:absolute;
	width:365px;
	height:164px;
}
menu, menu li {
	list-style:none;
	margin:0;
	padding:0;
}
menu {
	position:absolute;
	left:3px;
	right:5px;
	top:183px;
}
menu li {
	background-color:#000;
	margin-bottom:2px;
}
menu li, menu a {
	display:block;
}
menu a {
	padding:16px;
	padding-left:50px;
	font-size:22px;
	color:#FFF;
	text-indent:-999px;
	background:url(../img/background.jpg) -426px -183px no-repeat;
}
menu a#solutions {
	background-position:-426px -243px;
}
menu a#gallery {
	background-position:-426px -304px;
}


/* MAIN */
section#main {
	width:1009px;
	margin:0 auto;
	position:relative;
	background-color:#21292c;
	border:2px solid #323230;
	border-bottom:none;
	border-top:none;
	overflow:hidden;
	z-index:2;
	position:relative;
}
/* TOP */
#top {
	overflow:hidden;
	width:995px;
	position:relative;
	padding-left:14px;
	min-height: 77px;
}
#top h3.title {
	margin:0;
	margin-top:28px;
	margin-bottom:12px;
	width: 350px;
}
/* NAVIGATION */
nav {
	position:absolute;
	top:0;
	right:0;
	padding:3px;
	padding-top:5px;
	/*background:url(../img/nav.jpg) left 2px no-repeat;*/
	z-index:588;
	overflow:hidden;
	float:left;
}
nav.index-displacement {
	left:660px;
}
nav a {
	overflow:hidden;
	font-size:16px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	color:#FFF;
	display:block;
	/*margin:2px;
	margin-bottom:6px;*/
	padding-left:26px;
	height: 24px;
	margin-top: 1px;
}
nav a:hover {
	text-decoration:underline;
	color:#FFF;
}


/* CONTENT */
#content {
	padding:14px;
	padding-top:0;
	float:left;
	width:981px;
}
section#content.index-displacement {
	width:631px;
}
h3.title {
	color:#FFF;
	text-transform:uppercase;
	font-size:18px;
	font-family:Tahoma, Geneva, sans-serif;
	display:block;
	margin-top:20px;
	margin-bottom:18px;
	overflow:hidden;
}
h3.title.ltitle {
	color:#c1c1c1;
	text-transform:none;
	font-size:17px;
	margin-top:30px;
}
#sidebar h3.title.ltitle {
	margin-top:0;
}
article.content {
	text-align:justify;
	overflow:hidden;
}
a.more {
	color:#ffe106;
	font-weight:bold;
	font-size:14px;
}
div.separator {
	background-color:#FFF;
	height:1px;
	width:100%;
	margin-top:30px;
	margin-bottom:1px;
	overflow:hidden;
}


/* SIDEBAR */
#sidebar {
	width:333px;
	float:left;
	padding:0;
	margin:0;
	padding-left:10px;
	padding-right:7px;
	margin-bottom:25px;
}
span#sidebar-top, span#sidebar-bottom {
	background:url(../img/sidebar.jpg);
	display:block;
	font-size:1px;
	height:6px;
}
span#sidebar-bottom {
	height:5px;
	background-position:0 -6px;
}
section#sidebar-content {
	background-color:#1d2426;
	padding:9px;
	overflow:hidden;
	position:relative;
}



#lastFoto {
	text-align:center;
}
#lastFoto .resize {
	border:1px solid #FFF;
	margin:3px;
	margin-top:0;
	margin-bottom:2px;
	display:-moz-inline-stack;/*Нужно для Firefox*/
  display:inline-block; /*Не применяется в IE и Firefox*/
  _overflow:hidden;/*фикс для IE6*/
  zoom:1;/*включаем hasLayout*/
  *display:inline;/*при hasLayout true display:inline ведёт себя как display:inline-block*/
	width:145px;
	height:114px;
}

img.imgLeft {
	float:left;
	overflow:hidden;
	margin:8px;
	margin-left:1px;
	border:1px solid #FFF;
}
img.imgRight {
	float:right;
	overflow:hidden;
	margin:8px;
	margin-right:1px;
	border:1px solid #FFF;
}

.right {
	text-align:right;
}



#lastNews {
	margin-top:9px;
	margin-left:9px;
	overflow:hidden;
	position:relative;
}
.lastNew {
	position:relative;
	margin-left:81px;
	margin-bottom:17px;
}
.lastNew .resize {
	position:absolute;
	top:0;
	left:-81px;
	width:70px;
	height:70px;
}
.newDate {
	display:block;
}
.newText {
	display:block;
}
.lastNew a.more {
	color:#FFF;
}


footer {
	display:block;
	width:969px;
	height:38px;
	margin:0 auto;
	position:relative;
	padding-left:44px;
	padding-top:29px;
	color:#8a8a8a;
	overflow:hidden;
}
#counters {
	position:absolute;
	top:28px;
	right:19px;
}



#contentMap {
	padding:14px;
	padding-top:20px;
	overflow:hidden;
	width:492px;
}
#sidebarMap {
	width:470px;
	float:left;
	padding-top:50px;
	padding-left:10px;
	padding-right:7px;
	margin-bottom:25px;
}





#contactForm {
}
#contactForm input, #contactForm textarea {
	width:324px;
	display:inline-block;
	background-color:#c1c1c1;
	border:1px solid #908e8e;
	margin:3px;
	padding:3px;
	padding-left:6px;
	padding-right:6px;
	font-family:Tahoma, Geneva, sans-serif;
}
#contactForm textarea {
}
#contactForm span {
	color:#c1c1c1;
	font-size:17px;
	display:inline-block;
	width:140px;
}
#contactForm input.contactFormSubmit {
	width:414px;
	text-align:center;
	background-color:#777;
	margin-top:4px;
	color:#FFF;
	cursor:pointer;
}


/* ALBOM FOTOS AND VIDEOS */
.fotos {
	width:627px;
	border:1px solid #737474;
	background-color:#2d383c;
	overflow:hidden;
	padding-left:2px;
	padding-top:5px;
	padding-bottom:4px;
	position:relative;
}
.fotos a.resize {
	float:left;
	border:1px solid #FFF;
	margin:3px;
	width:200px;
	height:149px;
}
#sidebar.sidebar-video {
}
.videos {
	border:1px solid #737474;
	background-color:#2d383c;
	padding:10px;
}



#solutions a {
	width:340px;
	height:67px;
	overflow:hidden;
	display:inline-block;
	background-color:#2d383c;
	border:1px solid #757575;
	margin:4px;
	position:relative;
	color:#FFF;
	font-size:24px;
	text-align:center;
	padding-left:140px;
	padding-top:40px;
}
#solutions a:hover, .gallery-block a.gallery:hover {
	background-color:#3b4549;
}
#solutions a .resize {
	position:absolute;
	top:5px;
	left:5px;
	border:1px solid #FFF;
	width:131px;
	height:97px;
}

.gallery-block {
	float:left;
	width:480px;
	padding:4px;
	position:relative;
}
.gallery-block a.gallery {
	padding:10px;
	width:278px;
	padding-left:190px;
	position:relative;
	display:inline-block;
	overflow:hidden;
	min-height:125px;
	background-color:#2d383c;
	border:1px solid #757575;
	color:#FFF;
	margin-bottom:20px;
}
.gallery-block a.gallery:hover {
	text-decoration:none;
}
.gallery-block a.gallery:hover .gallery-name {
	text-decoration:underline;
}
.gallery-block a.gallery .resize {
	width:175px;
	height:130px;
	position:absolute;
	left:5px;
	top:7px;
}
.gallery-name, .gallery-description {
	display:block;
}


.price_pdf {
	position:absolute;
	width:117px;
	height:48px;
	background:url(../img/pdf.jpg) no-repeat;
	top:1px;
	right:180px;
}


.resize {
	position:relative;
	display:inline-block;
	border:1px solid #FFF;
	background-color:#FFF;
	overflow:hidden;
}
.resize img {
	position:absolute;
	top:0;
	left:0;
	display:none;
}

#login_div{
    position: absolute;
    top: 0px;
    right: 365px;
    font-size: 12px;
    color: #969ea1;
}

#login_div h3{
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 5px;
}

#user_name{
    width: 120px;
    background-color: #3c4951;
    border: solid 1px #6f787d;
    color: #f8faf9;
}

#button_enter{
    background-color: #353d40;
    border: none;
    color: #8d9598;
}

#logout_button{
    position: relative;
    top: 15px;
}

#custom_link{
    background-image: url(../img/clients.jpg);
    background-repeat: no-repeat;
    height: 23px;
/*    margin: 0;
    margin-top: 7px;
    margin-left: -2px;
    padding-left: 26px;*/
}

#index_link{
    background-image: url(../img/index.jpg);
    background-repeat: no-repeat;
}

#contacts_link{
    background-image: url(../img/contacts.jpg);
    background-repeat: no-repeat;
}