li { list-style:none; }

/* Sites ScreenShots */
.site_shot { position:relative; width:340px; height:292px; }
.site_shot sub, .site_shot sup { height:292px; float:left; position:absolute; top:0; z-index:5 }
.site_shot sub { width:90px; background:url("../images/portfolio/shot_l.gif") no-repeat 0 0; left:0; }
.site_shot sup { width:126px; background:url("../images/portfolio/shot_r.gif") no-repeat 0 0; left:214px!important;  }

.lyuboy {width:126px; height:292px; position:absolute; top:0; right:0;}
.site_shot .shot { height:292px; position:relative; background:url("../images/portfolio/shot_c.jpg") repeat-x 0 0; text-align:center; }
.site_shot .shot img { z-index:2; position:relative; margin:50px 0 0 0; }
.site_shot a.link_img { display:block; }
.site_shot .link { position:absolute; left:93px; top:30px; z-index:6; font-size:9px; color:#777; }
.site_shot .date { position:absolute; right:10px; top:-15px; z-index:6; font-size:10px; color:#9d9d9d; }
.site_shot .about { font-size:14px; color:#0c0c0c; }
.site_shot .about a { color:#5f943b; text-decoration:underline; }
.diz sub { background:url("../images/portfolio/shot_l2.gif") no-repeat 0 0 !important; }
.diz sup { background:url("../images/portfolio/shot_r2.gif") no-repeat 0 0 !important; }
.diz .shot { background:url("../images/portfolio/shot_c2.jpg") repeat-x 0 0 !important; }
.s_link { position:relative; background:#ffd500; z-index:10; bottom:45px; color:#5f943b; }

.s_link span { line-height:21px; color:#3e3e3e; font-size:13px; }

/* Portfolio */
.portfolio { padding:20px 0 50px 30px; }
.portfolio .h3 { color:#909090; font-size:18px; padding:0 0 0 20px; margin:0 0 15px 0; }
.p_list { text-align:center; margin:0 0 50px 0; }
.p_list li.site_shot { margin:0 0 60px 4%; width:340px; float: left;}
.p_list li.compact { height:0; margin-top:20px; text-align:left; width:80%; }
.p_list li.compact .date { left:0; text-align:left; }
.p_list li.compact .shot, .p_list li.compact sub, .p_list li.compact sup, .p_list li.compact .link { display:none; }

.page_portfol {clear: left; padding: 0 0 15px 65px; color: #5f943b; font-style: italic; font-size: medium; font-family: Times New Roman; }
.page_portfol a {text-decoration: none; color: #000; }
.page_portfol a:hover {text-decoration: underline; }

.projects_wrapper { padding:35px 0 45px 45px; font-size:12px; color:#3e3e3e; }
.projects_wrapper p.h2 { color:#090909; font-size:18px; padding:0 0 10px 15px; margin:0;}
.projects_wrapper p { color:#3e3e3e; font-size:13px; padding:0 0 0 15px; width:55%; margin-bottom:10px; }
.project { width:100%;  }
.projects_wrapper .left { float:left; width:80%; }
.projects_wrapper .right { float:left; width:18%; color:#3e3e3e; font-size:11px; padding:28px 0 0 0; }
.projects_wrapper .right strong { font-weight:bold; }
.projects_wrapper .right p { font-size:11px; padding:0; margin:5px 0 0 0; width:100%; }
.p_image { width:679px; margin:0 auto; position:relative; }
.p_image sub, .p_image sup { display:block; width:679px; }
.p_image sub { height:50px; background:url("../images/portfolio/portfolio_top.jpg") no-repeat 0 0; }
.p_image sup { height:21px; background:url("../images/portfolio/portfolio_bottom.jpg") no-repeat 0 0; position:relative; bottom:3px; }
.p_image .image { background:url('../images/portfolio/portfolio_middle.jpg') repeat-y 0 0; padding:0 0 0 9px; }
.p_image .link { color:#777777; font-size:9px; position:absolute; top:30px; left:92px; }
.p_image .link:hover { text-decoration:underline; }
.dev_team { margin:5px 0 70px; }
.dev_team li { line-height:15px; }
.trash { background:url("../images/portfolio/trash.jpg") no-repeat 0 0; width:110px; height:152px; display:block; position:absolute; right:10%; bottom:158px; text-decoration:none; }
.trash span { position:absolute; left:33px; bottom:0; font-size:14px; color:#4e4d4b; text-decoration:none; border-bottom:none; }
.h_hands, h_numbers { margin:0 0 0 60px; }

span.back a { color:#5f943b; text-decoration:underline; }
span.back a:hover { color:#5f943b; text-decoration:none; }