@charset "utf-8";
/* CSS Document */

a{color:#8dc8c6; font-weight:normal; text-decoration:none; outline:none}

*{margin:0; padding:0;}
body{background:url(../img/bg.jpg) #060606 top center; font-family: "Lucida Grande",Lucida, Helvetica, Arial, sans-serif }
a img{border:none;}
#head{height:45px; background:url(../img/bgHead.png) repeat-x; width:100%; margin-top:24px; overflow:hidden;}
#wrap-head{width:960px; margin:0 auto; }
h1#logo{width:475px; height:42px; background:url(../img/logo.png); float:left; text-indent:-4000px; margin-left:20px;}

ul#nav{width:95px; height:12px; float:left; padding-left:360px;margin-top:22px; list-style:none; overflow:hidden;}

ul#nav li{ float:left; }

li#about {width:37px; height:11px; }
li#about a{width:37px; height:11px; display:block; background:url(../img/nav.png) top left no-repeat;}
li#about a:hover, li#work a.current{background-position:bottom left;}

li#contact {width:47px; height:11px;margin-left:10px}
li#contact a{width:47px; height:11px; display:block; background:url(../img/nav.png) top right no-repeat;}
li#contact a:hover, li#contact a.current{background-position:bottom right;}

#sb-info-inner {background:#000}

.hidden{display:none;}

#aboutHolder{background: url(../img/bgMid.png) repeat-x top; margin: 30px 0 0; padding:30px;}

#aboutContent{background:url(../img/bgAbout.png) top right no-repeat; width:920px; margin:10px auto 0; position:relative; height:320px}
#aboutContent a#maillink{width:120px; display:block; height:20px; float:right; margin:35px 150px 0 0;}
#aboutContent img#bubble{position:absolute; top:-80px; left:210px; z-index:9;}

#networkBtns{width:90px; float:right; height:30px; clear:right; margin:65px 178px 0 0;}

#networkBtns a {width:25px; display:block; height:25px; margin:0px 5px 0 0; background-image:url(../img/networks.png); float:right}
#networkBtns a#linkedin { background-position:-24px 0}
#networkBtns a#facebook {background-position:-48px 0}
#networkBtns a#twitter {background-position:0 0}

#networkBtns a#linkedin:hover { background-position:-24px -25px}
#networkBtns a#facebook:hover {background-position:-48px -25px}
#networkBtns a#twitter:hover {background-position:0 -25px}

.wrap {
  overflow: auto; /* clearing floats */
  width:960px;
  margin:0 auto;
}

.box {
  width: 220px;
  margin: 10px;
  padding: 10px 0;
  float: left;
  background: url(../img/bgItem.png) top left no-repeat #000;
  color: #FFF;
  display: inline;  /* IE6 fix */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 11px;
  position:relative;
  z-index:7;
}

.box:hover {
	background-position:right top;
}

.box img{
	margin-left:10px;
	position:relative;
	z-index:5;
}

.box p.title{color:#8dc8c6; margin:7px 0 0px; font-size:14px;}
.box p.details{color:#fff; font-weight:normal; margin: 2px 0;}
.box p.visit{margin:7px 0 2px;}

.box a.visit{height:24px; background:url(../img/btnVisit.png) top; display:block; margin-bottom:-7px;}
.box a.visit:hover{ background-position:bottom;}
.box a.visit span{display:none;}


.caption {
	margin-top:-65px; background-color:#000000; background: rgba(0, 0, 0, 0.8);
	height:60px;
	padding:3px 10px 2px;
	position:relative;
	z-index:8;
	display:none;
}

#head{_background:url(../img/ie6.png) left no-repeat black; _height:300px;}

#footer{background:url(../img/bgFooter.png) top repeat-x; padding:10px 0; }
#footerContent{width:960px; margin:0 auto; height:90px; color:white; font-size:11px; color:#555}