/*
Theme Name: WebMarketing123
Theme URI: http://webmarketing123.com
Description: Theme for WMK website, 2010
Version: 1.0
Author: Hinge
Author URI: http://pivotalbrands.com/
*/


/* Reset */

*
	{ padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; } 
body
	{ background: #036082 url("images/bgr_wrapper_top.png") repeat-x center top; color: #000; font-size: 62.50%; line-height: 1em; }

/* General Styles */

ul
	{ list-style-type: none; }
label
	{ cursor:pointer; }
a
	{ color: #006699; text-decoration:none; outline: none; }
a:hover
	{ color: FF6600; text-decoration:underline; }
#wrapper
	{ background: transparent url("images/bgr_stripes.png") repeat-y center top; }
#header-wrapper
	{ background: transparent url("images/bgr_header.png") no-repeat center top; position: relative; z-index: 1000; }
img
	{ border: 0; }
input
	{ outline: none; }

/* header */

#header
	{ width: 940px; height: 123px; margin: 0 auto; position: relative; z-index: 5555; }
#header-top
	{ height: 86px; overflow: hidden; width: 100%; }
#logo
	{ width:246px; height:72px; text-indent:-9999em; overflow:hidden; display:block; background:url("images/logo.png") no-repeat left bottom; cursor:pointer; margin: 0 0 0 18px; float:left; overflow:hidden; }
#header .slogal
	{ font-size: 1.6em; color:#ebf6f9; font-weight: bold; float:left; margin: 33px 0 0 75px; word-spacing:0px; line-height: 55px; }
#header .phone
	{ font-size:1.4em; color:#ffffff; font-weight:bold; float:right; text-transform:uppercase; padding: 18px 0 10px 0; margin: 0; width: 250px; text-align:right; }
#header .phone span
	{ color:#feb202; letter-spacing: -2px; }
#header .buttons
	{ float: right; margin: 4px 0 0 0; text-align:right; white-space: nowrap; }
#header .buttons img
	{ margin: 0 0 0 2px; }
#menu
	{ width: 940px; height: 37px; background: url("images/bgr_menu.png") repeat-x; margin: 0; float: left; }
#mainmenu
	{ float:left; }
#mainmenu ul
	{ float:left; padding:0 0 0 12px; }
#mainmenu ul li
	{ position: relative; display: inline; float: left; color:#fff; padding:0 0 0 4px; font-size:1.5em; line-height:1.1em; text-transform: uppercase; }
#mainmenu ul li a
	{ display:block; color:#fff; height:26px; padding:11px 12px 0 12px; }
#mainmenu ul li a
	{ float:left; }
#mainmenu ul li ul li a
	{ float:none; }
#mainmenu ul li a:link, #mainmenucat ul li a:visited
	{ text-decoration:none; }
#mainmenu ul li a:hover, #mainmenu ul li.hover a, #mainmenu .current_page_item a, #mainmenu .select a
	{ text-decoration:none; color:#185667; background:url("images/bgr_menu_hover.gif") repeat-x; }
#mainmenu ul li ul
	{ position: absolute; left: 0; display: none; margin:0 0 0 4px; padding:0; background:#c1e1e9; top: 37px; }
#mainmenu ul li.hover ul
	{ display: block; }
#mainmenu ul li ul li
	{ display: list-item; float: none; font-size:1.0em; background:none; padding:0; }
#mainmenu ul li ul li ul
	{ top: 0; margin:0; }
#mainmenu ul li ul li a, #mainmenu ul li.current_page_item ul a, #mainmenu ul li.select ul a
	{ width: 160px; height:auto; padding: 7px 10px 7px 10px; margin: 0; border-bottom: 1px solid #a8ccd6; background:#c1e1e9; text-align:left; text-decoration:none; font-weight:normal; font-size:12px; color:#185667; }
#mainmenu ul li ul li a:hover
	{ text-decoration:none; background:#c2e1e9 url("images/bgr_menu_hover2.gif") repeat-x bottom; color:#185667; font-weight:bold; }
#menu .search 
	{ float:right; margin:6px 10px 0 0; background:url("images/bgr_search_input.png") no-repeat; width:206px; height:24px; border:none; }
#menu .search .input 
	{ background:none; width:142px; height:20px; border:none; padding:6px 0 0 35px; color:#003d4e; font-size:1.1em; font-weight:bold; float:left; }
#menu .search .submit 
	{ background: transparent url("images/ico_search_submit.png") no-repeat 14px center; width: 28px; height: 24px; border:none; float:left; margin:0; cursor:pointer; text-indent:-999em; line-height:0; display: block; }
	
/* - */

#content-wrapper
	{ width: 100%; overflow: hidden; position: relative; z-index: 0; }

/* tabs */

#tabs
	{ width: 100%; padding: 289px 0 0 0; height: 51px; background:url("images/bgr_tabs.png") no-repeat center top; overflow: hidden; position: relative; z-index: 0; }
#tabs .tab
	{ width: 938px; height: 283px; position: absolute; top: 6px; left: 50%; margin-left: -470px; }
#tabs .tab1
	{ background:url("images/slides/searchengine.png") no-repeat 160px 0; }
#tabs .tab2
	{ display: none; background:url("images/slides/payperclick.png") no-repeat bottom right; }
#tabs .tab3
	{ display: none; background:url("images/slides/social_media.png") no-repeat 580px 35px; }
#tabs .title
	{ padding: 38px 0 0 28px; }
#tabs h1
	{ padding: 14px 0 0 28px; width: 555px; line-height: 24px; font-size:2.2em; font-weight:bold; color:#ffffff; letter-spacing: -1px; }
#tabs p
	{ padding: 0 0 0 28px; width: 555px; font-size: 1.6em; line-height: 1.3em; font-style:italic; color:#ffffff; }
#tabs .tab3 p
	{ width: 545px; padding: 0 0 10px 28px; }
#tabs .more
	{ padding: 15px 0 0 24px; }
#tabs .tab2 .more	
	{ margin: 1px 0 0 0; }
#tabs .items
	{ width: 940px; position: absolute; left: 50%; margin-left: -470px; top: 272px; }
#tabs .items .item a
	{ background:url("images/bgr_tab_item.gif") no-repeat bottom; width:313px; height:54px; text-align:center; float:left; padding:14px 0 0; display:block; }
html>body #tabs .items .item a
	{ background:url("images/bgr_tab_item.png") no-repeat bottom; }
#tabs .items .item a.selected,
#tabs .items .item a:hover
	{ background:url("images/bgr_tab_item_h.gif") no-repeat bottom; }
html>body #tabs .items .item a.selected,
html>body #tabs .items .item a:hover
	{ background:url("images/bgr_tab_item_h.png") no-repeat bottom; }

/* body */

#body_top
	{ width:100%; background:url("images/bgr_body_top.png") no-repeat center top; overflow:hidden; }
#body
	{ width:100%; overflow:hidden; padding: 0 0 10px 0; }
#content
	{ width: 940px; margin:0 auto; padding:5px 0 0; overflow:hidden; }
#main_content
	{ background: #fff; width: 628px; overflow: hidden; float: left; }
#main_content .text_box
	{ background: url("images/bgr_main_content_div.png") repeat-x bottom; padding: 0 28px 22px 28px; overflow: hidden; }
#main_content .text_box h2
	{ color:#003d4e; font-size: 2.4em; font-weight:bold; padding: 25px 0 4px 0; line-height:1.1em; letter-spacing:-1px; }
#main_content .text_box p
	{ color:#000; font-size:1.5em; padding:15px 0 0 0; line-height:1.3em; }
#main_content .text_box .read_more
	{ padding: 22px 0 0 0; width: 100%; overflow: hidden; height: 29px; }
#main_content .text_box .read_more a
	{ display: block; float: left; }
#main_content .text_box .read_more a img
	{ display: block; }
#main_content .blog
	{ padding: 28px 28px 32px 28px; }
#main_content .blog h3
	{ padding: 0 0 13px; }
#main_content .blog .item
	{ background:#ecf7f9; height: auto; width:575px; overflow:hidden; }
#main_content .blog .item .date
	{ float:left; color:#185667; text-align:center; width:52px; padding:13px 0 0; height:49px; }
#main_content .blog .item .date .month
	{ font-size:1.4em; font-weight:bold; }
#main_content .blog .item .date .day
	{ font-size:2.4em; font-weight:bold; line-height: 1em; }
#main_content .blog .item .date_years
	{ float:left; text-align:center; color:#636363; font-size:1.4em; width:66px; padding: 20px 0 0; height:39px; }
#main_content .blog .item .text
	{ float:left; padding: 12px 0 0 14px; width:440px; }
#main_content .blog .item .text h4
	{ color:#000; font-size:1.5em; font-weight:bold; line-height: 1.1em; }
#main_content .blog .item .text h4 a
	{ color:#e3a903; }
#main_content .blog .item .text h4 a:hover
	{ text-decoration: underline; }
#main_content .blog .item .text p
	{ color:#000; font-size:1.5em; word-spacing: -1px; line-height: 2em; }
#main_content .blog .item .text p a
	{ color:#185667; text-decoration:underline; }
#main_content .blog .item .text p a:hover
	{ color: #e3a903; }
#main_content .blog .second
	{ background:#f5fbfc; }

/* sidebar */

#sidebar
	{ width:312px; float:right; overflow:hidden; padding: 0; }
#sidebar .top
	{ background:url("images/bgr_sidebar_top.png") repeat-x top; width:312px; float:left; margin:0; }
#sidebar .bot
	{ background:url("images/bgr_sidebar_bot.png") repeat-x bottom; padding: 0; }
#sidebar .content
	{ background:url("images/bgr_sitebar_content_top.png") repeat-x top; width: 297px; margin:9px 0 0 7px; padding: 0 0 10px 0; }
#sidebar .content p
	{ font-size:1.4em; color:#FFF; margin:0 0 0 20px; width:260px; line-height:1.1em; padding:8px 0 0; }
#sidebar .content h5
	{ color: #abd34f; font-size: 1.4em; font-weight: bold; margin: 0 0 0 20px; background: transparent url("images/ico_sidebar_line_div.png") no-repeat 0 15px; padding: 25px 0 0 0; display: block; line-height: 1em; color: #fff;}
#sidebar .content h5.darker
	{ background: transparent url("images/ico_sidebar_line_div2.png") no-repeat 0 15px; }
#sidebar .content h5 a
	{ color: #abd34f; }
#sidebar .content h5 a:hover {color: #006699;}
#sidebar .content .see_more_free
	{ padding: 10px 0 0 90px; }
#sidebar .featured
	{ background:url("images/gbr_sidebar_featured.png") repeat-x; width:297px; margin:11px 0 8px 7px; padding:7px 0 0; overflow:hidden; }
#sidebar .featured .title
	{ background:url("images/bgr_sidebar_featured_title.png") #FFF no-repeat right; width:277px; height:22px; margin:0 0 0 7px; padding:13px 0 0 13px; }
#sidebar .featured .content
	{ background:#FFF; width:284px; margin:0; padding: 0 0 7px 0; }
#sidebar .featured .image
	{ text-align:center; margin:20px 0 20px 10px; }
#sidebar .featured p
	{ color:#636363; font-size:1.3em; line-height:1.3em; }
#sidebar .featured .more
	{ margin:0 0 0 180px; }
#sidebar .logos
	{ background:url("images/gbr_sidebar_featured.png") repeat-x #FFF; width:297px; margin:0 0 0 7px; padding:6px 0 7px; overflow:hidden; }
#sidebar .logos .image
	{ float:left; margin:0 0 0 5px; }

/* footer */

#footer
	{ width:100%; height:116px; background:url("images/bgr_footer.png") center #003d4e; margin:0; overflow:hidden; clear:both; }
#footer_menu
	{ width:940px; margin:0 auto; overflow:hidden; }
#footer_menu ul
	{ padding:11px 0 0 20px; }
#footer_menu ul li
	{ text-transform:uppercase; float:left; font-size:1.4em; padding:13px 28px 0 0; }
#footer_menu ul li a
	{ color:#FFF; text-decoration:none; }
#footer_menu ul li a:hover
	{ text-decoration: underline; }
#footer_menu .forward
	{ margin:5px 0 0; float:right; }
#footer_menu .forward img
	{ margin:0 0 0 6px; }
#footer .info
	{ width:940px; margin:0 auto; overflow:hidden; }
#footer .info div.about
	{ font-size:1.1em; color:#d3e6eb; float:left; padding:30px 0 15px; }
#footer .info div.call
	{ font-size:1.2em; color:#fff; font-weight:bold; float:right; text-transform:uppercase; padding:30px 0 15px; }
#footer .info div.about a
	{ color: #d3e6eb; }
#footer .info div.about a:hover
	{ color: #fff; text-decoration: underline; }
#footer .info .call span
	{ color:#feb202; }

/* Subpage */

#cont_sec
	{ margin: auto; width: 940px; overflow: hidden; padding: 0 0 10px 0; }
#content_s
	{ width:574px; background:#fff; float:left; padding:26px 26px 40px 26px; margin: 0; }
#content_s ul
	{ float: right; margin:0 0 5px 0 }
#content_s ul li
	{ display: inline; margin:0 10px 0 0; color:#646464 }
#content_s ul li a
	{ color:#646464;display: inline-block; }
.socials
	{ font-size:1.2em; }
.facebook
	{ background:url("images/ico_facebook.gif") no-repeat left 2px; width:14px; height:16px; padding:2px 0 5px 17px }
.twitter
	{ background:url("images/ico_twitter.gif") no-repeat left 2px; width:12px; height:16px; padding:2px 0 5px 17px }
.email
	{ background:url("images/ico_email.gif") no-repeat left 2px; width:12px; height:16px; padding:2px 0 5px 25px }
.print
	{ background:url("images/ico_print.gif") no-repeat left 2px; width:15px; height:16px; padding:3px 0 8px 17px }
#content_s p
	{ color:#000; font-size: 1.5em; margin: 20px 20px 20px 0; line-height: 1.55em; }
#content_s p a
{
color: inherit;
text-decoration: underline;
}

#content_s p a:hover
{
opacity:0.8;
}

#content_s h3
	{ color:#185667; font-weight:bold; font-size:1.6em; padding: 2px 0 0 0; word-spacing: -1px; }
#approach
	{ margin: 20px 0 0 0; padding: 0 0 8px 0; }
#content_s h1
	{ color:#cfa502; font-size:2.2em; float:left;}
.line2
	{ border-bottom:solid 1px #d3e6eb; margin:10px 0 10px 0; width:100%;; float:right }
#content_s img
	{ padding:0; }
#content_s h2 a
	{ color: #185667; font-weight:bold; font-size: 10px; text-transform: uppercase; text-decoration: underline; }
.line
	{ border-bottom: solid 1px #d3e6eb; margin: 48px 0 0 0 }
#f_menu
	{ float:left; padding: 22px 0 0 0; color:#185667; font-weight:bold; font-size:11px; }
#f_menu a
	{ color:#185667; font-weight:bold; font-size:11px; margin:0 5px 0 0px }
#f_menu a
	{ color:#185667; margin:0 10px 0 0; text-decoration:underline; }
#f_menu a:hover
	{ color: #000; }
#aside
	{ width: 313px; float:left; }
#prof
	{ width: 276px; background:#fff; margin: 7px 0 0 7px; padding:15px 15px 7px 15px; overflow:hidden; }
#prof h1
	{ color:#185667; font-size:1.5em; font-weight:bold; }
#google
	{ width:151px; float:left; padding:10px 0 0 5px; }
#prof .img
	{ float:left; margin:0 0 20px 0 }
#prof .line
	{ margin: 18px 0 10px 0; }
.bbb
	{ margin:0 0 30px 20px }
#bbb
	{ float:left; width:70px; margin:10px 0 0 0; }
#bbb a img
	{ margin-left:10px; }
.green
	{ background:url("images/grn_bg.png"); width:313px; height:181px; margin:8px 0 0 0; }
.free
	{ padding:14px 0 0 40px; overflow:hidden; height:46px; }
#aside p
	{ margin:20px 0 0 30px; color:#fff; font-size:1.6em; line-height:1.2em; font-style:italic; }
.sign
	{ margin:15px 0 0 17px }
	
	#content_s .content ul
{
list-style-type: square;
margin-left:20px;
float: none;
}
#content_s .content ol
{
list-style-type: decimal;
margin-left:20px;
float: none;
}

	#content_s .content ul li
	{
	color:#000; font-size: 1.4em; line-height: 1.65em;
	list-style-type: square;
	display: list-item;

	}

	#content_s .content  ol li
	{
		color:#636363; font-size: 1.3em; line-height: 1.55em;
		list-style-type: decimal;
			display: list-item;


	}


.socials span
{
display: none;
}
	.linklove
	{
	display: none;
	}
	
	#content_s img.alignleft
	{
	float: left;
	margin-right: 10px;
	}
	
	#content_s p
	{
	clear: both;
	}
	
	.content
	{
	height: 100%;
	width: 100%;
	}
	
	.content h6 {font-size: 16px; line-height: 21px; color: #023f51;}
	
	.content h6 a{color: #006699; text-decoration:none;}
	
	.content h6 a:hover{color: #FF6600; text-decoration:underline;}
	
	.content h5 {color: #333; font-size: 17px; font-weight: lighter; padding-top: 0px; line-height: 22px;}
	
	.content h5 a{color:#FF0000; text-decoration: none;}
	
	.content h5 a:hover{color: #fa4a4a; text-decoration: none;}
	
	.content h4 {color: #006699; font-size: 16px; line-height: 20px; border-bottom: 1px dashed #e9e9e9; margin-bottom: 10px; padding-bottom: 3px;}
	

#sidebar .featured .content
{
overflow: visible;
}	

/*FREE CONSULTATION SIDEBAR
============================*/
.consultBg {background-image: url("images/consultBg.png"); background-repeat: no-repeat; background-position: top left; height: 280px; background-color: #FFF;}
.consultContent {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #333; padding-left: 20px; padding-top:70px;}
.consultButt {margin-left: 150px; margin-top: 60px;}

/*MAXWELL ROWE EDITS
-------------------------*/

/*SINGLE COLUMN FULL WIDTH 940px STYLES
---------------------------*/

#content-full-width {background:#fff; padding:26px 26px 40px 26px; margin: 0;}

#content-full-width ul
	{ float: right; margin:0 0 5px 0 }
#content-full-width ul li
	{ display: inline; margin:0 10px 0 0; color:#646464 }
#content-full-width ul li a
	{ color:#646464;display: inline-block; }
	
#content-full-width p
	{ color:#000; font-size: 1.5em; margin: 5px 20px 20px 0; line-height: 1.55em; }
#content-full-width p a
{
color: inherit;
text-decoration: underline;
}

#content-full-width p a:hover
{
opacity:0.8;
}

#content-full-width h3
	{ color:#185667; font-weight:bold; font-size:1.6em; padding: 2px 0 0 0; word-spacing: -1px; }
#approach
	{ margin: 20px 0 0 0; padding: 0 0 8px 0; }
#content-full-width h1
	{ color:#cfa502; font-size:2.2em; float:left;}
#content-full-width img
	{ padding: 20px 0 10px 0; }
#content-full-width h2 a
	{ color: #185667; font-weight:bold; font-size: 10px; text-transform: uppercase; text-decoration: underline; }
#content-full-width img.alignleft
	{
	float: left;
	margin-right: 10px;
	}
	
	#content-full-width p
	{
	clear: both;
	}
	
#content-full-width img.alignright {float: right;}

/*WEBINAR SIGN UP STYLES
--------------------------------*/
.twoColumnForm {}

.twoColumnFormLeft {float: left; padding: 10px; width: 550px; background-image: url('images/webinar_bg.png'); background-repeat: no-repeat; background-position: top right;}

.twoColumnFormRight {float: right; border-left: 1px solid #CCC; padding: 10px; width: 280px;}

.webinarFontStyles h5 {font-size: 20px; color: #333; line-height: 25px; padding-right: 200px; font-weight: lighter; padding-bottom: 10px;}

.webinarFontStyles h6 {font-size: 16px; color: #000; line-height: 18px; font-weight: lighter; padding-bottom: 10px; }

.webinarFontStyles h3 {font-size: 16px; line-height: 18px; font-weight: bold; padding-bottom: 3px; }

.webinarFontStyles h4 {font-size: 26px; color: #006600; line-height: 30px; font-weight: lighter; padding-right: 100px; }

/*WEBINAR SIGN UP FORM -- CFORMS
====================================*/

#cforms5form {width: 260px; margin: 10px auto;}

#cforms5form fieldset {
		background-color:#FFF;
		border: 1px solid #CCC;
		margin-top:10px;
		padding:5px 15px;
		}

#cforms5form label {
	display:inline-block;
	margin:4px 10px 0 0;
	text-align:left;
	vertical-align:top;
	width:150px;
	font-size: 12px;
	padding-bottom: 4px;
	}
	
#cforms5form input, textarea, select {
	background:#F9F9F9 none repeat scroll 0 0;
	border:1px solid #888888;
	font-size:12px;
	line-height:16px;
	padding:3px;
	vertical-align:top;
	} 

#cforms5form legend {font-family: Arial, Helvetica, sans-serif; color:#006666; font-size: 23px;}

div.cf_info {width: 230px;}


/*CLIENTS PAGE STYLES
------------------------*/

#clientBigWrapper {background-image: url('images/bgr_sidebar_top.png'); background-repeat: repeat-x; background-position: top left;}

#clientMainWrapper {float: left; width: 626px; padding-top: 10px;}

#contentClients {}

#contentClients h2 {color: #006699; font-size: 16px; line-height: 20px; border-bottom: 1px dashed #e9e9e9; margin-bottom: 10px; padding-bottom: 3px;}

#contentClients p {font-size: 14px; color: #000; line-height: 18px; padding-bottom: 15px;}

#contentClients h4 {color: #025577; font-size: 18px; line-height: 22px; padding-bottom: 5px; font-weight: lighter;}

#contentClients h5 {color: #000000; font-size: 18px; line-height: 22px; padding-bottom: 26px; font-weight: lighter;}

#contentClients ul {margin-left:0; padding-left: 0; display: inline; border-bottom: 1px solid #e9e9e9; padding-bottom: 10px; margin-bottom: 10px; float: left; clear: both; font-size: 12px; color: #000; line-height: 16px;}

#contentClients ul li {margin-left: 0; padding: 3px 20px; display: block; list-style: none; border-left: 1px solid #e9e9e9; width: 340px; vertical-align:middle; float: left;}

#contentClients ul li:first-child {margin-left: 0; padding: 3px 15px; display: block; list-style: none; border: none; width: 160px; vertical-align:middle; float: left;}

#contentClients h2 a{color:#006699; text-decoration: none;}

#contentClients h2 a:hover{color:#FF6600; text-decoration:none;}

.clienttinytype {font-size: 10px; font-weight:lighter; padding-left: 25px; text-align:right; padding-right: 25px;}

.clienttinytype a{color:#006699; text-decoration:none; font-size: 10px;}

.clienttinytype a:hover{color:#FF6600; text-decoration:none; font-size: 10px;}

/*Sidebar Webinar
=====================*/
.sideWebHead {background-image: url('http://www.webmarketing123.com/wordpress/wp-content/themes/webmarketing123/images/txt_free_webinars.png'); position: top left; background-repeat: no-repeat; height:35px; text-align: right; padding: 4px 6px 0 0; }

#clientPageWrapper {width:574px; background:#fff; float:left; padding:0px 26px 40px 26px; margin: 0; }