/* balkon-spb.ru */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #666666; 
font-size:100%;
text-align:center;
padding:0;
margin:0;
background-color:#f1f8fe;
background-image:url(podlozka.jpg);
background-repeat:repeat-x;
}
#wrapper{
width:1000px;
text-align:left; 
background-color:#fff;
padding:0;
margin-right:auto;
margin-left:auto;
border:none;
}
#top_banner {
	width:998px;
	height:16px;
	position:relative;
	background-color:#fff;
}
#top_banner #logo {
	width:746px;
	height:15px;
	left:132px;
	top:0px;
	background-color:#fff;
	position:absolute;
}
#logo p {
	color:#666;
	font-size:70%;
	font-weight:bold;
	letter-spacing:10px;
	text-align:center;
	padding:1px 0 0 0;
	margin:0;
}
#header {
	height:153px;
	background-color:#fff;
	background-image:url(logo.jpg);
	position:relative;
}
#header img{
float:left;
margin-top:6px;
margin-left:4px;
}
#header h1 {
	float:left;
	width:79px;
	height:32px;
	margin-top:10px;
	margin-left:20px;
	border:none;
	background:url() no-repeat;
	position:absolute;
	left: 329px;
	top: 24px;
	
}
#header h1 span {
display:none;
}
#header h3 {
	font-family:Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size:250%;
	font-weight:bold;
	/*font-style:italic;*/
color:#7db7e5;
	margin:5px 0 0 60px;
	padding:0;
	top:164px;
	left:-18px;
	border:none;
	position: absolute;
}
.gray  {	
color:#888;
}
#header h4#slogan {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:70%;
	font-style:italic;
	text-transform:none;
	top:24px;
	left:-4px;
	padding:0;
	margin:20px;
	border:none;
	position: absolute;
	width: 257px;
	height: 67px;
}
#header_right{
float:left;
padding:0;
margin:3px 10px 0 0;
}
#header_right h5{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:110%;
	text-align:right;
	padding:5px;
	margin:2px;
}
#header ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:86%;
	font-weight:bold;
	z-index: 999999;
	margin:0;
	padding:0;
	right:22px;
	bottom:8px !important;
	bottom:5px;
	list-style:none;
	position:absolute;
	width: 870px;
}
#header li {
display:inline;
margin:0; 
padding:0;
}
#header a {
float:left;
margin:0;
padding:0 0 0 4px;
background-image:url(tableft.png);
background-repeat:no-repeat;
background-position:left top;
text-decoration:none;
}
#header a span {
float:left;
display:block;
color:#fff;
padding:6px 23px 3px 16px;
background: url(tabright.png) no-repeat right top;
}
#header img.logo {
background-image:none;
position:absolute;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {
float:none;
}
/* End IE5-Mac hack */
#header a:hover span {
color:#fff;
}
#header a:hover {
background-position:0% -42px;
}
#header a:hover span {
background-position:100% -42px;
}
#header #current a {
background-position:0% -42px;
color:#fff;
}
#header #current a span {
color:#fff;
background-position:100% -42px;
}
#leftcol {
	width:200px;
	w\idth:198px;
	w\idth:200px;
	float:left;
	text-align:right;
	background-image:url(logo-1.gif);
	background-repeat: no-repeat;
}
#leftcol .nav{
margin:0px 0px 0px 0px;
}
#leftcol .nav ul {
padding:0;
margin:0;
background-color:transparent;
list-style-type:none;
}
#leftcol .nav ul {
padding:0;
margin:9px;
background-color:transparent;
list-style-type:none;
}
#leftcol .nav ul li {
padding:0;
margin:1px;
}
#leftcol .nav ul li a {
width:170px;
\width:168px;
w\idth:170px;
display:block;
color:#000000;
text-align:left; 
padding:2px 8px;
background: url(tabright1.gif) no-repeat right top;
text-decoration:none;
}
#leftcol .nav ul li a:hover {
color:#000000;
border-left:4px solid #7db7e5;
background-color:#86a5d2;
}
#content {
margin-left:206px;
border-left:1px solid #ccc;
}
html p{
font-size:80%;
margin:20px 20px 0 20px;
}
ul{
	font-size: 80%;
	margin:0 20px 0 35px;
	list-style-type:square;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
ol{
font-size: 80%;
margin:0 20px 0 45px;
}
a { 
color:#4284b0;
background-color:inherit;
text-decoration:none;
}
a:hover {
	color:#9ec068;
	background-color:inherit;
	font-size: 100%;
}
h1 {
font-family: bold 1em 'Trebuchet MS', Arial, Sans-serif; 
font-size:100%; 
color:#7db7e5;
padding:0;
margin:20px;
border-bottom:1px solid #ccc;
}
h2 {
font-family: Verdana, Geneva, sans-serif;
	font-size:90%;
	color:#369;
	background-image: url(logo-5.gif);
	background-repeat: no-repeat;
	background-position: -10px;
	text-align: left;
	margin-top: 6px;
	margin-right: 1px;
	margin-bottom: 2px;
	margin-left: 8px;
}
h6 {
font-family: bold 1em 'Trebuchet MS', Arial, Sans-serif; 
font-size:100%; 
color:#888;
padding:0;
margin:20px;
border-bottom:1px solid #ccc; 
}
blockquote {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	font-weight:bold;
	color:#369;
	margin:20px;
	padding:20px;
	background:#fbfbfb;
	border:1px solid #f2f2f2;
	border-left:4px solid #ccc;
}
.centerimg{
margin-right:4px;
margin-left:4px;
padding:1px;
border:#ccc 1px solid;
}
.rightimage{
float:right;
margin-left:10px;
padding:1px;
border:#ccc 1px solid;
}
.leftimage{
float:left;
margin-right:10px;
padding:1px;
border:#ccc 1px solid;
}
#footer {
	clear:both;
	color:#666;
	font-size:80%;
	text-align:right;
	margin:0;
	padding:20px;
	background-image:url(logo-1.gif);
	position:relative;
	border-top:5px solid #999;
}
#footer a {
color:#fff; 
font-weight:bold;
border:none;
}
#footer img {
margin-left:4px;
border:none; 
}
#portfolio{
float:left;
display:inline;
width:155px;
height:106px;
padding:6px 2px 2px 7px;
margin:15px 0 15px 12px;
border:#d8d8d8 1px solid;
background-color:#eee;
}
#portfolio_2{
float:left;
display:inline;
width:106px;
height:155px;
padding:6px 2px 2px 7px;
margin:15px 8px 15px 20px;
border:#d8d8d8 1px solid;
background-color:#eee;
}
#portfolio a{
list-style:none;
text-decoration:underline;
}
#portfolio_2 a{
list-style:none;
text-decoration:underline;
}
.image{
font-size:60%;
color:#777;
display:block;
text-align:center;
padding:2px 0;
margin:0;
}
.clearboth { 
clear: both; 
}
ul#navigation {
list-style-type:none;
margin:0;
padding:0 195px;
}
ul#navigation li a {
display:block;
width:75px;
color:#888;
background-color:#f2f2f2;
border:1px solid #999;
padding:4px 0;
text-align:center;
text-decoration:none;
}
ul#navigation li a:hover {
color:#fff;
background-color:#ccc;
border:1px solid #999;
}
ul#navigation .center {
text-align:center; 
}
hr {
color:#ccc;
text-align:right;
height:1px;
padding:0;
margin:10px 20px;
}
div#sub_nav {
/*width:167px;*/
font-family:geneva, "Trebuchet MS", sans-serif;
text-align:justify; 
font-weight:bold;
margin:0 1px 0 18px;
}
div#sub_nav a:link {
color:#9cf;
}
div#sub_nav a:visited {
color:#6cf;
}
div#sub_nav a:hover {
color:#fff;
background-color:#9cf;
}
div#sub_nav a:active {
color:#fff; 
background-color:#9cf;
}
div#bottom_nav {
/*width:140px;*/
font-family:geneva, "Trebuchet MS", sans-serif;
text-align:justify;
font-weight:bold;
margin:0 20px;
}
div#bottom_nav a:link {
color:#9cf;
}
div#bottom_nav a:visited {
color:#6cf;
}
div#bottom_nav a:hover {
color:#fff;
background-color:#9cf;
}
div#bottom_nav a:active {
color:#fff; 
background-color:#9cf;
}