@charset "utf-8";
/* CSS Document */

body {margin: 0; padding: 0; text-align: center; height: 100%; background: #f2f2ea;}
h1, h2, h3, h4, ol, ul, li {margin: 0; padding: 0; list-style-type: none; font: normal 14px Georgia, "Times New Roman", Times, serif;}
p, label, textarea, input {margin: 0; padding: 0; list-style-type: none; font: normal 13px Arial, Helvetica, sans-serif; line-height: 18px; color: #666666;}
img {border: none;}
a {color: inherit;}
li a, p a {color: #666666;}
p.red a {color: #ed2d24 !important;}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, li a:link, li a:visited, p a:link, p a:visited {text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, li a:hover, p a:hover {text-decoration: underline; }

ul.dots li {list-style-type: disc; font: normal 13px Arial, Helvetica, sans-serif; line-height: 18px; color: #666666;}

.clearing {clear: both;}
.noshow {display: none;}
.red {color: #ed2d24 !important;}
.red underline {text-decoration: underline !important;}

.page {width: 938px; margin: 0 auto; padding: 15px 35px;
	background: url(http://brandstrategyguru.com/template_images/bsg2/bg.png) repeat-y;}




/*************************** HEADER ***************************/
#header {position: relative; padding: 0 0 22px; text-align: left;}
#header h1 {width: 140px; height: 140px; background: #000000;}
	#header h1 a {display: block; width: 140px; height: 140px; background: url(http://brandstrategyguru.com/template_images/bsg2/h1.gif) 7px 14px no-repeat; text-indent: -9999px;}
#header h2 {display: none;}

#nav {position: absolute; top: 27px; right: 5px;}
* html #nav {right: 56px;}
	#nav li {float: left; position: relative;}
		#nav li a {display: block; margin: 0 0 0 30px; 
			color: #666666; font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
		#nav > li > a {padding: 0 0 10px;}
		#nav > li > a:hover {text-decoration: none; border-bottom: 1px solid #cccccc;}
		#nav li a.active {border-bottom: 1px solid #cccccc;}
		/*#nav > li:nth-child(2) a {margin: 0 10px 0 30px;}*/
#subnav {position: absolute; top: 45px; left: 0; width: 150px; text-align: left;}	
	#subnav li {float: none; margin: 0; padding: 0;}
		#subnav li a {display: inline; font: 12px Arial, Helvetica, sans-serif;}		


/**************************** BANNER ******************************/
#banner {text-align: left;}

#banner .left {float:left; width: 618px; background: #dadac3;}
	#pageHome #banner .left {height: 250px; }
		#pageHome #banner h1 {font-size: 40px; color: #181818; margin: 30px 20px 0 38px; }
		
	#pageServices #banner .left {width: 618px; height: 250px;}
		#pageServices #banner .left h1, #pageServices #banner .left h2 {width: 520px; color: #181818;}
		#pageServices #banner .left h1 {font-size: 30px; border-bottom: 1px solid #c4c4c4; margin: 25px 35px; padding: 0 0 15px;}
		#pageServices #banner .left h2 {font-size: 25px; margin: 0 35px;}
		
	#pageBooks #banner .left {width: 558px; height: 235px;}
		#pageBooks #banner .left h1, #pageBook #banner .left h2 {width: 480px; color: #181818;}
		#pageBooks #banner .left h1 {font-size: 30px; border-bottom: 1px solid #c4c4c4; margin: 30px 35px; padding: 0 0 15px;}
		#pageBooks #banner .left h2 {font-size: 25px; margin: 0 35px;}
		
	#pageAbout #banner .left {height: 235px;}
		#pageAbout #banner .left h1, #pageBook #banner .left h2 {width: 480px; color: #181818;}
		#pageAbout #banner .left h1 {font-size: 30px; border-bottom: 1px solid #c4c4c4; margin: 30px 35px; padding: 0 0 15px;}
		#pageAbout #banner .left h2 {font-size: 25px; margin: 0 35px;}
		
	#pageNews #banner .left {width: 618px; height: 235px; position: relative;}
		#pageNews #banner .left h1, #pageNews #banner .left h2, #pageNews #banner .left a {width: 480px; color: #181818;}
		#pageNews #banner .left h1 {font-size: 30px; border-bottom: 1px solid #c4c4c4; margin: 30px 35px 20px; padding: 0 0 15px;}
		#pageNews #banner .left h2 {width: 510px;font-size: 25px; margin: 0 35px 20px;}
		#pageNews #banner .left a {display: block; font-size: 18px; margin: 15px 35px 0;}
		
		
		#pageNews #banner .left label {display: block; float: left; margin: 15px 25px 0 35px;
			font: normal 20px Georgia, "Times New Roman", Times, serif;  color:#181818;}
		#pageNews #email {float: left; width: 230px; margin: 15px 0 0; padding: 3px; height: 24px;
				font: 14px Arial, Helvetica, sans-serif; color: #181818; background: #e4e4d3; border: 1px solid #ccc;}
		#pageNews #signup {padding: 1px 3px; height: 32px; margin: 15px 0 0;
				font: 18px Georgia, "Times New Roman", Times, serif; color: #444; background: #e4e4d3;
				 border: 1px solid #ccc; border-left: none; cursor: pointer;}
	
	/*
		#pageNews #banner .left h1 {width: 200px; font-size: 30px; border-bottom: 1px solid #c4c4c4; margin: 20px 0 0 35px; padding: 0 0 15px;}
		#pageNews #banner .left img {width: 200px; margin: 20px 0 0 35px;}
		#latestPost {position: absolute; top: 88px; right: 35px; width: 370px; }
		#latestPost h2 {font-size: 22px; color: #333333;}
		#latestPost h3, #latestPost h3 a {font-size: 16px; color: #333333;}		
		#latestPost p {font-size: 12px;}
	*/
		
	#pageContact #banner .left {height: 235px;}
		#pageContact #banner .left h1, #pageContact #banner .left h2 {width: 550px; color: #181818;}
		#pageContact #banner .left h1 {font-size: 30px; border-bottom: 1px solid #c4c4c4; margin: 25px 35px; padding: 0 0 15px;}
		#pageContact #banner .left h2 {font-size: 28px; margin: 0 35px;}
	
		
#banner .right {float: right; width: 320px;}
	#pageHome #banner .right {height: 250px;}
	
	#pageServices #banner .right {height: 250px; width: 320px;}
	
	#pageBooks #banner .right {height: 235px; width: 380px;}
		#pageBooks #banner .right h3 {font-size: 20px; color: #333333; _margin: 0 0 35px 40px; _padding: 0 0 10px; _border-bottom: 1px solid #cccccc;}
		#pageBooks #banner .right > h3 {margin: 0 0 35px 40px; padding: 0 0 10px; border-bottom: 1px solid #cccccc;}
		#pageBooks #banner .sideQuote {width: 300px; margin: 0 40px;}
		#pageBooks #banner .sideQuote h3 {font: 22px Georgia, "Times New Roman", Times, serif;}
	
	#pageAbout #banner .right {position: relative; width: 320px;}
		#pageAbout #banner .right img {position: absolute; top: 0; left: 20px; }
		
	#pageNews #banner .right {width: 320px; height: 265px; padding: 0; }
		
		
	
	


/**************************** CONTENT ******************************/
#content {text-align: left;}

#content .left {float: left; width: 598px; padding: 0 20px 20px 0;}
	#pageHome #content .left {width: 578px; padding: 0 20px 20px 20px;}
	#pageHome #content h2, #pageHome #content h3 {font-size: 22px; color: #333333; margin: 30px 0;}
	#pageHome #content .left .imageHolder {float: right; width: 200px; text-align: center; padding-bottom: 10px;}
		#pageHome .terms h3 {font: 18px Georgia, "Times New Roman", Times, serif; margin: 15px 0 10px;}
		#pageHome .terms h4 {font: 18px Georgia, "Times New Roman", Times, serif; margin: 15px 0 10px; color: #666;}
		#pageHome .terms ul li {font: 13px Arial, Helvetica, sans-serif; color: #666666; margin: 10px;}
		#pageHome #content .left ul {margin: 5px 0 20px 25px;}
	
	#pageServices #content .left {width: 578px; padding: 25px 20px 20px;}
	#pageServices #content .left p {margin: 0 0 15px;}
	#pageServices #content .left ul {margin: 5px 0 20px 25px;}
		#servicesContact {display: block; margin: 30px 0 0; width: 264px; height: 30px; padding: 8px 0 0 15px;
			background: #dadac3; font-size: 20px; color: #333333; text-decoration: none !important;}			
		#servicesContact:hover {text-decoration: underline;}
		#pageServices #content .left h2, #pageServices #content .left h2 a {font-size: 22px; color: #333333;}
		#pageServices #content .left h2 {border-bottom: 1px solid #ccc; padding: 0 0 20px; margin-bottom: 20px;}
		#pageServices #content .left ul#mediaAppearances {margin: 25px 0 0; padding: 0;}
		ul#mediaAppearances li {margin: 0 0 20px; padding: 0 0 0 20px;
			background: url(http://brandstrategyguru.com/template_images/bsg2/squareBullets.gif) 0 6px no-repeat;
			font: normal 16px Georgia, "Times New Roman", Times, serif; color: #444; line-height: 20px;}
			ul#mediaAppearances li a:link, ul#mediaAppearances li a:visited {text-decoration: underline;}
		ul#mediaAppearances li span.source {font: 14px Arial, Helvetica, sans-serif; color: #666; font-style: italic;}
	
	
	#pageBooks #content .left {width: 518px; padding: 25px 20px 20px;}
	#pageBooks #content .left p {margin: 0 0 15px;}
	#pageBooks #content .left ul {margin: 5px 0 20px 25px;}
		.bookPurchase {display: block; margin: 30px 0 0; width: 324px; height: 30px; padding: 10px 0 0 36px;
			background: #dadac3; font-size: 18px; color: #333333; text-decoration: none;}
		.bookPurchase:hover {text-decoration: underline;}
		#comingsoon h2 {font-size: 22px; color: #333333; margin: 30px 0 0;}
		#comingsoon p {margin: 15px 0 0 !important;}
		
	
	#pageAbout #content .left {width: 578px; padding: 25px 20px 20px;}
	#pageAbout #content .left p {margin: 0 0 15px;}
		#getInTouch {display: block; margin: 30px 0 0; width: 264px; height: 30px; padding: 8px 0 0 15px;
			background: #dadac3; font-size: 20px; color: #333333; text-decoration: none !important;}
		#getInTouch:hover {text-decoration: underline;}
		
	#pageNews #content .left {width: 578px; min-height: 400px; padding: 0px 20px 20px;}
		.newsStorySummary, .newsStory, .newsletterSummary {clear: both; margin: 35px 0 0;}
		.newsStorySummary img, .newsletterSummary img {float: right; max-width: 200px; padding: 0 0 30px 30px; background: #fff;}
		.newsStorySummary h2, .newsStorySummary h2 a, .newsletterSummary h2, .newsletterSummary h2 a {font-size: 20px; color: #333333;}
		.newsStorySummary h2, .newsletterSummary h2 {margin-bottom: 12px;}
		.newsletterSummary p {padding-left: 20px;}
		.newsletterSummary ul {margin: 5px 0 20px 25px;}
		
		.newsStory h2, .newsStory h2 a {font-size: 22px; color: #333333;}
		.newsStory h2, .newsStory p {margin-bottom: 12px;}
		.newsStory p:last-child {margin-bottom: 30px;}
		.newsStory img {float: right; max-width: 200px; padding: 0 0 30px 30px; background: #fff;}
		.newsStory embed {margin: 0 0 12px;}
		p span.newsdate {display: block; float: left; font-style: italic;}
		p a.backtonews {display: block; float: right;}	
		
	
#content .right {float: right; width: 300px; padding: 0 0 0 20px;}	
	#pageHome #content .right h3 {margin: 30px 0 25px; padding: 0 0 10px; border-bottom: 1px solid #cccccc;}
	.sideHome {margin: 0 0 20px;}
	.sideHome form {margin: 20px 0 0;}
	.sideHome form input {background: #f2f2ea; border: 1px solid #dadac3; 
		font: normal 18px Georgia, "Times New Roman", Times, serif; color: #444;}
	.sideHome form input#email {margin: 0 0 0 10px; padding: 3px; width: 168px; font-size: 12px; }
		.sideHome form input#signup {margin: 10px 0 0 194px; padding: 2px 5px; *padding: 2px 0; *margin: 10px 0 0 176px;}
		#pastnewsletters {margin-top: 0px; text-align: left;}
		
	#pageServices #content .right {width: 320px; padding: 0; _padding-top: 30px;}
	#pageServices #content .right h3 {font-size: 22px; color: #333333; _margin: 30px 0 40px; _padding: 0 0 10px; _border-bottom: 1px solid #cccccc;}
	#pageServices #content .right > h3 {margin: 30px 0 40px; padding: 0 0 10px; border-bottom: 1px solid #cccccc;}
	.sideQuote {padding: 0 0 0 30px; margin: 0 0 30px; background: url(http://brandstrategyguru.com/template_images/bsg2/quoteOpen.gif) top left no-repeat;}
		.sideQuote h3 {font-size: 20px !important; border: none !important; margin: 0 !important; padding: 0 35px 0 0 !important; background: url(http://brandstrategyguru.com/template_images/bsg2/quoteClose.gif) bottom right no-repeat; text-indent: 30px;}
		.sideQuote p {margin: 10px 0 0; text-align: right; font-size: 12px; font-style: italic; color: #333333;}
	
	#pageBooks #content .right {width: 380px; padding: 25px 0 0 0;}
		.bookDetails {width: 180px; margin: 25px 100px 0;}
		.bookDetails ul {margin: 30px 0 0;}
		.bookDetails ul li {font: 12px Arial, Helvetica, sans-serif; font-style: italic; color: #333333;}
		.bookDetails img {*margin-top: 25px;}
		#buyitnow {display: block; margin: 30px 0 0; width: 160px; height: 30px; padding: 10px 0 0 20px;
			background: #dadac3; font-size: 18px; color: #333333; text-decoration: none;}
		#buyitnow:hover {text-decoration: underline;}
		#buyitnow em {font: 12px Arial, Helvetica, sans-serif; font-style: italic;}

#pageTvVideo #content {width: 940px; height: 563px; padding: 37px 0 0; background: #dadac3; text-align: center;}
	#pageTvVideo #content h1 {float: left; width: auto; margin: 0 50px 0 37px; padding: 0 0 10px 0;
		font-size: 30px; border-bottom: 1px solid #cccccc; color: #181818;}
	#pageTvVideo #content h2 {margin: 0; text-align: left;
		font-size: 20px; color: #666;}
	#playerHolder {clear: both; width: 858px; height: 423px; overflow: hidden; margin: 30px auto 0; padding: 0; 
		background: #fff; text-align: center;}
		
	#pageAbout #content .right {margin: 185px 0 0;}
	#pageAbout #content .right h3 {font-size: 22px; color: #333333; margin: 10px 0;}
	#pageAbout #content .right ul {border-top: 1px solid #cccccc; padding: 15px 10px;}
	#pageAbout #content .right ul li {clear: both; margin: 0 0 10px; color:#333; }
	#pageAbout #content .right ul li a {display: block; float: right; 
		font: 13px Arial, Helvetica, sans-serif; color: #ed2d24; text-align: left;}
		#bsgLinks li a {width: 202px; *position: relative; *top: -20px;}
		#bsgAssociates li a {width: 140px; *position: relative; *top: -20px;}
		#bsgAssociates li:nth-child(5) {padding: 0 0 16px; }
		
	#pageNews #content .right {width: 300px;}
		#pageNews #content .right h3 {font-size: 22px; color: #333333; padding: 0 0 10px; margin: 0 0 25px;
			border-bottom: 1px solid #cccccc;}
		#pageNews #content .right h4 {font-size: 16px; color: #666;  padding: 0 0 5px 40px;}	
		#pageNews #content .right p {clear: both; margin: 20px 0 0; font-size: 12px; color: #666;}
			#pageNews #content .right p.last {margin: 10px 0 20px;}
		#pageNews #content .right ul {padding: 5px 0 20px 60px;}
		#pageNews #content .right li {font: 12px Georgia, Helvetica, sans-serif;  color: #666; margin: 0 0 5px;}
		#pageNews #content .right ul#archives li:last-child {margin: 15px 0 5px;}
		
			ul#search, ul#rss {padding: 5px 0 20px 40px !important;}
				ul#search input {background: #f2f2ea; border: 1px solid #dadac3; 
					font: normal 18px Georgia, "Times New Roman", Times, serif; color: #444;}
			#searchinput {width: 249px;  padding: 3px; height: 24px;
				font: 14px Arial, Helvetica, sans-serif; color: #666; background: #e4e4d3; border: 1px solid #ccc;}
			#searchsubmit {padding: 3px; margin-left: 171px; *margin-left: 150px; height: 32px;
				font: 14px Arial, Helvetica, sans-serif; color: #666; background: #e4e4d3;
				 border: 1px solid #ccc; cursor: pointer;}
			ul#rss li {height: 17px; padding: 1px 0 2px 25px;}
			ul#rss li a {font: 12px Arial, Helvetica, sans-serif; color: #666; text-decoration: none;}
			ul#rss li a:hover {text-decoration: underline;}
			ul#rss li#rsslink {margin: 0 0 5px;
				background: url(http://brandstrategyguru.com/template_images/bsg2/rssicon.gif) no-repeat;}
			ul#rss li#twitterlink {
				background: url(http://brandstrategyguru.com/template_images/bsg2/twittericon.gif) no-repeat;}		
		
			#pageNews #content .right ul.tweet {margin: 10px 0 35px; background: url(http://brandstrategyguru.com/template_images/bsg2/quoteOpen.gif) top left no-repeat; padding: 8px 0 0 20px;}
			.tweet li.tweettext {text-indent: 15px; padding: 0 20px 15px 0; background: url(http://brandstrategyguru.com/template_images/bsg2/quoteClose.gif) bottom right no-repeat;}
			#pageNews #content .right .tweet li.tweetdate {font-size: 12px; font-style: italic;}
			
		
			
			
		#pageNewsletter form input {background: #dadac3; border: 1px solid #888888; color: #333333;}
			#pageNewsletter form input#email {margin: 5px 0 10px; padding: 3px; width: 236px; height: 20px; font-size: 12px; }
			#pageNewsletter form input#signup {margin: 0 0 20px; padding: 3px 5px; float: right;}
	

#pageContact #content {clear: both; height: 310px;}
	#pageContact #content ul {position: relative; padding: 25px 0 0 25px; }
	#pageContact #content ul li {width: 410px; clear: both; margin: 0 0 25px; height: 25px; }
	#pageContact #content ul li label {float: left; font: normal 18px Georgia, "Times New Roman", Times, serif; color: #444;}
	#pageContact #content ul li input {float: right; width: 220px; height: 25px; padding: 0 10px;
		background: #f2f2ea; border: 1px solid #dadac3;}
		
	#pageContact #content ul li#contactform_message {position: absolute; top: 25px; right: 0;}
	#pageContact #content ul li#contactform_message label {padding-bottom: 10px; display: block;}
		#pageContact #content ul li textarea {width: 387px; height: 160px; padding: 10px;
			background: #f2f2ea; border: 1px solid #dadac3;}			
	#pageContact #content ul li#contactform_submit {position: absolute; top: 270px; right: 0;}
	#pageContact #content ul li#contactform_submit input {padding: 3px 5px; width: auto; height: auto;
		font: normal 18px Georgia, "Times New Roman", Times, serif; color: #444;}
		
		
		
	h3#iphonelink {margin: 180px 0 0;
		font-size: 22px; color: #333333; text-align: center; }
		h3#iphonelink a {text-decoration: underline;}

/**************************** FOOTER ******************************/
#footer {clear: both; padding: 24px 0 0;}
#footer ul#footer_details {position: relative; height: 80px; border-top: 1px solid #999999; }
#footer li {position: absolute; color: #333333;}
#footer li a {color: #333333;}

#footer li#footer_tel, #footer li#footer_email, #footer li#footer_copy {font-size: 20px;} 
#footer li#footer_tel {top: 15px; left: 0;}
#footer li#footer_email {top: 45px; left: 0;}
#footer li#footer_copy {top: 15px; right: 0;}
#footer li#footer_sub {top: 52px; right: 0; }
	#footer li#footer_sub li {position: relative; top: 0; right: 0; float: left; 
		font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin: 0 0 0 20px;}
	#footer li#footer_sub li#footer_terms {padding: 0 20px 0 0; border-right: 1px solid #999999;}