body {margin: 0px; background:url(../images/bg_long.gif) left top;}
body, p, div, h1, h2, h3, h4, ul, ol, li, td, th, input, button, select, textarea{font-family: Arial, sans-serif; color: #626262; font-size: 12px;}
a {}

a.image {display: block; width: 161px; height: 109px; }
a.image img {padding: 3px;}
a.image img.frame {position: absolute; padding: 0px;}
a.image:hover {background:url(../images/image_frame.gif) no-repeat left top;}

a img {border: none;}
p {margin: 0.6em 0;}

.color {color: #de8000; font-weight: bold;}

.simple_content ul {list-style: none; padding-left : 25px; margin-left: 0px;}
.simple_content ul li {background: url(../images/ul_dot.gif) no-repeat 0px 6px; padding-left: 15px;}

.simple_content table {border-left: 1px solid #d6dde4; border-top: 1px solid #d6dde4; width: 675px; text-align: left;}
.simple_content table caption {color: #004d88; font-size: 16px; font-weight: bold; padding-bottom: 5px; text-align: left;}
.simple_content table tr {}
.simple_content table tr th {border-bottom: 1px solid #d6dde4; border-right: 1px solid #d6dde4; background-color: #e8ecf0; padding: 7px 16px; color: #004d88; font-weight: bold;}
.simple_content table tr td {border-bottom: 1px solid #d6dde4; border-right: 1px solid #d6dde4; padding: 7px 16px; color: #626262;}

div.pages {}
div.pages a {color: #de8000;}
div.pages .active a {font-weight: bold; text-decoration: none;}
div.pages .previous a {padding-left: 8px; background:url(../images/arrow_orange_left.gif) no-repeat left center; text-decoration: none;}
div.pages .next a {padding-right: 8px; background:url(../images/arrow_orange_right.gif) no-repeat right center; text-decoration: none;}


/* Header */
#header_wrapper {background: url(../images/header.jpg) no-repeat left top; height: 237px;}
#header {width: 1009px; position: relative;}

#logo {overflow: hidden; margin: 0 0 0 54px; padding: 22px 0 0 0; float: left; display: inline;}
#logo a {text-indent: -9999px; display: block; width: 124px; height: 88px;}

#top_menu {position: absolute; right: 25px; top: 0px; margin: 0px; padding: 0px; display: block; list-style: none; float: right; width: 730px; height: 32px;}
#top_menu li {display:inline; float: left; background: url(../images/top_menu_item.gif) no-repeat right center; line-height: 20px;}
#top_menu li.active a {border-top: 3px solid #de8000; margin-top: 0px;}
#top_menu li.last {background: none;}
#top_menu li.first {margin-left: 50px;}
#top_menu li.first a {background: none;}
#top_menu li a {margin-top: 3px; padding: 0 11px; font-family: Trebuchet MS, Arial, sans-serif; color: #004d88; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; display: inline-block; line-height: 20px; background: url(../images/top_menu_item_wh.gif) no-repeat left center;}
#top_menu li a:hover {border-top: 3px solid #de8000; margin-top: 0px;}

/* index header */
.index_header {background: url(../images/index_header.jpg) no-repeat left top; height: 389px;}
.index_header #header {height: 180px;}

/* Center */
#center_wrapper {background:url(../images/bg_common.gif) repeat left top;}
#center {width: 1009px;}

.page_title {background:url(../images/line_bg.gif) repeat-x left bottom; margin-left: 23px; margin-right: 17px; margin-bottom: 15px;}
.page_title .pages {float: right; margin-top: 5px;}
.page_title h1 {width: 650px; float: left; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #004d88; padding: 5px 0; margin: 0px;}

.main_content {background:url(../images/long_content_center.gif) repeat-y left top; margin-left: 19px; width: 977px;}
.main_content .main_inner {background:url(../images/long_content_top.gif) no-repeat left top;}
.main_content .main_inner .secondary_inner {background:url(../images/long_content_bottom.gif) no-repeat left bottom; padding: 30px;}

.main_content .simple_content {padding-bottom: 8px;}

.page_controls {background:url(../images/spacial_line_bg.gif) repeat-x left bottom; padding-bottom: 15px; margin-bottom: 5px;}
.page_controls .links {float: left;}
.page_controls .links a {color: #de8000; padding-left: 12px; background:url(../images/arrow_orange_double_left.gif) no-repeat left center; }
.page_controls .pages {float: right;}

.gallery {padding-top: 15px;}
.gallery .item {width: 182px; float: left;}

.gallery .item .inner {background:url(../images/project_separator.gif) repeat-y left top; padding-left: 11px; padding-right: 9px;}
.gallery .first_item .inner {background: none;}
.gallery .inner h4 {font-size: 13px; color: #004d88; font-weight: bold; margin: 5px 0;}
.gallery .inner p {}

.page_links {text-align: right; width: 977px;}
.page_links a {color: #de8000; display: inline-block;}
.page_links a.back {padding-left: 10px; background:url(../images/arrow_orange_up.gif) no-repeat left center;}
.page_links a.to_main {padding-left: 12px; background:url(../images/arrow_orange_double_left.gif) no-repeat left center; margin-left: 5px;}

#left_content {width: 230px; float: left; }

#left_content ul {list-style: none; padding-left: 22px; margin-top: 0px; margin-left: 0px;}
#left_content ul ul {padding-left: 0px; display: none;}
#left_content ul li { background: url(../images/line_bg.gif) repeat-x left bottom; padding-bottom: 2px;}
#left_content ul li.last {background: none;}
#left_content ul li a {display: block; padding: 5px 0; color: #004d88; font-weight: bold; text-transform:uppercase; font-family: Trebuchet MS, Arial, sans-serif; text-decoration: none;}
#left_content ul ul li a span {}
#left_content ul ul li {padding-bottom: 0px; background: none;}
#left_content ul ul li.last a {border: none;}
#left_content ul ul li a {padding-left: 34px; background: url(../images/ul_dot_orange.gif) no-repeat 25px 12px;}

#left_content ul li.active a {border-bottom: 1px solid #c3daea; color: #de8000;}
#left_content ul li.active a span {display: inline-block; background:url(../images/arrow_orange_down.gif) no-repeat right center; padding-right: 8px;}
#left_content ul li.active ul {display: block;}
#left_content ul li.active ul a span {background: none; padding-right: 0px;}
#left_content ul li.active li.active a span {display: inline-block; background:url(../images/arrow_orange_right.gif) no-repeat right center; padding-right: 8px;}
#left_content ul li.active ul a {text-transform:none; padding-top: 3px; padding-bottom: 3px;}

#right_content {width: 760px; float: right;}
#right_content .page_title {margin-left: 0px; margin-right: 9px;}
#right_content .page_title h1 {width: 490px; padding: 7px 0;}
#right_content .page_title .pages {margin-top: 7px;}

#right_content .content_block {background: url(../images/medium_content_center.gif) repeat-y left top; margin-bottom: 3px;}
#right_content .block_inner {background:url(../images/medium_content_top.gif) no-repeat left top;}
.block_secondary_inner {background:url(../images/medium_content_bottom.gif) no-repeat left bottom; padding-left: 10px; padding-right: 10px;}


.gallery_block {
    padding: 0 30px 1px;
    background:transparent url(../images/long_content_bottom.gif) no-repeat scroll left bottom;
}
.main_content .main_inner .gallery_block h2, #right_content .content_block h2 {color: #004d88; font-weight:bold; text-transform: uppercase; font-size: 14px; margin: 0px; padding:17px 0 19px 14px; }

.main_content .main_inner .gallery_block .element, #right_content .element {width: 183px; float: left; background: url(../images/project_separator.gif) repeat-y scroll left top; margin-bottom: 25px;}
.main_content .main_inner .gallery_block .first_element, #right_content .first_element {background: none;}
.main_content .main_inner .gallery_block .element .element_inner, #right_content .element .element_inner {padding: 0 9px 0 12px;}
.main_content .main_inner .gallery_block .element .atributes_links, #right_content .element .atributes_links {margin-top: 10px; height: 14px;}
.main_content .main_inner .gallery_block .element .atributes_links span, #right_content .element .atributes_links span {display: inline-block; float: left; font-size: 11px; font-weight: bold; color: #de8000;}
.main_content .main_inner .gallery_block .element .atributes_links a, #right_content .element .atributes_links a {display: inline-block; float: right; font-size: 11px; color: #004d88; padding-right: 8px; background:url(../images/arrow_blue_left.gif) no-repeat right center;}
.main_content .main_inner .gallery_block .element a.name, #right_content .element a.name {color: #004d88; font-size: 13px;}

.main_content .main_inner .gallery_block .atributes_links a:hover, #right_content .atributes_links a:hover {color: #de8000; background-image:url(../images/arrow_orange_right.gif);}
.main_content .main_inner .gallery_block a.name:hover, #right_content a.name:hover {color: #de8000;}


/* index */
.index_center_wrapper {background:url(../images/bg_long.gif) repeat-x left top !important;}

#center .special_menu {width: 1009px; height: 144px; background:url(../images/special_menu_bg.jpg) no-repeat left top;}
#center .special_menu h2.title {position: absolute; margin-top: -25px; margin-left: 44px; font-family: Trebuchet MS, Arial, sans-serif; font-size: 18px; color: #004d88; text-transform:uppercase;}
#center .special_menu ul {list-style: none; margin: 0px; padding: 18px 12px 8px 23px;}
#center .special_menu ul li {display: block; float: left; margin-right: 6px;}
#center .special_menu ul li.last {margin-right: 0px;}
#center .special_menu ul li a {display: inline-block; float: left; width: 154px; height: 112px; text-decoration: none; color: #004d88;}
#center .special_menu ul li a:hover, #center .special_menu ul li a:hover span {text-decoration: underline;}

#center .special_menu ul li a span {display: block; text-align: center; font-family: Trebuchet MS, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #004d88; text-transform: uppercase; margin-top: 77px;}
.finished_projects {background:url(../images/finished_center.gif) repeat-y left top; width: 981px; margin-left: 10px; margin-top: 18px;}
.finished_projects .inner {background:url(../images/finished_top.gif) no-repeat left top;}
.finished_projects .top {height: 58px; }
.finished_projects .top .title {margin: 0px; padding: 15px 30px; font-size: 14px; font-weight: bold; color: #004d88; Text-transform: uppercase; font-family: Trebuchet MS, Arial, sans-serif;}
.finished_projects .content {background:url(../images/finished_bottom.gif) no-repeat left bottom; padding-bottom: 28px;}

.finished_projects .project {background:url(../images/project_separator.gif) repeat-y left top; padding-left: 20px; padding-right: 10px; float: left;}
.finished_projects .project .project_inner {width: 205px;}
.finished_projects .first_project {margin-left: 14px; background: none;}
.finished_projects .project h3 {font-size: 16px; font-weight: bold; color: #004d88; margin: 0.6em 0;}
.finished_projects .project p.date_type {font-size: 11px; color: #e48f1b;}
.finished_projects .project p.short_description {color: #626262; margin-top: 14px;}
.finished_projects .project p.links a {font-size: 11px; color: #004d88; padding-right: 6px; background:url(../images/more_arrow.gif) no-repeat right 4px;}


/* Footer */
#footer_wrapper {padding-top: 20px; padding-bottom: 15px; background:url(../images/bg_common.gif) repeat left top;}
#footer_wrapper .contacts {float: left; width: 740px; padding-top: 25px; margin-left: 15px; color: #787878;}
#footer_wrapper .contacts a {color: #de8000; font-weight: bold;}
#footer_wrapper img {float: left;}