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;}
html{-webkit-font-smoothing:antialiased;}
body{background:#e0e0e0;line-height:1;color:#6a6a6a;font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;font-size:13px;font-weight:400;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
ul{list-style:none;}
a img{border:none;}
.clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
h1{font-size:45px;}
h2{font-size:36px;float:left;line-height:40px;border-bottom:2px solid #000;color:#000;margin:0 0 20px;}
h3{font-size:26px;}
h4{font-size:24px;}
h5{font-size:22px;}
h6{font-size:20px;}
p,li,li a,blockquote{line-height:1.4em;}
h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility;font-family:'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;}
a{color:#000;text-decoration:underline;}
#project a{color:#000;text-decoration:none;}
.raquo{font-size:18px;line-height:0;padding:0 0 0 5px;}
small{font-size:85%;}
strong{font-weight:700;}
#main-nav{float:right;font-size:22px;font-family:'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;margin:20px 0 0;}
#main-nav li{float:left;padding:0 0 0 30px;}
#main-nav li a{display:block;text-transform:uppercase;text-decoration:none;color:#fff;padding:0 0 20px;}
#main-nav li a:hover,#main-nav li.current a{background:url(../img/trigle.png) no-repeat center bottom;width:100%;height:40px;}
#page{width:1000px;background:#fff;margin:0 auto;padding:0;}
.content-innertube{padding:0 80px;}
#content-left{float:left;width:390px;margin:0 30px 0 0;}
#content-right{float:left;width:390px;margin:0 0 0 30px;}
#header{background:#000;width:840px;margin:0 0 40px;padding:30px 80px 0;}
#header h1{color:#fff;}
#text{height:59px;}
#stripe{background:url(../img/stripe.png) repeat-x;height:14px;width:100%;margin:0 0 40px;}
#project-stripe{background:url(../img/project-stripe.png) repeat-x;height:6px;width:100%;margin:4px 0px 10px;}
#footer{background:#000;width:1000px;margin:40px 0 0;}
#footer-innertube{padding:40px 80px;}
#footer-address,#footer-contact,#footer-social{float:left;width:230px;color:#fff;margin:0 20px 0 0;}
#footer-googleplus a{background:url(../img/social.png) no-repeat 0 0;background-position:-32px -0;width:32px;height:32px;display:block;}
#footer-googlebuzz a{background:url(../img/social.png) no-repeat 0 0;width:32px;height:32px;display:block;}
#footer-youtube a{background:url(../img/social.png) no-repeat 0 0;background-position:-0 -32px;width:32px;height:32px;display:block;}
#footer-linkedin a{background:url(../img/social.png) no-repeat 0 0;background-position:-32px -32px;width:32px;height:32px;display:block;}
#footer-resume{float:left;color:#fff;width:90px;}
#download-resume a{background:url(../img/download.png) no-repeat 0 0;width:80px;height:80px;display:block;}
#download-resume a:hover{background-position:0 -80px;}
#footer-address ul li a,#footer-contact ul li a,#footer-address ul li a:hover,#footer-contact ul li a:hover{color:#fff;text-decoration:none;}
#footer-social ul li{float:left;margin:0 10px 0 0;}
#footer-nav{font-size:18px;font-family:'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;border-top:1px dotted #999;margin:40px 0 0;padding:20px 0 0;}
#footer-nav li a{display:block;text-transform:uppercase;text-decoration:none;color:#fff;}
#go-top{background:url(../img/top.png) no-repeat;width:22px;height:22px;float:right;cursor:pointer;}
#personal-details li span{width:150px;float:left;font-weight:700;}
#address-lines{float:left;}
#address-lines li{display:block;margin:0;padding:0;}
.section h3{color:#000;font-size:27px;}
.section h4{color:#000;font-size:18px;margin:5px 0 0;}
h4.refer{margin:20px 0;}
.item{position:relative;margin:0 0 30px;}
.description ul{list-style:disc;list-style-type:disc;margin:0 0 0 20px;}
.description ul li{padding:10px 0 0;}
.description p{margin-top:20px;}
.date{position:absolute;top:6px;right:0;font-size:14px;}
.stars{margin:5px 0 0;}
.stars li{float:left;display:block;}
.portfolio-nav{font-family:'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;margin:0 0 40px;}
.portfolio-nav li.last{padding-right:0;}
.portfolio-nav li a{font-size:20px;font-weight:700;color:#000;text-decoration:none;}
.portfolio-nav li a span{font-weight:400;padding:0 5px 0 0;}
#prev-next li a{background:url(../img/prev-next.png) no-repeat;width:50px;height:50px;display:block;}
#prev-next li.next a{background-position:-50px 0;}
#prev-next li.next a:hover{background-position:-50px -50px;}
#prev-next li.prev a{background-position:0 0;}
.portfolio li{float:left;position:relative;width:167px;height:167px;overflow:hidden;margin:0 1px 1px 0;}
span.portfolio-overlay{position:absolute;top:0;left:0;background:url(../img/inner-shadow.png) no-repeat;width:167px;height:167px;}
span.portfolio-overlay-movie{position:absolute;top:0;left:0;background:url(../img/inner-shadow-movie.png) no-repeat;width:167px;height:167px;}
.portfolio li .info{display:none;}
.portfolio li:hover .info{display:block;position:absolute;left:0;bottom:0;background:url(../img/portfolio-opacity.png) repeat;z-index:1;width:147px;height:147px;padding:10px;}
.portfolio li:hover .info .enlarge a,.portfolio li:hover .info .enlarge a:hover,.portfolio li:hover .info .visit a,.portfolio li:hover .info .visit a:hover,.portfolio li:hover .info .read-more a,.portfolio li:hover .info .read-more a:hover,.portfolio li:hover .info .play a,.portfolio li:hover .info .play a:hover{width:42px;height:42px;position:absolute;bottom:10px;}
.portfolio li:hover .info .read-more a{background:url(../img/readmore-ico.png) no-repeat 0 0;}
.portfolio li:hover .info .enlarge a{background:url(../img/enlarge-ico.png) no-repeat 0 0;margin:0 0 0 52px;}
.portfolio li:hover .info .visit a{background:url(../img/visit-ico.png) no-repeat 0 0;margin:0 0 0 104px;}
.portfolio li:hover .info .play a{background:url(../img/play-ico.png) no-repeat 0 0;margin:0 0 0 52px;}
.portfolio li:hover .info p.info-title{color:#bcbcbc;font-size:15px;margin:0 0 10px;}
.portfolio li:hover .info p.info-desc{color:#bcbcbc;margin:0 0 10px;}
#project-gall li{float:left;display:block;position:relative;width:167px;height:167px;margin:0 1px 1px 0;}
#project-nav li a{width:50px;height:50px;display:block;}
#project-nav li.online a{background:url(../img/online-btn.png) no-repeat;background-position:0 0;}
#project-nav li.portfolio a{background:url(../img/portfolio-btn.png) no-repeat;background-position:0 0;}
#check li{background:url(../img/list-check.png) no-repeat;display:block;margin:0 0 15px;padding:0 0 0 27px;}
#arrow li{background:url(../img/list-arrow.png) no-repeat;display:block;margin:0 0 15px;padding:0 0 0 27px;}
#about img{float:left;width:167px;height:167px;margin:0 40px 0 0;}
#about p.about-text{float:left;width:600px;}
#about p.about-tags{float:left;width:300px;}

#project img{float:left;width:167px;height:167px;margin:0 40px 0 0;}
#project p.about-text{float:left;width:600px;}

blockquote.about-me{background:#f1f1f1;float:right;width:440px;font-style:italic;color:#5f5f5f;position:right;margin:20px 0 0;padding:20px;}
blockquote .quote-top{background:url(../img/quote-top.png) no-repeat;width:12px;height:12px;position:absolute;top:-12px;right:40px;}
blockquote.about-me p.quote-author{font-family:Arial, Helvetica, sans-serif;font-style:normal;font-size:12px;font-weight:700;color:#5f5f5f;text-align:right;margin:10px 0 0;}
#about-middle{border-top:1px solid #000;margin:40px 0 0;padding:40px 0 0;}
#chart li{height:35px;color:#000;font-style:italic;line-height:35px;background:#cccdce;margin:0 0 5px;padding:0 10px;}
#chart li.one{width:58px;}
#chart li.two{width:136px;}
#chart li.three{width:214px;}
#chart li.four{width:292px;}
#chart li.five{width:370px;}
#axis{background:url(../img/axis.png);height:31px;}
#twitter{border-top:1px solid #000;margin:40px 0 0;padding:20px 0 0;}
#twitter-btn a{background:url(../img/tweets-btn.png) 0 0 no-repeat;float:left;width:122px;height:122px;margin:20px 40px 0 0;}
#twitter-btn a:hover{background-position:0 -122px;float:left;width:122px;height:122px;}
p.loading{margin:20px 0 0;}
.tweet .tweet_list,.query .tweet_list{list-style-type:none;margin:0;padding:0;}
.tweet .tweet_list .awesome,.tweet .tweet_list .epic,.query .tweet_list .awesome,.query .tweet_list .epic{text-transform:uppercase;}
.tweet .tweet_list li,.query .tweet_list li{overflow-y:hidden;overflow-x:hidden;padding:20px 0 0;}
.tweet .tweet_list .tweet_avatar img,.query .tweet_list .tweet_avatar img{vertical-align:middle;float:left;margin:0 10px 0 0;}
.tweet_time a{font-size:10px;display:block;color:#8a8a8a;}
#contact-columns{border-bottom:1px solid #000;margin:0 0 40px;padding:0 0 40px;}
#contact-columns li{float:left;width:260px;margin:0 20px 0 0;}
#contact-columns li img{float:left;padding:0 15px 0 0;}
#contact-columns li p{margin:15px 0 0;}
#contact-info li{margin:0 0 30px;}
#form-container label{float:left;width:100px;font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;font-size:14px;text-transform:uppercase;position:relative;top:0;left:0;}
#form-container input{width:288px;border-bottom:1px dashed #989895;border-right:none;border-left:none;border-top:none;background:none;font-family:Arial, Helvetica, sans-serif;font-size:28px;position:relative;bottom:12px;left:0;}
#form-container textarea{width:390px;height:250px;background:#EAEAEA;font-family:Arial, Helvetica, sans-serif;font-size:28px;border-bottom:4px double #989895;border-right:none;border-left:none;border-top:1px solid #989895;float:left;}
#submit-btn{float:right;}
#submit-btn input{cursor:pointer;background:url(../img/submit-btn.png) no-repeat;width:90px;height:90px;border:none;text-indent:-9999px;margin:20px 0 0;}
#form-container input:hover,#form-container input:focus,#form-container label:hover + input{border-bottom:1px dashed #000;outline:none;}
#submit-btn input:hover{background-position:0 -90px;border-bottom:none;}
#submit-btn input:focus{border-bottom:none;outline:none;}
.error{background-color:#ab0000;color:#fff;font-size:12px;font-weight:700;line-height:20px;width:250px;position:relative;top:0;left:0;-moz-border-radius:5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;padding:10px;}
#contact-loading{position:relative;top:25px;left:200px;visibility:hidden;}
a:hover,h1.mail-sent{color:#000;}
a:hover,a:active,#form-container textarea:focus{outline:none;}
::-moz-selection,::selection{background:#000;color:#fff;text-shadow:none;}
#footer-address h5,#footer-contact h5,#footer-social h5,#footer-resume h5,#personal-details li{margin:0 0 20px;}
#footer-address ul li,#footer-contact ul li,p.margin{margin:0 0 5px;}
#footer-address ul li.last,#footer-contact ul li.last,#personal-details li.last,.item.last,#check li.last,#arrow li.last{margin-bottom:0;}
#footer-nav li,.portfolio-nav li{float:left;padding:0 30px 0 0;}
.description p.first,#contact-columns li.address p{margin-top:0;}
.portfolio-nav li a:hover,.portfolio-nav li.selected-1 a,.portfolio-nav li.selected-2 a,.portfolio-nav li.selected-3 a,.portfolio-nav li.selected-4 a,.portfolio-nav li.selected-0 a{color:#979797;}
#prev-next,#project-nav,.project-desc,#project-lists{margin:40px 0 0;}
#prev-next li,#project-nav li{float:right;margin:0 0 0 10px;}
#prev-next li.prev a:hover,#project-nav li.online a:hover,#project-nav li.portfolio a:hover{background-position:0 -50px;}
.portfolio li:hover .info .read-more a:hover,.portfolio li:hover .info .enlarge a:hover,.portfolio li:hover .info .visit a:hover,.portfolio li:hover .info .play a:hover{background-position:0 -42px;}
#last-tweets,.tweet_text{float:left;width:678px;}
.tweet .tweet_list li a,.query .tweet_list li a,.tweet .tweet_list li a:hover,.query .tweet_list li a:hover{text-decoration:none;}