html, body {height: 100%;}
#wrap {min-height: 100%;background-color:#f7f7f6;}
body{background-color:#f7f7f6;font-family:Arial, Helvetica, sans-serif;color:#3b3b3b;line-height:1.3em;font-size:13px;}
a{color:#f68462;text-decoration:none;}
a:hover{color:#7bc3b3;}
p{margin:10px 0px 0px 0px;padding:0px}
.font11{font-size:11px;}
.left{float:left;}
.right{float:right;}
.pt10{padding-top:10px;}
.pt13{padding-top:13px;}
.mtop10{margin-top:10px;}
.mtop5{margin-top:5px;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.red{color:#dd0d0d;}
h1{font-size:36px;font-weight:normal; line-height:1.2em;font-family:Georgia, "Times New Roman", Times, serif;}
h2{font-size:20px;font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif;}
h2.portfolio-header{font-size:17px;font-weight:normal;ine-height:1em;font-family:Georgia, "Times New Roman", Times, serif;margin-top:15px;}
h4{font-size:18px; font-weight:normal;}
.view-more-btn a{color:#cbcbcb;font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.view-more-btn a:hover{color:#7bc3b3;}
.clear{clear:both;}
.header{width:100%;background-color:#3b3b3b;height:70px;}
.header-content{margin: 0 auto;overflow: hidden;width: 960px;color:#fff;font-size:13px;padding-top:13px;}
.vkmach-logo{background:url("../images/vkmach-web-design-logo.jpg") no-repeat scroll center top transparent;height:41px;width:43px;}
.vkmach-logo:hover{background:url("../images/vkmach-web-design-logo.jpg") no-repeat scroll center bottom transparent;height:41px;width:43px;}
h1.name{margin-left:10px; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif;}
h1.name a{color:#fff;}
h1.name a:hover{color:#7bc3b3;}
.header-nav li{display:inline;padding-left:15px;}
.header-nav li a{color:#fff;}
.header-nav li a:hover{color:#7bc3b3;}
.content-area{margin: 0 auto;width: 960px;overflow:hidden;padding-bottom:100px;}
.introduction{padding:25px 0px; border-bottom:#c2c2c2 solid 1px;line-height:2.5em;}
.portfolio-pieces{padding:25px 0px;overflow:hidden;}
.portfolio-wrapper{position:relative;padding:20px 25px 0px 0px; float:left;margin-bottom:25px;}
.description{position:absolute;bottom:0px;left:0px;display:none;background-color:black;}
.description_content{padding:10px 10px 5px 10px; cursor:auto;min-width:283px;}
.three-column{padding:25px 0px;border-top:#c2c2c2 solid 1px; margin-top:25px;overflow:auto;}
.one-container{width:292px;float:left;margin-right:30px;}
.formbox{border:1px solid #dddddd;width:270px; height:25px;}
.formbox-big{border:1px solid #dddddd;width:270px;font-size:12px;font-family:Arial, Helvetica, sans-serif; width:270px; height:150px;}
.submit-button{height:26px;width:87px;border:none;background-color:#8bccc0;color:#3B3B3B;cursor:pointer;text-align:center; font-weight:bold;}
.submit-button:hover{background-color:#87decd;}
label.error{margin-left:10px;font-weight:bold;}
.follow-me-button{background:url("../images/follow-me-btn.jpg") no-repeat scroll center top transparent;height:26px;width:116px;border:none;}
.follow-me-button:hover{background:url("../images/follow-me-btn.jpg") no-repeat scroll center bottom transparent;height:26px;width:116px;}
#twitter_update_list ul{padding:6px 15px 2px 20px;}
#twitter_update_list li a{color:#f7f7f6;}
#twitter_update_list li a:hover{text-decoration:underline;}
#footer{position: relative;margin-top: -100px;	height: 110px;clear:both;background-color:#7bc3b3;border-top:5px solid #85cec0;}
.footer-content{margin: 0 auto;width: 960px;padding:15px;}
.footer-content-l{width:210px;float:left;font-size:11px;line-height:1.2em;}
.footer-content-r{width:300px;float:right;}
.footer-email{background:url("../images/email-btn.jpg") no-repeat scroll center top transparent;height:15px;width:21px;float:left;margin-right:5px;margin-top:3px;}
.footer-email:hover{background:url("../images/email-btn.jpg") no-repeat scroll center bottom transparent;height:15px;width:21px;}
.footer-twitter{background:url("../images/twitter-btn.jpg") no-repeat scroll center top transparent;height:20px;width:26px;float:left;margin-top:50px;}
.footer-twitter:hover{background:url("../images/twitter-btn.jpg") no-repeat scroll center bottom transparent;height:20px;width:26px;}
.footer-twitter-2{background:url("../images/twitter-other-btn.jpg") no-repeat scroll center top transparent;height:20px;width:20px;float:left;margin-right:5px;}
.footer-twitter-2:hover{background:url("../images/twitter-other-btn.jpg") no-repeat scroll center bottom transparent;height:20px;width:20px;}
.footer-twitter-bg{background:url("../images/twitter-background.jpg") no-repeat; width:270px;height:82px;float:right;font-size:11px;}
.footer-tumblr{background:url("../images/tumblr-btn.jpg") no-repeat scroll center top transparent;height:20px;width:20px;float:left;margin-right:5px;}
.footer-tumblr:hover{background:url("../images/tumblr-btn.jpg") no-repeat scroll center bottom transparent;height:20px;width:20px;}
.footer-linkedin{background:url("../images/linkedin-btn.jpg") no-repeat scroll center top transparent;height:20px;width:20px;float:left;margin-right:5px;}
.footer-linkedin:hover{background:url("../images/linkedin-btn.jpg") no-repeat scroll center bottom transparent;height:20px;width:20px;}
.footer-me{background:url("../images/me-btn.jpg") no-repeat scroll center top transparent;height:20px;width:22px;float:left;margin-right:5px;}
.footer-me:hover{background:url("../images/me-btn.jpg") no-repeat scroll center bottom transparent;height:20px;width:22px;}
ul#twitter_update_list{line-height:1.2em;}
.portfolio{padding:25px 0px;}
.port-detail{float:right;width:230px;margin-left:25px;}
.port-image{float:left;width:700px;}
/*Slider image*/
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
.nivo-slice {display:block;position:absolute;	z-index:5;	height:100%;}
.nivo-box {display:block;position:absolute;z-index:5;}
.nivo-directionNav a {position:absolute;top:45%;	z-index:9;	cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
.nivo-controlNav a {position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}
#slider-wrapper {width:700px;height:600px;margin:0 auto;}
#slider {position:relative;width:700px;height:246px;background:url("../images/loading.gif") no-repeat 50% 50%;}
#slider img {position:absolute;top:0px;left:0px;display:none;}
#slider a {	border:0;display:block;}
.nivo-controlNav {position:absolute;left:300px;bottom:-30px;}
.nivo-controlNav a {display:block;width:22px;height:22px;background:url("../images/bullets.png") no-repeat;text-indent:-9999px;border:0;	margin-right:3px;float:left;}
.nivo-controlNav a.active {background-position:0 -22px;}
.nivo-directionNav a {display:block;width:30px;height:30px;background:url("../images/arrows.png") no-repeat;text-indent:-9999px;border:0;}
a.nivo-nextNav {background-position:-30px 0;	right:15px;}
a.nivo-prevNav {left:15px;}
.nivo-caption {text-shadow:none;font-family: Helvetica, Arial, sans-serif;}
.nivo-caption a {color:#efe9d1;text-decoration:underline;}
.prev-btn{background:url("../images/previous-project-btn.jpg") no-repeat scroll center top transparent;height:19px;width:113px;float:left;margin-right:2px;}
.prev-btn:hover{background:url("../images/previous-project-btn.jpg") no-repeat scroll center bottom transparent;height:19px;width:113px;}
.next-btn{background:url("../images/next-project-btn.jpg") no-repeat scroll center top transparent;height:19px;width:92px;float:left;}
.next-btn:hover{background:url("../images/next-project-btn.jpg") no-repeat scroll center bottom transparent;height:19px;width:92px;}
.all-projects-btn{background:url("../images/work-btn.jpg") no-repeat scroll center top transparent;height:19px;width:21px;float:right;}
.all-projects-btn:hover{background:url("../images/work-btn.jpg") no-repeat scroll center bottom transparent;height:19px;width:21px;}
.my-role{margin-top:10px;font-weight:bold;}