/* Global Font Imports */
@font-face { font-family:Voltaire; font-style:normal; font-weight:400; src:url(../fonts/voltaire.woff),url(../fonts/voltaire.ttf); }
@font-face { font-family:OpenSans; font-style:normal; font-weight:400; src:url(../fonts/opensans.woff),url(../fonts/opensans.ttf); }
@font-face { font-family:OpenSans; font-style:normal; font-weight:300; src:url(../fonts/opensans-light.woff),url(../fonts/opensans-light.ttf); }
@font-face { font-family:OpenSans; font-style:normal; font-weight:700; src:url(../fonts/opensans-bold.woff),url(../fonts/opensans-bold.ttf); }

/* General styles */
.spinload { z-index:1000000; overflow:visible; position:fixed; display:block; height:auto; min-height:100%; max-height:none; width:auto; min-width:100%; max-width:100%; margin:0; padding:0; outline:0; border:0; border-radius:0; background:#171717; opacity:1; }
.interface { z-index:1; overflow:visible; position:absolute; display:block; height:auto; min-height:0; max-height:none; width:auto; min-width:90%; max-width:90%; margin:0; padding:5% 5% 5% 5%; outline:0; border:0; border-radius:0; background:transparent; opacity:1; }
.button { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:20px 20px 20px 20px; outline:0; border:0; border-radius:4px 4px 4px 4px; background:transparent; opacity:1; font:400 20px/20px OpenSans,Helvetica,Arial; color:#000000; text-align:center; text-decoration:none; text-shadow:none; }
.button:hover,.button:active,.button:focus { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:20px 20px 20px 20px; outline:0; border:0; border-radius:4px 4px 4px 4px; background:#CCCCCC; opacity:1; font:400 20px/20px OpenSans,Helvetica,Arial; color:#FFFFFF; text-align:center; text-decoration:none; text-shadow:none; }
.collection { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:20px 20px 20px 20px; outline:0; border:0; border-radius:4px 4px 4px 4px; background:#EEEEEE; opacity:1; }
.field { position:relative; display:block; height:auto; min-height:0; max-height:none; width:auto; min-width:100%; max-width:100%; margin:0; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; font:400 14px/20px OpenSans,Helvetica,Arial; color:#000000; text-align:left; text-decoration:none; text-shadow:none; }
.area { position:relative; display:block; height:auto; min-height:100px; max-height:none; width:auto; min-width:100%; max-width:100%; margin:0; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; font:400 14px/20px OpenSans,Helvetica,Arial; color:#000000; text-align:left; text-decoration:none; text-shadow:none; }
.shadow { -webkit-box-shadow:0 10px 20px -20px #000000; -moz-box-shadow:0 10px 20px -20px #000000; -ms-box-shadow:0 10px 20px -20px #000000; -o-box-shadow:0 10px 20px -20px #000000; box-shadow:0 10px 20px -20px #000000; }
.border { -webkit-box-shadow:inset 0 0 0 2px #CCCCCC; -moz-box-shadow:inset 0 0 0 2px #CCCCCC; -ms-box-shadow:inset 0 0 0 2px #CCCCCC; -o-box-shadow:inset 0 0 0 2px #CCCCCC; box-shadow:inset 0 0 0 2px #CCCCCC; }
.border:hover { -webkit-box-shadow:inset 0 0 0 4px #0099CC; -moz-box-shadow:inset 0 0 0 4px #0099CC; -ms-box-shadow:inset 0 0 0 4px #0099CC; -o-box-shadow:inset 0 0 0 4px #0099CC; box-shadow:inset 0 0 0 4px #0099CC; }
.thinborder { -webkit-box-shadow:inset 0 0 0 2px #CCCCCC; -moz-box-shadow:inset 0 0 0 2px #CCCCCC; -ms-box-shadow:inset 0 0 0 2px #CCCCCC; -o-box-shadow:inset 0 0 0 2px #CCCCCC; box-shadow:inset 0 0 0 2px #CCCCCC; }
.wrap .quote { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; font:400 16px/20px OpenSans,Helvetica,Arial; color:#000000; text-align:center; text-decoration:none; text-shadow:none; }
.wrap .offset { margin-top: 40px; }

ul li { font:400 16px/20px OpenSans,Helvetica,Arial; color:#000000; text-decoration:none; text-shadow:none; }
a { color: #000000; }
a:hover { color: #0099CC; }

/* Sub-item styles */
#start { z-index:0; overflow:hidden; position:fixed; display:block; height:100%; width:100%; margin:0; padding:0; outline:0; border:0; border-radius:0; background:#000000; opacity:1; }
#start .animation { z-index:1000000; overflow:visible; position:absolute; display:block; height:100%; width:100%; margin:0; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; }
#start .slide { position:absolute; display:block; height:100%; width:100%; margin:0; padding:0; outline:0; border:0; border-radius:0; background:transparent no-repeat scroll center center; opacity:0.5; }
#start .content { z-index:1000000; overflow:visible; position:relative; display:block; height:auto; width:auto; margin:0; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; }
#start .content .wrap .coverage { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; }
#start .content .wrap .coverage .avatar { position:relative; display:block; height:160px; width:160px; margin:0 auto 0 auto; padding:0; outline:0; border:0; border-radius:80px 80px 80px 80px; background:transparent; opacity:1; }
#start .content .wrap .name { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; font:400 50px/50px Voltaire,Helvetica,Arial; color:#FFFFFF; text-align:center; text-decoration:none; text-shadow:0 5px 0 #000000; }
#start .content .wrap .job { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; font:400 20px/30px OpenSans,Helvetica,Arial; color:#FFFFFF; text-align:center; text-decoration:none; text-shadow:none; }
#start .content .wrap .language { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; font:400 20px/30px OpenSans,Helvetica,Arial; color:#FFFFFF; text-align:center; text-decoration:none; text-shadow:none; font-size: 13px; }
#start .content .wrap .language a { color: #fff; }
#start .content .wrap .offset { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; }
#start .content .wrap .offset .arrow { position:relative; display:block; height:64px; width:64px; margin:0 auto 0 auto; padding:0; outline:0; border:0; background:transparent; opacity:1; }
#about { z-index:0; overflow:hidden; position:relative; display:block; height:auto; width:auto; margin:0; padding:0; outline:0; border:0; border-radius:20px 20px 0 0; background:#FFFFFF; opacity:1; }
#about .content { position:relative; display:block; height:auto; width:auto; margin:100px auto 100px auto; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; }
#about .content .wrap .box { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:0; outline:0; border:0; border-radius:0; background:transparent url(../images/strip.png) scroll repeat-x center center; opacity:1; }
#about .content .wrap .box .topic { position:relative; display:block; height:auto; width:auto; min-width:200px; max-width:50%; margin:0 auto 0 auto; padding:0; outline:0; border:0; border-radius:0; background:#FFFFFF; opacity:1; font:700 20px/30px OpenSans,Helvetica,Arial; color:#000000; text-align:center; text-decoration:none; text-shadow:none; }
#skills { z-index:0; overflow:hidden; position:relative; display:block; height:auto; width:auto; margin:0; padding:0; outline:0; border:0; border-radius:0; background:#EEEEEE; opacity:1; }
#skills .content { position:relative; display:block; height:auto; width:auto; margin:100px auto 100px auto; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; }
#skills .content .wrap .box { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:0; outline:0; border:0; border-radius:0; background:transparent url(../images/strip.png) scroll repeat-x center center; opacity:1; }
#skills .content .wrap .box .topic { position:relative; display:block; height:auto; width:auto; min-width:200px; max-width:50%; margin:0 auto 0 auto; padding:0; outline:0; border:0; border-radius:0; background:#EEEEEE; opacity:1; font:700 20px/30px OpenSans,Helvetica,Arial; color:#000000; text-align:center; text-decoration:none; text-shadow:none; }
#skills .content .wrap .bar { position:relative; display:block; height:auto; width:auto; margin:0; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; }
#skills .content .wrap .bar .progress { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:10px 10px 10px 10px; outline:0; border:0; border-radius:4px 4px 4px 4px; background:transparent url(../images/gradient.png) scroll repeat-y center right; opacity:1; font:400 14px/20px OpenSans,Helvetica,Arial; color:#FFFFFF; text-align:left; text-decoration:none; text-shadow:none; }
#skills .content .wrap .bar .progress a { font:400 14px/20px OpenSans,Helvetica,Arial; color:#FFFFFF; text-align:left; text-decoration:none; text-shadow:none; }
#projects { z-index:0; overflow:hidden; position:relative; display:block; height:auto; width:auto; margin:0; padding:0; outline:0; border:0; border-radius:0; background:#FFFFFF; opacity:1; }
#projects .content { position:relative; display:block; height:auto; width:auto; margin:100px auto 100px auto; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; }
#projects .content .wrap .box { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:0; outline:0; border:0; border-radius:0; background:transparent url(../images/strip.png) scroll repeat-x center center; opacity:1; }
#projects .content .wrap .box .topic { position:relative; display:block; height:auto; width:auto; min-width:200px; max-width:50%; margin:0 auto 0 auto; padding:0; outline:0; border:0; border-radius:0; background:#FFFFFF; opacity:1; font:700 20px/30px OpenSans,Helvetica,Arial; color:#000000; text-align:center; text-decoration:none; text-shadow:none; }
#projects .content .wrap .coverage { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; }
#projects .content .wrap .coverage .icon { position:relative; display:block; height:100px; width:100px; margin:0 auto 0 auto; padding:0; outline:0; border:0; border-radius:50px 50px 50px 50px; background:transparent; opacity:1; }
#projects .content .wrap .date { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; font:400 14px/20px OpenSans,Helvetica,Arial; color:#AAAAAA; text-align:center; text-decoration:none; text-shadow:none; }
#projects .content .wrap .job { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; font:400 20px/30px OpenSans,Helvetica,Arial; color:#000000; text-align:center; text-decoration:none; text-shadow:none; }
#projects .content .wrap .desc { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; font:400 14px/20px OpenSans,Helvetica,Arial; color:#000000; text-align:center; text-decoration:none; text-shadow:none; }
#schooling { z-index:0; overflow:hidden; position:relative; display:block; height:auto; width:auto; margin:0; padding:0; outline:0; border:0; border-radius:0; background:#EEEEEE; opacity:1; }
#schooling .content { position:relative; display:block; height:auto; width:auto; margin:100px auto 100px auto; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; }
#schooling .content .wrap .box { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:0; outline:0; border:0; border-radius:0; background:transparent url(../images/strip.png) scroll repeat-x center center; opacity:1; }
#schooling .content .wrap .box .topic { position:relative; display:block; height:auto; width:auto; min-width:200px; max-width:50%; margin:0 auto 0 auto; padding:0; outline:0; border:0; border-radius:0; background:#EEEEEE; opacity:1; font:700 20px/30px OpenSans,Helvetica,Arial; color:#000000; text-align:center; text-decoration:none; text-shadow:none; }
#schooling .content .wrap .coverage { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; }
#schooling .content .wrap .coverage .icon { position:relative; display:block; height:100px; width:100px; margin:0 auto 0 auto; padding:0; outline:0; border:0; border-radius:50px 50px 50px 50px; background:transparent; opacity:1; }
#schooling .content .wrap .date { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; font:400 14px/20px OpenSans,Helvetica,Arial; color:#AAAAAA; text-align:center; text-decoration:none; text-shadow:none; }
#schooling .content .wrap .diploma { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; font:400 20px/30px OpenSans,Helvetica,Arial; color:#000000; text-align:center; text-decoration:none; text-shadow:none; }
#schooling .content .wrap .diploma a { font:400 20px/30px OpenSans,Helvetica,Arial; color:#000000; text-decoration:underline; text-shadow:none; }
#schooling .content .wrap .desc { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; font:400 14px/20px OpenSans,Helvetica,Arial; color:#000000; text-align:center; text-decoration:none; text-shadow:none; }
#other { z-index:0; overflow:hidden; position:relative; display:block; height:auto; width:auto; margin:0; padding:0; outline:0; border:0; border-radius:0; background:#FFFFFF; opacity:1; }
#other .content { position:relative; display:block; height:auto; width:auto; margin:100px auto 100px auto; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; }
#other .content .wrap .box { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:0; outline:0; border:0; border-radius:0; background:transparent url(../images/strip.png) scroll repeat-x center center; opacity:1; }
#other .content .wrap .box .topic { position:relative; display:block; height:auto; width:auto; min-width:200px; max-width:50%; margin:0 auto 0 auto; padding:0; outline:0; border:0; border-radius:0; background:#FFFFFF; opacity:1; font:700 20px/30px OpenSans,Helvetica,Arial; color:#000000; text-align:center; text-decoration:none; text-shadow:none; }
#other .content .wrap .data { position:relative; display:block; height:auto; width:auto; margin:0; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; }
#other .content .wrap .coverage { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; }
#other .content .wrap .coverage .icon { position:relative; display:block; height:60px; width:60px; margin:0; padding:0; outline:0; border:0; border-radius:30px 30px 30px 30px; background:transparent; opacity:1; }
#other .content .social { position: relative; display: block; width: 200px; height: auto; margin: 20px auto 0 auto; }
#bottom { z-index:0; overflow:hidden; position:relative; display:block; height:auto; width:auto; margin:0; padding:0; outline:0; border:0; border-radius:0 0 20px 20px; background:#000000; opacity:1; }
#bottom .content { position:relative; display:block; height:auto; width:auto; margin:0; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; }
#bottom .content .wrap .copyright { position:relative; display:block; height:auto; width:auto; margin:10px 10px 10px 10px; padding:0; outline:0; border:0; border-radius:0; background:transparent; opacity:1; font:400 14px/20px OpenSans,Helvetica,Arial; color:#FFFFFF; text-align:center; text-decoration:none; text-shadow:none; }