/* ============== Overall ============== */



* {

	margin: 0;

	padding: 0;

}



body {

	background-color: #F5F4F2;

	font-family: Tahoma, Trebuchet MS, sans-serif;

	font-size: 12px;

	color: #666666;

}
a {
	text-decoration: none;
	border-width: 0;
	color: #367e95;
}
a:hover {
	text-decoration: underline;
}


h1, h2, h3 {

	color: #5e891d;

}



h1, h2 {

	margin-bottom: 20px;

	font-weight: normal;

}



h1 {

	font-size: 197%;

}



.showMsg {

	font-weight: bold;

	color: #FF0000;	

	display: block;

	text-align: center;

}



h2 {

	font-size: 152%;

}



h3 {

	font-size: 100%;

}



p, ul, ol {

	margin-bottom: 20px;
margin-left: 120px;
line-height: 1.8em;

}



p, h1, h2, h3 {

	margin: 10px 15px;

}



ul, ol {

	margin-left: 3em;

}



pre { display:block; padding-left:50px; padding-right:40px; 

font-style: none;}


hr { height:0px; margin:10px 0; border:none; border-bottom:1px dashed #e1e0dc;}

blockquote {
display: block;
padding: 0 160px;
width: 350px;

}
blockquote:before, blockquote:after {
color: #72adaf;
display: block;
font-size: 700%;
width: 50px;
}
blockquote:before {
content: open-quote;
height: 0;
margin-left: -0.55em;
}

blockquote:after {
content: close-quote;
height: 50px;
margin-top: -70px;
margin-left: 360px;
}



#conteiner {

	width: 927px;

	margin: 0 auto;

	background: #E5E4DF url(/img/body_bg.jpg) top left repeat-y;	

}



#header a.knopa {

  display:block;

  left:432px;

  top:3px;

  float:left;

	position:relative;

  width: 74px;

	height:100px;	



}










#header .w1 {

	width: 927px;

	height: 327px;

  background: #E5E4DF url(/img/header.jpg) top left no-repeat;	



}








#content

{

position:relative;

top:-40px;

left:12px;

  width: 100%;

	margin:0;

	padding:0;



}





#main

{

clear:both;

  width: 80%;

  text-align:justify;

  margin: 0 auto;

}





#menu

{

	text-align: left;
	width:121px;
	height:139px;
padding:55px 0px 50px 0px;
	margin-left: auto;
	margin-right: 115px;
}

#menu a {
	text-decoration:none;
	display:block;
	color:#36899b;
	font-family: Tahoma;
	font-weight: normal;
	font-size:9pt;
	text-transform: uppercase;
}
#menu a:hover {
	color:white;
}
#menu a:active {
	color:white;
}
#menu a.top {
	padding:8px 0px 0px 8px;
	width:113px;
	height:20px;
	background-image: url(/img/top.png);
}
#menu a.top:hover {
	background-image: url(/img/top_hover.png);
}
#menu a.bottom {
	padding:5px 0px 0px 8px;
	width:113px;
	height:26px;
	background-image: url(/img/bottom.png);
}
#menu a.bottom:hover {
	background-image: url(/img/bottom_hover.png);
}
#menu a.bottom:active {
	background-image: url(/img/bottom_active.png);
}
#menu a.main {
	padding:2px 0px 0px 8px;
	width:113px;
	height:18px;
	background-image: url(/img/main.png);
}
#menu a.main:hover {
	background-image: url(/img/hover.png);
}
#menu a.main:active {
	background-image: url(/img/active.png);
}
#footer

{

	width: 927px;

	margin: 0 auto;

	height: 292px;

	background: #E5E4DF url(/img/footer.jpg) bottom left no-repeat;

}







/* Portfolio Content */

body#work #content{padding-top: 35px;}

body#work h1, body#work h2{text-align: left; font-weight: normal; color: #6c5b3c;}

body#work h1{float: left;}

body#work h2{font-size: 20px; line-height: 22px; margin-bottom: 8px; color: #7a6238;}

body#work h1{font-size: 21px; margin-bottom: 20px; color: #7a6238;}

body#work #content p{color: #7a6238; font-size: 13px; padding-bottom: 16px;}

.item{

position: relative; 

background: #dcdbd8; 

overflow: hidden; 

margin-bottom: 35px; 

margin-top: 10px; 

width: 716px; 

padding:12px;

border: 9px solid #e6e6e6;

}

.item img{

float: right; 

border: 5px solid #cccecf; 

padding-left: 0; 

margin-left: 0; 

width: 480px; 



background: url(/img/loading2.gif) 235px 140px no-repeat; 

margin-right: 3px;

}

.info{

position: relative; 

float: left; 

width: 220px; 

text-align: left; 

height: 250px; 

line-height: 1.4em;

}

.info p{

padding-left: 0; 

margin-left: 0; 

line-height: 1.2em;

}



.lower p{

padding-left: 0; 

margin-left: 0; 

line-height: 1.2em;

}



.lower h3{

padding-left: 0; 

margin-left: 0; 

font-size: 13px; 

color: #38717a; 

font-weight: bold; 

padding-bottom: 0; 

margin-bottom: 0; 

line-height: 1.6em;

}

.lower{

position: absolute; 

bottom: 12px; 

left: 12px; 

width: 200px; 

text-align: left; 

line-height: 1.2em;

}

a.box{

position: relative; 

color: #355d64; 

display: block; 

height: 20px; 

width: 205px; 

border-top: 1px solid #adc2c8;  

padding: 8px; 

text-align: left; 

background: url(/img/a-box-bg.gif) repeat-y; 

text-decoration: none;

}

a.box img{

position: absolute; 

border: none; 

width: 10px; 

height: 10px; 

margin: 0; 

padding: 0; 

top: 10px; 

right: 12px;

}

a.box:hover{

background: #a2a2a2; 

color: #eef1f2; 

cursor: pointer;

}