


body {
margin:0;
padding:0;
height: 100%;
font-size:62.5%;
line-height:62.5%;
font-family:Arial, Helvetica, sans-serif;
background-color:#262626;
}	
	
a:hover {
color: #ffffff;
}

img {
border:0;
}

table {
border:0;
}

html {
height: 100%;
}

* {
margin: 0;
padding: 0;
}

#leftglobal {
width:50%;
height:400px;
position: absolute; 
left:0;
background-image: url(http://www.khayrulin.az/templates/default/images/orange.jpg);
background-repeat: repeat-x;
background-position:top;
}

#rightglobal {
width:50%;
height:400px;
position: absolute; 
right:0;
background-image: url(http://www.khayrulin.az/templates/default/images/gray.jpg);
background-repeat: repeat-x;
background-position:top;
}

#page {
width: 100%;
min-height: 100%;
}

* html #page {
height: 100%;
}

#nonfooter {
width: 924px;
position: relative;
min-height: 100%;
margin: 0 auto;
}

* html #nonfooter {
height: 100%;
}

.clearer {
clear:both;
}
	
.hidden {
position:absolute;
left: -8000px;
}

#content {
width: 924px;
margin:0;
padding:0;
padding-bottom:204px;
}



#navigate {
width:924px;
padding-top:25px;
padding-bottom:27px;
position:relative;
}

#menu {
width:830px;
z-index: 10;
list-style-type:none;
height:39px;
position:relative;
}	

#menu li {
position:absolute; 
top:0px; 
height:39px;
}

#menu a {
display:block;
overflow:hidden;
color: #FF6600;
font-size:1em;
line-height:1em;
height:39px;
text-decoration:none;
}

#menu a:hover {
cursor: pointer;
c\ursor: pointer;
color: #7A7A7A;
}

#menu a span.replacement, #menu a:link span.replacement, #menu a:visited span.replacement {
background-position: 0px 0px ;
}

#menu a:hover span.replacement, #menu a:focus span.replacement, #menu a:active span.replacement {
background-position:-96px 0px ;
}

#menu li.on span.replacement {
display: block;
z-index: 1500; 
position: absolute; 
top:0px; 
height:39px;
background-repeat: no-repeat;
background-position: -192px 0px ;
}

#menu li.on span.linkText{
display: block;
z-index: 1400; 
position: absolute; 
top:0px; 
height:39px;
background-repeat: no-repeat;
background-position: -192px 0px ;
color:#7A7A7A;
font-size:1em;
top:5px;
}
	
#menu span.replacement {
display: none;
width:96px;
}

* h\tml #menu span.replacement {
display: block;
position: absolute;
z-index: 10;
top: 0;
height:39px;
background-repeat: no-repeat;
background-position: 0 0;
}

#menu a span.replacement {
background-position: 0px 0px; 
display: block;
z-index: 15; 
background-repeat: no-repeat; 
position: absolute; 
top:0px; 
height:39px;
}

#menu span.linkText {
z-index: 5; 
position: relative;
}

#main_page {
margin-left: 0px; 
width: 96px;
}

#biography {
margin-left:106px; 
width: 96px;
}	

#press {
margin-left:210px; 
width: 96px;
}	

#studio {
margin-left: 305px; 
width: 96px;
}	

#portfolio {
margin-left:409px; 
width: 96px;
}	

#selected_photos {
margin-left:518px; 
width: 96px;
}	

#services {
margin-left:627px; 
width: 96px;
}	

#contacts {
margin-left:734px; 
width: 96px;
}	

#main_page span.replacement {
	background-image: url(http://www.khayrulin.az/templates/default/images/home_en.jpg);	
}	

#biography span.replacement {
	background-image: url(http://www.khayrulin.az/templates/default/images/bio_en.jpg);	
}

#press span.replacement {
    background-image: url(http://www.khayrulin.az/templates/default/images/press_en.jpg);	
}

#studio span.replacement {
	background-image: url(http://www.khayrulin.az/templates/default/images/studio_en.jpg);
}

#portfolio span.replacement {
	background-image: url(http://www.khayrulin.az/templates/default/images/portfolio_en.jpg);	
}

#selected_photos span.replacement {
	background-image: url(http://www.khayrulin.az/templates/default/images/novelty_en.jpg);	
}

#services span.replacement {
	background-image: url(http://www.khayrulin.az/templates/default/images/serv_en.jpg);
}

#contacts span.replacement {
	background-image: url(http://www.khayrulin.az/templates/default/images/contacts_en.jpg);	
}


/* language links */

#lang {
z-index: 10;
width:36px;
list-style-type:none;
float:right;
position:absolute;
top:24px;
right:25px;
}	
	
#lang li {
width:18px;
height:39px;
position:absolute; 
}

#lang a {
display:block;
overflow:hidden;
color: #FF6600;
font-size:1em;
line-height:1em;
text-decoration:none;
height:39px;
}

#lang a:hover {
cursor: pointer;
c\ursor: pointer;
color:#7A7A7A;	
}

#lang a span.replacement, #lang a:link span.replacement, #lang a:visited span.replacement {
     background-position: 0px 0px;
}

#lang a:hover span.replacement, #lang a:focus span.replacement, #lang a:active span.replacement {
     background-position:-18px 0px;
}

#lang span.replacement {
	display: none
}

* h\tml #lang span.replacement {
	display: block;
	position: absolute;
	z-index: 10;
	top: 0;
    height:39px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#lang a span.replacement {
	background-position: 0px 0px; 
	display: block;
	z-index: 15; 
	background-repeat: no-repeat; 
	position: absolute; 
	top: 0px; 
    height:39px;
}

#lang span.linkText {
	z-index: 5; 
	position: relative;
	top:0;
	letter-spacing: -1px;
}

#lang li.on span.replacement {
	display: block;
	z-index: 15; 
	position: absolute; 
	top: 0px; 
    height:39px;
    background-repeat: no-repeat;
	background-position: 0px 0px;
}

#lang li.on span.linkText {
	display: block;
	z-index: 14; 
	position: absolute; 
	top: 0px; 
    height:39px;
    background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size:0.1em;
	line-height:1.0em;
}



#az {
	margin-left: 0px; 
	width:18px;
}

#az span.replacement {
	background-image: url(http://www.khayrulin.az/templates/default/images/az.jpg);
	width:18px;
}	

#ru {
	margin-left:18px; 
	width:18px;
}	

#ru span.replacement {
	background-image: url(http://www.khayrulin.az/templates/default/images/ru.jpg);
	width:18px;
}	



#header {
width:924px;
height:1%;
padding-bottom: 10px;
height:146px;
}

#site {
width:767px;
float:left;
}

#sitename_ru {
margin: 0;
padding: 0;
width:767px;
height:146px;
font-size: 1em;
color:#FFFFFF;
line-height: normal;
}	

#sitename_ru span {
display: block;
width:767px;
height:146px;
position:absolute;
left:-68px;
border:0;
background-image:url(http://www.khayrulin.az/templates/default/images/FaridKhayrullin_ru.jpg);
}

#sitename_en {
margin: 0;
padding: 0;
width:767px;
height:146px;
font-size: 1em;
color:#FFFFFF;
line-height: normal;
}	

#sitename_en span {
display: block;
width:767px;
height:146px;
position:absolute;
left:-68px;
border:0;
background-image:url(http://www.khayrulin.az/templates/default/images/FaridKhayrullin_en.jpg);
}

#sitename_az {
margin: 0;
padding: 0;
width:767px;
height:146px;
font-size: 1em;
color:#FFFFFF;
line-height: normal;
}	

#sitename_az span {
display: block;
width:767px;
height:146px;
position:absolute;
left:-68px;
border:0;
background-image:url(http://www.khayrulin.az/templates/default/images/FaridKhayrullin_az.jpg);
}


#fgf {
width:77px;
float:left;
margin-top:45px;
padding-left:80px;
}

#studio_logo {
margin: 0;
padding: 0;
width:77px;
height:55px;
font-size: 0.8em;
color:#FFFFFF;
line-height: normal;
}	

#studio_logo span {
display: block;
width:77px;
height:55px;
position:absolute;
border:0;
background-image: url(http://www.khayrulin.az/templates/default/images/FGF_studio.jpg);
}

.fb-btn{position:absolute; background:url(http://www.khayrulin.az/templates/default/images/fb.jpg) no-repeat; top:34px; z-index:1001; right:8px; width:18px; height:18px;}


#footer {
height:20.4em;
margin:auto;
position: relative;
background-image:url(http://www.khayrulin.az/templates/default/images/footerfon.gif);
background-repeat:repeat-x;
background-position:top;
}
		
#footer {margin-top: -20.4em;}
		
* html #footer {margin-top: -20.4em;}

#footer_inside {
width:255px;
height:55px;
margin:auto;
padding-top:60px;
position:relative;
}

#footer_inside a, #footer_inside a:link, #footer_inside a:visited {
text-decoration:none;
cursor:pointer;
color:#FFFFFF;
}

#footer_inside a:active, #footer_inside a:hover, #footer_inside a:focus {
text-decoration:none;
cursor:pointer;
color:#FFFFFF;
}

/* AzEuroTel icon */

#AzEuroTel {
width:129px;
height:35px;
float:left;
}

#AzEuroTel_logo {
margin: 0;
padding: 0;
width:129px;
height:35px;
font-size:0.5em;
line-height: normal;
}	

#AzEuroTel_logo span {
display: block;
width:129px;
height:35px;
position:absolute;
border:0;
background-image: url(http://www.khayrulin.az/templates/default/images/AzEuroTel.gif);
}


/* MD icon */

#MediaDesign {
width:109px;
height:35px;
float:right;
}

#MediaDesign_logo {
margin: 0;
padding: 0;
width:109px;
height:35px;
font-size:0.5em;
line-height: normal;
}	

#MediaDesign_logo span {
display: block;
width:109px;
height:35px;
position:absolute;
border:0;
background-image: url(http://www.khayrulin.az/templates/default/images/MD.gif);
}

/* Rights icon */

#rights {
width:453px;
position:absolute;
top:95px;
right:-100px;
}

#rightstext_en {
margin: 0;
padding: 0;
width:453px;
height:38px;
font-size:0.5em;
line-height: normal;
}	

#rightstext_en span {
display: block;
width:453px;
height:38px;
position:absolute;
border:0;
background-image: url(http://www.khayrulin.az/templates/default/images/allrights_en2.gif);
}

#rightstext_ru {
margin: 0;
padding: 0;
width:453px;
height:43px;
font-size:0.5em;
line-height: normal;
}	

#rightstext_ru span {
display: block;
width:453px;
height:43px;
position:absolute;
border:0;
background-image: url(http://www.khayrulin.az/templates/default/images/allrights_ru2.gif);
}

#rightstext_az {
margin: 0;
padding: 0;
width:453px;
height:33px;
font-size:0.5em;
line-height: normal;
}	

#rightstext_az span {
display: block;
width:453px;
height:33px;
position:absolute;
border:0;
background-image: url(http://www.khayrulin.az/templates/default/images/allrights_az2.gif);
}


#container {
width:924px;
background-image:url(http://www.khayrulin.az/templates/default/images/border.gif);
background-position:left;
background-repeat:repeat-y;
}


/* left */

#container_left {
width:200px;
float:left;
}

#container_left h3 {
margin:0;
padding:0;
padding-bottom:12px;
padding-top:22px;
font-size:1.57em;
line-height:1.205em;
color:#FFFFFF;
}

#container_left h3 a, #container_left h3 a:link, #container_left h3 a:visited {
text-decoration:none;
color:#FFFFFF;
cursor:pointer;
}

#container_left h3 a:hover, #container_left h3 a:focus, #container_left h3 a:active {
text-decoration:none;
color:#9A9898;
cursor:pointer;
}



/* right */

#container_right {
width:696px;
padding-left:28px;
float:left;
}

#container_right h3 {
margin:0;
padding:0;
padding-bottom:12px;
padding-top:22px;
font-size:1.57em;
line-height:1.205em;
color:#FFFFFF;
}

#container_right h3 a, #container_right h3 a:link, #container_right h3 a:visited {
color:#FFFFFF;
cursor:pointer;
text-decoration:none;
}

#container_right h3 a:hover, #container_right h3 a:focus, #container_right h3 a:active {
color:#9A9898;
cursor:pointer;
text-decoration:none;
}

#block {
font-size:1.10em;
line-height:1.19em;
color:#FFFFFF;
text-align:justify;
padding-bottom:33px;
}

#block img {
border:5px solid #4C4C4C;
float:left;
margin-right:16px;
}

#block p {
margin:0;
padding:0;
}

#block2 {
font-size:1.10em;
line-height:1.19em;
color:#FFFFFF;
text-align:justify;
padding-bottom:33px;
}

#block2 a, #block2 a:link, #block2 a:visited {
color:#FFFFFF;
cursor:pointer;
text-decoration:none;
}

#block2 a:hover, #block2 a:focus, #block2 a:active {
color:#9A9898;
cursor:pointer;
text-decoration:none;
}

#block2 p {
margin:0;
padding:0;
}

.forimage {
padding-top:12px;
}

.forimage img {
border:0;
margin-right:16px;
}

.forimage a img, .forimage a:link img, .forimage a:visited img {
cursor: pointer;
border: 2px solid #4C4C4C;
}

.forimage a:hover img, .forimage a:focus img, .forimage a:active img {
cursor: pointer;
border: 2px solid #7F7F7F;
}

.globalwrap {
width:200px;
padding-bottom:11px;
}

.secected_image { 
width:81px;
height:81px;
background-image:url(http://www.khayrulin.az/templates/default/images/needover.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
float:left;
padding-right:13px;
}

.secected_image a, .secected_image a:link, 
.secected_image a:visited {
width:81px;
height:81px;
display:block;
background-image:url(http://www.khayrulin.az/templates/default/images/needover.jpg);
background-repeat: no-repeat;
background-position: 0px -81px;
}

.secected_image a:hover, .secected_image a:focus, .secected_image a:active {
background-image: none;
}

.picture {
border:0;
margin-left:3px;
margin-top:3px;
}



#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
min-height: 100%;
background-color:#000000;
display: none;
}

* html #overlay {
height: 100%;
}

#lightbox {
position:absolute;
width: 100%;
z-index: 100;
display: none;
}

#lightbox a img {
border: none; 
}

#outerImageContainer {
margin:0 auto;
padding-top:10px;
}

#imageContainer {
width: 100%;
position:relative;
}

#loading {
position: absolute;
top:43%;
left:0%;
width:100%;
line-height: 0;
text-align:center;
}




/* wrapper layout */

.wrapper {
display:table;
margin:0 auto;
}

.wrapper span.saver {
display: table-cell;
font-size:1.22em;
line-height:1.23em;
color:#669999;
}

.signed {
display:block; 
width:80%;
padding-top:5px;
position:relative;
}




/* close link */

.linkclose {
z-index:500;
width:46px;
height:16px;
position:relative; 
display: block;
top:-13px;
/*float: right;
background-image: url(http://www.khayrulin.az/templates/default/images/close.gif);
background-repeat: no-repeat;
background-position: 0px top;*/
}

.linkclose a, .linkclose a:link, .linkclose a:visited {
width:46px;
height:16px;
/*top:0; 
right:0px; 
position:absolute;*/
display: block;
background: url(http://www.khayrulin.az/templates/default/images/close.gif) no-repeat left top;
cursor:pointer;
}

.linkclose a:hover, .linkclose a:focus {
/*background-image: none;
cursor:pointer;*/
}



/* hovernavigation links */

.hoverNav {
width:54px;
height:45px;
position:absolute;
top:45%;
left:-94px;
z-index: 10;
}

#hovernav_ohvat {
width:54px;
height:45px;
display: block;
position:absolute;
left:0;
top:5px;
background-image: url(http://www.khayrulin.az/templates/default/images/arrowleft.gif);
background-repeat: no-repeat;
background-position: 0px top;
}

a#prevLink, a:link#prevLink, a:visited#prevLink {
width:54px;
height:45px;
display: block;
position:absolute;
left:0;
top:0;
background-image: url(http://www.khayrulin.az/templates/default/images/arrowleft.gif);
background-repeat: no-repeat;
background-position: -54px top;
cursor:pointer;
}	

a:hover#prevLink {
background-image: none;
cursor:pointer;
}

.hoverNav2 {
width:54px;
height:45px;
position:absolute;
top:45%;
right:-94px;
z-index: 10;
}

#hovernav_ohvat_right {
width:54px;
height:45px;
display: block;
position:absolute;
left:0;
top:5px;
background-image: url(http://www.khayrulin.az/templates/default/images/arrowright.gif);
background-repeat: no-repeat;
background-position: 0px top;
}

a#nextLink, a:link#nextLink, a:visited#nextLink {
width:54px;
height:45px;
position:absolute;
display: block;
left:0;
top:0;
background-image: url(http://www.khayrulin.az/templates/default/images/arrowright.gif);
background-repeat: no-repeat;
background-position: -54px top;
cursor:pointer;
}

a:hover#nextLink {
background-image: none;
cursor:pointer;
}

#imageContainer>#hoverNav { left: 0;}
#hoverNav a { outline: none;}



#logo {
width:32px;
height:36px;
display: block;
position:absolute;
background-image: url(http://www.khayrulin.az/templates/default/images/jjj.jpg);
}


#logo_light_box {
display: block;
margin-bottom:10px;
}


