html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
:focus{outline:0;}
body{line-height:150%;font:12px Arial, Helvetica, sans-serif;background:#191919;height:auto;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
a{text-decoration:none;color:#d70074;}
#wrapper{width:835px;height:626px;background:#191919 url(images/background.png) no-repeat;margin:25px auto 0!important;}
#logo{position:absolute;width:325px;height:150px;margin:95px 0 0 15px;}
#left{float:left;width:225px;height:185px;margin:369px 0 0 120px;}
#left ul#navigation{width:200px;height:185px;text-align:right;padding:0 20px;}
ul#navigation li a{font:25px Arial, Helvetica, sans-serif;line-height:45px;width:150px;height:45px;margin-right:20px;}
.about{background:url(images/about.png) no-repeat right;padding-right:40px;}
.services{background:url(images/services.png) no-repeat right;padding-right:40px;}
.portfolio{background:url(images/portfolio.png) no-repeat right;padding-right:40px;}
.tips{background:url(images/tips.png) no-repeat right;padding-right:40px;}
.contact{background:url(images/getintouch.png) no-repeat right;padding-right:85px;}
#pages{float:right;overflow:hidden;position:relative;width:406px;height:530px;padding-left:3px;font-size:14px;margin:70px 28px 0 0;}
#pages #container{height:530px;overflow:hidden;width:410px;}
#content{height:485px;width:375px;position:relative;padding:10px 10px 10px 20px;}
#content h1{font-size:20px;font-weight:700;text-shadow:0 1px 1px #fefefe;padding:25px 0 0;}
#content h2{font-size:16px;font-weight:700;text-shadow:0 1px 1px #fefefe;padding:25px 0 5px;}
img.box{float:left;background:#fff;border:1px solid #CFCFCF;border-right:1px solid #919191;border-bottom:1px solid #919191;cursor:pointer;margin:0 2px 5px 0;padding:5px;}
a:hover img.box{margin-right:2px;border-color:#d70074;border-width:1px;}
div.clearfix{clear:both;}
ul#services-home li{list-style:square;list-style-position:inside;margin-left:10px;padding:1px 0;}
#allworks{position:relative;top:0;left:0;}
#kindwords{width:315px;height:55px;background:url(images/kindwords.png) no-repeat 4px 20px;border-radius:6px;margin:70px 9px 0 0;padding:10px 5px 0 45px;}
#kindwords:hover{background:#CCC url(images/kindwords.png) no-repeat 4px 20px;color:#000;}
#kindwors ul{margin:0;padding:0;}
#kindwords span{font-weight:700;}
a.pink:hover{text-decoration:none;background:#C06;color:#fff;text-shadow:none;}
#about,#services,#contact,#tips{height:590px;}
#services-home a{color:#000;border-bottom:1px dotted #000;}
#portfolio{color:#343434;height:590px;}
#portfolio img{margin:5px 0;}
.media{float:left;width:250px;margin-left:2px;}
.tech{float:right;width:155px;margin-right:10px;}
.media h2,.tech h2{display:block;width:136px;background:url(images/line.png) no-repeat bottom;font-size:18px;}
.media ul,.tech ul , #tipsntricks ul{list-style-image:url(images/arrow.png);font-size:12px;padding:2px 25px;}
.media li,.tech li{padding:1px 0;}
#footer{width:450px;padding-left:140px;color:#B5B5B5;font-size:10px;margin:0 auto;}
a.browse{background:url(images/nextprev.png) no-repeat;display:block;width:95px;height:40px;float:left;cursor:pointer;font-size:1px;}
a.right{clear:right;margin-right:0;}
a.right:hover{background-position:-95px 0;}
a.right:active{background-position:-190px 0;}
a.left{background-position:0 -40px;margin-left:0;}
a.left:hover{background-position:-95px -40px;}
a.left:active{background-position:-190px -40px;}
a.disabled{visibility:hidden!important;}
#skills{width:650px;height:auto;background:#2a2a2a;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:12px;padding:15px;}
#skills h1{font-size:36px;display:block;width:inherit;height:40px;background:url(images/skill-line.png) repeat-x bottom;margin:0;padding:0 0 5px 5px;}
#skills table{position:relative;top:25px;left:0;width:500px;margin-left:25px;}
#skills td{height:25px;line-height:25px;vertical-align:middle;}
td.skill{width:200px;background:url(images/bullet.png) left no-repeat;line-height:25px;vertical-align:bottom;padding-left:15px;}
.skillpic{position:absolute;top:100px;left:480px;width:139px;height:121px;}
a.visit{float:right;display:block;width:105px;height:25px;background:url(images/visit.png) no-repeat;margin-top:25px;margin-right:35px;}
a.visit:active{background:url(images/visit-active.png) no-repeat;}
a.offline{float:right;display:block;width:105px;height:25px;background:url(images/visit-offline.png) no-repeat;margin-top:25px;margin-right:35px;}
#services li{list-style:url(images/arrow.png);margin:1px;}
div.webdev-wrap{width:295px;height:30px;margin:0 0 10px 10px;padding:0px 0 0;}
span.webdev{display:block;width:300px;height:26px;background:url(images/webdev-title.png) no-repeat left;font-size:16px;font-weight:700;color:#2E2E2E;padding:5px 0 0 35px;}
span.graphic{display:block;width:300px;height:26px;background:url(images/graph-title.png) no-repeat left;font-size:16px;font-weight:700;color:#2E2E2E;padding:5px 0 0 35px;}
span.id{display:block;width:300px;height:26px;background:url(images/id-title.png) no-repeat left;font-size:16px;font-weight:700;color:#2E2E2E;padding:5px 0 0 35px;}
#contact form{margin-top:25px;}
#contact label{padding-left:5px;}
#contact p{margin-top:15px;}
input#name,#email{width:219px;height:32px;background:url(images/input-bg.png) transparent no-repeat;border:0;color:#353535;padding-left:10px;margin-top:4px;}
textarea#message{width:344px;height:130px;background:url(images/textarea.png) transparent no-repeat;border:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#353535;margin-top:4px;padding:10px;}
input#submit{width:201px;height:45px;background:url(images/send-btn.png) transparent no-repeat;border:0;cursor:pointer;}
input#submit:active{background-position:0 -45px;cursor:pointer;}
form span{color:#C00;font-size:14px;}
#avatar{position:absolute;top:0;left:325px;display:none;width:244px;height:224px;background:url(images/avatar.png) transparent no-repeat;}
#uibeercoffee{position:absolute;top:235px;left:25px;display:none;width:285px;height:63px;background:url(images/uicoffeebeer.png) transparent no-repeat;}
a.uibeercoffee-link{display:block;position:absolute;top:200px;left:35px;width:275px;height:30px;}
a.avatar-link{display:block;position:absolute;top:50px;left:0;width:325px;height:135px;}
.projecthov{position:relative;top:11px;left:6px;background:#000 url(images/lupa.png) no-repeat center center;opacity:0;width:353px;height:124px;cursor:pointer;}
.projecthov a{display:block;width:inherit;height:inherit;}
.bar{display:none;background:url(images/loading.gif) no-repeat center center;margin-top:100px;height:24px;width:350px;}
#mail_response{width:355px;text-align:center;margin:50px auto 25px 0;}
#mail_response h3,#mail_response p{font-size:16px;text-shadow:0 1px 1px #fefefe;font-weight:700;}
#PicNetEyeTracker{position:absolute;bottom:0;left:0;color:#191919;}
#PicNetEyeTracker a{color:#191919;}
.ttl{display:block;width:300px;background:url(images/ttl.png) no-repeat left;color:#2E2E2E;font-size:20px;font-weight:700;text-shadow:0 1px 1px #FEFEFE;padding:5px 0 0 35px;}
.clr{background-image:url(images/line.png);height:2px;margin-left:35px;width:300px;margin-bottom:8px;}
#kindwords li,#portfolio p{font-size:12px;}
#services ul,#contact ul{margin:0 0 0 45px;padding:0;}
.navi{position:absolute;left:145px; margin-top:10px}
.navi a{width:13px;height:13px;float:left;background:url(images/navigator.png) 0 0 no-repeat;display:block;font-size:1px;margin:3px;}
.navi a:hover{background-position:0 -13px;cursor:pointer;}
.navi a.active{background-position:0 -26px;}
#projects-nav{position:absolute;left:0;width:400px;height:40px;background:url(images/projects-bg.png) repeat-x;}
a.nextPage{position:absolute;left:311px;}
a.prevPage{position:absolute;left:0;}
#scroller{position:relative;overflow:hidden;width:410px;height:560px;float:left;}
#service{position:relative;overflow:hidden;width:410px;height:560px;float:left;}
#tipsntricks{position:relative;overflow:hidden;width:410px;height:560px;float:left;}
.projects{width:20000em;height:560px;position:absolute;clear:both;}
 .project{float:left;width:400px;height:560px;}
 .project p{display:block;width:365px;}
 .plc1 {top:1080px}
 .plc {top:1695px;}
 .plc2 {top:2320px}
 #tipsntricks ul a { font-size: 17px;font-weight: 300; text-shadow: 0 1px 1px #FEFEFE;color:#333;}
  #tipsntricks ul a:hover{text-decoration:underline;}
 #tipsntricks ul li { margin-bottom:5px;}
 #twitter { position:absolute; top:225px; -webkit-border-top-right-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomright: 25px;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px; background-color:#Fff; border:1px solid #fff; padding-top:8px;}
#twits{position:absolute; left:-500px; top:200px;z-index:999}