/*
Theme Name: Sleek Blue
Theme URI: http://www.jadedstudio.com
Description: Default Jaded Studio theme
Version: 1.0
Author: David Rivers
Author URI: http://www.jadedstudio.com/
Tags: blue, grey, green, sleek, slide
*/
body
	{
	margin: 0px auto;
	width:100%;
	font: 75%/140%  "Tahoma", Verdana, arial, sans-serif;
	color:#94968C;
	text-align:justify;
	background:#161514 url(images/body-bg.jpg) center repeat;
}
p{
	margin:0px;
	padding:0px;
}
.left{
	float:left;
}
.right{
	float:right;
}
:focus
{
  -moz-outline-style: none!important;
}
a
{
  outline: none!important;
}
a:active
{
  outline: none!important;
}

a, a:link, a:visited, a:active{
	color:#fff;
	text-decoration:none;
	outline: none!important;
}
a:hover{
	color:#B0B51E;
	outline: none!important;
}
a img{
	border:none;
}
img.left{
	margin:0px 10px 10px 0px;
}
form, input{
	margin:0px;
	padding:0px;
}
.center{
	text-align:center;
}
/*-----------------------------------------------------------------------------

Header Styles

-----------------------------------------------------------------------------*/
#header-wrap{
	background:url(images/header-wrap-bg.png) bottom repeat-x;
}
#header{
	width:980px;
	margin:0px auto;
	position:relative;
}
#header-left{
	width:600px;
	float:left;
}
#header-right{
	width:380px;
	float:right;
	padding:92px 0px 0px 0px;
}
#header h1 {
	margin:0px;
	padding:0px;
	width:204px;
	float:left;
}
#header h1 a{
	margin:30px 0px 30px 0px;
	display:block;
	background:url(images/logo-header.png) top no-repeat;
	height:44px;
	width:204px;
	text-indent: -900em;
	text-decoration:none;
	line-height:100%;
	border-bottom:none;
}
#header h1 a:hover{
	text-decoration:none;
	background: url(images/logo-header.png) bottom no-repeat;
}
#search-form{
	width:271px;
	height:32px;
	float:right;
	padding:10px 0px 0px 10px;
	background:url(images/search-form-bg.png) 0 0 no-repeat ;
}
.tweets{
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	padding:10px;
	color:#CCCCCC;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:1.16em;
	background:#000;
}
/*-----------------------------------------------------------------------------

List Styles

-----------------------------------------------------------------------------*/
ul li{
}
ul.ticklist{
	list-style:none;
	margin:0px;
	padding:0px;
}
ul.ticklist li{
	padding:8px 0px 7px 28px;
	border-bottom:1px solid #3c3c3c;
	list-style:none;
	background:url(images/tick-blue.png) left center no-repeat;
	font-family:"MS Trebuchet", Tahoma ,Verdana, Arial, Helvetica, sans-serif;
}
#accordion ul.ticklist li{
	border-bottom:none;
	color:#fff;
}
ul.ticklist li a:link, ul.ticklist li a:active, ul.ticklist li a:visited{

}
ul.ticklist li a:hover{

}
ul.postlist li{
	padding:8px 0px 7px 28px;
	border-bottom:1px solid #3c3c3c;
	background:url(images/tick-post.png) left center no-repeat;
}
.entry ul, .entry ol{
	margin:5px 0px;
	padding:5px 0px;
	list-style-position:inside;
	width:350px;
}
.entry li{/*
	padding:5px 5px 5px 0px;
	border-bottom:1px solid #252525;
	color:#769AB1;*/
}
.entry ul li{/*
	list-style:none;
	list-style-position:outside;
	padding-left:20px;
	background:url(images/bullet-arrow.png) left center no-repeat;*/
}
/*-----------------------------------------------------------------------------

Navigation Styles

-----------------------------------------------------------------------------*/

#nav
	{ 
	margin:0px;
	padding:0px;
	width:586px; 
	height: 30px;
	clear:left;
}
#nav ul {
	margin:0px;
	padding:0px;
	list-style:none;
	width: 586px;
	height: 30px;
}
#nav li {
	list-style: none;
	display: inline;
	text-align: center;
}
#nav li a {
	text-decoration: none;
	display:block;
	float:left;	
	background: url(images/nav.png) no-repeat;
	text-indent:-9999px;
}	
li#nav-1 a {
	width:135px;
	height:30px;
}
li#nav-2 a {
	width:112px;
	height:30px;
}
li#nav-3 a {
	width:112px;
	height:30px;
}
li#nav-4 a {
	width:112px;
	height:30px;
}
li#nav-5 a {
	width:115px;
	height:30px;
}
li#nav-1 a:link, li#nav-1 a:visited {	
	background-position: -0px -0px;
}
li#nav-1 a:hover, li#nav-1 a:focus {	
	background-position: -0px -30px;
}
li#nav-2 a:link, li#nav-2 a:visited {	
	background-position: -135px 0px;
}
li#nav-2 a:hover, li#nav-2 a:focus {	
	background-position: -76px -90px;
	width: 171px;
	margin-left:-59px;
}	
li#nav-3 a:link, li#nav-3 a:visited {	
	background-position: -247px 0px;
}
li#nav-3 a:hover, li#nav-3 a:focus {	
	background-position: -188px -180px;
	width: 171px;
	margin-left: -59px;
}	
li#nav-4 a:link, li#nav-4 a:visited {	
	background-position: -359px 0px;
}
li#nav-4 a:hover, li#nav-4 a:focus {	
	background-position: -300px -270px;
	width: 171px;
	margin-left: -59px;
}
li#nav-5 a:link, li#nav-5 a:visited {	
	background-position: -471px 0px;
}
li#nav-5 a:hover, li#nav-5 a:focus {	
	background-position: -412px -360px;
	width: 174px;
	margin-left: -59px;
}
body#home-page  li#nav-1 a:link, body#home-page li#nav-1 a:visited {	
	background-position: -0px -30px;
}
body#home-page li#nav-2 a:hover, body#home-page li#nav-2 a:focus {	
	background-position: -76px -120px;
	width: 171px;
	margin-left: -59px;
}
body#portfolio-page li#nav-2 a:link, body#portfolio-page li#nav-2 a:visited {	
	background-position: -76px -90px;
	width: 171px;
	margin-left: -59px;
}
body#portfolio-page li#nav-1 a:hover, body#portfolio-page li#nav-1 a:focus {	
	background-position: -0px -60px;
	overflow: auto;
	position: relative;
}
body#portfolio-page li#nav-3 a:hover, body#portfolio-page li#nav-3 a:focus {	
	background-position: -188px -210px;
	width: 171px;
	margin-left: -59px;
}
body#services-page li#nav-3 a:link, body#services-page li#nav-3 a:visited {	
	background-position: -188px -180px;
	width: 171px;
	margin-left: -59px;
}
body#services-page li#nav-2 a:hover, body#services-page li#nav-2 a:focus {	
	background-position: -76px -150px;
	width: 171px;
	margin-left: -59px;
	overflow: auto;
	position: relative;
}
body#services-page li#nav-4 a:hover, body#services-page li#nav-4 a:focus {	
	background-position: -300px -300px;
	width: 171px;
	margin-left: -59px;
	position: relative;
}
body#blog-page li#nav-4 a:link, body#blog-page li#nav-4 a:visited {	
	background-position: -300px -270px;
	width: 171px;
	margin-left: -59px;
}
body#blog-page li#nav-3 a:hover, body#blog-page li#nav-3 a:focus {	
	background-position: -188px -240px;
	width: 171px;
	margin-left: -59px;
	position: relative;
}
body#blog-page li#nav-5 a:hover, body#blog-page li#nav-5 a:focus {	
	background-position: -412px -390px;
	width: 174px;
	margin-left: -59px;
	position: relative;
}
body#hire-page li#nav-5 a:link, body#hire-page li#nav-5 a:visited {	
	background-position: -412px -360px;
	width: 174px;
	margin-left: -59px;
}
body#hire-page li#nav-4 a:hover, body#hire-page li#nav-4 a:focus {	
	background-position: -300px -330px;
	width: 171px;
	margin-left: -59px;
	position: relative;
}
/*-----------------------------------------------------------------------------

Sidebar Styles

-----------------------------------------------------------------------------*/
#sidebar{
	padding:20px 20px 0px 0px;
	width:260px;
	float:right;
	color:#fff;

}
#sidebar h3{
	font-size:1.33em;
	color:#999;
	margin:0px 0px 12px 0px;
	padding:0px 0px 8px 0px;
	border-bottom: 1px solid #212121;
}
#sidebar h2{
	font-size:1.6em;
	margin:0px;
	display:block;
	padding:7px 0px 7px 10px;
	color:#535353;
}
#sidebar ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#sidebar ul ul{
	margin-bottom:40px;
}
#sidebar ul li li{
	padding:0px 0px 0px 0px;
	border-bottom:1px solid #191919;
}
#sidebar ul li li a{
	display:block;
	width:240px;
	padding:8px 0px 7px 20px;
	text-align:left;
}
#sidebar ul li li a:hover{
	background:#191919;
}
#sidebar ul ul{
	margin-top:10px;
}
#sidebar .cat-item a{
	background:url(images/icon-folder.png) left center no-repeat;
	padding-left:48px;
	width:212px;
}
#sidebar ul li li.cat-item a:hover{
	background:#191919 url(images/icon-folder.png) left center no-repeat;
}
#sidebar .widget_archive ul li a{
	background:url(images/icon-calendar.png) left center no-repeat;
	padding-left:48px;
	width:212px;
}
#sidebar .widget_archive ul li a:hover{
	background:#191919 url(images/icon-calendar.png) left center no-repeat;
}
#sidebar .widget_mysites ul li a, #sidebar .widget_links ul li a{
	background:url(images/icon-star.png) left center no-repeat;
	padding-left:48px;
	padding-right:5px;
	width:207px;
}
#sidebar .widget_mysites ul li a:hover, #sidebar .widget_links ul li a:hover{
	background:#191919 url(images/icon-star.png) left center no-repeat;
}
#sidebar .widget_useful_resources ul li a{
	background:url(images/icon-information.png) left center no-repeat;
	padding-left:48px;
	padding-right:5px;
	width:207px;
}
#sidebar .widget_useful_resources ul li a:hover{
	background:#191919 url(images/icon-information.png) left center no-repeat;
}
/*-----------------------------------------------------------------------------

vCard Styles

-----------------------------------------------------------------------------*/
.adr{
	padding:15px 0px;
}
.vcard{
	padding:0px;
}
.telephone{
	padding:15px 0px;
}
/*-----------------------------------------------------------------------------

Content Styles

-----------------------------------------------------------------------------*/

#content-wrap{
	background:#252525 url(images/content-wrap-bg.png) bottom repeat-x;
	margin:0px;
	padding:30px 0px 60px 0px;
}
#content{
	width:980px;
	margin:0px auto;
}

/*-----------------------------------------------------------------------------

Intro Text Styles

-----------------------------------------------------------------------------*/

#intro-text{
	width:785px;
	height:84px;
	margin:0px 0px 20px 100px;
	padding:0px;
	background:url(images/intro-bg.png) 0 0 no-repeat;
}
#intro-text p{
	color:#fff;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:1.85em;
	line-height:1.4em;
	text-align:center;
	padding:10px;
}

/*-----------------------------------------------------------------------------

Slider Styles

-----------------------------------------------------------------------------*/
#slider {  
	width: 780px;  
	margin: 0 auto;  
	position: relative;
}
#hire-page #slider{
	width:640px;
	margin:10px 0px;
	position:relative;
	float:left;
}
#home-page #slider span{
	position:absolute;
	background:url(images/slider-frame.png) top left no-repeat;
	width:780px;
	height:200px;
	display:block;
	top:0;
	left:0;
}
.scroll-next:hover{
	cursor:pointer;
}
.scroll {  
	height: 200px;  
	overflow: auto;  
	position: relative; /* fix for IE to respect overflow */  
	clear: left;  
}
#hire-page .scroll{
	height:auto;
	position:relative;
}
.scrollContainer div.panel {  
	padding: 0px;  
	height: 210px;  
	width: 780px; /* change to 560px if not using JS to remove rh.scroll */
}
#hire-page .scrollContainer div.panel {
	width:640px;
	height:auto;
	position:relative;
}
.scrollButtons {  
	position: absolute;  
	top: 96px;  
	cursor: pointer;
}
.scrollButtons.left {  
	left: -63px;
}
.scrollButtons.right {  
	right: -63px;
}
#hire-page .scrollButtons.left{
	left:-40px;
}
#hire-page .right{
	clear:both;
	float:right;
}
#hire-page .right:hover{
	cursor:pointer;
}
.slide-left{
	float:left;
	width:63px;
	padding:80px 0px 0px 37px;
}
.slide-right{
	float:right;
	width:63px;
	padding:80px 0px 0px 37px;
}
.slide-nav{
	list-style:none;
	margin:0px;
	padding:0px;
}
.slide-nav li{
	float:left;
	margin-right:3px;
	padding-left:0px;
}
.slide-nav a:link, .slide-nav a:visited, .slide-nav a:active{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding-left:5px;
	width:12px;
	height:19px;
	margin:10px 0px;
	background:url(images/slide-nav-bg.png) 0 0 no-repeat;
	font-weight:bold;
	font-size:0.85em;
}
.slide-nav li a.selected{
	color:#FFCC00;
}
.slide-nav li a:hover{
	border-bottom:none;
	color:#FFCC00;
}
/*-----------------------------------------------------------------------------

Post / Archive Styles

-----------------------------------------------------------------------------*/

#blog-page #content, #portfolio-page #content, #hire-page #content, #services-page #content{
	width:980px;
	background:url(images/content-bg.png) repeat-y;
	padding:0px 20px;
}
#posts{
	width:680px;
	padding:0px;
	float:left;
	position:relative;
}
#posts span.blog-pointer{
	/*position:absolute;
	display:block;
	top:-10px;
	left:380px;
	width:10px;
	height:10px;
	background:#33FF00;*/
	display:none;
}
code{
	text-align:left;
	color:#FF9900;
	display:block;
	font-size:1.1em;
	padding:10px;
	border:1px solid #555555;
	background:#333333;
	margin-top:5px!important;
}
#content #posts .entry{
	margin-bottom:10px;
	padding:0px;
	float:left;
	position:relative;
}
.post{
	width:640px;
	margin-bottom:0px;
	padding:20px;
}
#hire-page .post{
	float:left;
	width:620px;
	background:#1c1c1c;
	padding-right:40px;
}
.post .post-header{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:20px;
}
.post .date{
	width:90px;
	height:70px;
	background:url(images/date-bg.png) top left no-repeat;
	float:left;
}
.post .date-day{
	font-size:4.1em;
	line-height:100%;
	color:#58591D;
	text-align:center;
	width:90px;
	display:block;
}
.post .date-month{
	color:#666666;
	text-transform:uppercase;
	clear:left;
	display:block;
	font-weight:bold;
	text-align:center;
	padding-top:2px;
}
.post .title{
	width:540px;
	float:right;
	border-bottom:1px dashed #252525;
}
.post .meta{
	color:#666666;
	margin-top:17px;
	padding:3px 0px 3px 0px;
	display:inline;
	width:540px;
}
.post .comments-link{
	float:right;
	padding-left:20px;
	background:url(images/icon-comments.png) left center no-repeat;
}
.post h2, #posts h2, h2.pagetitle{
	font-size:1.8em!important; /*22px*/
	letter-spacing:-0.05em;
	line-height:100%;
	padding:0px 0px 10px 0px;
	margin:0px;
}
.post h2, .post h2 a, .post h2 a:visited, .post h2 a:link{
	color:#B0B51E!important; /*green*/
} 
.post h2 a:hover{
	color:#fff!important;
}
#posts h2.pagetitle, h2.pagetitle{
	color:#535353;
	display:block;
	width:640px;
	border-bottom:1px dashed #535353;
	float:left;
	padding:10px;
	margin:10px;
}

.entry p, .post p{
	margin:5px 0px;
	padding:5px 0px;
}
.entry h3, .post h3{
	font-size:1.5em!important; /*18px*/
	line-height:100%;
	padding:5px 0px;
	margin:5px 0px;
	color:#CCCCCC;
}
.entry h4{
	font-size:1.3em!important; /*16px*/
	line-height:100%;
	padding:5px 0px;
	margin:5px 0px;
	color:#B0B51E;
}
.entry h5, .post h5{
	font-size:1.1em!important; /*14px*/
	line-height:100%;
	padding:5px 0px;
	margin:20px 0px 10px 0px;
	color:#FFFFFF;
}
.tags, .single-tags{
	float:left;
	padding:6px;
	width:628px;
	margin:0px;
	display:inline;
	text-transform:capitalize;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.single-tags{
	background:#151515;
}
.more-link{
	float:right;
}
.more-link a{
	height:8px;
	padding-right:12px;
	background:url(images/icon-right-arrow.png) right top no-repeat;
}
.more-link a:hover{
	background:url(images/icon-right-arrow.png) right bottom no-repeat;
}
.permalink{
	float:right;
}
.permalink a{
	text-align:right;
	padding-right:18px;
	display:block;
	background:url(images/icon-permalink.png) right center no-repeat;
}
.post.even{
	background:#191919;
}
.post.odd{
}

/*-----------------------------------------------------------------------------

Comment Styles

-----------------------------------------------------------------------------*/
#comment-wrap{
	float:left;
	padding:20px 0px;
	width:640px;
}
.commentlist p{
	text-align:left!important;
}
#commentform textarea{
	color: #ccc;
	background:#222;
	border:1px solid #333;
	width:595px;
}
#commentform input{
	color: #ccc;
	background:#222;
	border:1px solid #333;
}
#commentform #submit{
	border:none!important;
}
ul.commentlist{
	list-style:none;
	margin:0px;
	padding:0px;
}
ul.commentlist li{
	margin:20px 0px;
	padding:0px 20px;
	background:#2B3F4C;
	position:relative;
	margin-left:40px;
}
.commentlist{
	clear:both;
	float:none;
		color:#769AB1;
}
.commentlist p{
	margin:5px 0px;
	padding:5px 0px;
}
.comment-count{
	position:absolute;
	text-align:center!important;
	padding:5px;
	display:block;
	width:30px;
	left:-50px;
	top:4px;
	font-size:2em;
	line-height:100%;
}
.commentlist .author{
	text-transform:uppercase;
}
.comment-head{
	border-bottom:1px dashed #314653;
	padding:10px 0px 10px 0px;
	color:#fff;
	width:560px;
	display:inline-block;
	margin:0px!important;
}
.commentlist .alt{
	background:#253641;
}
.commentlist .authcomment{
	border: 2px solid #252525;
	background:#151515;
}
.authcomment .comment-head{
	border-bottom:1px dashed #252525;
}
.authcomment .author{
	font-weight:700;
}
/*-----------------------------------------------------------------------------

Services page styles

-----------------------------------------------------------------------------*/
ul.services{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.services li{
	font-size:1.16em;
	font-weight:700;
	color:#fff;
	padding:15px 0px 13px 58px;
	border:1px solid #292929;
	width:250px;
	float:left;
	margin:0px 10px 10px 0px;
}
.download-link a{
	font-size:1.16em;
	font-weight:700;
	color:#fff;
	padding:15px 0px 13px 58px;
	border:1px solid #292929;
	width:250px;
	float:left;
	margin:0px 10px 10px 0px;
	display:block;
}
.download-link a{
	background:#212121 url(images/icon-seo.png) left center no-repeat;
}
h3.icon-design a{background:#212121 url(images/icon-design.png) left center no-repeat;}
h3.icon-blog a{background:#212121 url(images/icon-blog.png) left center no-repeat;}
h3.icon-cms a{background:#212121 url(images/icon-cms.png) left center no-repeat;}
h3.icon-commerce a{background:#212121 url(images/icon-commerce.png) left center no-repeat;}
h3.icon-hosting a{background:#212121 url(images/icon-hosting.png) left center no-repeat;}
h3.icon-seo a{background:#212121 url(images/icon-seo.png) left center no-repeat;}
h3.icon-logo a{background:#212121 url(images/icon-logo.png) left center no-repeat;}
h3.icon-print a{background:#212121 url(images/icon-print.png) left center no-repeat;}

h3.icon-design a:hover{background:#191919 url(images/icon-design.png) left center no-repeat;}
h3.icon-blog a:hover{background:#191919 url(images/icon-blog.png) left center no-repeat;}
h3.icon-cms a:hover{background:#191919 url(images/icon-cms.png) left center no-repeat;}
h3.icon-commerce a:hover{background:#191919 url(images/icon-commerce.png) left center no-repeat;}
h3.icon-hosting a:hover{background:#191919 url(images/icon-hosting.png) left center no-repeat;}
h3.icon-seo a:hover, .download-link a:hover{background:#191919 url(images/icon-seo.png) left center no-repeat;}
h3.icon-logo a:hover{background:#191919 url(images/icon-logo.png) left center no-repeat;}
h3.icon-print a:hover{background:#191919 url(images/icon-print.png) left center no-repeat;}

h3.ui-state-active.icon-design a{background:#191919 url(images/icon-design.png) left center no-repeat;}
h3.ui-state-active.icon-blog a{background:#191919 url(images/icon-blog.png) left center no-repeat;}
h3.ui-state-active.icon-cms a{background:#191919 url(images/icon-cms.png) left center no-repeat;}
h3.ui-state-active.icon-commerce a{background:#191919 url(images/icon-commerce.png) left center no-repeat;}
h3.ui-state-active.icon-hosting a{background:#191919 url(images/icon-hosting.png) left center no-repeat;}
h3.ui-state-active.icon-seo a{background:#191919 url(images/icon-seo.png) left center no-repeat;}
h3.ui-state-active.icon-logo a{background:#191919 url(images/icon-logo.png) left center no-repeat;}
h3.ui-state-active.icon-print a{background:#191919 url(images/icon-print.png) left center no-repeat;}

h3.ui-state-active{
	padding-bottom:0px!important;
	padding-top:0px;
	border-bottom:0px!important;
}

h3.ui-state-active a{
	text-decoration:underline;
}

#accordion h3{
	border-bottom:1px solid #292929;
	padding-bottom:0px;
	padding-top:0px;
}
#accordion .left-col{
	width:310px;
	margin-right:10px;
	float:left;

}
#accordion .right-col{
	width:310px;
	float:left;

}
#accordion h3 a{
	padding:15px 0px 13px 58px;
	margin:0px!important;
	width:250px;
	display:block;
	font-size:0.8em!important;
	border:1px solid #292929;
	border-bottom:none;
	font-weight:700;
	
}
#accordion h3{
	margin:0px!important;
}
#accordion div div div{
	display:block;
	border-left:1px solid #292929;
	border-bottom:1px solid #292929;
	border-right:1px solid #292929;
	margin:0px!important;
	padding:5px 10px;
	display:block;
	background:#191919;
}
#accordion div div div div{
	border:none!important;
	margin:10px;
}
#accordion div div{
	margin-bottom:10px;
}
.prices {
  width: 250px;
  list-style: none;
  margin: 0;
  padding: 0;
  font:100%/100% Arial, Helvetica, sans-serif;
}
.prices.seo{
	font:100%/100% Arial, Helvetica, sans-serif;
}
.prices.seo .product, .prices.seo .price{
	font-size:100%;
	color: #666666;
}
.prices.seo em{
	font:100%/100% Arial, Helvetica, sans-serif;
}
.prices li {
	display:block;
  margin: 0;
  padding: 0 0 0 0;
  height:24px;
  position: relative;
  border-bottom: dotted 1px #999;
}
.prices .prices-header{
	border-bottom:none;
}
.prices strong {
  background: #191919;
  padding: 0 10px 0 0;
  font-weight: normal;
  position: absolute;
  bottom: -.3em;
  color:#fff;
  left: 0;
}
.prices em {
  background: #191919;
  padding: 0 0 5px 5px;
  font:100%/100% Arial, Helvetica, sans-serif;
  position: absolute;
  bottom: -.2em;
  right: 0;
  color:#fff;
}
.prices sup {
  font-size: 60%;
  color: #ccc;
  margin-left: 3px;
}
.prices .product, .prices .price{
	color: #666666;
}
	.host-features {
  width: 370px;
  list-style: none;
  margin: 0;
  padding: 0;
  font: 150%/100%;
}
.host-features li {
  clear: both;
  margin: 0;
  padding: 0 0 0 0;
  height:24px;
  position: relative;
  border-bottom: dotted 1px #999;
}
.host-features .host-features-header{
	border-bottom:none;
}
.host-features strong {
  background: #fff;
  padding: 0 10px 0 0;
  font-weight: normal;
  position: absolute;
  bottom: -.3em;
  color:#666666;
  left: 0;
}
.host-features em {
  background: #fff;
  padding: 0 10px 0px 5px;
  font: 110%/100%;
  position: absolute;
  bottom: -.3em;
  right: 0;
  color:#666666;
}
.host-features sup {
  font-size: 60%;
  color: #ccc;
  margin-left: 3px;
}

.testimonial{
	margin:0px;
	padding:0px;
	width:270px;
}
blockquote{
	background:url(images/testimonial-bg.png) top left no-repeat;
	margin:0px 10px;
	font-size:1.1em;
	line-height:140%;
	padding:10px;
	color:#636363;
}
.quote-author{
	background:url(images/quote-author-bg.png) top left no-repeat;
	padding: 12px 0px 5px 0px;
	margin:0px 10px 40px 10px;
	display:block;
	text-align:center;
}
/*-----------------------------------------------------------------------------

Project page Styles

-----------------------------------------------------------------------------*/
.project-info{
	width:280px;
	float:right;
	padding:59px 20px 20px 0px;
}
.project-info.even{
}
.project-info ul{
	padding:10px;
	text-align:left;
	background:#212121;
	margin:0px;
	list-style:none;
	border:1px solid #313131;
}
.project-info li{
}
.project-wrap .post{
	float:left;
	padding-right:0px;
}
.project-wrap.even{
	background:#191919;
	border-bottom:1px solid #222;
	border-top:1px solid #222;
}
.project-wrap{
	 background:#1c1c1c;
}
.project-info ul{
	margin:20px 0px 0px 0px;
}
.project-info ul li{
	padding:8px 0px 7px 0px;
	border-bottom:1px solid #3c3c3c;
	font-size:1.05em;
}
.project-info li strong{
	font-weight:normal;
	color:#fff;
}
.project-wrap h2{
}
.project-wrap a:hover{
}

#portfolio-page a .frame{
	position:absolute;
	margin:0px;
	padding:0px;
	bottom:2px;
	left:0;
	width:640px;
	height:164px;
	background:url(images/portfolio-image-frame-odd.png) top left no-repeat;
}
.frame:hover{
	cursor:pointer;
}
#portfolio-page .entry{
	position:relative;
}
.entry a{
	position:relative;
}
/*-----------------------------------------------------------------------------

Hire page Styles

-----------------------------------------------------------------------------*/
ul.form-nav{
	width:480px;
	padding:0px;
	margin:0px 0px 20px 0px;
	list-style:none;
	height:26px;
}
ul.form-nav li{
		list-style:none;
		display:inline;
		text-align:center;
}
ul.form-nav li a{
	text-decoration:none;
	display:block;
	float:left;
	background:url(images/form-nav.png) no-repeat;
	text-indent:-900em;
	height:26px;
}
li.slide1 a {
	width:126px;
}
li.slide2 a {
	width:118px;
}
li.slide3 a {
	width:118px;
}
li.slide4 a {
	width:118px;
}
li.slide1 a:link, li.slide1 a:visited {	
	background-position: -0px -0px;
}
li.slide1 a:hover, li.slide1 a:focus, li.slide1 a.selected {	
	background-position: -0px -26px;
}
li.slide2 a:link, li.slide2 a:visited {	
	background-position: -126px 0px;
}
li.slide2 a:hover, li.slide2 a:focus, li.slide2 a.selected {	
	background-position: -118px -52px;
	width: 126px;
	margin-left:-8px;
}	
li.slide3 a:link, li.slide3 a:visited {	
	background-position: -244px 0px;
}
li.slide3 a:hover, li.slide3 a:focus, li.slide3 a.selected {	
	background-position: -236px -78px;
	width: 126px;
	margin-left: -8px;
}	
li.slide4 a:link, li.slide4 a:visited {	
	background-position: -362px 0px;
}
li.slide4 a:hover, li.slide4 a:focus, li.slide4 a.selected {	
	background-position: -354px -104px;
	width: 126px;
	margin-left: -8px;
}
#hire-page img.right{
	margin-right:40px;
}
#hire-page .email-box{
	background:#2B3F4C;
	padding:6px 0px;
	text-align:center;
	border:1px solid #415F72;
	color:#fff;
	font-size:1.1em;
	margin-bottom:12px;
}
#hire-page #content{
	width:980px;
	padding:0px;
	background:#1c1c1c;
	border-left:20px solid #212121;
	border-right:20px solid #212121;
}
#hire-page .entry{
	padding:0px!important;
}
#sidebar .highlight-box{
	background:#151515;
	border:1px solid #212121;
	padding:20px;
	margin-bottom:12px;
	color:#fff;
	position:relative;
}
.adr, .telephone{
	margin-bottom:12px;
}
#sidebar h2{

}
#sidebar .highlight-box h2{
	color:#fff;
	margin:0px 0px 12px 0px;
	padding:0px;
	border-bottom: 1px solid #212121;
	font-size:1.6em;
	
}
.highlight-box .highlighter{
	position:absolute;
	width:15px;
	height:28px;
	background:url(images/highlighter.png) no-repeat;
	top:20px;
	left:-15px;
	display:block;
}
.fn{
	display:none;
	visibility:hidden;
}
a.dp-choose-date {
	float: left;
	width: 19px;
	height: 21px;
	padding: 0;
	margin: 1px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(images/calendar.gif) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}
/*-----------------------------------------------------------------------------

Footbar Styles

-----------------------------------------------------------------------------*/
#footbar{
	width:980px;
	margin:0px auto;
	padding:40px 10px 30px 10px;
}
#footbar-wrap{
		background:url(images/footbar-bg.png) top repeat-x;
}
#footbar p, #footbar ul{
	margin:0px;
	padding:0px;
	color:#94968C;
	width:300px;
	list-style:none;
}

.about-me img{
	margin-right:15px;
	padding-top:5px;
}
#footbar .widget{
	width:310px;
	margin:0px 10px 0px 0px;
	float:left;
}
#footbar .category-links a, #footbar .category-links a:active, #footbar .category-links a:visited, #footbar .category-links{
	color:#3c3c3c;
}
#footbar .category-links a:hover{
	border-bottom:1px solid #3c3c3c;
}
/*-----------------------------------------------------------------------------

Image Replacement

-----------------------------------------------------------------------------*/

.ir {
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-900em;
}
.about-me-heading{
	background-image:url(images/about-me-heading.png);
	height:60px;
	width:300px;
	margin-bottom:24px;
}
.services-foot-heading{
	background-image:url(images/services-foot-heading.png);
	height:60px;
	width:300px;
	margin-bottom:24px;
}
.latest-posts-foot-heading{
	background-image:url(images/latest-posts-foot-heading.png);
	height:60px;
	width:300px;
	margin-bottom:24px;
}
.download-vcard{
	background-image:url(images/download-vcard.png);
	margin-top:20px;
	height:59px;
	width:303px;
}
.download-vcard:hover{
	border-bottom:none!important;
}
.howtohire{
	background-image:url(images/howtohire.png);
	height:26px;
	width:220px;
}
.telephone h3.ir{
	background-image:url(images/givemeacall.png);
	height:26px;
	width:260px;
}
.adr h3.ir{
	background-image:url(images/pentopaper.png);
	height:26px;
	width:260px;
}
.widget_categories .widgettitle, .widget_archive .widgettitle, .widget_links .widgettitle, .widget_mysites .widgettitle, .widget_useful_resources .widgettitle{
	text-indent:-900em;
	display:block;
	width:260px;
	height:40px;
	margin:0px;
	padding:0px!important;
}
.widget_categories .widgettitle{
	background:url(images/h2-categories.png) no-repeat;
}
.widget_useful_resources .widgettitle{
	background:url(images/h2-useful-resources.png) no-repeat;
}
.widget_archive .widgettitle{
	background:url(images/h2-archives.png) no-repeat;
}
.widget_links .widgettitle{
	background:url(images/h2-blogroll.png) no-repeat;
}	
.widget_mysites .widgettitle{
	background:url(images/h2-services.png) no-repeat;
}	
/*-----------------------------------------------------------------------------

Lightbox Styles

-----------------------------------------------------------------------------*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*-----------------------------------------------------------------------------

IE Clearfix Hack

-----------------------------------------------------------------------------*/


.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%;
}
.clear {
	clear: both;
}
/* End IE Clearfix Hack */