/*@charset "utf-8";
/* CSS Document -- Main style sheet for 2010 interim web design ("Warm Arch") for C3 Advertising, Inc. */
html {
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
}
body {
	position: relative;
	width: 1152px;
	min-width: 1152px;
	margin: 0 auto;
	text-align: left;
}
#pageWrapper {
	position: relative;
	width: 100%;
}
#header {
	position: relative;
	top: 0;
	height: 104px;
}
#contentWrapper {
	position: relative;
	width: 100%;
	height: 694px;
}
/*------------------------Default text styles -------------------------*/
p, #tabBox li {
	font-size: .75em;
	line-height: 1.75em;
}
h1 {
	color: #685e35;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 2em;
}
#overview h1, #overview h2, #overview p {
	padding-left: 30px;
	padding-right: 30px;
}
#overview h1.pageDefault {
	line-height: 1.7em;
}
#overview.page1 h2 {
	padding: 0 20px 0 18px;
}
#overview h2, #overview p {
	padding-top: 6px;
	padding-bottom: 6px;
}
#tabBox ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 20px;
	padding-bottom: 10px;
}
#tabBox ol li {
	padding-right: 40px;
}
#tabBox li.orderedList {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #000000;
}
#tabBox h3 {
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	color: #562656;
	padding-bottom: 8px;
	line-height: 1.5em;
}
#tabBox strong {
	color: #562656;
}
em {
	font-style: italic;
	font-weight: normal;
}
.strongEm {
	font-style: italic;
	font-weight: bold;
}
h4.inline {
	display: inline;
	line-height: normal;
	margin: 0;
	padding: 0;
}
#tabBox h4, #tabBox p.beforeAfter {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: .9em;
	color: #cb6d18;
}
#tabBox h4 {
	padding-top: 6px;
	padding-bottom: 6px;
}
p.footnote {
	font-style: italic;
	font-size: .65em;
	line-height: 1.5em;
	padding: 10px 0 20px 0;
}
/*---------------Styles for contact us page-----------------*/
#contactWants {
	margin-left: 20px;
	margin-top: 10px;
}
#contactWants h1 {
	font-style: italic;
	padding-left: 80px;
	padding-bottom: 8px;
}
.contactList li {
	list-style-type: none;
	padding: 7px 0 9px 34px;
	margin-left: 0;
	position: relative;
	background:url(../images/bullets/crescentBullet.png) no-repeat 8px 7px;
	font-size: 14px;
}
.contactGrow, .contactDouble, .contactBrand, .contactTry, .contactAsk, .contactStart {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
}
.contactGrow { color: #8eabe5; }
.contactDouble { color: #e6c038; }
.contactBrand { color: #cb6d18; }
.contactTry { color: #68620c; }
.contactAsk { color: #820024; }
.contactStart { color: #562656 }

#billboard {
	height: 397px;
	background: url(../images/backgrounds/fishMouthSweater.jpg) no-repeat;
	margin: 0;
}
#billboardContent {
	padding: 40px 20px;
}
#billboardContent p {
	color: #fff;
	background-image: url(../images/backgrounds/50_percent_black.png);
	padding: 120px 10px 120px 10px;
	margin: 34px 10px 0 16px;
	line-height: 1.5em;
	text-shadow: rgba(0,0,0,0.5) 3px 3px 6px;
	font-size: 20px;
	font-weight: normal;
}
#contactInfo {
	margin: 20px 100px 20px 80px;
}
#contactInfo h3 {
	font-size: .9em;
	line-height: 1.5em;
	font-weight: normal;
	padding-bottom: 6px;
	text-align: right;
}
#contactInfo h3.contact{
	font-size: .8em;
	line-height: 1.5em;
	font-weight: normal;
	padding-bottom: 18px;
	text-align: left;
}
#contactInfo a:link, #contactInfo a:visited {
	color: #820024;
}
#contactInfo a:active, #contactInfo a:hover {
	color: #cb6d18;
}
/*--------------------------Column styling --------------------------*/
#colWideOne, .colWideOne {
	width: 1150px;
	min-width: 1150px;
}
#overview, .overview {
	position: absolute;
	left: 0;
	width: 440px;
	height: 694px;
	padding: 0;
	margin: 0;
	top: 1px;
}
#mainContent, .mainContent {
	position: absolute;
	left: 442px;
	width: 710px;
	height: 711px;
	padding: 0;
	margin: 0;
}
#sidebar {
	margin-top: 46px;
}
#overview #sidebar h2 {
	padding: 20px 30px 10px 30px;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.5em;
}
/*-----------------Home page ------------------------------*/
h1.homeHeadFirstLine {
	padding: 34px 0 0 40px;
	margin-top: 10px;
}
h1.homeHeadSecond {
	padding: 0 0 20px 20px;
	margin-left: 100px;
}
.cursive {
	font-style: oblique;
}
#questionMark {
	position: absolute;
	top: 54px;
	left: 310px;
}
#homeQuestions {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 1.6em;
	line-height: 1.2em;
}
#homeQuestions a {
	text-decoration: none;
}
/*--------------------News section on Home page plus Extras section on inside pages ---------------*/
#news, #extras {
	padding: 0 20px;
}
#news h3, #extras h3 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: .9em;
	color: #cb6d18;
}
#news a:link, #news a:visited, #footer a:link, #footer a:visited, .p7TPM_content_12 a:link, .p7TPM_content_12 a:visited, #sidebar a:link, #sidebar a:visited {
	color: #820024;
	text-decoration: none;
	font-weight: bold;
}
#news a:hover, #news a:active, #footer a:hover, #footer a:active, .p7TPM_content_12 a:hover, .p7TPM_content_12 a:active, #sidebar a:hover, #sidebar a:active{
	color: #CB6D18;
	text-decoration: none;
	font-weight: bold;
}
#extras a:link, #extras a:visited {
	color: #820024;
	text-decoration: none;
	font-weight: normal;
}
#extras a:hover, #extras a:active {
	color: #422b11;
	text-decoration: none;
	font-weight: bold;
}
#announcement, #newsFeeds, #rightColExtras, #leftColExtras, #oneColExtras {
	position: absolute;
	padding-right: 30px;
	margin-right: 20px;	
	display: block;	
	border-right: thin solid #820024;
}
#announcement, #newsFeeds {
	top: 540px;
}
#rightColExtras, #leftColExtras, #oneColExtras {
	top: 670px;
}
#announcement, #leftColExtras, #oneColExtras {
	left: 482px;	
	border-left: thin solid #820024;
	padding-left: 20px;
}
#announcement, #leftColExtras {
	width: 290px;
}
#oneColExtras {
	width: 540px;
}
#announcement {
	padding-bottom: 10px;
}
#leftColExtras, rightColExtras {
	padding-bottom: 10px;
}
#newsFeeds, #rightColExtras {
	left: 845px;
	width: 200px;
}
.newsHead {
	color: #035A7E;
}
h3.twitter {
	margin-top: 10px;
	padding-top: 10px;
	border-top: thin solid #820024;
}

/*--------------------------Housekeeping --------------------------*/
.clearit {
	clear: both;
}
/*--------------------------Footer --------------------------------*/
#footer {
	position: relative;
	width: 100%;
	min-width: 100$;
	height: 60px
}
.tagline {
	float: right;
	padding-top: 20px;
	padding-right: 75px;
}
p.copyright {
	font-size: .7em;
	color: #666666;
	padding-top: 20px;
	padding-left: 20px;
}
p.policies {
	padding-left: 20px;
	padding-bottom: 20px;
}

/*---------------------------Menu----------------------------------*/
#jumpMenu {
	position: absolute;
	top: 2px;
	left: 1206px;
	width: 250px;
	z-index: 90000;
	height: 830px;
	min-height: 71px;
}
#jumpMenu h2 {
	text-align: center;
	color: #ffffff;
	padding-top: 35px;
}
#contactUs {
	position: absolute;
	top: 39px;
	left: 936px;
	width: 200px;
	z-index: 50;
	height: 61px;
	background-color: #830025;
}
/*-----------------------Menu List  --------------------------*/

#menuList {
	position: absolute;
	top: 118px;
	z-index: 20000;
	text-align: center;
	margin: 0 auto;
	border-top: #c90 thin solid;
	border-bottom: #c90 thin solid;
	visibility: visible;
}
#menuList ul {
	margin-right: 0;
	padding-left: 10px;
	list-style: none;
	float: left;	
	width: 1064px;
}
#menuList ul li {
	padding: 6px 4px;
	text-decoration: none;
}
/*----------------------Simple version styling -----------------------------*/
#header blockquote.philosophy {
	position: absolute;
	top: 20px;
	left: 528px;
	text-align: right;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style: oblique;
	width: 550px;
}
#header blockquote.philosophy img {
	float: left;
	padding: 6px;
}
#overview {
	background-position: bottom left;
	background-repeat: no-repeat;
}
#overview.page1 {
	background-image: url(../images/foregrounds/baby_spiderMonkey.jpg);
}
#overview.page2 {
	background-image: url(../images/stockImages400/stock2_400_0004_Parrot.jpg);
}
#overview.page3 {
	background-image: url(../images/stockImages400/stock2_400_0025_Cinnamon%20and%20ribbon.jpg);
}
#overview.page4 {
	background-image: url(../images/stockImages400/stock2_400_0015_three%20pears.jpg);
}
#overview.page5 {
	background-image: url(../images/stockImages400/stock2_400_0034_Teapot.jpg);
}
#overview.page6 {
	background-image: url(../images/stockImages400/stock2_400_0001_Sneakers.jpg);
}
#overview.consumer {
	background-image: url(../images/foregrounds/baby_spiderMonkey.jpg);
}
#overview.creative {
	background-image: url(../images/foregrounds/peacock.jpg);
}
#overview.email {
	background-image: url(../images/foregrounds/red_hen.jpg);
}
#overview.leadGen {
	background-image: url(../images/foregrounds/dalmation_finch.jpg);
}
#overview.ppc {
	background-image: url(../images/foregrounds/dalmation_finch.jpg);
}
#overview.printDM {
	background-image: url(../images/foregrounds/parrot.jpg);
}
#overview.seo {
	background-image: url(../images/foregrounds/captain_morgan_chick.jpg);
}
#overview.socialContent {
	background-image: url(../images/foregrounds/three_chicks.jpg);
}
#overview.socialMedia {
	background-image: url(../images/foregrounds/three_chicks.jpg);
}
#overview.strategy {
	background-image: url(../images/foregrounds/pets.jpg);
}
#overview.websites {
	background-image: url(../images/foregrounds/clownfish.jpg);
}
#overview.pageTest {
	background-image: url(../images/foregrounds/comp__0004_Layer%209.jpg);
}
#overview.b2bm2w {
	background-image: url(../images/foregrounds/three_chicks.jpg);
}

/*-------------------Image styling ---------------------*/
.floatRight {
	float: right;
	padding: 10px;
}
.floatLeft {
	float: left;
	padding: 10px;
}
.floatRightColumn {
	float: right;
	padding: 10px -10px 10px 10px;
	margin-right: -30px;
	margin-left: 10px;
}
.floatRightColumn li {
	padding-bottom: 20px;
	text-align: right;
}
.floatLeftColumn {
	float: left;
	padding: 10px 10px 10px 0;
	margin-left: -20px;
}
.floatCenterColumn {
	float: left;
	padding: 10px 10px 10px 15px;
}
/*----------------------Tab panel C3 Styling-----------------------------*/
#tabBox {
	margin-left: 40px;
	margin-top: 50px;
	width: 596px;
}
ul.itemList {
	margin-left: 2px;
	padding-bottom: 10px;
}
.itemList li {
	list-style-type: none;
	padding: 4px 0 4px 20px;
	margin-left: 0px;
	paosition: relative;
	background: url(../images/bullets/pumpkinBullet.png) no-repeat -2px 9px;
}
#tabBox blockquote {
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	color: #562656;
	padding: 0px 24px 10px 24px;
}
#tabBox blockquote.faqs, #tabBox blockquote.caseStudies {
	font-size: .75em;
	line-height: 1.4em;
}
.sepBar {
	color: #820024;
}
/*------------------Thumbnail/Large photo styling-------------------------*/
.thumbnail {
	position: relative;
	z-index: 0;
}
.thumbnail:hover {
	background-color: transparent;
	z-index: 50;
}
.thumbnail span {
	position: absolute;
	background-color: rgba(0,0,0,0.8);
	padding: 8px;
	left: -1000px;
	border: 1px solid #333333;
	visibility: hidden;
	color: #FFF;
	text-decoration: none;
}
.thumbnail span img {
	border-width: 0;
	padding: 2px;
}
.thumbnail .caption {
	width: 175px;
}
.thumbnail:hover span {
	visibility: visible;
	top: -400px;
	left: -360px;
}
.floatLeftColumn .thumbnail:hover span {
	visibility: visible;
	top: -420px;
	left: 10px;
}
.floatCenterColumn .thumbnail:hover span {
	visibility: visible;
	top: -420px;
	left: -50px;
}

/* ----------------------- FORM STYLING ------------------------------ */

#form{
float:right;
width:220px;	
}

#form input, #form textarea{
margin:2px 0;	
width:200px;
border-top:1px solid #f5e4d4;
border-left:1px solid #f5e4d4;
border-right:1px solid #ebc8a8;
border-bottom:1px solid #ebc8a8;
background-color:white;
padding:2px;
color:#707070;
font-size:11px;
}

#form input.send{
background-color:white;
padding:2px;
margin-top:2px;
width:206px;
/*border-top:1px solid #ebc8a8;
border-left:1px solid #ebc8a8;
border-right:1px solid #e2a27d;
border-bottom:1px solid #e2a27d;*/
}
/*------------------------Case study slide show styling ------------------*/
#caseStudySlide {
	margin-top: 60px;
	margin-left: 5px;
	width: 625px;
}