/* CSS Document */
/* Threebrick v2.0 2009 */

@import url("reset-min.css");

/*------------------------------------
 Colors
 
 Red: #D12327
 Dark Gray: #3D3D3D
 Dark Gray 2: #525252;
 
------------------------------------*/

/*------------------------------------
 Table of Contents
 
 Global Elements
 
 headerContainer
 
 navContainer
 
 contentContainer
 
 Homepage Styles
 
------------------------------------*/

/*------------------------------------
 Start Global Elements
------------------------------------*/
body {
background: #fff url(../images/bg_body.gif) top left repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #525252;
}

html {
overflow-y: scroll;
}

a {
color: #525252;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

ol {
list-style: decimal;
margin: 0 0 0 25px;
}

ol li {
margin: 0 0 20px 0;
}

.clear {
clear: both;
}

.left {
float: left;
}

/*------------------------------------
 Start mainContainer
------------------------------------*/

#mainContainer {
margin: 0 auto;
width: 930px;
padding: 15px;
}

#mainContainer p {
margin: 0 0 15px 0;
}

/*------------------------------------
 Start headerContainer
------------------------------------*/

#headerContainer {
height: 95px;
width: 930px;
float: left;
position: relative;
z-index: 100;
}

#headerLogo {
height: 95px;
width: 100px;
float: left;
}

/*------------------------------------
 Start navContainer
------------------------------------*/

#navContainer {
height: 95px;
width: 830px;
text-transform: uppercase;
float: left;
}

#topNav {
height: 24px;
width: 830px;
padding: 15px 0 0 0;
position:relative; 
z-index:100;
}

#topNav ul {
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
}

#topNav ul li {
display: inline;
float: left;
}

#topNav li a {
height: 24px;
padding: 0 25px 0 25px;
color: #FFFFFF;
text-decoration: none;
display: block;
float: left;
}

#topNav li a:hover {
background: url(../images/bg_navArrow.gif) bottom center no-repeat;
}

#topNav li a.selected {
background: url(../images/bg_navArrow.gif) bottom center no-repeat;
}

#topNav .hidden {
display: none;
}

#topNav ul li ul {
width: 1000px;
background: #EFEFEF url(../images/bg_subNav.gif) top right repeat-y;
border-bottom: 1px solid #fff;
position:absolute; 
top: 39px;	
left: 0;
}

#topNav .pageCrumb {
padding: 15px 0 0 25px;
color: #D12327;
display: inline;
float: left;
}

#topNav li ul li a {
padding: 15px 25px 0 25px;
color: #525252;
display: block;
float: left;
}

#topNav li ul li a:hover {
background: url(../images/bg_subNavArrow.gif) bottom center no-repeat;
}

#topNav li ul li a.subSelected {
background: url(../images/bg_subNavArrow.gif) bottom center no-repeat;
}

/*------------------------------------
 End headerContainer
------------------------------------*/

/*------------------------------------
 Start contentContainer
------------------------------------*/

#contentContainer {
width: 930px;
line-height: 18px;
margin-top: 30px;
float: left;
}

#contentContainer h1 {
font-size: 14px;
font-weight: bold;
margin: 0 0 20px 0;
}

#contentContainer h2 {
font-size: 14px;
font-weight: bold;
}

#content {
width: 630px;
padding: 0 0 20px 0;
float: left;
}

#content ul {
list-style: square;
margin: 0 0 0 25px;
}

#content ul li {
margin: 0 0 20px 0;
}

/*------------------------------------
 Start Homepage Styles
------------------------------------*/
#heroImage {
height: 280px;
width: 930px;
margin: -20px 0 0 0;
border-bottom: 1px solid #D5D5D5;
float: left;
position: relative;
z-index: 10;
}

#workContainer {
width: 930px;
padding: 30px 0 10px 0;
border-bottom: 1px solid #D5D5D5;
float: left;
}

#workContainer a {
text-decoration: none;
}

#workContainer a:hover {
text-decoration: underline;
}

#workContainer .arrowLeft {
width: 10px;
margin: 65px 8px 0 0;
float: left;
}

#workContainer .arrowRight {
width: 10px;
margin: 65px 0 0 8px;
float: left;
}

#workContainer .slide {
width: 266px;
padding: 0 16px 0 16px;
float: left;
}

#workContainer .slide .thumb a {
height: 171px;
width: 266px;
display: block;
}

	.thumb a.IHG {
	background: url(../images/caseStudies/img_IHG.jpg) top left no-repeat;
	}

	.thumb a.soundOps {
	background: url(../images/caseStudies/img_soundOps.jpg) top left no-repeat;
	}
	
/*	.thumb a:hover.soundOps {
	background: url(../images/img_soundOpsRoll.jpg) top left no-repeat;
	}*/

	.thumb a.chiA {
	background: url(../images/caseStudies/img_chiAtlanta.jpg) top left no-repeat;
	}
	
/*	.thumb a:hover.chiA {
	background: url(../images/img_chiAtlantaRoll.jpg) top left no-repeat;
	}*/

	.thumb a.astral {
	background: url(../images/caseStudies/img_astralBrands.jpg) top left no-repeat;
	}
	
/*	.thumb a:hover.astral {
	background: url(../images/img_astralBrandsRoll.jpg) top left no-repeat;
	}*/
	
	.thumb a.userInsight {
	background: url(../images/caseStudies/img_userInsight.jpg) top left no-repeat;
	}
	
/*	.thumb a:hover.userInsight {
	background: url(../images/img_userInsightRoll.jpg) top left no-repeat;
	}	
	*/

#workContainer h1 {
font-size: 18px;
margin: 10px 0 15px 0;
padding: 0 0 0 5px;
}

#workContainer p {
padding: 0 0 0 5px;
}

#homeModuleContainer {
width: 850px;
margin: 40px 0 20px 0;
padding: 0 40px 0 40px;
line-height: 18px;
float: left;
}

#homeModuleConversation {
height: 200px;
width: 400px;
background: url(../images/bg_moduleConversation.jpg) 20px 38px no-repeat;
margin: 0 50px 0 0;
overflow: hidden;
float: left;
}

#homeModuleNews {
height: 200px;
width: 400px;
background: url(../images/bg_moduleNews.jpg) 20px 38px no-repeat;
overflow: hidden;
float: left;
}

.homeModuleHeader {
height: 33px;
width: 400px;
border-bottom: 1px solid #D5D5D5;
margin: 0 0 15px 0;
padding: 0 0 5px 0;
}

.homeModuleContent {
padding: 0 0 0 130px;
}

#homeModuleContainer h1 {
font-size: 16px;
font-weight: bold;
margin: 0 0 15px 0;
}

#homeModuleContainer h1 a {
text-decoration: none;
}

#homeModuleContainer h1 a:hover {
text-decoration: underline;
}

#homeModuleContainer .date {
font-size: 11px;
margin: 0 0 5px 0;
}

/*------------------------------------
 End Homepage Styles
------------------------------------*/

#contentHeader {
height: 39px;
width: 630px;
border-bottom: 1px solid #D5D5D5;
margin: 0 0 20px 0;
padding: 0 0 5px 0;
}

#intModuleContainer {
width: 250px;
margin: 17px 0 0 50px;
float: left;
}

#intModuleContainer h1 {
font-size: 16px;
font-weight: bold;
margin: 0 0 15px 0;
}

#intModuleContainer .date {
font-size: 11px;
margin: 0 0 5px 0;
}

.intModuleHeader {
height: 22px;
width: 250px;
border-bottom: 1px solid #D5D5D5;
margin: 0 0 15px 0;
padding: 0 0 5px 0;
}

.intModuleContent {
width: 180px;
}

#intModuleCaseStudy {
width: 250px;
background: url(../images/bg_moduleCaseStudy.jpg) 170px 40px no-repeat;
margin: 0 0 50px 0;
}

#intModuleContact {
width: 250px;
background: url(../images/bg_moduleContact.jpg) 175px 27px no-repeat;
margin: 0 0 50px 0;
}

#intModuleConversation {
width: 250px;
background: url(../images/bg_moduleConversation.jpg) 177px 27px no-repeat;
margin: 0 0 50px 0;
}

#intModuleNews {
width: 250px;
background: url(../images/bg_moduleNews.jpg) 177px 27px no-repeat;
margin: 0 0 50px 0;
}

.contentCol1 {
width: 300px;
margin-right: 30px;
float: left;
}

.contentCol2 {
width: 300px;
float: left;
}

.approachModule {
width: 300px;
margin: 0 0 30px 0;
text-align: left;
background: url(../images/bg_approachModule.jpg) top left repeat-y;
}

.approachModuleTop {
width: 260px;
padding: 25px 20px 30px 20px;
background: url(../images/bg_approachModuleTop.jpg) top no-repeat;
}

.approachModuleBottom {
width: 260px;
padding: 0 20px 15px 20px;
background: url(../images/bg_approachModuleBottom.jpg) bottom no-repeat;
}

.caseStudy {
width: 630px;
margin: 0 0 15px 0;
padding: 0 0 15px 0;
border-bottom: 1px solid #D5D5D5;
clear: left;
float: left;
}

.casePhoto {
width: 270px;
margin: 0 20px 0 0;
float: left;
}

.caseSummary {
width: 340px;
padding: 4px 0 0 0;
float: left;
}

.headShots {
float: left;
padding-right: 15px;
}


/*------------------------------------
 End contentContainer
------------------------------------*/

/*------------------------------------
 Start contact dropdown
------------------------------------*/


.signUp_contentBox{
	border:1px solid #CCCCCC;
	font-size: 14px;
	margin:0px 0 0 0px;
	padding:10px;
	height:0px;
	width:330px;
	visibility:hidden;
	position:absolute;
	z-index:2;
	background-color:#ECECEC;
	overflow:hidden;
	}
	
.signUp_content{
	position:relative;		
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	line-height: 22px;
	color: #313131;
	width:100%;
	font-size:0.8em;		
	}
	
/*------------------------------------
 End contact dropdown
------------------------------------*/


/*------------------------------------
 start formContainer
------------------------------------*/

.formContainer {
width: 415px;
}

.formContainerWide {
width: 620px;
}

.formLabel {
height: 20px;
width: 215px;
float: left;
}

.formLabelWide {
height: 20px;
width: 420px;
float: left;
}

.formRequired {
height: 20px;
width: 200px;
font-size: 10px;
text-align: right;
float: left;
}

.formWrapper {
width: 375px;
padding: 20px;
background-color: #ECECEC;
border: 1px solid #E3E3E3;
float: left;
}

.formWrapperWide {
width: 580px;
padding: 20px;
background-color: #ECECEC;
border: 1px solid #E3E3E3;
float: left;
}

.fieldLabel {
height: 32px;
width: 155px;
float: left;
}

.field {
height: 32px;
width: 195px;
float: left;
}

.field .standard {
width: 180px;
margin: 1px 0 0 0;
padding: 2px;
border: 1px solid #E3E3E3;
}

.field220 {
height: 32px;
width: 220px;
float: left;
}

.fieldCheck {
height: 30px;
width: 25px;
float: left;
}

.field220ButtonText {
height: 25px;
width: 215px;
padding: 8px 0 0 5px;
float: left;
}

.fieldComments {
width: 340px;
padding: 0 0 10px 0;
float: left;
}

.fieldComments2 {
width: 180px;
padding: 0 0 2px 0;
float: left;
}

.fieldWideSpacer {
height: 32px;
width: 120px;
float: left;
}

/*------------------------------------
 start formContainer
------------------------------------*/


/*------------------------------------
 Start footer
------------------------------------*/

#footer {
width: 930px;
padding: 20px 0 0 0;
border-top: 1px solid #D5D5D5;
clear: both;
}

#footer li {
display: inline;
padding: 0 10px 0 0;
}

/*------------------------------------
 End footer
------------------------------------*/


/*------------------------------------
 End mainContainer
------------------------------------*/