﻿html, body, form
{
	margin:0;
	padding:0;	
}

body 
{
	
	background:#b0bbc2 url(images/bg_body.jpg) repeat-x top;
	font-family: Tahoma, Verdana, Arial;
	font-size:11px;
	color:#e7eaec;
	
}

H1 
{
	padding:0;
	margin:0;
	font-family: Tahoma, Verdana, Arial;
	font-size:18px;
	color:#e9eef4;
	}

a
{
 color:white;
 text-decoration:none;}
 
a:hover
{
	color: #929ca2;
	}
	
a:active
{
	color: #929ca2;}
	

*html #container
{
    padding-top:200px;
	margin:auto;
	width:757px;
}

#container[id]
{
	position:absolute;
	top:20%;
	left:2%;
	right:2%;
	margin:auto;
	width:757px;
}
	
#menumain
{
	white-space:nowrap;
	padding:24px 0 0 0;
	margin:0;
	background:url(images/logo_mikeorlov.gif) top left no-repeat;
	width:757px;
	height:20px;
	text-align:right;
	font-family: Tahoma, Verdana, Arial;
	font-size:11px;}

#menumain ul 
{
	display:inline;
	padding:0;
	margin:0;}
	
#menumain li
{
	display:inline;
	padding-left:40px;}

#submenu 
{
	padding:0;
	margin:-5px 0 -1px 45px;
	height:10px;
	float:left;
	text-align:left;
	width:565px;}
	
*html #submenu
{	margin:-16px 0 -1px 23px;}	
	
#submenu ul
{
	display:inline;
	padding:0;
	margin:0;}
	
#submenu li
{
	display:inline;
	padding-right:33px;}

#submenu a
{
	color:#929ca2;}

#whiteline
{ 
	line-height:3px;
	background:url(images/bg_line.jpg ) no-repeat center bottom;
	width:757px;
	height:2px;
	padding:0;
	margin:0;}
	
#content
{
	padding:0;
	margin:0;
	background-color:White;
	width:745px;
	height:385px;
	border:6px solid white;
	}
	
#rightbargallery
{
	float:right;
	padding:10px 10px 10px 9px;
	color:#e9eef4;
	background-color:#b0bbc2;	
	width:138px;
	height:365px;
	border-left:6px solid white;}


	
#bigphoto
{	
    float:left;
	width:744px;
	height:374px;
	}
	
#lang
{	color:#929ca2;
	float:right;
	width:60px;
	height:60px;
	font-weight:bold;}

*html #lang
{
	margin-top:-15px;}	
	
#footer
{
	padding-top:20px;
	background: url(images/bg_mirror.jpg) repeat-x;
	text-align:center;
	height:64px;
	width:757px;}
	
/*Стили для контакта*/

#photocontact
{	
	float:left;
	width:519px;
	height:385px;
	background: url(../../images/contact_img.jpg) no-repeat;	}

#contact
{
	color:#e9eef4;
	border-left: 6px solid white;
	float:right;
	padding:10px;
	width:200px;
	height:365px;
	background-color:#b0bbc2;	}

#contact a:hover
{	color:white;
	text-decoration:underline;
	}
.textwhite
{
	color:white;
	font-size:13px;}

.inputform
{
	border:0;
	background-color:#c7d0d7;
	color:#6d787f;
	width:195px;
	height:18px;
}

/*End Стили для Контакта*/	

#photoservices
{	float:left;
	width:193px;
	height:385px;
	background: url(../../images/services_img.jpg) no-repeat;	
	}
	
#services
{
	float:right;
	color:#e9eef4;
	border-left: 6px solid white;
	padding:10px;
	width:525px;
	height:365px;
	background-color:#b0bbc2;	}

#services li 
{	font-weight:bold;
	padding:10px 0 0;
	margin:3px 0;
	line-height:15px;}

#services ul
{
	font-weight:normal;
	padding:5px 15px;
	margin:0;}
.img
{
	text-align:center;
	width:60px;
	height:38px;
	background-color:#c2cbd2;
	border:3px solid #c2cbd2;
	}
	
*html .img	
{
    border-left:3px solid #c2cbd2;
    border-right:3px solid #c2cbd2;
    border-top:3px solid #c2cbd2;
    border-bottom:1px solid #c2cbd2;}

.nb
{
    border:0;}

/*gallery CSS*/
#rightbargallery ul {margin:0; padding:0;}

#thumbsstyle {position:absolute; list-style:none; width:150px; }
#thumbsstyle li {float:left; margin:4px 2px; cursor:pointer}


#images { height:198px; background:#eef5f6;}
#image {position:relative; width:578px; height:360px;  background:#FFF url(images/loading.gif) center  no-repeat; }

#image img {position:absolute; top:0px; left:0; }

.imgnav {position:absolute;  height:360px; width:48px; z-index:100; outline:none; cursor:pointer; }

#previmg {left:0; background:url(images/left.gif) left center no-repeat; }
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat;  }
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

/*end of gallery css*/

/*slidshow*/
 #slide-container {
     text-align:center;
     margin:0px 0px;
  }
  #slide-container #slideshow {
     width:745;
     height:385px;
     margin:auto;
     position:relative;
  }
  #slide-container #slideshow IMG {
     position:absolute;
     top:0;
     left:0;
  }
/*end of slidshow*/


/*tabs*/

			
			.tabs dt 
			{
				background:url(images/li2.jpg) left center no-repeat;
				padding-left:40px;
				width:200px;
				height:30px;
				float:left;
				line-height:2;
				position:relative;
				cursor:pointer;
				text-decoration:underline;
			}
			
			.tabs dt:hover 
			{
				text-decoration:underline;
				color:#fff;
				height:30px;
								
			}
			
			.tabs dt.selected 
			{
				text-decoration:none;
				background:url(images/li.jpg) left center no-repeat;
				height:30px;
				font-weight:bold;
				color:#e9eef4;
				z-index:3;
				cursor:text;
			}
			
			.tabs dd 
			{
				
				
				display:none;
				float:right;
				width:100%;
				margin:2em 0 0 -525px;
				position:relative;
				z-index:2;
			}
			
			.tabs dd.selected 
			{
			
				display:block;
			}
			
			
/*end of tabs*/