* { margin: 0; padding: 0;}
html, body { height: 100%; width: 100%; }
body { color: #313030; font: 12px Tahoma, Arial, Helvetica, sans-serif; background: #5d889e; min-width: 1000px; }
a{ text-decoration: underline; color: #4a6069; }
a:hover { text-decoration: none; }
h1{ font-size: 23px; position: relative; color: #5d889e; padding: 0px 20px 10px 20px; font-weight: normal;}
img{ border: none; }
h2{ font-size: 18px; color: #ff330b;}
h3{ font-size: 21px; color: #b10707; padding: 20px 20px 10px 0px; font-weight: normal;}

/* hack ie */
*html .all{ 
	height: 100%;
}
/* end hack */

.all{ min-height: 100%; margin: 0 auto -27px auto; width: 970px; background: #f0f4f5 url(/images/right-border.gif) no-repeat 100% 7px;}
.container{ width: 100%; border-top: 5px solid #5d889e; background: url(/images/left-border.png) no-repeat 0 96px; position: relative; z-index: 2;}
.clear{ clear: both; height: 0; overflow: hidden; }

/* start header */
.top{ background: url(/images/top.png) repeat-x 0 0; border-top: 2px solid #fff; height: 160px; margin: 0 2px 0 4px;}
.header{ background: url(/images/header-left-corner.jpg) no-repeat; height: 106px; padding: 0 25px 0 72px; margin: 0 0 0 -4px; position: relative; z-index: 3;}
 a.logo{ text-decoration: none;}
.header p {margin: -20px 0 0 120px; letter-spacing: 3px; color: #22aef7; }
.icon { float:right; padding: 5px 25px 0 0; list-style: none;}
.icon li { float:left; padding: 0 37px 0 0;}

.top-menu{ margin: 0 31px 0 49px; background: url(/images/tm-fon.gif) repeat-x; position: relative; z-index: 3;}
.top-menu div { background: url(/images/tm-right.gif) no-repeat 100% 0;}
.top-menu ul { background: url(/images/tm-left.gif) no-repeat; height: 31px; list-style: none; line-height: 31px;}
.top-menu li{ float:left; padding: 0px 25px; height: 31px; background: url(/images/raz.gif) no-repeat 100% 10px;}
.top-menu li{ *padding: 8px 25px;}
.top-menu .last {background: none;}
.top-menu a { text-decoration: none; color: #000; text-transform: uppercase; font: bold 11px Tahoma, Arial, sans-serif; }
.top-menu a:hover {  color: #fd9b10; }
/* end header */

/* start sidebar */
.forma{ float: left; margin: 0 0 0 40px; width: 400px; text-align: left;}
.sidebar{ float: left; margin: 0 0 0 -300px; width: 300px; text-align: left;}
.kubik { position: relative; margin: -102px 0 0 -20px; z-index: 4;}
.create-sait {margin: 10px 0 0 35px; width: 248px; background: #258cd9 url(/images/cs-fon.gif) repeat-y; color: #fff;}
.create-sait div { background: url(/images/cs-top.gif) no-repeat;}
.create-sait div div{ background: url(/images/cs-down.gif) no-repeat 0 100%; padding: 31px 20px 50px 26px;}
.create-sait h3 { color: #ede121; font-size: 16px; padding: 0 0 20px 0;}
.counter { list-style: none; text-align: center; padding: 30px 0 60px 110px;}
.counter .last {padding: 10px 0 0 15px;}
.house { border: 1px solid #ff3d17; margin: 0 auto; display: block;}
/* end sidebar */

/* start content */
.content{ float: left; width: 100%; }
.indention{ padding: 0 300px 0 50px; }
.servis { height: 129px;}
.servis li {float:left; padding: 0 10px 0 0; list-style: none;}
.servis li a { display: block; height: 129px; width:139px; color: #fff; text-decoration: none;}
.servis li a span {display: block; font: bold 36px Tahoma, Arial, sans-serif; padding: 10px 0 10px 0; text-align: center; }
.servis li a strong {font: normal 23px Tahoma, Arial, sans-serif; padding: 0 0 0 20px; display: block;}
.servis li a.create {background: url(/images/cr-fon.jpg) no-repeat;}
.servis li a.raskr {background: url(/images/ras-fon.jpg) no-repeat;}
.servis li a.support {background: url(/images/support-fon.jpg) no-repeat;}
.servis li a.support strong { padding: 0 0 0 10px;}
.contact { background: url(/images/contact.png) no-repeat; width:354px; height: 117px;
color: #ea7b1f; font: 18px Tahoma, Arial, sans-serif; list-style: none; margin: 20px 0 0 0;}
.contact .telefon { font-weight: bold; font-size: 30px; padding: 8px 0 5px 20px;}
.contact li { padding: 3px 0 3px 20px;}
.contact li a { color: #ea7b1f;}
.last-work {margin: 20px 0 0 0;}
.last-work h3 { color: #b10707; font: normal 22px Tahoma, Arial, sans-serif; padding: 0 0 15px 20px; }
.last-work li { list-style: none; float:left; padding: 0 10px 0 0;}
.last-work ul { height: 1%;}
.last-work ul:after {content: '.'; display: block; visibility: hidden; height: 0; line-height: 0; clear: both;}
.last-work p { padding: 0;}
.last-work p a { color: #044874; font: bold 12px Tahoma, Arial, sans-serif; display: block; padding: 0 0 10px 30px; text-align: left;}
a.all-work { display: block; color: #ea7b1f; font-size: 14px; font-weight: bold; padding: 5px 0 0 20px;}
.indention p { padding: 10px 0 10px 20px;  text-align: justify;}
/* end content */

/* start footer */
.clear-down{ clear: both; height: 50px; }
.footer{ width: 960px; height: 23px; background: #e5e3e3; margin: 0 auto; line-height: 23px; font-size: 10px; font-weight: bold;
border-bottom: 4px solid #f0f4f5; text-align: center; }
/* end footer */
.shadow  { position: absolute; width: 100%; top: 0; left: 0;}
.shadow div { margin: 0 auto; width:970px; border-top: 2px solid #5d889e; }
.shadow div div { position: relative; left: -7px; background: url(/images/shadow.png) no-repeat; height: 171px; z-index: 1;}

/*pages*/
.current, .page_link, .ctrl
{
	padding: 0.2em 0.5em 0.3em 0.5em;
	float: left;
	display: block;
	margin-right: 0.3em;
}
.page_link
{
	border: 1px dashed #bbbbbb;
}
.current
{
	background: #e75000;
	color: #fff;
	border: 1px solid #d73000;
}
.ctrl
{
	padding: 0.5em 0.5em 0.3em 0.5em;
	font-size: 10px;
	color: #4F3327;
}
.path_arrow
{
	color: #0096AA;
	padding: 0px 5px 0px 5px;
	font-size: 10pt;
}
/* end pages */