/*bc-recon.ru*/
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#eddbcb;
font-size:14px;
text-align:center;
padding:0;
margin:0;
background-color:#f6f6f6;
background-image:url(bg_body.gif);
background-repeat:repeat;
}
#wrapper{
width:994px;
margin-right:auto;
margin-left:auto;
text-align:left; 
background-color:#342313;
border:1px solid #1f1000;
}
#wrapper_2{
width:994px;
margin-right:auto;
margin-left:auto;
text-align:left; 
background-color:#342313;
border:1px solid #1f1000;
background-image:url(bg_wrapper.gif);
background-repeat:repeat-y;
}
#top_banner {
width:994px;
height:143px;
background-color:#1e0000;
background-image:url(bg_top_banner.png);
background-repeat:no-repeat;
}
#banner{
width:994px;
height:248px;
margin-right:auto;
margin-left:auto;
background-color:#333;
background-image:url(banner.jpg);
background-repeat:no-repeat;
}
#horisontal{
width:994px;
height:52px;
padding:0;
margin:0;
border-top:#332618 1px solid;
border-bottom:#332618 1px solid;
background-color:#1f1000;  
}
#horisontal #navlist {
text-align:right;
padding:0;
margin:0;
}
#horisontal #navlist ul {
padding:0;
margin:0; 
}
#horisontal #navlist li {
float:right;
list-style:none;
}
#horisontal #navlist li a {
display:block;
height:34px;
font-family:Arial, Helvetica, sans-serif;
color:#eddbcb;
font-size:10px;
font-weight:bold;
text-align:center;
text-transform:uppercase;
padding:9px 8px 8px 8px;
margin:0;
border-left:#332618 1px solid;  
text-decoration:none;
background:transparent;
width:124px;
}
#horisontal #navlist li a.active{
color:#ff7500;
}
#horisontal #navlist ul li a:hover {
color:#281c19;
background-color:#ff7500;
}
#horisontal #navlist  li #right {
border-right:#332618 1px solid;  
}
#leftcol {
width:160px;
w\idth:158px;
w\idth:160px;
font-size:90%;
font-weight:bold;
float:left;
}
#leftcol .top {
width:142px;
w\idth:140px;
w\idth:142px;
font-size:12px;
color:#eddbcb;
font-weight:bold;
text-align:center;
border:#666666 1px solid;
margin:20px 0px 0px 16px;
padding:4px 8px;
background-color:#533114;
}
#leftcol .nav{
margin:0px 0px 20px 16px;
}
#leftcol .nav ul {
padding:0;
margin:0;
background-color:transparent;
list-style-type:none;
}
#leftcol .nav ul li {
padding:0;
margin:0;
}
#leftcol .nav ul li a {
width:142px;
\width:140px;
w\idth:142px;
display:block;
color:#342313;
text-align:center; 
padding:4px 8px;
border-right:#666666 1px solid;
border-bottom:1px solid #666666;
border-left:#666666 1px solid;
background-color:#9e7b5e;
text-decoration:none;
}
#leftcol .nav ul li a:hover {
color:#eddbcb;
background-color:#6a482b;
}
#leftcol .nav ul li a.active {
color:#fff0d0;
background-color:#c09070; 
}
.leftcol{
font-size:70%;
color:#a5ffff;
text-align:center;
padding:0;
margin:0;
}
#content {
margin:0;
}
#content_2 {
margin-left:206px;
}
html p{
font-size:12px;
margin:20px;
}
span{
font-size:12px;
margin:20px;
}
ul{
font-size:12px;
margin:20px 20px 20px 35px;
list-style-type:square;
}
strong {
color:#ffa300;
}
.box{
margin-left:14px;
padding:20px;
background-color:#f23812;
border:1px solid #1f1000;
}
.box_2{
margin-left:14px;
padding:20px;
background-color:#8b9211;
border:1px solid #1f1000;
}
.box_3{
margin-left:14px;
padding:20px;
background-color:#ff6e01;
border:1px solid #1f1000;
}
.col_1 {
width:331px;
height:260px;
float:left;
font-size:14px;
margin:2px 0 10px 0;
background-color:#f23812;
}
.col_2 {
width:331px;
height:260px;
float:left;
font-size:14px;
margin:2px 0 10px 0;
background-color:#ff6e01;
} 
.col_3 {
width:332px;
height:260px;
float:left;
font-size:14px;
margin:2px 0 10px 0;
background-color:#8b9211;
}
.col_4 {
width:331px;
height:330px;
float:left;
font-size:14px;
margin:10px 0;
}   
#content h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#a07e61;
font-weight:100;
letter-spacing:-1px;
/*text-transform:uppercase;*/
padding:0;
margin:20px;
border-bottom:#a07e61 1px dotted;
}
#content h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
/*color:#b43427;*/
text-transform:uppercase;
padding:0;
margin:20px;
/*border-bottom:#333 1px dotted;*/
}
#content_2 h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#a07e61;
font-weight:100;
letter-spacing:-1px;
/*text-transform:uppercase;*/
padding:0;
margin:20px;
border-bottom:#a07e61 1px dotted;
}
#content_2 h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
/*color:#b43427;*/
text-transform:uppercase;
padding:0;
margin:20px;
/*border-bottom:#333 1px dotted;*/
}
#content h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#5c6079; 
padding:0;
margin:20px;
border-bottom:#333 1px dotted;
}
#siteInfo{
font-size:11px;
color:#eddbcb;
text-align:center;
margin-bottom:25px;
}
#footer{
width:994px;
height:60px;
clear:both;
margin:0;
border-top:1px solid #332618;
/*background-image:url(bg_footer.gif);
background-repeat:repeat-x;*/
background-color:#1f1000;
}
#footer p{
font-size:11px;
color:#eddbcb; 
text-align:center;
/*vertical-align:middle;*/
padding:22px 0 0 0;
margin:0;
}
#footer a{
color:#ffa300;
text-decoration:underline;
}
#footer a:hover {
color:#fc9;
text-decoration:none;
}
hr {
color:#a07e61;
text-align:right;
height:3px;
padding:0;
margin:20px;
}
.centerimg{
padding:2px;
border:#999 1px solid;
background-color:#fff;
}
.leftimage{
float: left;
margin-right:10px;
padding:2px;
border:#1f1000 1px solid;
background-color:#a07e61;
}
.rightimage{
float: right;
margin-left:10px;
padding:2px;
border:#1f1000 1px solid;
background-color:#a07e61;
}
.contactimage{
float: left;
margin-right:10px;
padding:0;
background-color:#f6f6f6;
}
.image{
margin:0;
padding:2px;
border:#1f1000 1px solid;
background-color:#a07e61;
}
#content a:link {
color:#fc9;
text-decoration:underline;
}
#content a:visited {
color:#fc9;
text-decoration:underline;
}
#content a:hover {
color:#ffa300;
text-decoration:underline;
}
#content a:active {
color:#ffa300; 
text-decoration:underline;
}
#content a.active:link{
color:#f23812;
}
#content a.active:visited{
color:#f23812;
}
#content a.active:hover {
color:#8b9211;
text-decoration:underline;
}
#content a.active:active {
color:#8b9211; 
text-decoration:underline;
}
#content_2 a:link {
color:#fc9;
text-decoration:underline;
}
#content_2 a:visited {
color:#fc9;
text-decoration:underline;
}
#content_2 a:hover {
color:#ffa300;
text-decoration:underline;
}
#content_2 a:active {
color:#ffa300; 
text-decoration:underline;
}
#content_2 a.active:link{
color:#f23812;
}
#content_2 a.active:visited{
color:#f23812;
}
#content_2 a.active:hover {
color:#8b9211;
text-decoration:underline;
}
#content_2 a.active:active {
color:#8b9211; 
text-decoration:underline;
}
#photo{
float:left;
display:block;
/*display:inline;*/
margin:0;
padding:0 0 0 20px;
}
/*form for mail*/
#content_2 form {
width:700px;
margin:10px 20px 20px 20px;
} 
#content_2 fieldset {
margin:0 0 0 25px;
padding:5px 5px 20px 0;
border-style:none;
}
#content_2 fieldset fieldset {
width:195px; 
padding:0;
border-style:none;
}
#content_2 label {
display:block;
color:#eddbcb;
font-size:12px;
padding-top:5px;
}
.labelfloat {
float:right; 
padding-top:20px
}
#content_2 input {
width:150px;
display:block; 
font-size:12px; 
color:#342313;
margin:0;
padding:2px;
border:#dcdfe9 1px solid;
background-color:#9e7b5e;
}
#content_2 textarea {
width:400px;
height:190px;
font-size:12px;
color:#342313; 
border:#dcdfe9 1px solid; 
margin:0 40px 0 0; 
padding:2px;
background-color:#9e7b5e;
}
#content_2 input.button {
width:auto;
display:inline;
color:#342313;
font-size:12px; 
margin:20px 0 0 0;
padding:2px;
border:#dcdfe9 2px solid; 
background-color:#9e7b5e;
}
#content_2 textarea:unknown {
color:#342313; 
background-color:#9e7b5e;
}
#content_2 input:unknown {
color:#342313; 
background-color:#9e7b5e;
}
.tab {
font-size:11px;
margin:20px;
border:2px solid #eddbcb;
background-color:#533114;
}
.top_tab {
background-color:#342313;
}
.portfolio{
float:left;
display:inline;
width:300px;
height:225px;
margin:10px;
padding:2px;
border:#1f1000 1px solid;
background-color:#a07e61;
}
.portfolio_2{
float:left;
display:inline;
width:302px;
height:227px;
margin:10px;
padding:2px;
}
.portfolio_3{
float:left;
display:inline;
width:300px;
height:208px;
margin:10px;
padding:2px;
border:#1f1000 1px solid;
background-color:#a07e61;
}
.portfolio_3_0{
float:left;
display:inline;
width:302px;
height:227px;
margin:10px;
padding:2px;
}
.portfolio_4{
float:left;
display:inline;
width:300px;
height:363px;
margin:10px;
padding:2px;
border:#1f1000 1px solid;
background-color:#a07e61;
}
.clearboth { 
clear: both; 
}