/*
 *	Body
 */

body {
background:#FFFFFF;
color:#000000;
font-family:sans-serif;
}

/********* helpers *********/
.floatRight { float: right; }
.floatLeft  { float: left; }
.right  { text-align: right; }
.left   { text-align: left; }
.center { text-align: center; }
.clear, .clearer { clear: both; }
.block  { display: block; }


/* Generic IE-only Hack */
* html body {
	
}

/*
 *	Paragraph, Code, Blockquote
 */

p {
	
}

code {
	white-space				: pre;
}

blockquote {
	
}

/*
 *	Headings
 */

h1	{
	
}

h2	{
	
}

h3	{
	
}

h4	{
	
}

h5	{
	
}

h6	{
	
}

/*
 *	Lists
 */
 
ul {
	
}

ol {
	
}

li {
	
}

ul li {
	
}

ol li {
	
}

#wrapper{
margin:0 auto;
width:1000px;
padding:100px 0 20px 0;
}

#header{
position:relative;
height:151px;
width:960px;
margin-left:20px;
background:url(../images/hr-2px.gif) no-repeat 0 131px;
}

#logo{
position:absolute;
width:237px;
height:74px;
display:block;
}

#navigation{
position:absolute;
font-size:1.2em;
text-transform:uppercase;
top:0;
xleft:649px;
right:-5px;
text-align:right;
}

#navigation li{
float:left;
}

#navigation li a{
display:block;
padding:3px 5px;
color:#474F4E;
text-decoration:none;
}

#navigation li a:hover, #navigation li a.selected{
background:url(../images/navigation.gif) repeat-x top left;
color:#000;
text-decoration:none;
}

#directions{
position:absolute;
color:#474F4E;
font-size:1em;
line-height:1.4em;
left:654px;
top:38px;
}

#directions p{
padding-bottom:10px;
}

#directions strong{
color:#DC642D;
font-size:1.2em;
text-transform:uppercase;
}

#directions a.sq{
color:#474F4E;
font-size:1.2em;
text-transform:uppercase;
text-decoration:none;
background:url(../images/4sq.gif) no-repeat 0px 3px;
padding:0 0 0 14px;
margin-right:10px;
}

#directions a.sq:hover{
color:#000000;
text-decoration:none;
background:url(../images/4sq.gif) no-repeat 0px 3px;
padding:0 0 0 14px;
margin-right:10px;
}

#content{
margin-left:20px;
}

.twoColumn{
width:633px;
margin-right:21px;
display:inline;
float:left;
}

.twoColumnNoMargin{
width:654px;
float:left;
display:inline;
margin:0;
}

.oneColumn{
width:306px;
display:inline;
float:left;
}

.marginRight{
margin-right:21px;
}

.threeColumn{
width:940px;
margin-right:0;
float:left;
padding-bottom:20px;
}

.threeColumnWide{
width:960px;
margin-right:0;
float:left;
padding-bottom:20px;
}

.threeColumnGallery{
width:960px;
margin-right:0;
float:left;
padding-bottom:40px;
background:url(../images/hr-1px.gif) no-repeat 0 350px;
}

.threeColumnCaseStudies{
width:980px;
float:left;
}

#content h1{
font-size:3.1em;
line-height:1.1em;
color:#DC642D;
}

#content h2{
font-size:2.2em;
line-height:1.1em;
color:#474F4E;
}

#content .oneColumn h1{
padding-bottom:20px;
}

#content .oneColumn h2{
padding-bottom:20px;
}

#content h3{
font-size:2.2em;
font-weight:normal;
line-height:1.1em;
color:#DC642D;
padding:10px 0 10px 0;
background:url(../images/hr-1px.gif) no-repeat 0 0;
}

#content .oneColumn h3{
padding:20px 0 10px 0;
}

#content p{
font-size:1.2em;
line-height:1.3em;
color:#474F4E;
padding-bottom:10px;
}

#content p strong{
color:#DC642D;
}

#content .twoColumn ul, #content .twoColumnNoMargin ul, #content .threeColumn ul, #content .oneColumn ul{
font-size:1.2em;
line-height:1.3em;
color:#474F4E;
padding:0 0 10px 15px;
list-style:disc;
}

#content .oneColumn ul.newsList{
font-size:1.0em;
line-height:1.3em;
padding:0;
list-style:none;
}


#content .newsList li{
background:url(../images/hr-1px.gif) no-repeat 0 0;
padding:10px 0;
}

#content .newsList li.first{
background:none;
xpadding:10px 0;
}

#content .newsList li h4{
color:#474f4d;
padding:0;
margin:0;
font-size:1.2em;
}

#content .newsList li p{
color:#474f4d;
padding:0;
margin:0;
font-size:1.2em;
}

#content .newsList li p.sq{
color:#DC642D;
text-transform:uppercase;
background:url(../images/4sq.gif) no-repeat 0px 6px;
padding:2px 0 0 14px;
}

#content .newsList li a{
display:block;
}

#content .newsList li a:hover{
background:#efefef;
}










#content .oneColumn ul.contactList{
font-size:1.0em;
line-height:1.3em;
padding:0;
list-style:none;
}


#content .contactList li{
background:url(../images/hr-1px.gif) no-repeat bottom left;
padding:10px 0;
}

#content .contactList li.first{
background:none;
xpadding:10px 0;
}

#content .contactList li h3{
color:#474f4d;
padding:0;
margin:0;
font-size:1.2em;
background:none;
font-weight:bold;
}

#content .contactList li p{
color:#474f4d;
padding:0;
margin:0;
font-size:1.2em;
}

#content .contactList li a{
color:#DC642D;
xbackground:url(../images/4sq.gif) no-repeat 0px 4px;
xpadding:0 0 0 14px;
}

#content .contactList li a:hover{
color:#000;
}













#content .oneColumn ul.subnavList{
font-size:1.2em;
line-height:1.3em;
padding:0;
list-style:none;
background:url(../images/hr-1px.gif) no-repeat bottom left;
text-transform:uppercase;
}

#content .subnavList li{
background:url(../images/hr-1px.gif) no-repeat 0 0;
padding:5px 0;
}

#content .subnavList li.first{
background:none;
}

#content .subnavList li a{
color:#474f4d;
background:url(../images/4sq.gif) no-repeat 0px 3px;
padding:0 0 0 14px;
}

#content .subnavList li a:hover{
color:#000;
}

#content .subnavList li a.selected{
color:#DC642D;
}


#testimonial{
padding-top:10px;
font-size:1.0em;
}

#testimonial p{
color:#DC642D;
font-size:1.4em;
font-weight:bold;
line-height:1.3em;
padding:5px 0 0 0;
}

#testimonial p.testominialby{
font-size:1.2em;
font-weight:normal;
line-height:1.3em;
padding:5px 0 0 0;
color:#474f4d;
}



.caseStudyIntro{
width:306px;
float:left;
display:inline;
margin-right:20px;
}

.caseStudyMedium{
width:306px;
height:290px;
float:left;
display:inline;
margin-right:20px;
}

#content .caseStudyMedium h2{
font-weight:normal;
font-size:1.4em;
color:#000;
padding:5px 0 0 0;
}

#content .caseStudyMedium h3{
font-weight:normal;
font-size:1.4em;
color:#474f4d;
padding:0 0 0 0;
background:none;
}

#content .caseStudyMedium h2 a, #content .caseStudyMedium h2 a:hover{
text-decoration:none;
color:#000;
}

#content .caseStudyMedium h3 a, #content .caseStudyMedium h3 a:hover{
text-decoration:none;
color:#474f4d;
}

.caseStudyMedium p{
padding:5px 0 5px 0;
}

.caseStudyMedium p a{
text-transform:uppercase;
color:#DC642D;
background:url(../images/4sq.gif) no-repeat 0px 3px;
padding:0 0 0 14px;
}

.caseStudyMedium p a:hover{
color:#000;
text-decoration:none;
}

.caseStudySmall{
width:203px;
float:left;
margin-right:12px;
margin-top:12px;
	height: 136px;
	background:#161613; 
	overflow: hidden; 
	position: relative; 
}

#caseStudyHero{
width:633px;
float:left;
	height: 425px;
	background:#161613; 
	overflow: hidden; 
	position: relative; 
}



.caseStudySmall img, #caseStudyHero img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}

#content #caseStudyHero h3{ 
	padding: 5px 10px 0 10px;
	color:#000;
	font-size:2.2em;
	font-weight:normal;
	background:none;
}

#content #caseStudyHero h4{ 
	padding: 0px 10px 0 10px;
	color:#474f4d;
	font-size:1.8em;
	font-weight:normal;
	background:none;
}

#content .caseStudySmall h3{ 
	font-size:1em;
	line-height:1.4em;
	padding: 2px 10px 0px 10px;
	color:#000;
	font-weight:normal;
	background:none;
}

#content #caseStudyHero h3 a, #content .caseStudySmall h3 a, #content #caseStudyHero h3 a:hover, #content .caseStudySmall h3 a:hover{
text-decoration:none;
color:#000;
}

#content #caseStudyHero h4 a, #content #caseStudyHero h4 a:hover{
text-decoration:none;
color:#474f4d;
}

#content .caseStudySmall p{ 
	font-size:1em;
	line-height:1.4em;
	padding: 2px 10px 5px 10px;
	color:#000;
}

#caseStudyHero p{ 
	font-size:1em;
	line-height:1.4em;
	padding: 2px 10px 5px 10px;
	color:#000;
	width:400px;
}
				
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #fff; 
	background:url(../images/navigation.gif) top left #fff;
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
	.captionfull .boxcaption {
		top: 140px;
		left: 0;
	}
	.caption .boxcaption {
		top: 140px;
		left: 0;
	}

#caseStudyHero.caption .boxcaption {
		top: 425px;
		left: 0;
	}






a.foursq{
color:#474F4E;
font-size:1em;
text-transform:uppercase;
text-decoration:none;
background:url(../images/4sq.gif) no-repeat 0px 2px;
padding:0 0 0 14px;
}

#content .oneColumn a.foursq{
color:#DC642D;
font-size:1em;
text-transform:uppercase;
text-decoration:none;
background:url(../images/4sq.gif) no-repeat 0px 2px;
padding:0 0 0 14px;
}

a:hover.foursq, #content .oneColumn a:hover.foursq{
color:#000000;
text-decoration:none;
background:url(../images/4sq.gif) no-repeat 0px 2px;
padding:0 0 0 14px;
}








#footer{
background:url(../images/hr-1px.gif) no-repeat 0 20px;
position:relative;
padding-top:20px;
width:960px;
margin-left:20px;
}

#footer p{
font-size:1em;
line-height:1.4em;
padding-top:10px;
color:#000;
}

#footer p.links{
padding-top:110px;
color:#999999;
}

#footer p.links a{
color:#999999;
}

#footer p.links a:hover{
color:#000000;
text-decoration:underline;
}

#newsletter{
position:absolute;
padding-top:10px;
left:654px;
}

#logos{
position:absolute;
margin-top:26px;
left:0px;
}

#buildBonfire{
position:absolute;
margin-top:-10px;
left:480px;
}

#signupinput {
position: relative;
padding-bottom:20px;
}

#signupinput label{
font-size:1.0em;
text-transform:uppercase;
color:#DC642D;
}

#signupinput input {
background:url(../images/bg-input.gif) top left;
margin-top:10px;
padding:4px 5px 5px 5px;
width:200px;
float:left;
border:none;
font-size:1.2em;
font-family:arial, helvetica, sans-serif;
}

/* BUTTONS */

#signupinput button{
    display:block;
    float:left;
    margin:9px 0 0 1px;
    background-color:#fff;
    border:none;
    color:#000;
    cursor:pointer;
    padding:0;
}
#signupinput button{
    width:auto;
    overflow:visible;
    padding:0; /* IE6 */
}
#signupinput button[type]{
    padding:0; /* Firefox */
    line-height:24px; /* Safari */
}
*:first-child+html button[type]{
    padding:0; /* IE7 */
}
#signupinput button img, .buttons a img{
    margin:0 !important;
    padding:0;
    border:none;
    width:24px;
    height:24px;
}

#articleText{
position:absolute;
padding-top:10px;
}

#articleText p{
font-size:1em;
background:url(../images/4sq.gif) no-repeat 0px 2px;
padding:0 0 0 14px;
text-transform:uppercase;
color:#DC642D;
}



/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

#content .sidebar ul{
list-style:none;
font-size:1.1em;
line-height:1.3em;
color:#474f4d;
padding:0 0 0 0;
margin:0;
}

#content .sidebar ul a{
color:#474f4d;
}

#content .sidebar ul a:hover{
color:#DC642D;
}

#content .sidebar ul ul ul{
list-style:none;
font-size:1.0em;
line-height:1.3em;
color:#474f4d;
padding:0 0 0px 0;
margin-left:15px;
}

#content .sidebar h2{
font-size:2.2em;
font-weight:normal;
line-height:1.1em;
color:#DC642D;
padding:10px 0 10px 0;
background:url(../images/hr-1px.gif) no-repeat 0 0;
}

#content .sidebar h2 a{
color:#DC642D;
}


#twitter-3 .entry-content{

}

#twitter-3 .entry-meta{
display:block;
font-size:.8em;
color:#000;
}

#twitter-3 ul li{
padding-bottom:10px;
}

#content .sidebar #twitter-3 ul li a{
color:#DC642D;
}
















/* Specials */

.threeColumnRemember{
width:960px;
margin-right:0;
float:left;
background:#e7e7e8;
padding-bottom:40px;
}

.rememberTop{
width:770px;
margin-left:90px;
float:left;
padding:20px 0;
}

#content .rememberTop h1{
font-weight:normal;
font-size:2.5em;
color:#000;
padding:0;
}

#content .rememberLeft{
display:inline;
float:left;
width:370px;
margin-left:90px;
}

#content .rememberRight{
display:inline;
float:right;
width:370px;
margin-right:90px;
}

#content .rememberLeft p, #content .rememberRight p{
color:#000;
padding:0 0 10px 0;
}

#content .rememberRight p a{
color:#DC642D;
text-decoration:none;
}

#content .rememberRight p a:hover{
text-decoration:underline;
}

#content .rememberRight p.youtube a{
text-transform:uppercase;
color:#DC642D;
text-decoration:none;
background:url(../images/4sq.gif) no-repeat 0px 3px;
padding:0 0 0 14px;
}

#content .rememberRight p.youtube a:hover{
text-decoration:underline;
}

#content .rememberRight h2{
font-size:2.4em;
font-weight:normal;
line-height:1.1em;
color:#DC642D;
padding:10px 0 10px 0;
background:url(../images/hr-1px.gif) no-repeat 0 0;
}