/*
Theme Name: Kingpin-SEO
Theme URI: http://www.kingpin-seo.com/
Description: Wordpress theme custom design for Kingpin-SEO.
Author: Tom Green
Version: 1.0
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	margin:0 auto;
	margin-bottom:10px;
	background:#6c6c6c url(images/header-bg.gif) repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#353535;
}

img {
	border:0;
}

#wrapper {
	width:1024px;
	margin:0 auto;
}

#header {
	height:97px;
}

#header img {
	border:0;
}

#navigation_bg {
	background:url(images/nav-centre.gif) repeat-x top left;
	height:41px;
}

#navigation {
	background:url(images/nav-left.gif) no-repeat 0% 0%;
	height:41px;
}

#navigation ul {
	background:url(images/nav-right.gif) no-repeat 100% 0%;
	padding:0px;
	margin:0px 0px 0px 8px;
	height:41px;
}

#navigation li {
	list-style:none;
	float:left;
	margin:0;
	padding:0 0 0 5px;
}

#navigation a, #navigation strong, #navigation span {
	display:block;
	padding:12px 10px 10px 5px;
	color:#505050;
	text-decoration:none;
}

#navigation a:hover {
	color:#707070;
	text-decoration:underline;
}

#navigation .current {
	margin-top:9px;
	background:url("images/nav-tab-left.gif") top left no-repeat;
}

#navigation .current a {
	background:url("images/nav-tab-right.gif") top right no-repeat;
	padding-top:7px;
	padding-bottom:7px;
	color:#ffffff;
	font-weight:bold;
}

#navigation li ul {
	display:none;
}

#navigation li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding:1px 0px 0px 0px; }
#navigation li:hover li {
	float: none; }
#navigation li:hover li a {
	background: #93db5e;
	border-bottom: 1px solid #c3e5a9;
	color: #ffffff; }
#navigation li li a:hover {
	background-color: #c3e5a9; }

#testimonials {
	position:absolute;
	top:10px;
	left:10px;
	color:#707070;
	font-style:italic;
	width:774px;
}


#services {
	width:1024px;
	height:84px;
	margin:-5px 0px 0px 10px;
}



.service-box {
	color:#e8e8e8;
	float:left;
	width:313px;
	height:100px;
	cursor:pointer;
}

.mycarousel {
	height:100px;
	width:313px;
	background:url(images/services.gif) no-repeat top left;
}

.mycarousel:hover {
	height:100px;
	width:313px;
	background:url(images/services-hover.gif) no-repeat top left;
}

.service-box img {
	float:left;
	margin:20px 14px 0px 20px;
}

.service-box:hover {
	color:#e8e8e8;
	float:left;
	width:313px;
	height:100px;
	background:url(images/services-hover.gif) no-repeat top left;
}

.service-box h2 {
	font-size:14px;
	padding:10px 0px 4px 0px;
	margin:0px;
	font-weight:bold;
	font-style:italic;
}

.service-box p {
	font-size:12px;
	width:213px;
	margin:0px;
	margin-left:90px;
	padding:0px;
}

.previous img {
	border:0;
	float:left;
	margin:20px 10px 0px 1px;
}

.next img {
	border:0;
	float:left;
	margin:20px 0px 0px 10px;
}

.t {background: url(images/main-content-dot.gif) 0 0 repeat-x;}
.b {background: url(images/main-content-dot.gif) 0 100% repeat-x}
.l {background: url(images/main-content-dot.gif) 0 0 repeat-y}
.r {background: url(images/main-content-dot.gif) 100% 0 repeat-y}
.bl {background: url(images/main-content-bl.gif) 0 100% no-repeat}
.br {background: url(images/main-content-br.gif) 100% 100% no-repeat}
.tl {background: url(images/main-content-tl.gif) 0 0 no-repeat}
.tr {background: url(images/main-content-tr.gif) 100% 0 no-repeat; padding:10px} 

#content-wrapper {
	width:1024px;
	margin-left:-10px;
	background:#ffffff url(images/main-bg.gif) repeat-y top left;
	float:left;
}

#main-content {
	width:1024px;
	padding:10px;
}

#main-content h2 {
	color:#353535;
	font-size:18px;
	margin:0px;
	margin-bottom:14px;
	margin-left:40px;
	padding:0px 0px 0px 0px;
}

#main-content img {
	float:left;
	position:absolute;
	margin-right:10px;
}

#main-content p {
	margin:0px;
	padding:0px;
	color:#353535;
	font-size:12px;
	margin-top:14px;
	line-height:18px;
}

#main-content a {
	color:#5972ce;
	text-decoration:underline;
}

#main-content a:hover {
	color:#8b9dde;
}

#main-content ul {
	list-style:square;
	padding-left:14px;
	margin:10px;
}

#main-content ul li {
	margin-bottom:5px;
}

#sidebar_bl {
	float:right;
	margin:-20px 20px 0px 0px;
	width:380px;
}

#sidebar {
	width:370px;
	padding-top:10px;
	float:right;
}

.sidebar-item {
	padding:10px;
	margin-bottom:14px;
}

.sidebar-item h3 {
	font-size:14px;
	font-weight:bold;
	padding:0px;
	margin:0px 0px 5px 0px;
}

#social-bookmarking {
	padding-left:10px;
	margin-top:10px;
	margin-bottom:10px;
}

#social-bookmarking h3 {
	font-size:14px;
	font-weight:bold;
	padding:0px;
	margin:0px 0px 5px 0px;
}

#social-bookmarking ul {
	padding:0px;
	margin:0px;
	position:relative;
}

#social-bookmarking ul li {
	display:inline;
	list-style:none;
	cursor:pointer;
	float:left;
}

#social-networking {
	margin:5px 0px 25px 0px;
}

#social-networking ul {
	padding:0px;
	margin:0px;
	position:relative;
}

#social-networking ul li {
	display:inline;
	list-style:none;
	margin-left:35px;
	float:left;
}

.button {
	background:url(images/button-bg-left.gif) no-repeat 0% 0%;
	height:24px;
	margin-left:10px;
	float:left;
}

.button span {
	background:url(images/button-bg-right.gif) no-repeat 100% 0%;
	padding:4px 6px 0px 0px;
	margin:0px 0px 0px 20px;
	height:24px;
	display:block;
	float:left;
}

.button a {
	color:#3b3b3b;
	font-weight:bold;
	text-transform:lowercase;
	cursor:pointer;
	text-decoration:none;
}

.cta-button {
	background:url(images/button-bg-left.gif) no-repeat 0% 0%;
	height:32px;
	margin-left:10px;
	float:left;
}

.cta-button span {
	background:url(images/button-bg-right.gif) no-repeat 100% 0%;
	padding:4px 6px 0px 0px;
	margin:0px 0px 0px 20px;
	height:32px;
	display:block;
	float:left;
}

.cta-button a {
	color:#3b3b3b;
	font-weight:bold;
	text-transform:lowercase;
	cursor:pointer;
	text-decoration:none;
}

.msg_body p {
	padding: 0 0 1em;
}
.msg_list {
	margin: 0px;
	padding: 4px;
	width: 350px;
}
.msg_head {
	cursor: pointer;
	position: relative;
	background:#FFFFFF url(images/quote-box-header.gif) repeat-x top left;
	border:1px solid #779949;
	height:38px;
	margin:1px;
}
.msg_head h3 {
	font-size:14px;
	font-weight:bold;
	padding:10px 10px 12px 10px;
	margin:0;
	background:url(images/quote-box-header-collapse.gif) no-repeat 100% 0%;
	color:#3b3b3b;
}
.msg_head2 {
	cursor: pointer;
	position: relative;
	background:#FFFFFF url(images/quote-box-header.gif) repeat-x top left;
	border:1px solid #779949;
	height:38px;
	margin:1px;
}
.msg_head2 h3 {
	font-size:14px;
	font-weight:bold;
	padding:10px 10px 12px 10px;
	margin:0;
	background:url(images/quote-box-header-expand.gif) no-repeat 100% 0%;
	color:#3b3b3b;
}
.msg_body {
	padding: 10px;
	background-color:#f2f2f2;
	border:1px solid #adadad;
	margin-top:-2px;
	margin-left:1px;
	width:326px;
}
.msg_body span {
	font-size:11px;
	color:#ff0000;
}

.textboxsmall {
	width:240px; 
	height:24px; 
	float:right; 
	background:url(images/contact-input-small.gif) no-repeat top left; 
	border:0; 
	padding:5px; 
	margin-right:-10px;
	margin-top:-5px;
	font-size:11px;
}

.non-expandable-box-head {
	background:#FFFFFF url(images/non-expandable-box-header.gif) repeat-x top left;
	border:1px solid #adadad;
	height:38px;
	margin:1px;
}

.non-expandable-box-head h3 {
	font-size:14px;
	font-weight:bold;
	padding:10px 10px 12px 10px;
	margin:0;
}
.non-expandable-box-body {
	background-color:#f2f2f2;
	border:1px solid #adadad;
	margin-top:-2px;
	margin-left:1px;
	width:346px;
}
.non-expandable-box-body ul {;
	margin:0;
	padding:0;
}
.non-expandable-box-body ul li {
	list-style:none;
	margin-left:-10px;
}
.non-expandable-box-body ul li a {
	font-weight:bold;
}

#footer {
	color:#c6c6c6;
	font-size:12px;
	clear:both;
	margin-left:-10px;
}

#footer h3 {
	font-size:18px;
	font-weight:normal;
	color:#ffffff;
	margin:0px 0px 5px 0px;
	padding:16px 0 0 0;
}

#footer a {
	color:#c6c6c6;
}

#footer-list {
	width:1024px;
	border-top:1px dotted #c6c6c6;
	border-bottom:1px dotted #c6c6c6;
	margin-bottom:10px;
}

#footer-list ul {
	float:left;
	margin:5px 0px 5px 0px;
	padding:0;
	width:256px;
}

#footer-list ul li {
	display:list-item;
	list-style:none;
}

#footer-list ul li a {
	font-size:14px;
	color:#b3bee7;
	font-weight:normal;
	text-decoration:underline;
}

#footer-list ul li a:hover {
	color:#d1dafa;
}

.subpage-banner {
	width:1024px;
	height:250px;
}

.subpage-banner h1 {
	font-size:22px;
	font-weight:normal;
	color:#ffffff;
	width:340px;
	background:url(images/subpage-header-bg-black.png) repeat top left;
	padding:10px 20px 10px 20px;
}

.subpage-banner-dark {
	width:1024px;
	height:250px;
}

.subpage-banner-dark h1 {
	font-size:18px;
	font-weight:normal;
	color:#ffffff;
	width:340px;
	background:url(images/subpage-header-bg-white.png) repeat top left;
	padding:20px;
}

.entry-meta {
	font-size:11px;
	margin:0px;
}

.entry-utility {
	font-size:11px;
	margin-top:10px;
}

/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #FF4B33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #FF4B33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7e7e7;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}



/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	margin: 24px 0;
	border-top: 1px solid #e7e7e7;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#respond .required {
	color:#FF4B33;
	font-weight:bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin:0 0 9px;
	width:98%;
}
#respond textarea {
	width:98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	width: auto;
	font-size: 14px;
}

.entry-title {
	font-size:18px;
	margin:0px;
	margin-bottom:10px;
	padding:0px;
}

.breadcrumb {
	font-weight: bold; 
}

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
	height:100px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
	width:1024px;
	height:84px;
	margin:10px 0px 10px 0px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	color:#e8e8e8;
	float:left;
	width:313px;
	height:100px;
	cursor:pointer;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.qcarousal-skin-tango ul {
	padding:0px;
	width:1024px;
}

.jcarousal-skin-tango ul li {
	color:#e8e8e8;
	width:313px;
	height:100px;
	list-style:none;
}

.service-box ul lu h2 {
	font-size:14px;
	padding:18px 0px 4px 0px;
	margin:0px;
	font-weight:bold;
	font-style:italic;
}

.jcarousal-skin-tango ul li img {
	
}

.jcarousal-skin-tango ul li:hover {
	color:#e8e8e8;
	float:left;
	width:313px;
	height:100px;
	background:url(images/services-hover.gif) no-repeat top left;
	cursor:pointer;
}

.jcarousel-skin-tango .jcarousel-item {

}

.jcarousel-skin-tango .jcarousel-item:hover {
	
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
   
}

/**
 *  Horizontal Buttons
 */

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 20px;
    right: -680px;
    width: 20px;
    height: 60px;
    cursor: pointer;
    background: transparent url(images/seo-services-box-next.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 20px;
    left: -30px;
    width: 20px;
    height: 60px;
    cursor: pointer;
    background: transparent url(images/seo-services-box-previous.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
}

/* JQuery Styling */

.jqueryslidemenu{
font: bold 12px Arial;
background: #414141;
width: 100%;
background-image:url(../images/menu-bg.png);
background-repeat:repeat-x;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;


}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #414141; /*background of tabs (default state)*/
color: white;
padding: 10px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
background-image:url(../images/menu-bg.png);
background-repeat:repeat-x;
height:15px;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: #323232; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Arial;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #323232;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

#featured{ 
	width:774px; 
	padding-right:250px; 
	padding-top:1px;
	padding-bottom:1px;
	position:relative; 
	height:250px; 
	background:#323232;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:670px; 
	list-style:none; 
	padding:0; margin:0; 
	width:354px;
	}
#featured ul.ui-tabs-nav li{ 
	font-size:12px; 
	color:#666; 
	background-color:#323232;
	
}
#featured ul.ui-tabs-nav li img{ 
	float:left; 
	margin:4px 8px 4px 4px; 
	padding:1px; 
	background:#323232; 
	border:1px solid #5d5d5d;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:12px; font-family:arial;
	display:block;
}
#featured ul.ui-tabs-nav li b{ 
	font-size:14px; font-family:arial; font-weight:bold;
	padding:7px 0px 0px 0px;
	margin:0px;
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	background:#323232;
	color:#FFF;
	text-decoration:none;
	padding-bottom:3px;

}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#4e4e4e;
	padding-bottom:3px;
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#4e4e4e;
	padding-bottom:3px;
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png');
	width:670px;
}
#featured .ui-top-panel .info{ 
	position:absolute; 
	top:0px; left:0; 
	height:40px; 
	width:670px;
}
#featured .info h2{ 
	font-size:18px; font-family:Arial, serif; 
	color:#fff; padding:5px 10px 5px 10px; margin:0;
	font-weight:normal;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0px 10px 5px 10px; 
	font-family:Arial; font-size:14px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

.testimonial {
	position:absolute;
	top:10px;
	left:10px;
	color:#707070;
	font-style:italic;
	width:600px;
}

.grid {
	width:260px;
	float:left;
	border-left:1px dotted #dddddd;
	padding-left:15px;
	padding-right:20px;
	margin-bottom:20px;
	padding-top:5px;
	display:inline;
	height:180px;
}

.reg-post {
	width:600px;
	float:left;
	padding-left:15px;
	padding-right:20px;
	margin-bottom:20px;
	padding-top:5px;
}

.grid:hover {
	background:#eeeeee;
}