/*
Theme Name: Associates
Theme URI: http://visionarylabs.com/web/afpd
Description: The ultimate corporate blog
Version: 1 (WP2.7)
Author: Ben Borkowski
Author URI: http://visionarylabs.com/web/afpd
Tags: corporate, associates, professional
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

.admin{display: block; margin: 120px auto; width: 200px; border: 1px solid #333; clear: both;}
.admin a{display: block; text-align: center; padding: 5px;}
.admin a:link, .admin a:visited{color: #fff; background: #666;}
.admin a:hover, .admin a:active{color: #333; background: #ccc;}

.service_list{font-size: 8pt;list-style: none; list-style-image: none;margin: 15px 0px 0px 0px;width: 45%;float: left;}
.service_list li{display: block; border: 0px solid red; background: none;	margin: 0px; padding: 0px;}

/*large icon rules*/
.service_list {float: left; width: 45%;}
.service_list li {clear: left; padding: 0px; margin: 0px; background: none; border: 0px solid red; }
.service_list a{display: block; width: 100%; height: 80px; padding: 0px; margin: 0px; background: #fff;}
.service_list a:hover{cursor: pointer !important;}
.service_list a span.text{float: left; padding: 20px 10px; border: 0px solid green;}
.service_list a span.icon{display: block; float: left; width: 70px; height: 70px; border: 0px solid red; background:url(images/icons/icon_sprite_70.png); cursor:pointer; text-decoration: none; overflow: hidden; text-indent: -2000px;}
/*LARGE ICON POSITIONS*/
.service_list a.newleader span.icon{background-position: 0px 0px;}
.service_list a.simulations span.icon{background-position: 0px -70px;}
.service_list a.assessment span.icon{background-position: 0px -140px;}
.service_list a.teamcoaching span.icon{background-position: 0px -210px;}
.service_list a.leadership span.icon{background-position: 0px -280px;}
.service_list a.seniorleader span.icon{background-position: 0px -350px;}
.service_list a.executivecoaching span.icon{background-position: 0px -420px;}
.service_list a.career span.icon{background-position: 0px -490px;}
/*LARGE ICON HOVER CHNAGE*/
.service_list a.newleader:hover span.icon{background-position: 70px 0px;}
.service_list a.simulations:hover span.icon{background-position: 70px -70px;}
.service_list a.assessment:hover span.icon{background-position: 70px -140px;}
.service_list a.teamcoaching:hover span.icon{background-position: 70px -210px;}
.service_list a.leadership:hover span.icon{background-position: 70px -280px;}
.service_list a.seniorleader:hover span.icon{background-position: 70px -350px;}
.service_list a.executivecoaching:hover span.icon{background-position: 70px -420px;}
.service_list a.career:hover span.icon{background-position: 70px -490px;}
/*smal icon rules*/
.service_list.contact {float: right; width: 300px;}
.service_list.contact li {clear: left; padding: 0px; margin: 0px; background: none; border: 0px solid red; }
.service_list.contact a{display: block; width: 100%; height: 40px; padding: 0px; margin: 0px; background: #fff;}
.service_list.contact a:hover{cursor: pointer !important;}
.service_list.contact a span.text{float: left; padding: 10px; border: 0px solid green;}
.service_list.contact a span.icon{display: block; float: left; width: 35px; height: 35px; border: 0px solid red; background:url(images/icons/icon_sprite_35.png); cursor:pointer;}
/*SMALL ICON POSITIONS*/
.service_list.contact a.newleader span.icon{background-position: 0px 0px;}
.service_list.contact a.simulations span.icon{background-position: 0px -35px;}
.service_list.contact a.assessment span.icon{background-position: 0px -70px;}
.service_list.contact a.teamcoaching span.icon{background-position: 0px -105px;}
.service_list.contact a.leadership span.icon{background-position: 0px -140px;}
.service_list.contact a.seniorleader span.icon{background-position: 0px -175px;}
.service_list.contact a.executivecoaching span.icon{background-position: 0px -210px;}
.service_list.contact a.career span.icon{background-position: 0px -245px;}
/*SMALL ICON HOVER CHNAGE*/
.service_list.contact a.newleader:hover span.icon{background-position: 35px 0px;}
.service_list.contact a.simulations:hover span.icon{background-position: 35px -35px;}
.service_list.contact a.assessment:hover span.icon{background-position: 35px -70px;}
.service_list.contact a.teamcoaching:hover span.icon{background-position: 35px -105px;}
.service_list.contact a.leadership:hover span.icon{background-position: 35px -140px;}
.service_list.contact a.seniorleader:hover span.icon{background-position: 35px -175px;}
.service_list.contact a.executivecoaching:hover span.icon{background-position: 35px -210px;}
.service_list.contact a.career:hover span.icon{background-position: 35px -245px;}


ul li{background: url(images/list.gif) 0px 5px no-repeat; padding: 2px 0px 2px 15px;}
ul.none li {list-style: none; background: none; padding: 0px;}

/* NAV */
#nav{width: 180px;margin: 0px;background: #444466 url(images/nav_bg.gif) top center no-repeat;}
#nav ul.main{list-style: none;list-style-image: none;margin: 0px;padding: 1px 0px 5px 0px; background: url(images/navbot_bg.gif) bottom center no-repeat;}
#nav ul.main li	{margin-top: 4px; list-style: none; background: none; padding: 0px;}
#nav a{text-decoration: none;font-size: 9pt;line-height: 10pt;font-weight: normal;padding: 4px 3px 4px 20px;	display: block;}

#nav a:link, #nav a:visited{color: #ffffff; border-bottom: 1px solid #626275;}
#nav a:hover, #nav a:active{color: #434667; background: #bedbee;}
/*pointer right hover*/
#nav .page_folder a:hover, #nav .page_folder a:active{color: #434667; background: #bedbee url(images/pointer_right.gif) 80% 50% no-repeat;}	
#nav ul.main li.page_folder{background: url(images/pointer_right.gif) 80% 50% no-repeat;}

#nav .current_page_item {border-bottom: 1px solid #626275;}	
#nav .current_page_item a{color: #434667; background: #444466 url(images/nav_marker.gif) top left no-repeat}
/*down marker*/
#nav .current_page_item.page_folder a, #nav .current_page_ancestor a, #nav .current_page_ancestor a:hover{color: #434667; background: #444466 url(images/nav_marker_down.gif) top left no-repeat}

#nav .page_folder .page_item a{font-size: 7.5pt; padding-left: 30px;}

	/* Sub Hover and Sticky! */
	#nav .page_folder .page_item a:link,
	#nav .page_folder .page_item a:visited
	{background-image: none; background-color: #444466; color: #fff;}
	
	#nav .page_folder .page_item a:hover,
	#nav .page_folder .page_item a:active,
	#nav .page_folder .current_page_item a:link,
	#nav .page_folder .current_page_item a:visited,
	#nav .page_folder .current_page_item a:hover,
	#nav .page_folder .current_page_item a:active
	{background-image: none; background-color: #4d61c2; color: #fff;}
	
	/*SUB SUB REST*/
	#nav .page_folder .current_page_item ul li a:link,
	#nav .page_folder .current_page_item ul li a:visited,
	#nav .page_folder .current_page_item ul li a:hover,
	#nav .page_folder .current_page_item ul li a:active,
	#nav .page_folder .current_page_ancestor ul li a:link,
	#nav .page_folder .current_page_ancestor ul li a:visited,
	#nav .page_folder .current_page_ancestor ul li a:hover,
	#nav .page_folder .current_page_ancestor ul li a:active	
	{background-image: none; background-color: #444466; color: #fff; padding-left: 40px;}	


	#nav .page_folder ul li ul li.current_page_item a:link,
	#nav .page_folder ul li ul li.current_page_item a:visited,
	#nav .page_folder ul li ul li.current_page_item a:hover,
	#nav .page_folder ul li ul li.current_page_item a:active
	{background-image: none; background-color: #4d61c2; color: #fff;}	
	
/* END MAIN NAV CSS */

/*form styles*/
.form{text-align: left;}
.form label{font-weight: normal; float: left; clear:left; position:relative; width:130px; margin-right: 5px; text-align: right; line-height: 2.5em;}
.form input, .form textarea{width: 10em; padding: 5px; font-size:1.4em; border: 1px inset #333; color: #333; background: #fff !important;}
.form textarea{height: 150px; width: 200px;}
.form input.button{font-weight: bold; margin-left: 4em; width: auto; padding: 5px; font-size:1.2em; border: 2px outset #333; color: #333; background: #ccc !important;}
.form fieldset{border: 1px solid #333; margin: 10px 0px; width: 400px;}
.form legend{margin-left: 10px; color: #666; padding: 5px; font-size: 1.2em; font-family:Georgia, "Times New Roman", Times, serif;}
.form fieldset ol{padding: 10px; list-style:none;}
.form fieldset li{position: relative; list-style:none; padding-bottom: 1em;}
input.button{font-weight: normal; margin: 5px; width: auto; padding: 1px; font-size:1em; border: 1px outset #333; color: #333; background: #ccc !important;}
/*comments form*/
.form.comments fieldset{border: 1px solid #ccc; background: #eee; width: auto; margin: 0px; margin-right: 150px; font-size: 8pt !important;}
.form.comments label{color: #333; line-height: 1em;}
.form.comments input, .form.comments textarea{padding: 1px; font-size: 9pt; border: 1px solid #999;}
.form.comments textarea{height: 80px; width: 300px;}


/*page styles*/
.mid_column{margin-right: 220px;}
.mid_column h2{margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd;}
.pagelink{display: block; text-align: right; padding: 10px;}
.home_content{width: 85%; margin: auto;}
/**/

/* BLOG AND POST STYLES */
.subscribe{padding: 5px 0px 5px 20px; background: url(images/rss.gif) left center no-repeat;}
.post{border-bottom: 2px solid #444466; margin-top: 5px; margin-bottom: 15px; padding-bottom: 15px; margin-right: 150px;}
.post .sub_data{width: 80%; margin: auto; padding: 5px; background: #eee; border: 1px solid #ccc; font-size: .8em;}
.post .date{float: right; color: #666; font-size: .9em; margin-right: 50px; }
.post h2 {margin: 15px 0px; font-size: 1.8em; font-weight: normal; text-transform: capitalize; margin-right: 200px;}
.post h2 a{padding: 5px; text-decoration: none;}
.post .content{width: 90%; margin: 0px; padding: 3px; border-top: 1px solid #ddd;}
.post .content p{margin: 15px;}
.post ul, post ol{margin-left: 50px;}
blockquote{padding: 3px; border: 1px solid #ccc; margin: 10px 0px 10px 30px; font-size: .9em;}
.post.sum .content{font-size: 8pt; line-height: 10pt; color: #555; width: 99%; border: 1px solid #ccc;}
.post.sum{width: 30%; margin: 1%; float: left; border: 0px;}
.post.sum .date {float: none;}

body
	{
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, sans-serif;	
	font-size: 9pt;
	line-height: 15pt;
	text-align: center;
	color: #224;
	}
	h1
	{
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	color: #444466;
	font-weight: strong;
	font-size: 13pt;
	line-height: 15pt;
	font-family: arial, verdana, sans-serif;	
	background: #DAD9E8 url(images/h1.gif);
	text-align: center;
	}
	h2
	{
	margin: 6px 6px 6px 0px;	
	color: #444466;
	font-size: 12pt;
	line-height: 14pt;
	font-family: arial, verdana, sans-serif;	
	}
	
	h3
	{
	margin: 4px;	
	color: #333333;
	font-size: 10pt;
	line-height: 13pt;
	font-family: arial, verdana, sans-serif;	
	}
	
	h4
	{
	margin: 4px;	
	color: #666;
	font-size: 10pt;
	line-height: 13pt;
	font-family: arial, verdana, sans-serif;	
	}
	
	p
	{
	margin: 8px;
	}
		a:link
		{
		color: #444466;
		}
		a:visited
		{
		color: #444466;
		}
		a:hover
		{
		color: #444433;
		}
		a:active
		{
		color: #444433;
		}
	#page
	{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	text-align: left;
	padding: 0px 0px 5px 0px;
	}
	#header
	{
	background: url(images/header.gif) 90% 0% no-repeat;
	padding-bottom: 8px;
	}
	
		#header span
		{
		float: right;
		width: 50%;	
		color: #626275;
		text-align: right;
		margin: 15px;
		font-size: 11pt;
		line-height: 13pt;
		font-style: italic;
		}
										
	.column_a
	{
	float: left;
	width: 200px;
	margin-left: 5px;
	}
	.column_b
	{
	width: 750px;
	float: left;
	margin-left: 10px;
	}
	
	.quote
	{
		margin: 20px 5px 20px 0px;
		font-size: 9pt;
		line-height: 12pt;	
		text-align: left;
		letter-spacing: -.2pt;
		color: #626275;
	}
		
		.quote span
		{
			display: block;
		}
		
	.service_header
	{
		background: no-repeat top right;
		font-size: 16pt; 
		color: #444466; 
		text-align: left; 
		padding: 20px 0px; 
		margin: 0px;
	}
		
	#footer
	{
	width: 960px;
	margin: auto;
	padding: 0px;
	background: #cccccc url(images/h1.gif);
	text-align: center;
	font-size: 8pt;
	color: #444466;
	}
	
	.box
	{
	padding: 5px;
	border: 1px solid #000000;
	background: #dcecf6;
	margin: 10px 0px 20px 0px;	
	}
	
	.team_list
	{
	float: right; margin: 0px; width: 200px; padding-left: 10px;
	}
	.team_list p
	{
	font-style: italic; line-height: 1.8em;
	}
	.team_details
	{
	background: #DAD9E8 url(images/h1.gif);
	padding: 15px;
	margin-right: 10px;
	}
	.team img {float: right; margin: -60px 0px 10px 10px;}
	.team {padding-right: 10px; border-right: 1px solid #ccc;}

	.home_portal p
	{
		font-size: 8pt;
		line-height: 10pt;	
	}	
		
		
	.clear
	{

	clear: both;	
	}
	.thin
	{
	line-height: 0px;
	font-size: 0px;	
	}
	.padding
	{
	padding: 5px;

	}
	.margin
	{
	margin: 10px;	
	}
	
	.left
	{
	float: left;	
	}
	
	.right
	{
	float: right;	
	}
	

	.half
	{
	width: 45%;	
	}
		.ur
		{
			background-image: url(images/corner_ur.gif);
			background-position: top right;
			background-repeat: no-repeat;
		}
		
		.ul
		{
			background-image: url(images/corner_ul.gif);
			background-position: top left;
			background-repeat: no-repeat;
		}
		
		.br
		{
			background-image: url(images/corner_br.gif);
			background-position: bottom right;
			background-repeat: no-repeat;
		}
		
		.bl
		{
			background-image: url(images/corner_bl.gif);
			background-position: bottom left;
			background-repeat: no-repeat;
		}
				
.page_icon
{
float: right;
margin-left: 20px;
margin-bottom: 20px;
}

.resources li
{
margin: 10px 0px;
}

.client_list{margin: 15px;}
ul.client_list li{color: #999999; text-align: center; font-size: 7pt; background: none; margin: 3px; padding: 5px; border: 1px solid #ddd; display: block; width: 220px; height: 120px; overflow: hidden; float: left;}
ul.client_list li img{margin: 10px;}