body 
{
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808080;
	background: url(./img/fon.gif) #000000 center top;
}


table
{
	padding: 0px;
}


td
{
	font-family: tahoma;
	font-size: 11px;
	color: #808080;
}

img
{
	border: 0px;
}

a		{ text-decoration: underline; color: #ffffff}
a:link, a:visited	{ color: #ffffff}
a:hover, a:active	{ color: #ffffff; text-decoration: none}

h2{
	color:#fff;
	font-size:14px;
	font-weight:400;
	margin-bottom:4px;
	padding-top:14px;
}


ol{
	margin: 10px 0;
	padding:0 20px;
}
ol li{
	padding:4px 0;
}

.clear
{
	clear: both
}

#fon-top
{
	background: url(./img/fon-top.gif) repeat-x center top;
}

#osnova
{
	background: url(./img/logo-fon.jpg) #000000 no-repeat center top;
	width: 403px
}

#top-icons
{
	text-align: right;
	padding: 8px 0 259px 0
}

#ico-home
{
	float: right;
}

#ico-home a:link, #ico-home a:visited
{
	width: 50px;
	height: 15px;
	display: block;
	background: url(./img/ico-home.gif) no-repeat;
}

#ico-home a:active, #ico-home a:hover
{
	background: url(./img/ico-home-sel.gif) no-repeat;
}

#ico-portfolio
{
	float: right;
}

#ico-portfolio a:link, #ico-portfolio a:visited
{
	width: 50px;
	height: 15px;
	display: block;
	background: url(./img/ico-portfolio.gif) no-repeat;
}

#ico-portfolio a:active, #ico-portfolio a:hover
{
	background: url(./img/ico-portfolio-sel.gif) no-repeat;
}

#ico-contacts
{
	float: right;
}

#ico-contacts a:link, #ico-contacts a:visited
{
	width: 48px;
	height: 15px;
	display: block;
	background: url(./img/ico-contacts.gif) no-repeat;
}

#ico-contacts a:active, #ico-contacts a:hover
{
	background: url(./img/ico-contacts-sel.gif) no-repeat;
}

#logo
{
	width: 242px;
	height: 109px;
	float: left;
	color: #ffffff
}

#logo a
{
	color: #ffffff;
	font-size: 16px
}

#logo img
{
	width: 242px;
	height: 69px;
}

#topmenu
{
	float: right;
	padding: 16px 10px 10px 20px
}

#topmenu a:link, #topmenu a:visited
{
	display: block;
	background: url(./img/tm-str.gif) no-repeat;
	padding: 3px 0 3px 14px
}

#topmenu a:active, #topmenu a:hover
{
	background: url(./img/tm-str-sel.gif) no-repeat;
}

#topmenu a span
{
	display: block;
	color: #ffffff
}

#topmenu a span img
{
	height: 8px;
	width: 110px
}

#topmenu a span.tm-home
{
	background: url(./img/tm-home.gif) no-repeat;
}

#topmenu a:active span.tm-home, #topmenu a:hover span.tm-home
{
	background: url(./img/tm-home-sel.gif) no-repeat;
}

#topmenu a span.tm-portfolio
{
	background: url(./img/tm-portfolio.gif) no-repeat;
}

#topmenu a:active span.tm-portfolio, #topmenu a:hover span.tm-portfolio
{
	background: url(./img/tm-portfolio-sel.gif) no-repeat;
}

#topmenu a span.tm-contacts
{
	background: url(./img/tm-contacts.gif) no-repeat;
}

#topmenu a:active span.tm-contacts, #topmenu a:hover span.tm-contacts
{
	background: url(./img/tm-contacts-sel.gif) no-repeat;
}

#shad
{
	width: 463px;
	background: url(./img/shad.png) repeat-y;
}

#text-block
{
	padding: 6px 10px 6px 10px;
	text-align: left
}

#text-block h1
{
	font-size: 15px;
	color: #ffffff;
	padding: 8px 0 4px 0;
	margin: 0 0 10px 0;
	background: url(./img/h1.gif) no-repeat left bottom;
	font-weight: normal
}

#text-block p
{
	text-align: justify;
	padding: 0 0 10px 0;
	margin: 0px
}

.block
{
	border-bottom: 1px dotted #333333;
	padding: 0 0 4px 0
}

#footer
{
	border-top: 4px solid #363636;
	margin: 0 5px 0 5px;
	background: url(./img/logo-sm.gif) no-repeat;
	text-align: right;
	color: #808080;
	padding: 10px 4px 10px 4px;
	font-size: 10px;
	line-height: 1.1em
}

#footer-lnk
{
	text-align: right;
	padding: 0 0 8px 0
}

#footer-lnk a:link, #footer-lnk a:visited
{
	padding: 0 5px 0 5px;
	color: #A8A8A8
}

#footer-lnk a:active, #footer-lnk a:hover
{
	color: #ededed
}

.more
{
	text-align: right;
	padding: 0 0 6px 0
}

.more a:link, .more a:visited
{
	color: #ffffff;
	background: url(./img/ico-more.gif) no-repeat;
}

.more a:active, .more a:hover
{
	background: url(./img/ico-more-sel.gif) no-repeat;
}

.more img
{
	width: 68px;
	height: 11px
}

.prev
{
	padding: 0 0 10px 0
}

.prev a img
{
	border: 1px solid #333333;
	width: 380px;
	height: 220px
}

.prev a
{
	width: 380px;
	height: 220px;
	display: block
}

.date
{
	color: #E2D9AB;
	font-size: 10px;
	font-family: tahoma
}

.name
{
	padding: 0 0 10px 0
}

.name a:link, .name a:visited
{
	color: #ffffff;
	text-decoration: none;
}

.name a:active, .name a:hover
{
	text-decoration: underline;
	color: #ffffff
}

#portfoliomenu
{

}

#portfoliomenu a:link, #portfoliomenu a:visited
{
	color: #ffffff;
	text-decoration: none;
	background: url(./img/sub-str.gif) no-repeat left center;
	padding: 2px 0 2px 16px;
	text-transform: uppercase;
	margin: 0 0 0 10px;
	font-size: 10px
}

#portfoliomenu a:active, #portfoliomenu a:hover
{
	text-decoration: underline;
	color: #ffffff
}

.cont-form
{
	width: 300px;
	border: 1px solid #444444;
	background: #222222;
	padding: 10px
}

.cont-form input
{
	color: #ffffff;
	background: #444444;
	border: 1px solid #aeaeae;
	float: right;
	width: 196px;
	margin: 2px;
}

.cont-form select, option
{
	color: #ffffff;
	background: #444444;
	border: 1px solid #aeaeae;
	float: right;
	width: 196px;
	margin: 2px;
}

.cont-form textarea
{
	color: #ffffff;
	background: #444444;
	border: 1px solid #aeaeae;
	width: 296px;
	margin: 2px;
}

.tx
{
	float: left;
	width: 96px;
	text-align: left;
	color: #ffffff;
	margin: 2px;
}

.tx2
{
	text-align: left;
	color: #ffffff;
	margin: 2px;
}

.cont-form input.butn
{
	background: #ff1111;
	border: 1px solid #ffffff;
	color: #ffffff;
	font-weight: bold;
	width: 120px
}

.link-but
{
	padding: 8px 50px 8px 50px
}

.link-but a:link, .link-but a:visited
{
	color: #ffffff;
	text-decoration: none;
	background: #aa1111;
	padding: 2px 10px 2px 10px;
	text-transform: uppercase;
	font-size: 11px;
	display: block;
	text-align: center;
	border: 1px solid #ffffff;
	margin: 3px 0 0 0
}

.link-but a:active, .link-but a:hover
{
	text-decoration: none;
	color: #ffffff;
	background: #660000;
}

.form-tbl
{

}

.form-tbl table
{
	background: #333333;
}

.form-tbl td
{
	padding: 4px;
	background: #000000;
}