@charset "utf-8";


* {margin: 0px; padding: 0px;}
body {background: #fff url(imx/bg_main.jpg) repeat-x; color: #777;}
body, p, td, span, div, input, li {font-family: Georgia, Times New Roman, seriff; font-size: 12px;}

a {color: #600;}
a:hover {color: #000;}

p {margin-bottom: 10px;}
#main_container {width: 780px; padding: 0; margin: 0px auto 0px auto;}
#header {margin-bottom: 40px; height: 106px;}

#logo {width: 373px; height: 81px; line-height: 81px; margin-top: 27px; float: left; }
#logo a {width: 373px; height: 81px; display: block; position: relative;} 
#logo {background: url(imx/logo.png) no-repeat;}
* html #logo {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imx/logo.png', sizingMethod='crop');}

#contact {margin-top: 27px; margin-left: 2px; float: right; width: 134px; height: 32px; background: url(imx/bg_contact.png); text-align: right;}
* html #contact {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imx/bg_contact.png', sizingMethod='crop');}
#contact a {color: #000; padding: 7px 33px 9px 20px; display: block; background: url(imx/i_cont.gif) no-repeat 98px 0px; position: relative;}
#contact a:hover {color: #600; background: url(imx/i_cont.gif) no-repeat 98px -32px;}

#resu {margin-top: 27px; margin-left: 2px; float: right; width: 134px; height: 32px; background: url(imx/bg_contact.png); text-align: right;}
* html #resu {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imx/bg_contact.png', sizingMethod='crop');}

#resu a {color: #000; padding: 7px 33px 9px 20px; display: block; background: url(imx/i_resu.gif) no-repeat 98px 0px; position: relative;}
#resu a:hover {color: #600; background: url(imx/i_resu.gif) no-repeat 98px -32px;}



.clearfix {clear: both;}

#content {width: 780px;}

.proj {margin-bottom: 15px;}
.proj_header {width: 780px; height: 32px; background: #fff url(imx/bg_proj_header.png) top left no-repeat; margin-bottom: 5px;}
.proj_name {color: #444; font-weight: bold; padding: 7px 12px 0px 20px; float: left; font-size: 13px;}
.proj_view {float: right;}
.proj_view a {color: #000; padding: 7px 33px 8px 29px; display: block; background: url(imx/i_view.gif) no-repeat 105px 0px; font-size: 13px;}
.proj_view a:hover {color: #600; background: url(imx/i_view.gif) no-repeat 105px -32px;}

.proj_tn {width: 500px; height: 255px; display: block; float: left; }


.proj_descr {width: 275px; height: 255px; display:block; background: #f7f7f7 url(imx/proj_descr.gif) left top no-repeat; float: right;}
.proj_descr_bot {width: 780px; height: 33px; line-height: 20px; background: #f7f7f7 url(imx/proj_descr_bot.gif) left bottom no-repeat;}
.proj_descr_text {margin: 0 10px 0px 10px; padding-top: 15px; border-bottom: 1px dashed #bbb; color: #666;}
.proj_descr_add {margin: 10px 10px 0px 10px;}
.proj_descr_text strong, .proj_descr_add strong {color: #555;}

.hi {width: 780px; background: #f7f7f7 url(imx/proj_descr_top.gif) left top no-repeat; margin-bottom: 20px;}
.hi_bot {width: 780px; height: 20px; line-height: 20px; background: #f7f7f7 url(imx/hi_bot.gif) left bottom no-repeat;}
.hi_text {margin: 0 20px 0px 20px; padding-top: 15px; font-size: 19px; line-height: 20px;}

div#footer {margin: 40px 0 80px 0; padding: 10px 0 25px 0; text-align: center; color: #777; font-size: 13px; background: #fff url(imx/bg_footer.png) bottom center no-repeat;}