/*

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,

fieldset, form, label, legend,

caption {

	margin: 0;

	padding: 0;

	border: 0;

	vertical-align: baseline;

	background: transparent;

}




h1 {

	color:#e2e2e2;
	
	font-size:18px;
	
	margin:0px;
	
	margin-bottom:14px;
	
	margin-left:40px;
	
	padding:0px 0px 0px 0px;
	
}



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:#e2e2e2;

}



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 10px 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:#606060 url(images/main-bg.gif) repeat-y top left;

	float:left;

}



#main-content {

	width:1024px;

	padding:10px;

}





#main-content h2 {

	color:#e2e2e2;

	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:#e2e2e2;

	font-size:12px;

	margin-top:14px;

	line-height:18px;

}



#main-content a {

	color:#7290ff;

	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-expand.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-collapse.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;

	color:#353535;

}

.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 #454545;

	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:#686868;

	border:1px solid #454545;

	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 h2 {

	font-size:22px;

	font-weight:normal;

	color:#ffffff;

	width:340px;

	background:url(images/subpage-header-bg-black.png) repeat top left;

	padding:20px;

}



.subpage-banner-dark {

	width:1024px;

	height:250px;

}



.subpage-banner-dark h2 {

	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-summary {

	margin-bottom:10px;

}



.entry-utility {

	font-size:11px;

}



/* =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;

}