body{
 margin:0;
 padding:0;
 background:#fff;
 font-family: Georgia, serif;
 font-size: 62.5%;
 color:#b9b9b9;
}

acronym{border-bottom:1px dotted;}

h1{
  height:26px;
  margin:0 0 30px;
  text-indent:-9999em;
  background:url(../img/headings.png) no-repeat 0 0;
}

a{color:#85D0DD;text-decoration:none;}

p a:hover{border-bottom:1px dotted;}

#h1-home{}
#h1-design{background-position:0 -26px;}
#h1-html{background-position:0 -52px;}
#h1-javascript{background-position:0 -78px;}
#h1-php{background-position:0 -104px;}
#h1-wordpress{background-position:0 -130px;}
#h1-seo{background-position:0 -156px;}
#h1-domains{background-position:0 -182px;}


.message{
 width:797px;
 margin:30px auto 0;
 padding:20px 30px;
 font-size:1.4em;
 text-align:center;
}

.message.info{
 border:1px solid #fbd4a6;
 background:#ffee78;
 background:-moz-linear-gradient(top, #fff9db, #ffee78);
 -moz-border-radius:5px;
 border-radius:5px;
}

.message.info a{color:#dca35f;}


/******************
***   Layout    ***
******************/

#wrapper{width:857px;margin:0 auto;position:relative;}

#masthead{padding:30px 0 0;height:84px;}

#logo{
 width:219px;
 height:61px;
 display:block;
 text-indent:-9999em;
 background:url(../img/vital-nerve.gif) no-repeat;
}

#masthead ul{height:23px;float:right;}
#masthead li{float:left;}
#masthead li.active{background:url(../img/nav-active.gif) no-repeat center bottom;}

#masthead li a{
 display:block;
 color:#c1c1c1;
 padding:0 10px;
 font-size:24px;
 height:23px;
 text-indent:-9999em;
 background:url(../img/nav.png) no-repeat;
 /*font-family:tangerine;
 font-weight:bold;
 font-size:40px;
 color:#aaa;*/
}

#masthead li#nav-about a{background-position:10px bottom;width:44px;}
#masthead li#nav-about a:hover, #masthead li#nav-about.active a{background-position:10px top;}
#masthead li#nav-work a{background-position: -84px bottom;width:42px;}
#masthead li#nav-work a:hover, #masthead li#nav-work.active a{background-position:-84px top;}
#masthead li#coming-soon a{background-position: -174px bottom;width:98px;}
#masthead li#coming-soon a:hover, #masthead li#coming-soon.active a{background-position:-174px bottom;}
#masthead li#coming-soon.active{background-position:66px bottom;}
#masthead li#nav-skye a{background-position:-313px bottom;width:191px;}
#masthead li#nav-skye a:hover, #masthead li#nav-skye.active a{background-position:-313px bottom;}

.panel{
 position:relative;
 padding:20px;
 margin:0 0 10px;
 border:1px solid #e0e0e0;
 background:#f8f8f8;
 -moz-border-radius:5px;
 background:-moz-linear-gradient(top,  #f8f8f8,  #f1f1f1);
}

.panel.secondary{width:217px;float:left;margin:0 10px 10px 0;padding:20px 30px;}
.panel.secondary.last{margin-right:0;}

.hero{float:right;-moz-border-radius:5px;display:block;border-radius:5px;opacity:0.75;}

#content.has-pages{padding-bottom:0;}
#content .content{padding:20px 30px 0 30px;float:left;width:397px;}

#content p{
 font-size:1.4em;
 line-height:1.8em;
 background:#f1f1f1;
 padding:10px 20px;
 width:381px;
 position:relative;  left:-20px;
 border-radius:5px; -moz-border-radius:5px;
}
#home #content{height:244px;}

#pagination{height:13px;padding:20px 0 10px;clear:both;}
#home #pagination{padding:4px 0 10px;}
#pagination ul{ float:right;padding:1px 0 0 20px;}
#pagination ul li{float:left;}

#pagination ul a{
 width:12px;
 height:12px;
 margin:0 0 0 4px;
 display:block;
 text-indent:-9999em;
 background:url(../img/pagination/pagination.png) no-repeat 0 0;
}

#pagination ul a.active, #pagination ul a:hover{background-position:0 -12px;}

#slide-name, #slide-name ul{height:17px;float:right;width:415px;}

#slide-name li{height:17px; width:100%;}

#sn-welcome{background:url(../img/pagination/welcome.png) no-repeat right 0;}

.panel.secondary h2{
 height:14px;
 background:url(../img/secondary-h2.png) no-repeat;
 text-indent:-9999em;
 margin:0 0 20px;
}

#h2-things{background-position:left top;}
#h2-testimonials{background-position:left -14px;position:relative;z-index:5;}
#h2-talk{background:none;margin:20px auto 30px;width:74px;text-indent:0;height:auto;}
#h2-talk a{display:block;padding:97px 0 0;position:relative;}
#h2-talk span{text-indent:-9999em;height:14px;display:block;background:url(../img/secondary-h2.png) no-repeat left -28px;}
#h2-talk img{display:block;margin:0 auto 30px;position:absolute;left:50%;top:0;margin-left:-37px;}

#things-i-do li{
 font-size:1.1em;
 margin:0 0 7px;
 padding:2px 0 5px;
 background:url(../img/things-icons.png) no-repeat 0 0;
}

#things-i-do li.active a, #things-i-do a:hover{color:#85d0dd;}
#things-i-do a{color:#B9B9B9;text-decoration:none;padding:0 0 0 35px;display:inline-block;}

#things-i-do li#things-design{background-position:0 1px;}
#things-i-do li#things-xhtml{background-position:0 -23px;}
#things-i-do li#things-js{background-position:0 -47px;}
#things-i-do li#things-php{background-position:0 -73px;}
#things-i-do li#things-seo{background-position:0 -97px;}
#things-i-do li#things-domains{background-position:0 -123px;margin-bottom:0;}
#things-i-do li#things-wordpress{background-position:0 -150px;}

#pnl-testimonials .content{
 padding:5px 10px;
 background:#f1f1f1;
 -moz-border-radius:5px;border-radius:5px;
 border:1px solid #efefef;
 overflow:hidden;
 heighgt:136px;
}

#pnl-testimonials li{font-size:11px;font-style:italic;line-height:1.6em;text-align:justify; }
#pnl-testimonials li a:hover{border:none;}

#pnl-testimonials li .client{
 color:#84D0DD;
 display:block;
 padding:10px 0 0;
 text-align:center;
 text-decoration:none;
}

#pnl-testimonials .quote-marks{
 width:54px;
 height:41px;
 display:block;
 position:absolute; left:25px; top:10px; 
 background:url(../img/quote-marks.png) no-repeat 0 0;
 z-index:0;
 opacity:0.6; filter:alpha(opacity=60);
}

#pnl-testimonials .show-more{
 display:block;
 height:10px;
 background: transparent url(../img/more.png) no-repeat center top;
 text-indent:-9999em;
 margin:14px 0 0;
}

#pnl-testimonials .show-more.active{background-position:center -13px;}

#testimonial-carousel li{float:left;}

#social{position:relative;right:10px;top:-5px;}
#social li{float:right;display:inline;margin:0 0 0 5px;}
#social a{width:16px;height:16px;display:block;opacity:0.4;filter:alpha(opacity=40);text-indent:-9999em;}
#social a:hover{opacity:1;filter:alpha(opacity=100);}

#twitter{background:url(../img/icons/twitter.png) no-repeat;}
#facebook{background:url(../img/icons/facebook.png) no-repeat;}
#lastfm{background:url(../img/icons/lastfm.png) no-repeat;}

#talk-to-me{text-align:center;}
#talk-to-me #social{right:0;top:-0;}
#talk-to-me #social li{float:none;margin:0 10px;}
#talk-to-me #social a{display:inline-block;}














/*******************
****  Carousel   ***
*******************/

.jcarousel-container {position: relative;}
.jcarousel-container ul{overflow:hidden;height:224px;}
.jcarousel-clip {
 z-index: 2;
 overflow: hidden;
 position: relative;
}

.jcarousel-list {
 z-index: 1;
 overflow: hidden;
 position: relative;height:224px;
 top: 0;
 left: 0;
}

.jcarousel-list li,
.jcarousel-item {
 float: left;
 list-style: none;
 width: 816px;
 height: 224px;
}

.jcarousel-next, .jcarousel-prev{
 position:absolute; bottom:105px;
 width:17px;
 height:19px;
 display:block;
 cursor:pointer;
 text-indent:-9999em;
 background:url(../img/arrows.png) no-repeat left 0;
}

.jcarousel-prev{left:-35px;} 
.jcarousel-next{right:-35px;background-position:left -19px;}

.jcarousel-next:hover, .jcarousel-prev:hover{opacity:0.85;filter:alpha(opacity=85);}
.jcarousel-container-horizontal {width: 816px;padding:0;}
#home .jcarousel-container-horizontal, #home .carousel{width: 816px;height: 224px;}
.jcarousel-clip-horizontal {width: 816px;height: 224px;}

#testimonial-next, #testimonial-prev{
 bottom:20px;
 width:13px;
 height:15px;
 position:absolute; bottom:auto; top:110px;
 background:url(../img/arrows.png) no-repeat left 0;
 z-index:100;
}

#pnl-testimonials #testimonial-prev{left:-11px;background-position:left -52px;} 
#pnl-testimonials #testimonial-next{right:-11px;background-position:left -37px;}


.jcarousel-container-vertical ul{overflow:hidden;height:17px;}

.jcarousel-container-vertical .jcarousel-list {
 z-index: 1;
 overflow: hidden;
 position: relative;height:17px;
 top: 0;
 left: 0;
}

.jcarousel-container-vertical .jcarousel-list li,
.jcarousel-container-vertical .jcarousel-item {
 float: left;
 list-style: none;
 width: 415px;
 height: 17px;
}

.jcarousel-clip-vertical {width:  415px;height: 17px;}


#testimonial-carousel.content{padding:5px 0;}

#pnl-testimonials .jcarousel-container {position: relative;}
#pnl-testimonials .jcarousel-container ul{overflow:hidden;height:146px;}
#pnl-testimonials .jcarousel-clip {
 z-index: 2;
 overflow: hidden;
 position: relative;
}

#pnl-testimonials .jcarousel-clip-horizontal {width: 195px;height: 146px;}

#pnl-testimonials .jcarousel-list {
 z-index: 1;
 overflow: hidden;
 position: relative;height:146px;
 top: 0;
 left: 0;
}

#pnl-testimonials .jcarousel-list li,
#pnl-testimonials .jcarousel-item {
 float: left;
 list-style: none;
 width: 175px;
 padding:0 10px;
 height: 146px;
}





/**********************
***   Utilities    ***
**********************/

img.float-right{
 float:right;
 margin:32px 0 10px 10px;
}

.clear{
 width:100%;
 height:1px;
 font-size:1px;
 line-height:1px;
 clear:both;
}

.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%;
}

.nomargin{margin:0 !important;}