* {
padding : 0;
margin : 0;
border : 0;
}
html {
	font-size: 75%;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-style: normal;
	margin-bottom: 0;
	padding-bottom: 0;
	clear: both;
}
body {
	font: normal 1em/1.3 Verdana; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*font-stretch: narrower;*/
	color:#384138;
	background-color:#cfc6df; 
   background-image: url(../images/bgmain1.jpg);
   background-position: top center;
   background-repeat: repeat-x; 
	margin: 0;
	padding: 0;
}
#container {
	position: relative;
	width: 1000px;
	margin:0 auto;
	padding: 0px;
	clear: both;
}
/* --------------------------------> Header <------------------------------- */
#header {
	position: relative;
	width: 1000px;
	padding: 0px;
	margin-left: 25px;
	z-index: 1;
}
#logo {
	position: relative;
	background-image: url(../images/logo.gif);
	width: 432px;
	height: 129px;
	float: left;
	padding: 0px;
	margin-top: 60px;
	margin-left: 20px;
}
#me {
	position: relative;
	background-image: url(../images/me.png);
	width: 286px;
	height: 271px;
	float: right;
	padding: 0px;
	margin-right: -6px;
	z-index: 1;
}
#info {
	position: absolute;
	width: 270px;
	right: 136px; 
	top: 72px;
	/*height: 268px;
	background-image: url(../images/info3.png);
	background-repeat: no-repeat;*/
	/*top: 40px;
	right: 144px;*/
	/*float: right;
	margin-right: -130px;
	margin-top: 80px;
	margin-bottom: -30px;*/
	padding: 0px;
	z-index: 0;
}
.infoTop {
	
	width: 270px;
	height: 32px;
	background-image: url(../images/infoTop.png);
	background-repeat: no-repeat;
}
.infoMid {

	width: 270px;
	background-image: url(../images/infoMid.png);
	background-repeat: repeat-y;
}
.infoBot {
	
	width: 270px;
	height: 117px;
	background-image: url(../images/infoBottom.png);
	background-repeat: no-repeat;
	padding-top: 10px;
}
#notes {
	position: absolute;
	width: 128px;
	height: 128px;
	background-image: url(../images/notes1.png);
	background-repeat: no-repeat;
	top: 30px;
	right: 332px;
	margin: 0px;
	padding: 0px;
	z-index: 0;	
}
#info p {
	font-size: 96%;
	padding: 16px 94px 0px 52px;
	margin-top: -10px;
	line-height: 19px;
}
#info .signature {
	
	padding: 20px 36px 0 98px;
	margin-top:-12px; 
	line-height:17px;
}
#nav {
	position: relative;
	width: 446px;
	height: 116px;
	float: left;
	background: none;
	margin-top: 30px;
	margin-left: 12px;
	padding:0px;		
}
#navOpen {
	position: relative;
	float: left;
	width: 144px;
	height: 97px;
	padding: 0px;
	margin-top: 10px;
}
.navElement {
	position: relative;
	width: 144px;
	height: 116px;
	float: right;
	padding: 0px;
	margin: 0px;
}
.navElement1 {
	position: relative;
	width: 148px;
	height: 116px;
	float: left;
	padding: 0px;
	margin: 0px;
}
.navElement3 {
	position: relative;
	width: 148px;
	height: 97px;
	float: right;
	padding: 0px;
	margin-top: 10px;
}
.navElement2 {
	position: relative;
	width: 148px;
	height: 116px;
	float: right;
	padding: 0px;
	margin: 0px;
}
.navElement4 {
	position: relative;
	width: 148px;
	height: 116px;
	float: right;
	padding: 0px;
	margin: 0px;
}


/* --------------------------------> Content <------------------------------- */
#content {
	position: relative;
	width:1000px;
	margin: 0px;	
	padding: 0px;
}
#page {
	position: relative;
	width: 980px;	
	margin-top: -10px;
	padding: 0px;
}
 .pageTop{
	position: absolute;
	width: 980px;
	height: 80px;
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
	background-position: top;
	padding: 0px;
	margin-top: -60px;
	z-index: 0
}
.pageMid {
	position: relative;
	width: 980px;
	background-image: url(../images/mid.png);
	background-repeat: repeat-y;
	background-position: center;
	padding-bottom: 10px;
	margin: 0px;
}
.pageBot {	
	width: 980px;
	background-image: url(../images/low.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 40px;		
}
.text {
	width: 833px;
	margin-left: 80px;
	padding: 0px;	
}
.photos {
	width: 650px;
	/*margin-left: 70px;*/
	float: right;
	padding-top: 0px;	
}
#swirl {
	position: absolute;
	width: 168px;
	height: 170px;
	background-image: url(../images/swirl.png);
	background-repeat: no-repeat; 
	margin-left: -141px; 
	margin-top: -86px;
	padding: 0px;
}
#film {
	position: absolute; 
	width: 234px; 
	height: 530px;
	float: left; 
	margin-top:-232px; 
	margin-left: -98px;
	padding: 0px;
	background-image: url(../images/film.png);
	background-repeat: no-repeat;
}
.thumb {
	position: relative;
	float: left;
	width: 112px;
	height: 106px;
	background-image: url(../images/thumbPreviewBg.png);
	background-repeat: no-repeat;
	padding-right: 5px;
}
.thumb img {
	width: 76px;
	height: 76px;
	padding: 0px;
	margin-left: 18px;
	margin-top: 13px;
}
.gallery {
	width: 820px;
	margin-left: 82px;
}
.photoGallery {
	width: 650px;
	/*margin-left: 64px;*/
	float: right;
}
.babochka {
	position: absolute;
	width: 56px;
	height: 67px;
	background-image: url(../images/babochka.png);
	background-repeat: no-repeat;
	padding: 0px;
	margin-left: 860px;
	margin-top: 15px;
	z-index: 1;
}
.detailsTitle {
	background-image: url(../images/projectDetailsBg2.png);
	background-repeat: no-repeat;
	width: 177px;
	height: 40px;
	font-weight: bold;
	color: White;
	padding: 8px 56px 14px 10px;
	margin-top:4px;
}
.marLeft {
	margin-left: 7px;
}


/* --------------------------------> Slide <------------------------------- */

a:active {
	outline: none;
}
a:focus {
	outline: none;
}
#panel {
	background: none;
	width: 820px;
	height: 150px;
	display: none;	
}
.slide {
	margin-left: -6px;
	padding: 0;
	width: 850px;
	/*border-top: solid 1px #422410;*/
	background: /* url(../images/btn-slide.gif);*/ none;
	background-position: top center;
	background-repeat: no-repeat;
	
}

.btn-slide {
	background: url(../images/seeAll.png);
	background-position: top center;
	background-repeat: no-repeat;	
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 10px 0;
	margin: 0 auto;
	display: block;
	color: #384138;
	text-decoration: none;
}
.active {
	background-image: url(../images/close.png);
	background-position: top center;
	background-repeat: no-repeat;	
	padding: 10px 10px 4px 0;
	margin: 0 auto;
}

/*---------------------------------> Contact <--------------------------------*/

	#contact {
	width: 980px;
	height: 400px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#form {
	width: 820px;
   padding-left: 90px;
	padding-top: 10px;
	margin: 0px;
}
#form ul {
	list-style: none;
	position: absolute;
	top: 58px;
	
}
#form ul, li {
	margin: 0px;
	padding: 0px;
}
	
.commentForm input[type="text"], .commentForm textarea
{
    /*width: 300px;*/
    
    position: absolute;
    background-repeat: no-repeat;
    border-width:0px;
    font-weight:bold;
    font-family:Verdana, Arial;
    font-size: 90%;
	
}
input[type=text] { 
	 padding: 10px 10px 0 20px; 
	 margin-bottom: 5px;
}
label { 
	 display:block; 
	 margin: 2px 0 0 10px;
}

.nameField , .emailField , .websiteField
{
  
    height:42px;
    width: 18.5em;
	 background-color: #f8f1ee;
	 background-image: url(../images/formBg.png);
	 background-repeat: no-repeat;
	 color: #384138;
	  font-family:Verdana, Arial;
	 
}
/*
{  height: 22px;
    width: 15em;
	 padding: 0.2em;
	 color: #ffffff;
	 text-shadow: 1px 1px 1px #000;
	 border: solid thick #ffffff;
	
	 -webkit-border-radius: .7em;
	 -moz-border-radius: .7em;
	 border-radius: .7em;
	 -webkit-box-shadow: 2px 2px 3px #999;
	 box-shadow: 2px 2px 2px #bbb;
	 background-color: #5d7645;
}*/


.commentField, .limited
{
  	 position: absolute;
	 top: 71px;
	 left: 386px;
    height:190px;
	 width: 31em;
	 background-color: #f8f1ee;
    background-image: url(../images/commentBg.png);
	 background-repeat: repeat-y;
	 background-position: bottom;
	 color: #384138;
	 padding-top: 20px;
	 padding-left: 20px;
	 margin: 0px;
}
#commentText {
	width: 31em;
	height: 190px;
	padding: 16px 20px 0 20px;
	margin: 0 auto;
	color: #384138;	
}

.forComment {
	 position: absolute;
	 top: 58px;
	 left: 390px;
	 z-index: 2;
}
#charactersLeft {
	
	position: absolute;
	top:278px;
	left: 400px;
	
}
.sendButton
{
   /* 
    border:solid 2px #000000;
    background-color:#7c6852;
    color:#e1cdae;*/
	 position:absolute;
    top:302px;
    right:/*362*/180px;
	 width: 10em;
	 padding: 0.3em;
	 color: #ffffff;
	 text-shadow: 1px 1px 1px #000;
	 border: none;
	 -webkit-border-radius: .7em;
	 -moz-border-radius: .7em;
	 border-radius: .7em;
	 -webkit-box-shadow: 2px 2px 3px #999;
	 box-shadow: 2px 2px 2px #bbb;
	 background-color: #5d7645;
	 /*background-image: -webkit-gradient(linear,left top, left bottom, from(#e9ede8), to(#ce401c), color-stop(0.4,#8c1bob));*/
}
#SendStatus {
	position: absolute;
	top: 360px;
	left: 100px;
	color: #932e2d;
	font-weight: bold;	
}
.asterisk{
	color: #932e2d;
}
.validatorName{
	position: absolute;
	top: 2px;
	left: 97px;
	color: #932e2d;
	margin: 0px;
	padding: 0px;
}
.validatorEmail {
	position: absolute;
	top: 79px;
	left: 118px;
	color: #932e2d;
	margin: 0px;
	padding: 0px;
}
.validatorComment {
	position: absolute;
	top: 60px;
	left:480px;	 
	z-index: 2;
	color: #932e2d;	
}
#post1 {
	position: absolute; 
	width: 140px;
	height: 143px;
	top: -40px; 
	right: 14px;
	background-image: url(../images/peter1.png);
	background-repeat: no-repeat;
}
#post2 {
	position: absolute; 
	top: 20px; 
	right: 70px;
	background-image: url(../images/stamp.png);
	background-repeat: no-repeat;
	width: 110px;
	height: 108px;
}	
#post3 {
	position: absolute; 
	top: -40px; 
	right: 14px;
	background-image: url(../images/postal.png);
	background-repeat: no-repeat;
	width: 169px;
	height: 164px;
}
/* --------------------------------> Side Bar <------------------------------- */
#side {
	position: relative;
	width: 240px;
	float:left;
	overflow:hidden;
	padding: 0px;
	margin:4px 0px 0px 60px;
	font-size: 92%;
}
#side a {
	color: White;
	text-decoration: none;
}
#side a:hover {
	color: #ece4dc;
}
.albumTitle {
	background-image: url(../images/titleBg.png);
	background-repeat: no-repeat;
	width: 177px;
	height: 40px;
	font-weight: bold;
	color: White;
	padding: 8px 56px 14px 10px;
	margin-top:4px;
}
.albumTitleActive {
	background-image: url(../images/projectDetailsBg2.png);
	background-repeat: no-repeat;
	width: 177px;
	height: 40px;
	font-weight: bold;
	color: White;
	padding: 8px 56px 14px 10px;
	margin-top:4px;
}

/* --------------------------------> Footer <------------------------------- */

#footer {
	position: relative;
	width: 1000px;
	background-image: url(../images/below1.png);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: -50px;
	margin-left: -50px;
	min-height: 88px;
}
#footerContent {
	position:relative;
	top:76px;
	width: 833px;
	margin-left: 136px;
	padding: 0px;
	color: #523880;
	font-size: 0.9em;
}
.topParagraph {
	margin-bottom: 20px;
}
.topUp {
	margin-top: -10px;
	padding-bottom: 10px;
}
#footerSidebar {
	position: relative;
	width: 400px;
	float:left;
	overflow:hidden;
	padding: 0px;
	margin:4px 0px 0px -30px;
	/*font-size: 92%;*/
}
#footerNews {
	width: 390px;
	float: right;
	margin-right: -10px;
}
.expertise, .featured {
	padding-bottom: 20px;	
	margin-top: -10px;
	font-size: 1.2em;
}
.expertise li {
	list-style: none;
	padding-bottom: 10px;
	padding-top: 2px;
}

#copyright {
	padding-top: 40px;
	font-size: 1em;	
	float: right;
	margin-right: -20px;
}


/* --------------------------------> General<------------------------------- */
p{
	padding-bottom: 20px;
	line-height: 1.4em;
	font-size: 1.2em;
}
.clear {
	clear: both;
}
h1 {
	color: #c31cbd;
	font-size: 1.8em;
	font-weight: normal;
}
a:link {
	color: #523880;
	text-decoration: none;
}
a:hover {
	color: #932e2d;
}
a:active {
	color: #932e2d;
}
:focus {

	outline: 0;
}


/*---------------------------------> Zveta <---------------------------------*/
/*
384138 - temno-zelenii shrift
cfc6df - svetlo-fioletovii fon
523880 - fioletovii dlya teksta v footere
518420 -zelenii v zagolovkax
932e2d - krasniy v cvirle
*/