html {
    height:100%;
    width:100%;
}

body {
    padding: 0;
    margin: 0;
    font: normal 12px Arial, sans-serif;
    min-height: 100%;
    position: relative;
    color: #445555;
    line-height: 150%;
    /*line-height: 16px;*/
}

* html body {
    height:100%;
}

a {
	color: #004C93;
}

a img {border: none;}

h1, h2 {
	margin: 0px 0px 9px 0px;
	padding: 0px;
	font-size: 24px;
	font-weight: normal;
	color: #C32435;
	line-height: 120%;
}

h2 {
    font-size: 16px;
}

.clear {clear: both;}
.height20 {height: 20px;}

#page {
    width: 100%;
    padding-bottom: 105px;
}

#top-wrapper {
    height: 41px;
    background: #004c93;
    border-bottom: 3px solid #c32435;
}

#top {
    width: 996px;
    text-align: left;
    position: relative;
    margin-left: -498px;
    left: 50%;    
}

.top-links {
    padding-top: 0px;
    margin-left: 70px;
}

.top-links a{
	display: block;
	float: left;
	width: 21px;
	height: 20px;
	margin-right: 20px;
}

.top-links a.home{
    background: url("/media/i/home.gif") no-repeat;
}

.top-links a.home:hover, .top-links a.home-active{
    background: url("/media/i/home_press.gif") no-repeat;
}

.top-links a.mail{
    background: url("/media/i/contacts.gif") no-repeat;
}

.top-links a.mail:hover, .top-links a.mail-active{
    background: url("/media/i/contacts_press.gif") no-repeat;
}



#header-wrapper {
    background: url("/media/i/header_bg.jpg") repeat-x top;
    height: 127px;
}

#header {
    width: 980px;
    text-align: left;
    padding-left: 16px;
    /*border: 1px solid red;*/
    position: relative;
    margin-left: -505px;
    left: 50%;    
}

.logo {
	display: block;
	float: left;
    width: 275px;
    height: 80px;
    background: url("/media/i/logo.png") no-repeat;
/*    background: url("/media/i/logo_04-01.png") no-repeat;*/
    margin-top: 21px;
    /*margin-left: 34px;*/
}

#reference {
    height: 44px;
    margin-left: 375px;
    padding-top: 27px;
}

#reference .text {
    width: 500px;
    float: left;
    margin-left: 25px;
    color: #333;
    font-family: Times New Roman;
    font-style: italic;
    font-size: 13px;
    line-height: 1.3em;
}

#menu {
	height: 44px;
	margin-left: 310px;
	padding-top: 57px;
}

ul.menu {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ul.menu li, ul.menu li.first{
	float: left;
    padding-left: 5px;
}

ul.menu li.first{background: none;}

ul.menu li a{
	display: block;
	color: #004c93;
	text-decoration: none;
}

ul.menu li a:hover{
}

#content-wrapper-main{
    background: url("/media/i/main_bg.jpg") repeat-x 0px 145px;
}

#content {
    width: 960px;
    text-align: left;
    padding: 0px 9px;
    position: relative;
    margin-left: -498px;
    left: 50%;    
}

#content-main {
    width: 996px;
    text-align: left;
    position: relative;
    margin-left: -498px;
    left: 50%;    
}


.main-menu {
    text-align: left;
    margin-left: 16px;
}

.main-menu a{
	display: inline;
	float: left;
	margin: 0px 24px 0px 0px;
	width: 172px;
	height: 150px;
}

.main-menu a.about{
    background: url("/media/i/main_about.jpg") top no-repeat;
}

.main-menu a.about:hover{
    background: url("/media/i/main_about.jpg") bottom no-repeat;
}

.main-menu a.services{
    background: url("/media/i/main_service.jpg") top no-repeat;
}

.main-menu a.services:hover{
    background: url("/media/i/main_service.jpg") bottom no-repeat;
}

.main-menu a.portfolio{
    background: url("/media/i/main_portfolio.jpg") top no-repeat;
}

.main-menu a.portfolio:hover{
    background: url("/media/i/main_portfolio.jpg") bottom no-repeat;
}

.main-menu a.client{
    background: url("/media/i/main_clients.jpg") top no-repeat;
}

.main-menu a.client:hover{
    background: url("/media/i/main_clients.jpg") bottom no-repeat;
}

.main-menu a.contact{
    background: url("/media/i/main_contact.jpg") top no-repeat;;
}

.main-menu a.contact:hover{
    background: url("/media/i/main_contact.jpg") bottom no-repeat;
}

.slogon {
	font-family: Verdana;
    font-size: 60px;
    text-align: center;
    color: #C32435;
    margin: 40px 0px 0px 0px;
    line-height: 72px; 
}

.left-block {
    width: 242px;
    margin-right: 100px;
}

.right-block {
    width: 100%;
}

#footer-wrapper {
    position:absolute; 
    bottom:0;
    width:100%;
    padding:0;
    height: 77px;
    background: #004c93;
    border-top: 3px solid #c32435;
}

#footer {
    width: 996px;
    height: 77px;
    color: #fff;
    text-align: left;
    position: relative;
    margin-left: -498px;
    left: 50%;    
}

#footer a{
    color: #fff;
}


span.copyright {
    float: left;
    margin-top: 15px;
    margin-left: 55px;
}

.footer-contact {
	padding-top: 15px;
    margin-left: 55px;
    float: left;
}

.footer-links {
    padding-top: 15px;
    margin-left: 10px;
    float: left;
}

.footer-links a {
    color: #fff;
}

/***************************/

.clothespeg {
    position: absolute; width: 996px; margin-top: -11px; z-index: 100;
}

.clothespeg .red    {margin-left: 76px;}
.clothespeg .green  {margin-left: 140px;}
.clothespeg .fiolet {margin-left: 157px;}
.clothespeg .yellow {margin-left: 145px;}
.clothespeg .blue   {margin-left: 145px;}
.clothespeg .orange {margin-left: 145px;}
	

.monitors {
    margin-top: 62px;
}

.monitor {
    width: 274px;
    float: left;
    padding: 0px 28px;
}

.monitor-top {
    width: 274px;
    height: 13px;
    background: url("/media/i/monitors/top.png") no-repeat bottom;
}

.monitor-bottom {
    width: 274px;
    height: 17px;
    background: url("/media/i/monitors/bottom.png") no-repeat;
}

.monitor-centr {
    height: 190px;
    background: url("/media/i/monitors/left.png") no-repeat left;
    padding-left: 17px;
}

.monitor-centr-r {
    height: 190px;
    background: url("/media/i/monitors/right.png") no-repeat right;
    padding-right: 17px;
}

.monitor-content {
    height: 190px;
    background: #000;
}

.future-project {
    width: 240px; 
    height: 120px; 
    display: block; 
    color: #FFF; 
    font-size: 11px; 
    text-decoration: none; 
    padding-top: 70px; 
    cursor: pointer;
    text-align: center;
}

.monitor-screen {
    width: 240px; 
    height: 190px;
}

.main-page {position: relative; left: 50%; margin-left: -480px; width: 960px; text-align: left;}

.main_slogon {
    width: 580px;
    height: 175px;
    background: url("/media/i/main_slogon.jpg") no-repeat;
    padding: 25px 345px 50px 30px;
    line-height: 1.5em;
}

.main_slogon h1 {
    margin: 14px 0px 0px 0px;
    padding: 0px 0px 8px 0px;
    font-size: 17px;
    font-weight: normal;
    color: #004C93;
}

.main_slogon span {
    font-weight: bold;
    margin-top: 9px;
    display: block;
}

.new-products {
    height: 360px; 
    width: 960px;
}

.new-product {
    border: 1px solid #DDD;
    padding: 8px;
    width: 271px;
}

.new-product-content {
    border: 1px solid #DDD;
    line-height: 0px;
    width: 269px;
    height: 133px;
    
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); /* IE 5.5+*/
    -moz-opacity: 0.85; /* Mozilla 1.6 и ниже */
    -khtml-opacity: 0.85; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.85; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
    
}

.new-product-content-hover {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
    -moz-opacity: 1.0; /* Mozilla 1.6 и ниже */
    -khtml-opacity: 1.0; /* Konqueror 3.1, Safari 1.1 */
    opacity: 1.0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

.new-product-left {float: left;}
.new-product-right {float: right;}
.new-product-center {margin: 0px auto;}

table.site-by-rs {width: 100%; color: #445555;}
table.site-by-rs tr {vertical-align: top;}
table.site-by-rs .site-by-rs-itemTitle {
    font-size: 14px; 
    font-weight: bold;
    color: #004C93; 
    display: block;
    padding-bottom: 7px;    
}

table.site-by-rs td.width6 {width: 4%;}
table.site-by-rs td.width47 {width: 48%;}


/***********************/

.order .fn {
    font-size: 12px;
    font-weight: bold;
    color: #004C93; 
    width: 92px;
}

.order .input{
    border: 1px solid #7FA5C9;
    width: 99%; 
}

.order textarea.input{
    overflow: auto;
}

/***********************/

.clients {
    /*border-collapse: collapse;*/
    border: 1px solid #CEEEFF;
}

.clients td{
    border: 1px solid #CEEEFF;
    width: 239px;
    height: 138px;
    text-align: center;
}


.clients td.over{
    border: 1px solid red;
}

td.no-select {
    border: 1px solid #CEEEFF;
}


/******************************/

a.links_1 {
    color: #004c93;
    font-size: 16px;
}

a.link-2 {
    font-size: 12px;
}

.color-blue {
    color: #004c93;
}

.subtitle {
    color: #004c93;
    font-size: 16px;
    font-weight: bold;
}

.indent {
    text-indent: 25px
}

.menu-container a {
    font-size: 15px;
    color: #004C93;
    display: block;
    margin-bottom: 10px;
}

.menu-container a.active {
    text-decoration: none;
}


.portfolio-menu {
    position: relative;
    margin-top: -20px;
    margin-bottom: 20px;
    text-align: right;
}

.portfolio-menu a {
	font-size: 15px;
	color: #004C93;
	margin-left: 28px;
}

.portfolio-menu a.active {
    text-decoration: none;
    color: #C32435;
}

.portfolio {
	color: #4a6473;
}

.p-td {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); /* IE 5.5+*/
	-moz-opacity: 0.75; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.75; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0.75; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

.p-td.hover {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
    -moz-opacity: 1.0; /* Mozilla 1.6 и ниже */
    -khtml-opacity: 1.0; /* Konqueror 3.1, Safari 1.1 */
    opacity: 1.0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

a.portfolioLink {
    color: #4a6473;
    text-decoration: none;
    font-weight: bold;
}

a.portfolioLink:hover, a.portfolioLink-hover {
    color: #2e4553;
}

.portfolio-nav {
    width: 280px; 
    margin-right: 30px;
}

.portfolio-nav span {
    color: #969ca0; 
    font-size: 11px;
    font-weight: bold;
}

.portfolio-nav div{
    margin-left: 23px;
}

.portfolio-nav div{
    margin-left: 23px;
}

.portfolio-nav img { 
    float: left; 
    margin-top: 5px;
}

.td-form {
    width: 350px;
}


.justify {
    text-align: justify;
}

.align-r {
    text-align: right;
}

.padding-r-30 {
   padding-right: 30px;
}


/***********************/

.pages-menu {
    position: relative;
    margin-top: -30px;
    margin-bottom: 20px;
    margin-left: 324px;
    text-align: left;
}

.pages-menu a {
	font-size: 15px;
	color: #004C93;
	margin-right: 28px;
}

.pages-menu a.active {
    text-decoration: none;
    color: #C32435;
}