body {margin:0; padding:0; font-size:12px; color:#222; background:#000 url(i/bg.jpg) no-repeat center top; font-family:helvetica,arial,sans-serif;}
.body {background:url(i/bg_foot.jpg) no-repeat center bottom;}
* {margin:0; padding:0; font-family:helvetica,arial,sans-serif; text-rendering:optimizeLegibility;}
img {border:none;}
input,textarea,td,li,code,label {font-size:12px;}
input,textarea {padding:3px 2px; border:1px solid #ccc; background:#fff;}
option {padding-right:10px;}
optgroup option {padding-left:10px;}

/******/
h1 {padding:20px 0; font-size:24px; font-weight:normal;}
h2 {padding:15px 0; font-size:16px; font-weight:bold;}
h3 {padding:10px 0; font-size:14px; font-weight:bold;}
h4 {padding:5px 0; font-size:12px; font-weight:bold;}
p {text-align:justify; padding:5px 0;}
ul,ol {margin:15px 0 15px 25px;}
ul ul {margin:5px 0 5px 15px;}
ol ol {margin:5px 0 5px 15px;}
li {padding:1px 0;}
a {text-decoration:none; color:#16567E;}
a:hover {text-decoration:underline;}

/******/
.clear {clear:both; height:0; line-height:1px; font-size:1px;}
.left {float:left;}
.right {float:right;}
img.left {padding:5px 10px 5px 0;}
img.right {padding:5px 0 5px 10px;}

/******/
.page {width:960px; margin:auto;}
.head {height:130px; position:relative;}
.head .logo {position:absolute; left:20px; top:40px; color:#fff; font-size:36px; text-decoration:none;}

.menu {height:50px; line-height:50px; background:url(i/bg_menu_r.png) no-repeat right;}
.menu .cnt {height:50px; padding:0 5px; background:url(i/bg_menu_l.png) no-repeat left;}
.menu .ct {height:50px; padding:0 5px; background:url(i/bg_menu.png) repeat-x;}
.menu a {font-size:18px; padding:0 20px; color:#fff;}

.main {padding:10px 40px; background:#fff url(i/bg_main_t.jpg) no-repeat top;}

.main_info {min-height:300px; width:395px; padding:10px 525px 0 0; float:left; margin-right:-20px; background:url(i/www.png) no-repeat right 0;}
.main_info p {text-align:left;}
.main_info h1 {font-size:25px; padding:25px 0 0;}
.main_info h2 {font-size:22px; font-weight:normal; padding:0 0 15px;}

.main_end {height:5px; background:url(i/bg_end_l.png) no-repeat left;}
.main_end .cnt {height:5px; padding:0 5px; background:url(i/bg_end_r.png) no-repeat right;}
.main_end .ct {height:4px; background:#fff;}

.foot {line-height:35px; color:#fff; font-size:11px; text-align:right; padding:0 20px;}
.foot a {color:#fff;}

/******/
.projects {height:230px; padding:10px 20px; margin:10px -20px 30px; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:url(i/bg_projects.gif) repeat-x bottom;}
.projects h2 {padding:5px 0; margin-bottom:25px; border-bottom:1px solid #e8e8e8;}
.projects .pic {float:left; width:180px; height:140px; padding:9px 9px 4px; border:1px solid #e8e8e8; background:#fff;}
.projects .pic a {display:block; height:120px;}
.projects .pic img {border:1px solid #e8e8e8;}
.projects .info {padding-top:5px;}
.projects .info .name {color:#000; float:left;}
.projects .info .preview {width:13px; height:12px; margin-top:1px; display:block; float:right; background:url(i/ico_preview.gif) no-repeat;}
.projects .sep {float:left; width:26px; height:140px;}

.infoboxes {padding:0 20px; margin:0 -20px;}
.infoboxes .infobox {float:left; width:228px; padding-left:45px;}
.infoboxes .infobox_www {background:url(i/ico_www.png) no-repeat left 20px;}
.infoboxes .infobox_cms {background:url(i/ico_cms.png) no-repeat left 20px;}
.infoboxes .infobox_other {background:url(i/ico_other.png) no-repeat left 20px;}
.infoboxes .infobox .more {float:right; margin-top:5px;}
.infoboxes .sep {float:left; width:30px; height:100px;}

.bottom_info {min-height:135px; padding:20px 40px; margin:30px -40px 0; position:relative; border-top:1px solid #e8e8e8; background:#fff url(i/bg_main_t.gif) repeat-x 0 1px;}
.bottom_info .left {width:400px; padding:0 40px 0 0; border-right:1px solid #e8e8e8;}
.bottom_info .left a {color:inherit;}
.bottom_info .right {width:400px; padding:0 0 0 39px; margin-left:-1px; border-left:1px solid #e8e8e8;}
.bottom_info .blog_short {padding:0 0 10px 1px;}
.bottom_info .blog_short .title {font-weight:bold; padding:0 0 0 1px;}
.bottom_info .blog_short .date {font-weight:normal; float:right; font-size:11px;}
.bottom_info .articles_list {margin:5px 0 5px 25px;}
.bottom_info .articles_list li {list-style-image:url(i/ico_li.gif);}
.bottom_info h4 {padding:15px 0 0;}

.portfolio .portfolio_item {float:left; width:180px; height:140px; padding:9px 9px 4px; border:1px solid #e8e8e8; background:#fff;}
.portfolio .portfolio_item a {display:block; height:120px;}
.portfolio .portfolio_item img {border:1px solid #e8e8e8;}
.portfolio .portfolio_item .info {padding-top:5px;}
.portfolio .portfolio_item .info .name {color:#000; float:left;}
.portfolio .portfolio_item .info .preview {width:13px; height:12px; margin-top:1px; display:block; float:right; background:url(i/ico_preview.gif) no-repeat;}
.portfolio .sep {float:left; width:26px; height:140px;}
.portfolio .sep_line {clear:both; height:25px;}

.project_pic {float:left; border:1px solid #E8E8E8;}
.project_desc {float:left; padding-left:15px; width:413px; line-height:20px;}
.project_desc .item {float:left; width:143px; font-weight:bold;}
.project_desc .val {float:left; width:270px;}
.project_desc .desc {padding-top:20px;}

.articles .shot h2 {padding:10px 0;}

.blog .entry {position:relative; padding-bottom:15px;}
.blog .entry .date {padding:16px 30px 12px; color:#fff; position:absolute; left:-48px; top:7px; background:url(i/bg_date.png) no-repeat;}
.blog .entry h2 {padding:21px 0 15px 95px;}

.contact_form {width:400px; min-height:300px; padding:20px 30px; float:right; margin:-50px 0 -30px 40px; background:#fff; border:1px solid #D5D3D3; border-bottom:none; -moz-box-shadow:2px 2px 25px #BDBDBD; -webkit-box-shadow:2px 2px 10px #777; -khtml-box-shadow:2px 2px 10px #777; box-shadow:2px 2px 10px #777;}
.contact_form h2 {padding-top:0;}
.contact_form .label {padding:3px 1px;}
.contact_form .err {color:#ff0000; font-size:10px; padding-left:5px;}
.contact_form .clear {height:5px;}
.contact_form .send {text-align:right; padding:3px 1px;}
.contact_form input {width:395px;}
.contact_form textarea {width:395px; height:100px;}