html,
body {
  width:100%;
  height:100%;
  margin:0;
  padding:0;

  font-family:"adrianna-1","adrianna-2","Trebuchet MS","Segoe UI","Arial",sans-serif;

  color:#111;
  font-size:16px;
}


body {
  background-color:#79EDE2;
  background:-moz-linear-gradient(center top, #2be3d1, #fff) repeat scroll 0 0 transparent;
  background:-webkit-gradient(linear, left top, left bottom, from(#2be3d1), to(#fff));
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2be3d1', endColorstr='#ffffff');
  height:100%;
  width:100%;
}



.clearfix:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}
 
.clearfix {
  display:inline-block;
}
 
html[xmlns] .clearfix {
  display:block;
}
 
* html .clearfix {
  height:1%;
}


.r {
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
.rt {
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
}
.rb {
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
}
.rl {
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomleft:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-bottom-left-radius:5px;
}
.rr {
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
  -moz-border-radius-topright:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-top-right-radius:5px;
  -webkit-border-bottom-right-radius:5px;
}


input,
select,
textarea {
  font-family:'Segoe UI','Trebuchet MS','Helvetica',sans-serif;
}

input.failure,
select.failure,
textarea.failure {
  border:2px solid red !important;
}
input.success,
select.success,
textarea.success {
  border:2px solid green !important;
}

textarea {
  border:2px solid #ccc;
  padding:6px;
}
input[type="text"],
input[type="password"] {
  font-size:16px;
  border:2px solid #ccc;
  padding:6px;  
}

input[type="button"],
input[type="submit"] {
  background:url("../img/bgd.png") repeat scroll 0 0 transparent;
  color:#fff;
  cursor:pointer;
  float:right;
  font-size:16px;
  margin:8px 0 0;
  padding:7px 10px;
  border:none;

  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
input[type="button"]:hover,
input[type="submit"]:hover {
  background-color:#3a605c;
}

input.prompt {
  color:#666;
  font-style:italic;
}





div#brick {
  position:absolute;
  width:32px;
  height:0;
  bottom:160px;
  left:34%;
  background:url("../img/brick.png") repeat-y scroll 0pt 0pt transparent;
  z-index:1001;
}


div.footer-index {
  position:absolute;
  bottom:0;
  width:100%;  
}

div.footer-index div#earth {
  bottom:0;
  background-color:#533F2E;
  background:-moz-linear-gradient(center top, #5a3c1e, #4d423e) repeat scroll 0 0 transparent;
  background:-webkit-gradient(linear, left top, left bottom, from(#5a3c1e), to(#4d423e));
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a3c1e', endColorstr='#4d423e');
}
div.footer-index div#grass {
  top:0;
  background-color:#156B02;
  background:-moz-linear-gradient(center top, #267f00, #065a05) repeat scroll 0 0 transparent;
  background:-webkit-gradient(linear, left top, left bottom, from(#267f00), to(#065a05));
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#267f00', endColorstr='#065a05');
}


a#m,
div#c,
div#r {
  position:absolute;
  font-size:15px;
  font-weight:bold;
  text-shadow:1px 1px 20px #C79E9E;
  font-family:"Trebuchet MS","Segoe UI","Arial",sans-serif;
}

a#m {
  bottom:1px;
  right:0;
  height:20px;
  text-decoration:none;
  color:#111;
  text-shadow:none;
  overflow:hidden;
}
a#m i {
  display:inline-block;
  float:left;
  width:22px;
  height:22px;
  margin:1px 2px 0 0;

  background:url("../img/icon_eq.gif") no-repeat transparent;
}

div#c {
  bottom:40px;
  right:-2px;
}
div#r {
  bottom:2px;
  text-align:center;
  width:100%;
}



div#title-container h1 {
  margin:0;
  font-family:"chaloops-medium-1","chaloops-medium-2","Trebuchet MS","Segoe UI","Arial",sans-serif;
  text-shadow:1px 1px 16px #fff;
}
div#title-container h1:hover {
  text-shadow:1px 1px 6px #fff;
}



a#twitter-home {
  position:absolute;
  display:block;
  bottom:143px;
  width:412px;
  height:256px;
  left:-150px;
  z-index:1001;
  text-decoration:none;

  background:url(../img/twitter-home.png) repeat transparent;
  background-position:-0 -0;
}
a#twitter-home:hover {
  background-position:-412px -0;
}

a#twitter-home span {
  position:absolute;
  display:block;
  width:200px;
  top:36px;
  right:12px;

  text-align:center;
  font-size:28px;
  color:transparent;

  font-family:"chaloops-medium-1","chaloops-medium-2","Trebuchet MS","Segoe UI","Arial",sans-serif;
}
a#twitter-home:hover span {
  color:#333;
}





div#info-box {
  font-style:italic;
  color:#3f615d;
  min-height:0;
  padding:12px 14px 14px 14px;
  width:94%;
  line-height:22px;
}
div#info-box a {
  color:#333;
  text-decoration:none;
  margin-bottom:2px;
  border-bottom:1px dotted #222;
}
div#info-box a:hover {
  color:#000;
  border-bottom:1px solid #000;
}

.separator {
  position:relative;
  margin:6px 0 10px 0;
  width:362px;
  padding:7px 10px 5px 10px;

  background:url(../img/bgd.png) repeat transparent;
  color:#fff;
  font-size:20px;
  font-family:"anivers-1","anivers-2","Trebuchet MS","Segoe UI","Arial",sans-serif;

  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
.separator h2 {
  padding:0;
  margin:0;
  font-size:20px;
}



div.item {
  position:relative;
  padding:6px;
  width:96%;
  min-height:90px;
  background:url(../img/bg.png) repeat transparent;
  margin-bottom:22px;

  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
div.item:last-child {
  margin-bottom:0;
}






/*portfolio*/
body.portfolio .separator {
  margin-top:6px;
}


div.portfolio-row {
  padding:0;
  position:relative;
  overflow:hidden;
}

div.portfolio-row div.images {
  margin:0;
  height:168px;
  width:1000px;
  overflow:hidden;
  background:url("../img/bgd.png") repeat scroll 0 0 transparent;
}

div.portfolio-row div.images img {
  border:1px solid #222;
  border-left:0;
  height:166px;

  image-rendering:optimizeQuality;
  -ms-interpolation-mode:bicubic;
  cursor:pointer;
}
div.portfolio-row div.images img:first-child {
  border-left:1px solid #222;
}
div.selected div.images img {
  border-left:1px solid #222;
  cursor:default;
}

div.portfolio-row div.control {
  position:absolute;
  height:100%;
  min-width:60px;
  right:0;
  top:0;
  background:url("../img/bgd.png") repeat scroll 0 0 transparent;
  text-align:center;
}

div.portfolio-row div.control div.nums a.num {
  display:block;
  width:40px;
  padding:5px 0;
  margin:10px;

  font-size:26px;
  font-weight:bold;
  text-align:center;
  background:url(../img/bg.png) repeat transparent;
  color:#111;
  text-decoration:none;

  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
div.portfolio-row div.control div.nums a.num:hover,
div.portfolio-row div.control div.nums a.selected {
  background:#fff;
}


div.portfolio-row div.control a.arrow {
  position:absolute;
  display:inline-block;
  width:24px;
  height:24px;
  bottom:0;
  right:0;
  padding:8px;
  margin:10px;
  
  font-size:26px;
  font-weight:bold;
  text-align:center;
  background:url(../img/bg.png) repeat transparent;
  color:#111;
  text-decoration:none;
  
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

div.portfolio-row div.control a.arrow i {
  display:inline-block;
  width:24px;
  height:24px;
  background:url("../img/portfolio.png") no-repeat transparent;
  margin:0;
  text-indent:-9000px;
}


div.portfolio-row div.control a.arrow-right i {
  background-position:-0 -48px;
}

div.portfolio-row div.control a.arrow-right:hover {
  background:#fff;
}
div.portfolio-row div.control a.arrow-right:hover i {
  background-position:-0 -0;
}

div.selected div.control a.arrow-right i,
div.selected div.control a.arrow-right:hover i {
  background-position:-0 -24px;
}



div.portfolio-row div.inner {
  margin-right:96px;
}



div.portfolio-row div.details {
  padding:10px;
}
div.portfolio-row div.details h3 {
  margin:0 0 4px 0;
  font-family:"anivers-1","anivers-2","Trebuchet MS","Segoe UI","Arial",sans-serif;
}
div.portfolio-row div.details h3 a {
  display:block;
  text-decoration:none;
}

div.portfolio-row div.details h3 a b {
  float:left;
  color:#111;
  border-bottom:1px dotted rgba(0,0,0,0);
}
div.portfolio-row div.details h3 a:hover b {
  color:#000;
  border-bottom:1px dotted #000;
}

div.portfolio-row div.details h3 a > i {
  display:inline-block;
  float:left;
  width:22px;
  height:22px;
  margin:0 0 0 8px;

  background:url(../img/buttons.png) -0 -0;
  cursor:pointer;
}


div.portfolio-row div.details span {
  position:absolute;
  right:8px;
  top:6px;

  color:#666;
  font-style:italic;
  font-size:16px;
}

div.portfolio-row div.details p {
  margin:0;
}
div.portfolio-row div.details p a {
  color:#111;
  text-decoration:none;
  border-bottom:1px dotted #111;
  padding-bottom:1px;
  font-style:italic;
}
div.portfolio-row div.details p a:hover {
  color:#000;
  border-bottom:1px dotted #000;
}





div.portfolio-row table {
  border-collapse:collapse;
  width:100%;
  padding:0;
  margin:22px 0 14px 0;
}

div.portfolio-row table th {
  text-align:right;
  width:12%;
  padding:0 2% 0 0;
  vertical-align:top;
}

div.portfolio-row table td {
  padding:1px 0 0 0;
  vertical-align:top;
}

div.portfolio-row table td.role,
div.portfolio-row table td.when {
  width:28%;
}

div.portfolio-row table td.link,
div.portfolio-row table td.tech {
  width:44%;
}


div.portfolio-row table td.link a {
  color:#111;
  text-decoration:none;
}
div.portfolio-row table td.link a:hover {
  color:#000;
  border-bottom:1px dotted #000;
}

div.portfolio-row table td.tech b {
  display:inline-block;
  margin:-4px 10px 12px 0;
  padding:3px 6px;

  background:url("../img/bgd.png") repeat scroll 0 0 transparent;
  color:#fff;
  
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
div.portfolio-row table td.tech b i {
  padding-right:4px;
}



div#portfolio-details {
  position:absolute;
  width:32%;
  margin-top:100px;
  padding:0 12px 0 0;
  text-align:right;
  background-color:pink;

  background:rgba(161, 241, 248, 0.9);
  color:#000;
  z-index:1001;

  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
div#portfolio-details p {
  padding:12px 0 12px 64px;
  margin:0;
}

div#portfolio-details p a {
  color:#111;
  text-decoration:none;
  border-bottom:1px dotted #111;
  padding-bottom:1px;
  font-style:italic;
  font-weight:bold;
}
div#portfolio-details p a:hover {
  color:#000;
  border-bottom:1px dotted #000;
}











/*about*/
a#twitter {
  position:absolute;
  display:block;
  top:28px;
  left:28px;
  text-decoration:none;

  background:url(../img/twitter.png) no-repeat transparent;
  width:172px;
  height:163px;
  cursor:pointer;
}
p.about {
  margin:8px 0 16px 0;
  padding:0;
  line-height:22px;
}
p.about a {
  color:#111;
  text-decoration:none;
  margin-bottom:2px;
  border-bottom:1px dotted #222; 
}
p.about a:hover {
  color:#000;
  border-bottom:1px solid #000;
}



/*blog*/
a#rss {
  position:absolute;
  display:block;
  top:28px;
  left:98px;
  text-decoration:none;

  background:url(../img/rss.png) no-repeat transparent;
  width:92px;
  height:112px;
  cursor:pointer;
}

h2.blog-title {
  margin:0 3px;
  width:80%;
  font-family:"anivers-1","anivers-2","Trebuchet MS","Segoe UI","Arial",sans-serif;
}
h2.blog-title a {
  color:#111;
  text-decoration:none;
}
h2.blog-title a:hover {
  color:#000;
}

div.permalink {
  position:absolute;
  top:10px;
  right:70px;
}

div.blog-content {
  padding:10px 20px 10px 10px;
  line-height:22px;
}
div.blog-content p {
  margin:0 0 20px 0;
}
div.blog-content p:last-child {
  margin:0;
}

div.blog-content img {
  text-align:center;
  border:1px solid #333;
}
div.blog-content img.n {
  border:0;
}

div.blog-content a {
  color:#111;
  text-decoration:none;
  margin-bottom:2px;
  border-bottom:1px dotted #222;
}
div.blog-content a:hover {
  color:#000;
  border-bottom:1px solid #000;
}
div.blog-content a.n {
  color:#111;
  text-decoration:none;
  margin-bottom:0;
  border-bottom:0;
}

div.blog-footer {
  position:relative;
  border-top:2px dotted #333;
  color:#333;
  margin-top:12px;
  padding:8px 6px 6px 2px;
  font-size:14px;
  height:16px;
}

div.blog-footer-comments div.comment {
  width:140px;
  height:22px;
  font-style:italic;
  font-family:"Trebuchet MS","Segoe UI","Arial",sans-serif;
}
div.blog-footer-comments span.prompt {
  color:#6EAAA4;
  font-style:italic;
  left:134px;
  top:2px;
  position:relative;
}

div.blog-footer-date {
  position:absolute;
  right:7px;
  top:9px;

  color:#666;
  font-style:italic;
  font-size:16px;
}
div.blog-footer-date-single {
  bottom:-26px;
  color:#111111;
  float:right;
  font-size:16px;
  right:6px;
  top:auto;
}



/*comments*/
div#comments-outer {
  margin-top:44px;
}

div.add-comment {
  position:absolute;
  right:66px;
  top:8px;
}

div#add-comment-column {
  float:left;
  width:382px;
}
div#captcha-column {
  float:right;
  margin-right:15px;
  text-align:center;
  width:220px;
}
div#captcha-column h3 {
  margin:7px 0;
  font-family:"anivers-1","anivers-2","Trebuchet MS","Segoe UI","Arial",sans-serif;
}
div#captcha-column a {
  color:#666;
  display:block;
  font-size:15px;
  font-style:italic;
  margin-top:6px;
  text-decoration:none;
}


div.comment-item {
  border-bottom:2px dotted #666;
  margin-bottom:10px;
  padding:6px 6px 20px 6px;
}
div.comment-item:last-child {
  border-bottom:none;
  margin-bottom:30px;
}

div.comment-item div.num {
  float:left;
  width:40px;
  padding:5px 0;
  margin-right:10px;
  
  font-size:26px;
  font-weight:bold;
  text-align:center;
  background:url(../img/bg.png) repeat transparent;

  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
div.comment-item div.head {
  font-weight:bold;
}
div.comment-item div.head span.date {
  float:right;
  margin-right:10px;
  font-weight:normal;
  font-style:italic;
}
div.comment-item div.body {
  padding:6px 0 0 50px;
  width:70%;
  line-height:22px;
}


input#comment-name {
  width:250px;
}
textarea#comment-text {
  height:85px;
  width:366px;
}
div#comment-status {
  position:relative;
  float:left;
  top:15px;

  font-style:italic;
  font-weight:bold;
}

textarea.prompt {
  color:#666;
  font-style:italic;
}

div#captcha-img {
  width:220px;
  height:100px;
  margin:0 auto 10px;
  background-image:url(../get/captcha.php);
  cursor:pointer;
}
input#captcha {
  width:200px;
}

img#spinner {
  opacity:0.4;
  margin:7px 10px 0 0;
  float:right;
}




/*cv*/
table.cv td.subheader {
  vertical-align:top;
  text-align:right;
  width:124px;
}
table.cv td.subheader h2 {
  width:124px;
  margin-right:16px;
  text-align:right;
  font-family:"anivers-1","anivers-2","Trebuchet MS","Segoe UI","Arial",sans-serif;
}

table.cv td.text {
  padding-bottom:20px;
  line-height:22px;
}
table.cv td.text h3 {
  padding:0;
  margin:26px 0 8px 0;
  font-family:"anivers-1","anivers-2","Trebuchet MS","Segoe UI","Arial",sans-serif;
}

table.cv td.text p {
  padding:0;
  margin:0 0 20px 0;
}
table.cv td.text a {
  color:#111;
  text-decoration:none;
  margin-bottom:2px;
  border-bottom:1px dotted #222; 
}
table.cv td.text a:hover {
  color:#000;
  border-bottom:1px solid #000;
}

table.cv td.text i {
  color:#3F615D;
}
table.cv td.text ul {
  padding:0;
  margin:2px 0 6px 16px;
  list-style-image:url(../img/bullet.png);
  list-style-type:square;
}



/*scrollbar*/
::-webkit-scrollbar {
  width:22px;
  height:22px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display:block;
}
 
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
  display:none;
}

::-webkit-scrollbar-button:start:decrement {
  background-image:url(../img/scroll/cntrl_up.png);
  cursor:n-resize;
}

::-webkit-scrollbar-button:end:increment {
  background-image:url(../img/scroll/cntrl_dwn.png);
  cursor:s-resize;
}

::-webkit-scrollbar-track-piece:vertical {
  margin:6px 0 2px 0;
}

::-webkit-scrollbar-thumb:vertical {
  height:60px;
  -webkit-border-image:url(../img/scroll/thumb.png) 8 8 8 8 stretch stretch;
  border-width:8 8 8 8;
  cursor:n-resize;
}




/*buttons*/
div.button,
div.button-w {
  cursor:pointer;
  position:absolute;
}
div.button div,
div.button-w div {
  position:absolute;
  top:0;
  left:0;

  background-image:url(../img/buttons.png);
  width:22px;
  height:22px;
  cursor:pointer;
}

div.button a,
div.button-w a {
  position:absolute;
  left:26px;
  top:0;
  font-weight:bold;
  font-size:16px !important;
  text-decoration:none;
  font-family:"anivers-1","anivers-2","Trebuchet MS","Segoe UI","Arial",sans-serif;
}
div.button a {
  color:#000;
}
div.button-w a {
  color:#fff;
}

div.button {
  opacity:0.3;
}
div.button:hover {
  opacity:0.6;
}

div.button-w {
  opacity:0.5;
}
div.button-w:hover {
  opacity:0.8;
}


div.link div {
  background-position:-0px -0px;
}

div.more div {
  background-position:-22px -0px;
}

div.less div {
  background-position:-44px -0px;
}

div.comment div {
  background-position:-66px -0px;
}

div.add-w div {
  background-position:-88px -22px;
}

















@media screen and (max-width: 1000px) {
  div#title-container {
    position:absolute;
    margin:2%;
    text-align:left;
    cursor:pointer;
  }
  
  
  div.footer-index {
    height:96px;
  }
  div.footer-index div#earth {
    height:80px;
  }
  div.footer-index div#grass {
    height:16px;
  }


  div#me {
    position:absolute;
    bottom:0;
    z-index:1000; 
  }
  div.me-40 {
    width:auto;
  }
  div.me-100 {
    width:100%;
  }
  
  div#me div.img {
    position:relative;
    width:265px;
    height:88px;
    bottom:8px;
    background:url(../img/me-small.png) no-repeat transparent;
  }


  div#frame {
    position:absolute;
    top:60px;

    width:96%;
    margin:2%;
    height:100px;
  
    overflow-y:auto;
  }


  div.clouds-sky {
    position:relative;
    top:64px;
    width:70%;
    margin:0 auto;
  }
  div.clouds-ground {
    position:absolute;
    top:12px;
    right:10px;
    z-index:1000;
  }


  a.cloud {
    font-size:20px;
    text-align:center;
    margin:10px;

    cursor:pointer;
    color:#444;
    text-decoration:none;
    border-bottom:1px dotted #444;
    font-family:"chaloops-medium-1","chaloops-medium-2","Trebuchet MS","Segoe UI","Arial",sans-serif;
  }
  a.cloud:hover {
    color:#000;
    border-bottom:1px solid #000;
  }
}
  
@media screen and (min-width: 1000px) {
  div#title-container {
    position:absolute;
    width:32%;
    margin-top:20px;
    text-align:right;
    cursor:pointer;
  }
  
  
  div.footer-index {
    height:160px;
  }
  div.footer-index div#earth {
    height:144px;
  }
  div.footer-index div#grass {
    height:16px;
  }


  div#me {
    position:absolute;
    bottom:0;
    z-index:1000; 
  }
  div.me-40 {
    width:32%;
  }
  div.me-100 {
    width:100%;
  }
  
  div#me div.img {
    width:312px;
    height:364px;
    bottom:10px;
    background:url(../img/me.png) no-repeat transparent;
  }
  div.me-40 div.img {
    position:absolute;
    right:0;
  }
  div.me-100 div.img {
    position:relative;
    margin:0 auto;
  }


  div#frame {
    position:absolute;
    top:16px;
    right:8%;
    
    width:54%;
    height:100px;
  
    overflow-y:auto;
  }

  
  div.clouds-sky {
    position:relative;
    top:64px;
    width:70%;
    margin:0 auto;
  }
  div.clouds-ground {
    position:absolute;
    right:8%;
    width:54%;
    z-index:1000;
    bottom:166px;
  }


  a.cloud {
    font-size:28px;
    text-align:center;
    padding:38px 0;
    background:url(../img/items.png) no-repeat transparent;
    
    color:#444;
    cursor:pointer;
    text-decoration:none;
    font-family:"chaloops-medium-1","chaloops-medium-2","Trebuchet MS","Segoe UI","Arial",sans-serif;
  }
  a.cloud:hover {
    color:#000;
  }
  
  
  a.about-sky {
    position:absolute;
    left:0;
  
    width:172px;
    height:44px;
    background-position:-0px -0px;
  }
  a.about-sky:hover {
    background-position:-0px -124px;
  }
  a.about-ground {
    position:absolute;
    left:0;
  
    width:156px;
    height:44px;
    background-position:-0px -248px;
    padding:38px 16px 38px 0;
  }
  a.about-ground-selected,
  a.about-ground:hover {
    background-position:-0px -372px;
    color:#000;
  }
  
  a.blog-sky {
    position:absolute;
    left:230px;
    top:30px;
  
    width:148px;
    height:44px;
    background-position:-172px -0px;
  }
  a.blog-sky:hover {
    background-position:-172px -124px;
  }
  a.blog-ground {
    position:absolute;
    left:26.5%;
    top:30px;
  
    width:132px;
    height:44px;
    background-position:-172px -248px;
    padding:38px 0 38px 16px;
  }
  a.blog-ground-selected,
  a.blog-ground:hover {
    background-position:-172px -372px;
    color:#000;
  }
  
  a.cv-sky {
    position:absolute;
    right:260px;
  
    padding:28px 0;
    width:118px;
    height:40px;
    background-position:-320px -0px;
  }
  a.cv-sky:hover {
    background-position:-320px -124px;
  }
  a.cv-ground {
    position:absolute;
    right:34%;

    padding:28px 0;
    width:108px;
    height:40px;
    background-position:-320px -248px;
    padding:28px 0 28px 10px;
  }
  a.cv-ground-selected,
  a.cv-ground:hover {
    background-position:-320px -372px;
    color:#000;
  }
  
  a.portfolio-sky {
    position:absolute;
    right:0;
    top:30px;
  
    width:216px;
    height:48px;
    background-position:-438px -0px;
  }
  a.portfolio-sky:hover {
    background-position:-438px -124px;
  }
  a.portfolio-ground {
    position:absolute;
    right:0;
    top:30px;
  
    width:198px;
    height:48px;
    background-position:-438px -248px;
    padding:38px 18px 38px 0;
  }
  a.portfolio-ground-selected,
  a.portfolio-ground:hover {
    background-position:-438px -372px;
    color:#000;
  }
}