#all{width:980px}
#main{width:860px; padding-top:20px;}
h2{text-transform:uppercase; font-weight:400; background:url(../images/circle-item.png) no-repeat 0 7px; text-indent:20px;}
h3{font-weight:400; margin: 0; font-size:24px; margin-bottom:14px; margin-top:5px;}
.center{margin:0 auto}


.pattern1{background-color:#D9DADA;}



.blue a,.blue h1,.blue h2{color:#CF3233;}
.blue nav .nav-global-li{float:left; margin-top: 12px; border-right:1px solid #D9DADA; border-left:1px solid #B30203;}
.blue nav{background-color:#CF3233 ;}
.blue footer #download-vcard{background:#CF3233}
.orange a,.orange h1,.orange h2{color:#ef8100;}
.orange nav .nav-global-li{float:left; margin-top:20px; border-right:1px solid #e55400; border-left:1px solid #ef8100;}
.orange nav{background:#ef8100 url(../images/bg-nav-orange.png)}
.orange footer #download-vcard{background:#ef8100 url(../images/bg-downloadvcard-orange.png) repeat-x;}
.red a,.red h1,.red h2{color:#c70000;}
.red nav .nav-global-li{float:left; margin-top:20px; border-right:1px solid #a90000; border-left:1px solid #c70000;}
.red nav{background:#c70000 url(../images/bg-nav-red.png)}
.red footer #download-vcard{background:#c70000 url(../images/bg-downloadvcard-red.png) repeat-x;}
.green a,.green h1,.green h2{color:#2cbd00;}
.green nav .nav-global-li{float:left; margin-top:20px; border-right:1px solid #139b00; border-left:1px solid #2cbd00;}
.green nav{background:#2cbd00 url(../images/bg-nav-green.png)}
.green footer #download-vcard{background:#2cbd00 url(../images/bg-downloadvcard-green.png) repeat-x;}



header{height:200px; position: relative;}
header #myphoto{position:absolute; bottom:25px; left:28px; padding:5px; width:150px; height:150px; background:#fff; border:1px solid #dcdcdc;}
header #title{height:150px; padding-left:190px; overflow:hidden; float: right;}
header #title h1{}

nav{height:56px; padding-left:190px; float: left; width: 670px;  -webkit-border-radius:0 60px 0 0; -moz-border-radius:0 60px 0 0; -o-border-radius:0 60px 0 0; border-radius:0 60px 0 0; -webkit-box-shadow:0 0 5px #777; -moz-box-shadow:0 0 5px #777; -o-box-shadow:0 0 5px #777; box-shadow:0 0 5px #777;}
nav .nav-global-li:last-child{border-right:none;}
nav .nav-global-li:first-child{border-left:none;}
nav .nav-global-a{font-size:16px;  padding:0 20px; padding-top:10px; display:block; color:#fff;-webkit-text-shadow:1px 1px 1px #000; -moz-text-shadow:1px 1px 1px #000; -o-text-shadow:1px 1px 1px #000; text-shadow:1px 1px 1px #000;}
nav .nav-global-a:hover{font-size:16px;  padding:0 20px; padding-top:10px; display:block; color:#FFF;-webkit-text-shadow:2px 2px 20px #FFF; -moz-text-shadow:2px 2px 20px #FFF; -o-text-shadow:2px 2px 20px #FFF; text-shadow:2px 2px 20px #FFF}
nav .nav-global-aactive{font-size:16px;  padding:0 20px; padding-top:10px; display:block; color:#FFF;-webkit-text-shadow:2px 2px 20px #FFF; -moz-text-shadow:2px 2px 20px #FFF; -o-text-shadow:2px 2px 20px #FFF; text-shadow:2px 2px 20px #FFF}

nav .nav-home,nav .nav-resume,nav .nav-portfolio,nav .nav-contact{background:url(../images/sprite-nav-icons.png) no-repeat;}
nav .nav-home{background-position:8px -5px;}
.home .active,nav .nav-home:hover{background-position:8px -80px;}
nav .nav-resume{background-position:-68px -5px;}
.resume .nav-resume,nav .nav-resume:hover{background-position:-68px -80px;}
nav .nav-portfolio{background-position:-155px -5px;}
.portfolio .nav-portfolio,.portfoliodetail .nav-portfolio,nav .nav-portfolio:hover{background-position:-155px -80px;}
nav .nav-contact{background-position:-256px -5px;}
.contact .nav-contact,nav .nav-contact:hover{background-position:-256px -80px;}
.home .nav-home a,.resume .nav-resume a,.contact .nav-contact a,.portfolio .nav-portfolio a,.portfoliodetail .nav-portfolio a{text-decoration:underline;}

#change-color{position: absolute; left:0; top:10px;}
#change-pattern{position: absolute; left:0; top:150px}
#change-color,#change-pattern{background:#fff; padding: 8px; text-align:center;}
#change-color ul li,#change-pattern ul li{height:20px; width:20px; list-style:none; padding: 0; margin: 0; margin-bottom:3px;}
#change-color ul li a{height:20px; display:block; text-indent:-999px; overflow: hidden;}
#change-pattern ul li a{height:20px; display:block;}
#change-pattern ul li{margin-left:6px;}
#change-color ul li{margin-left:1px;}
#change-color ul,#change-pattern ul{margin: 0; padding: 0;}
.color-blue{background:#1959a0;}
.color-orange{background:#ef8100;}
.color-red{background:#c70000;}
.color-green{background:#2cbd00;}



#content{background:#FFF; overflow:hidden; line-height:25px; padding:20px 34px; padding-bottom:34px; -webkit-border-radius:0 0 0 60px; -moz-border-radius:0 0 0 60px; -o-border-radius:0 0 0 60px; border-radius:0 0 0 60px; -webkit-box-shadow:0 0 5px #999; -moz-box-shadow:0 0 5px #999; -o-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999;}
#content p{margin:0;}
.table{width:50%}
.table td{border:1px solid #FFF; padding:2px 8px;}
.table .td-title{color:#999999; width:80px; background:#f4f4f4;}



#sec-home p{margin:10px 0 25px 0;}



#all-resume{border-bottom:1px solid #eee; padding-bottom:20px; overflow:hidden;}
#sec-resume ul li,#sec-resume ul{list-style:none; margin:0; padding:0;}
#sec-resume .fl,#sec-resume .fr{width:46%;}
#sec-resume ul li span{color:#999;}
#sec-resume #education ul li,#sec-resume #testimonials ul li{margin-bottom:20px;}
#sec-resume #education span,#sec-resume #employment span{background:url(../images/bg-arrow.png) no-repeat 0 4px; padding-left:16px;}
#sec-resume #design-skills{margin-bottom:40px;}
#sec-resume #employment{border-bottom:1px solid #eee; margin-bottom:20px; padding-bottom:20px;}
#sec-resume #employment h2,#sec-resume #design-skills h2{margin-top:10px;}
#sec-resume #design-skills ul li,#sec-resume #programming-skills ul li{margin-bottom:10px;}
#sec-resume #testimonials .aspas{font-size:90px; padding:23px 10px 0 0}
#sec-resume #testimonials .aspas, #sec-resume #testimonials img{float:left;}
#sec-resume #testimonials p{margin-left:100px;}
#sec-resume #testimonials span{font-style:italic;}
.stars{float:right;}
.star-100,.star-50,.star-0{padding:3px 13px 2px 10px;}
.star-100{background:url(../images/sprite-stars.png) 0 0;}
.star-50{background:url(../images/sprite-stars.png) -27px 0;}
.star-0{background:url(../images/sprite-stars.png) -52px 0;}



#sec-portfolio ul.portfolio-slide li,#sec-portfolio ul.portfolio-slide{list-style:none; margin:0; padding: 0;}
#sec-portfolio ul.portfolio-slide li{float: left; margin-bottom:20px; margin-right:8px;}
.marginright-zero{margin-right:0 !important}
#sec-portfolio ul.portfolio-slide li figure,.portfoliodetail #content ul.portfolio-slide li figure{padding:4px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; border:1px solid #ddd;}
#sec-portfolio ul.portfolio-slide li a,.portfoliodetail #content ul.portfolio-slide li a{margin-left:5px;}
#sec-portfolio ul.portfolio-slide li figure a,.portfoliodetail #content ul.portfolio-slide li figure a{margin-left:0 !important;}
#sec-portfolio .portfolio-slide li figure{position:relative;}
#sec-portfolio #choose{margin-bottom:20px;}
#portfoliodetail-text{width:380px;}
#portfoliodetail-text ul li{list-style-image:url(../images/bg-arrow.png); margin:0; padding:0;}
#portfoliodetail-text p{margin:10px 0;}
.portfoliodetail .flexslider-detail{width:376px;}
.portfoliodetail .button{margin-top:20px; margin-left:5px;}
.portfoliodetail .link-site{background:url(../images/bg-link.png) 0 2px no-repeat; padding-left:28px;}

.show-portfolio-text:hover span{background:#000 url(../images/portfolio-text-icon.png) no-repeat center;}
.show-portfolio-img:hover span{background:#000 url(../images/portfolio-img-icon.png) no-repeat center;}
.show-portfolio-link:hover span{background:#000 url(../images/portfolio-link-icon.png) no-repeat center;}
.show-portfolio-link:hover span,.show-portfolio-img:hover span,.show-portfolio-text:hover span{opacity: 0.5;-moz-opacity: 0.5;filter:alpha(opacity=5); width:180px; height:120px; position:absolute; left:4px; top:4px;}


#sec-contact .fl,#sec-contact .fr{width:48%;}
#sec-contact span{color:#999;}
#sec-contact .contact-info h2,#sec-contact .contact-me h2{margin-top:10px;}



footer{margin-bottom:20px;}
footer div{overflow:hidden;}

footer #copyright{text-align:right; font-size:14px; overflow:hidden;}