body
{
	font-family: Verdana;
	color: #000000;
	font-size: 11px;
}

.SkipIntro 
{
	color: #BAA14B;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.SkipIntro:hover
{
	color: #BAA14B;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

/* Themed backgrounds and related styles 
-------------------------------------------------------------- */
.TanTheme {
	background-color: #F5ECD9;
}
.TanTheme .ContentContainer {
	background-image: url(images/bkgrnd_tan.gif);
}
.TanTheme .BlueContentContainer {
	background-image: url(images/bkgrnd_onblue_tan.gif);
}
.TanTheme .WhiteContentContainer {
	background-image: url(images/bkgrnd_onwhite_tan.gif);
}
.GoldTheme {
	background-color: #BAA14B;
}
.GoldTheme .ContentContainer {
	background-image: url(images/bkgrnd_gold.gif);
}
.GoldTheme .BlueContentContainer {
	background-image: url(images/bkgrnd_onblue_gold.gif);
}
.GoldTheme .WhiteContentContainer {
	background-image: url(images/bkgrnd_onwhite_gold.gif);
}
.BlueTheme {
	background-color: #B2DCE5;
}
.BlueTheme .ContentContainer {
	background-image: url(images/bkgrnd_blue.gif);
}
.BlueTheme .BlueContentContainer {
	background-image: url(images/bkgrnd_onblue_blue.gif);
}
.BlueTheme .WhiteContentContainer {
	background-image: url(images/bkgrnd_onwhite_blue.gif);
}
.WhiteTheme {
	background-color: #FFFFFF;
}
.WhiteTheme .ContentContainer {
	background-image: url(images/bkgrnd_white.gif);
}
.WhiteTheme .BlueContentContainer {
	background-image: url(images/bkgrnd_onblue_white.gif);
}
.WhiteTheme .WhiteContentContainer {
	background-image: url(images/bkgrnd_onwhite_white.gif);
}
.GreyTheme {
	background-color: #4B4F47;
}
.GreyTheme .ContentContainer {
	background-image: url(images/bkgrnd_grey.gif);
}
.GreyTheme .BlueContentContainer {
	background-image: url(images/bkgrnd_onblue_grey.gif);
}
.GreyTheme .WhiteContentContainer {
	background-image: url(images/bkgrnd_onwhite_grey.gif);
}
/* (END) -------------------------------------------------------- */


.ContentContainer, 
.BlueContentContainer, 
.WhiteContentContainer {
	width: 800px;
	height: 490px;
	padding: 10px 7px 10px 7px;
	background-position: left top;
	background-repeat: no-repeat;
}
.ContentContainer .Content, 
.BlueContentContainer .Content, 
.WhiteContentContainer .Content {
	width: 100%;
	height: 470px;
}
.ContentContainer .SideBar, 
.BlueContentContainer .SideBar, 
.WhiteContentContainer .SideBar {
	width: 230px;
	height: 470px;
}

.SideBar .Logo {
	margin: 10px 0px 10px 20px;
	background-image: url(images/logo_209w62h.gif);
}
.LogoDimensions {
	width: 209px;
	height: 62px;
}
.ButtonDock 
{
	width: 173px;
	height: 32px;
	margin: 0px 10px 10px 15px;
	background-image: url(images/button_dock_173w32h.gif);
	background-position: center middle;
	background-repeat: no-repeat;
}

.Instructions {
	font-size: 10px;
	font-style: normal;
}

.HeadingBubble {
	width: 86px;
	height: 86px;
	margin: 10px 10px 10px 10px;
	padding: 25px 0px 30px 0px;
	background-image: url(images/bubble_heading_86w86h.gif);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
}
.HeadingBubble .SectionHeading {
	font-size: 10px;
	line-height: 17px;
	font-weight: bold;
}
.HeadingBubble .SectionHeading a {
	font-size: 10px;
	color: #4B4F47;
	text-decoration: none;
}
.HeadingBubble .SectionHeading a:hover {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.HeadingBubble .SubHeading {
	border-top: solid 1px #4B4F47;
	color: #4B4F47;
	font-size: 10px;
	letter-spacing: -1px;
	line-height: 16px;
}
.HeadingBubble .SubHeading a {
	color: #4B4F47;
	font-size: 10px;
	letter-spacing: 1px;
	font-weight: normal;
	text-decoration: none;
}
.HeadingBubble .SubHeading a:hover {
	color: #000000;
	font-size: 10px;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
}

/* 
FireFox is rendering strange extra spacing below the heading bubble element.
This fix is required to keep that bug from blowing out the page content.
----------------------------------------------------------------------------- */
.FireFoxFix {
	width: 106px; 
	height: 106px; 
	overflow: hidden;
}

.Superscript {
	display: inline;
	padding: 0px 0px 2px 2px;
	font-size: 9px;
}

.TextHeading {
	color: #4B4F47;
	font-size: 14px;
	font-weight: bold;
}

/* Page-Specific Styles
----------------------------------------------------------------- */

/* Home
................................................................. */
.Home .Heading {
	padding-top: 90px;
	color: #4B4F47;
	font-size: 13px;
	line-height: 32px;
	font-weight: bold;
}
.Home .Heading div {
	display: inline;
}

#facebookConnect a, #facebookConnect a:visited {
	display: block;
	margin: 0 12px 0 0;
	float: left;
	width: 175px;
	height: 73px;
	background: url(images/home-connect-facebook-1.png) no-repeat top left;
}

#facebookConnect a:hover, #facebookConnect a:active {
	background:url(images/home-connect-facebook-2.png) no-repeat top left;
}

#twitterConnect a, #twitterConnect a:visited {
	display: block;
	float: left;
	width: 175px;
	height: 73px;
	background: url(images/home-connect-twitter-1.png) no-repeat top left;
}

#twitterConnect a:hover, #twitterConnect a:active {
	background: url(images/home-connect-twitter-2.png) no-repeat top left;	
}

#socialMediaBadges {
	width: 800px;
	height: 75px;
	position: relative;
	display: block;
	margin: 0 auto;
}

/* About 
................................................................. */
.About {
}
.About .Bubble {
	margin: 10px 0px 0px 0px;
}

.BioPhoto {
	width: 111px;
	height: 113px;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.BioAltPhoto {
	width: 111px;
	height: 113px;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}
.BioName {
	padding: 35px 0px 2px 0px;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}
.BioTitle {
	padding: 2px 0px 0px 0px;
	border-top: solid 1px #000000;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
}
.Bio {
	text-align: left;
}
.BioDetail {
	background-color: #F3FAFD;
}
.Bio .Name {
	margin: 0px 40px 0px 45px;
	padding: 0px 0px 2px 0px;
	text-align: left;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}
.Bio .Title {
	margin: 0px 40px 0px 45px;
	padding: 2px 0px 0px 0px;
	border-top: solid 1px #000000;
	text-align: right;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}
.Biography {
	margin: 0px 10px 0px 0px;
	text-align: justify;
	color: #000000;
	font-size: 11px;
	line-height: 20px;
}
.Biography img {
	margin: 5px 10px 5px 0px;
}
.Bio .ReturnLink {
	color: #BAA14B;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.Bio .ReturnLink:hover {
	color: #BAA14B;
	text-decoration: underline;
}

/* Culture 
................................................................. */
.Culture {
}
.Culture .Bubble {
	height: 345px;
	margin: 10px 90px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	color: #4B4F47;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: .5px;
	line-height: 22px;
}
.Culture .Heading {
	width: 119px;
	height: 119px;
	margin: 30px 20px 0px 0px;
	padding: 30px 10px 40px 12px;
	background-image: url(images/button_circle_grey_90w90h.gif);
	background-position: center middle;
	background-repeat: no-repeat;
	text-align: center;
	color: #BAA14B;
	font-size: 14px;
	font-weight: bold;
}


/* Shape 
................................................................. */
.Shape {
}
.Shape .Heading {
	width: 119px;
	height: 119px;
	margin: 30px 20px 0px 0px;
	padding: 30px 10px 40px 10px;
	background-image: url(images/button_circle_grey_90w90h.gif);
	background-position: center middle;
	background-repeat: no-repeat;
	text-align: center;
	color: #BAA14B;
	font-size: 14px;
	font-weight: bold;
}
.Shape .Copy {
	padding: 0px 30px 0px 0px;
	text-align: justify;
	color: #4B4F47;
	font-size: 11px;
	line-height: 22px;
}
.Shape .Service {
	width: 90px;
	height: 90px;
	padding: 30px 10px 30px 10px;
	background-image: url("http://philosophycommunication.com/images/bubble_Services_90w90h.gif");
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}
.Shape .Service a {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.Shape .Service a:hover {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.Shape .Text {
	/*padding-right: 75px;*/
	padding-right: 15px;
	color: #4B4F47;
	font-size: 10px;
	line-height: 18px;
}
.Shape .Text .Title {
	color: #4B4F47;
	font-size: 12px;
	line-height: 28px;
	font-weight: bold;
}

/* Work 
................................................................. */
.Work {
}
.Work .Heading {
	width: 90px;
	height: 90px;
	margin: 30px 34px 0px 0px;
	padding: 28px 10px 0px 12px;
	background-image: url(images/button_circle_grey_90w90h.gif);
	background-position: center middle;
	background-repeat: no-repeat;
	text-align: center;
	color: #4B4F47;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
}
.Work .Listing {
	padding: 0px 10px 0px 10px;
	text-align: left;
	color: #BAA14B;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
}
.Work .Listing a {
	color: #BAA14B;
	text-decoration: none;
}
.Work .Listing a:hover {
	color: #BAA14B;
	text-decoration: underline;
}
.Work .Introduction {
	padding: 30px 0px 0px 0px;
	color: #4B4F47;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
}
.Work .Text {
	height: 300px;
	padding: 50px 30px 0px 50px;
	color: #4B4F47;
	font-size: 10px;
	line-height: 18px;
}
.Work .Text .Title {
	color: #4B4F47;
	font-size: 12px;
	line-height: 28px;
	font-weight: bold;
}
.Work .Text a {
	color: #4B4F47;
	text-decoration: none;
}
.Work .Text a:hover {
	color: #4B4F47;
	text-decoration: underline;
}

#divClients1, #divClients2, #divClients3, divClients4 {
	height: 300px;
	overflow: scroll;
}

/* CaseStudy 
................................................................. */
.CaseStudy {
	width: 100%;
	height: 470px;
	color: #4B4F47;
	font-size: 11px;
}
.CaseStudy .Collateral {
	margin: 0px 0px 30px 0px;
}
.CaseStudy .Heading {
	width: 90px;
	height: 90px;
	margin: 30px 30px 30px 0px;
	padding: 38px 10px 0px 10px;
	background-image: url(images/button_circle_gold_90w90h.gif);
	background-position: center middle;
	background-repeat: no-repeat;
	text-align: center;
	color: #4B4F47;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
}
.CaseStudy .Heading a {
	color: #4B4F47;
	text-decoration: none;
}
.CaseStudy .Heading a:hover {
	color: #4B4F47;
	text-decoration: none;
}
.CaseStudy .ReturnLink {
	color: #BAA14B;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.CaseStudy .ReturnLink:hover {
	color: #BAA14B;
	text-decoration: underline;
}
.CaseStudy .Detail {
	background-color: #F3FAFD;
}
.CaseStudy .DetailFrame {
	width: 300px;
	height: 440px;
	background-color: #F3FAFD;
}
.DetailFramePage {
	padding: 10px 10px 10px 10px;
	background-color: #F3FAFD;
	color: #4B4F47;
	font-size: 11px;
	line-height: 18px;
}
.CaseStudy iframe {
	background-color: Transparent;
	/*background-color: #F3FAFD;*/
}
.DetailFramePage .Title {
	color: #4B4F47;
	font-size: 12px;
	line-height: 18px;
}
/* Case Study (END) ............................................. */


/* Press Release
................................................................. */
.PressRelease {
	font-size: 11px;
}
.PressRelease .Heading {
	width: 90px;
	height: 90px;
	margin: 30px 30px 30px 0px;
	padding: 38px 10px 0px 10px;
	background-image: url(images/button_circle_gold_90w90h.gif);
	background-position: center middle;
	background-repeat: no-repeat;
	text-align: center;
	color: #4B4F47;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
}
.PressRelease .Heading a {
	color: #4B4F47;
	text-decoration: none;
}
.PressRelease .Heading a:hover {
	color: #4B4F47;
	text-decoration: none;
}
.PressRelease .ReturnLink {
	color: #BAA14B;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.PressRelease .ReturnLink:hover {
	color: #BAA14B;
	text-decoration: underline;
}

.PressReleaseListing {
	margin: 0px 0px 20px 0px;
	color: #4B4F47;
	font-size: 11px;
}
.PressReleaseListing .Date {
	color: #4B4F47;
	text-decoration: none;
}
.PressReleaseListing .Date:hover {
	color: #4B4F47;
	text-decoration: none;
}
.PressReleaseListing .Title {
	color: #4B4F47;
	font-weight: bold;
	text-decoration: none;
}
.PressReleaseListing .Title:hover {
	color: #4B4F47;
	text-decoration: underline;
}
.PressReleaseListing .Summary {
	color: #4B4F47;
	font-size: 10px;
	font-style: italic;
	text-decoration: none;
}
.PressReleaseListing .Summary:hover {
	color: #4B4F47;
	text-decoration: none;
}

.PressReleaseDetail {
	text-align: justify;
	color: #4B4F47;
	font-size: 10px;
	line-height: 15px;
}
.PressReleaseDetail .PressContact {
	margin: 0px 0px 20px 0px;
	color: #4B4F47;
	font-size: 10px;
}
.PressReleaseDetail .PressContact .Prompt {
	padding-right: 15px;
	font-weight: bold;
}
.PressReleaseDetail .PressContact a {
	color: #4B4F47;
	text-decoration: none;
}
.PressReleaseDetail .PressContact a:hover {
	color: #4B4F47;
	text-decoration: none;
}
.PressReleaseDetail .Title {
	width: 100%;
	margin: 0px 0px 10px 0px;
	text-align: center;
	font-weight: bold;
}
.PressReleaseDetail .Summary {
	margin: 0px 0px 10px 0px;
	text-align: center;
	font-weight: normal;
	font-style: italic;
}
.PressReleaseDetail .Location {
	text-transform: uppercase;
}
.PressReleaseDetail .Date {
}
.PressReleaseDetail .AboutHeading {
	margin: 10px 0px 0px 0px;
	font-weight: bold;
}
.PressReleaseDetail .AboutContent {
	line-height: 15px;
}
.PressReleaseDetail .Terminator {
	width: 100%;
	margin: 20px 0px 0px 0px;
	text-align: center;
	letter-spacing: 2px;
	font-weight: bold;
}
/* Press Release (END) .......................................... */


/* Buzz
................................................................. */
.IFrameBody {
	background-color: #F3FAFD;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
    
	scrollbar-3dlight-color: #F3FAFD; 
	scrollbar-arrow-color: #4B4F47;
	scrollbar-base-color: #F3FAFD;
	scrollbar-darkshadow-color: #F3FAFD;
	scrollbar-face-color: #E6EDF0;
	scrollbar-highlight-color: #F3FAFD;
	scrollbar-shadow-color: #E2E9EC;        
}
.Buzz {
}
.Buzz .Heading {
	width: 90px;
	height: 90px;
	margin: 30px 30px 30px 0px;
	padding: 28px 10px 0px 10px;
	background-image: url(images/button_circle_gold_90w90h.gif);
	background-position: center middle;
	background-repeat: no-repeat;
	text-align: center;
	color: #4B4F47;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
}
.Buzz .Heading a {
	color: #4B4F47;
	text-decoration: none;
}
.Buzz .Heading a:hover {
	color: #4B4F47;
	text-decoration: none;
}
.Buzz .IFrameWrapper {
	padding: 0px 0px 0px 0px;
}
.Buzz iframe {
	width: 542px;
	height: 350px;
	margin: 5px 5px 5px 10px;
	background-color: Transparent;
	/*background-color: #F3FAFD;*/
}
/* Buzz (END) ................................................... */


/* Connect
................................................................. */
.Connect {
}
.Connect .Heading {
	width: 90px;
	height: 90px;
	padding: 38px 10px 35px 10px;
	background-image: url(images/button_circle_gold_90w90h.gif);
	background-position: center middle;
	background-repeat: no-repeat;
	text-align: center;
	color: #4B4F47;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	text-decoration: none;
}
.Connect .Heading a {
	color: #4B4F47;
	text-decoration: none;
}
.Connect .Heading a:hover {
	color: #4B4F47;
	text-decoration: underline;
}

.Connect .Contact {
	margin: 20px 0px 0px 60px;
	color: #4B4F47;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
}
.Connect .Contact a {
	color: #BAA14B;
	text-decoration: none;
}
.Connect .Contact a:hover {
	color: #BAA14B;
	text-decoration: underline;
}

.Connect .Opportunities {
	margin: 20px 0px 0px 60px;
	padding: 0px 30px 0px 0px;
	color: #4B4F47;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
}
.Connect .Opportunities a {
	color: #BAA14B;
	text-decoration: none;
}
.Connect .Opportunities a:hover {
	color: #BAA14B;
	text-decoration: underline;
}
/* Connect (END) ................................................ */

/* (END) -------------------------------------------------------- */