/*html, html a {
    -webkit-font-smoothing: antialiased !important;
}*/

a{ outline:none;}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

.image_replacement {
	display:block;
	text-indent:-9999px;
	}
	
.utility_text {
	font-size:.75em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
    
/*-------------------------------------------------------------
* @ F O N T S
*--------------------------------------------------------------
*/

@font-face {
    font-family: 'QuicksandLight';
    src: url('../fonts/Quicksand_Light-webfont.eot');
    src: url('../fonts/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Light-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Light-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
    font-weight: normal;
    font-style: normal;
	/*-webkit-font-smoothing: antialiased;*/
}



@font-face {
    font-family: 'QuicksandBook';
    src: url('../fonts/Quicksand_Book-webfont.eot');
    src: url('../fonts/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Book-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Book-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Book-webfont.svg#QuicksandLight') format('svg');
    font-weight: normal;
    font-style: normal;
	/*-webkit-font-smoothing: antialiased;*/
}


	
/*
----------------------------------------------------------------
	B A S E   S T Y L E S
---------------------------------------------------------------- 
*/

body#main{
    overflow:hidden;
    background:url(../images/nav/background.jpg) repeat-x center top;

}

#seo{
    visibility:hidden;
}


#mastHead{
	width:100%;
    height:160px;
	z-index:1;
	margin:auto;
	position:absolute;
	left:0;
	top:0;
    display:block;
}

	#mastHead #navContainer{
		width:960px;
        padding:10px;
		margin:auto;
        display:block;
        height:172px;
	}
		.home .logoContainer { display:none; }
    
        #mastHead #navContainer #logoContainer{
            margin:0;
			padding:0;
			float:left;        
            width:315px;
            height:172px;
            background:url(../images/nav/logo_background.png) no-repeat left bottom;
            overflow:hidden;
			display:none;
            }

            #mastHead #navContainer #logoContainer #logoContainer img#logo{
                margin:0;
                padding:0;
            }
		
		.navUL{
            width:151px;
            float:left;
            margin:0 0 0 5px;
            padding:0;
			}
            
            .navULFourth{
                width:170px;
                float:left;
                margin:0 0 0 5px;
                padding:0;
            }
			
			
            .buttonUp{
                width:0;
                margin:0 0 5px 0;
                list-style:none !important;
                color:#fff;
                font-family: "QuicksandLight", "Arial", sans-serif;
                background-position: -321px 0;
                font-size:1em;
                display:block;
                z-index:2;
                overflow:hidden;
				padding: 8px 0 1px 5px;
                height:16px;
				line-height:10px;
				

			}

            
            
            .quadButtonUp{
                width:0;
                margin:0 0 5px 0;
                list-style:none;
                color:#fff;
                font-family: "QuicksandLight", "Arial", sans-serif;
                background-position: -321px 0;
                font-size:1em;
                display:block;
                z-index:2;
                overflow:hidden;
                padding:6px 0 3px 5px;
                height:16px;
			}

			
			
/*-------------------------------------------
* C O N T A C T    F O R M 
*--------------------------------------------
*/

#contactOverlay{
    width:30px;
    height:450px;
    z-index:100;
    position:absolute;
    left:0;
    top:10px;
    overflow:hidden;

}

#contactContainer{
    width:500px;
    height:400px;
	position:absolute;
display:none;
    }
    
    #contactContainer #contactTab{
        width:30px;
        height:150px;
		background: #000 url(../images/contact/form_background.jpg) no-repeat left top; 
        float:left;
        }
        
        #contactContainer #contactTab p{
                margin:0 0 5px 10px;
                padding:30px 0 0 0;
                font-family: "QuicksandLight", "Arial", sans-serif;
                font-size:1em;
                line-height:1em;
            }
            
       

			
    #contactContainer #contactForm{
        width:400px;
        height:400px;
		background: url(../images/contact/form_background.jpg) no-repeat left top;
        background-position: -30px 0;        
        color:#fff;
        padding:20px 20px 20px 0px;
        float:left;
    }
	
	
	
	
	.contactInputArea{	
		background-color: #ccc;
		border: 1px solid #ccc;
		font-family:Verdana, Geneva, sans-serif;
		color:#4d4d4d;
	}
	
	#contactForm label, #m-contactForm label{
		 color:#fff;
         font-family: "QuicksandLight", "Arial", sans-serif;
         font-size:1em;
	}
	
	#contactForm input, #m-contactForm input{
		margin: 5px 0 5px 0;
		background-color: #e8e6e6;
		border: 1px solid #ccc;
		font-family:Verdana, Geneva, sans-serif;
		color:#4d4d4d;
		font-size:.8em;
	}
	
	#contactForm textArea, #m-contactForm textArea{
		width:350px;
		height:155px;
		background-color: #e8e6e6;
		border: 1px solid #ccc;
		font-family:Verdana, Geneva, sans-serif;
		color:#4d4d4d;
		font-size:.8em;
		margin:5px 0 0 0;
	}
	
	
	#contactContainer #contactForm a#closeX{	
		width:28px;
		height:27px;
		display:block;
		margin:0 0 0 330px ;
		background:url(../images/contact/close_btn.gif) no-repeat left top;
		}
        
        #contactContainer #contactForm a#closeX:hover{	
            background-position:0 -27px;
        }
		
	
	
	a#contactSubmit, a#m-contactSubmit{	
		width:87px;
		height:29px;
		display:block;
		margin:10px 0 0 0;
		background:url(../images/contact/submit_btn.gif) no-repeat left top;
		}
	
	a#contactSubmit:hover, a#m-contactSubmit:hover{	
		background-position:0 -29px;
		}		
        
	#confirmation p, #m-confirmation p{
		  width:350px;
		  font-family: "QuicksandLight", "Arial", sans-serif;
          font-size:1.25em;
		  color:#fff;
		  text-align:center;
		}
		
		#confirmation p.pad, #m-confirmation p.pad{
		   margin-top:90px;
		   font-family: "QuicksandLight", "Arial", sans-serif;
		}
		
		#confirmation a,#m-confirmation a{	
			width:187px;
			height:30px;
			display:block;
			margin:auto;
			background:url(../images/contact/confirmation_btn.gif) no-repeat left top;
		}
		
		#contactContainer #contactForm a:hover, #m-contactForm a:hover{
			background-position:0 -30px;
		}
        
/*----------------------------------------
* P A G E   C O N T A I N E R S
*-----------------------------------------
*/

#scrollContainer{
    width:100%;
    height:500px;
    overflow-y:scroll;
	overflow-x:hidden;
    position:absolute;
    left:0;
    top:0;
}



  #scrollContainer #mainContainer{
        width:100%;
        position:absolute;
        left:0;
        top:0;
        overflow:hidden;
        padding:0 5px 0 0;

        }
    
        #scrollContainer #mainContainer #pageContainer{
            position:absolute;
            left:0;
            top:0;
            z-index:0;
        }
    
    .colContainer{
        float:left;
    }
    
    .pageContainer{
        /*background: #fff url(../images/nav/background.jpg) repeat-x center top;*/
        background-position: 0 -150px;
        position:absolute;

    }
    
    .secondPageContainer{
        /*background: #fff url(../images/nav/background.jpg) repeat-x center top;*/
        background-position: 0 -150px;
        position:absolute;


    }
    
      .thirdPageContainer{
        /*background: #fff url(../images/nav/background.jpg) repeat-x center top;*/
        background-position: 0 -100px;        
        position:absolute;

    }
    
    
      .fourthPageContainer{
        /*background: #fff url(../images/nav/background.jpg) repeat-x center top;*/ 
        background-position: 0 -100px;
		position:absolute;
    }


   #home #mainWrap{
	width:960px;
	padding:180px 0 180px 0;
	margin:auto;
	}
	
	.homeHeroImage{
		width:960px;
        height:300px;
		margin:0 0 20px 0;
		padding:0 0 0 0;
		}
		
		.homeHeroImage img{
			width:960px;
			margin:0;
			padding:0;
            }
		
        .homeContentWrap{
            width:960px;
            margin:40px 0 0 0;
            background:url(../images/global/home_module_background.gif) repeat-y left top;
            padding:0 0 10px 0;
		}
        
        .aboutContentWrap{
            width:960px;
            margin:40px 0 0 0;
            padding:0 0 10px 0;
            background:url(../images/global/about_module_background.gif) repeat-y left top;
		}
		
		.contentModule{
			width:307px;
			float:left;
			margin:0 5px 0 0;
			padding:0 0 0 0;
			margin-right:5px;
		}
        
        .workContentModule{
            background: #e8e9ea;
            font-size:1em;
            
        }

			
			.contentModule h1, .rightCol h1, h1.styleA{
				width:287px;
				font-family: "QuicksandLight", "Arial", sans-serif;
				font-weight:normal;
          		font-size:1.25em;
		  		color:#fff;
				margin:0;
				overflow:hidden;
				padding: 5px 0 30px 20px;
                }
                
                .contentModule h1.styleA{
                    background:url(../images/global/module_header.png) no-repeat left bottom;
                }
                
                .contentModule h1.styleB{
                    background:url(../images/global/module_header2.png) no-repeat left bottom;
                }
			
                .contentModule h1.styleC{
                    background:url(../images/global/module_header3.png) no-repeat left bottom;
                }
                
                 .contentModule h1.styleD{
                    background:url(../images/global/module_header.png) no-repeat left bottom;
                }

			
			.contentModule h3{
		 	 	font-family: "QuicksandLight", "Arial", sans-serif;
          		font-size:1em;
		  		color:#523288;
			}
			
			.contentModule p{
				font-family: "QuicksandBook", "Arial", sans-serif;
          		font-size:.875em;
		  		color:#000;
				padding:0 20px 0 20px;
				margin:10px 0 0 0;
				line-height:1.35em;
			}
			
			.contentModule p a{
				font-family: "QuicksandBook", "Arial", sans-serif;
				text-decoration:none;
		  		color:#523288;
			}
			
			#portfolio_module{
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
			
			#portfolio_module img{
				width:310px;
                height:250px;
				margin: 0 0 -6px 0;
				padding:0 0 0 0;
				cursor: pointer;
			}
            
            #.pmCTA{
                visibility:hidden;
            }
			
			.ctaBubble{
				
				 width:310px;
				 background:url(../images/global/cta_background.png) no-repeat left bottom;
				 margin-top:0;
				 padding:0 0 27px 0;
				 overflow:hidden;
				}
				
				.ctaBtn{
					width:310px;
                    height:17px;
					display:block;
					background: #000 url(../images/global/cta_background.jpg) no-repeat left top;
					background-position: -310px 0;
					padding:9px 5px 3px 5px;
                    font-family: "QuicksandLight", "Arial", sans-serif;
				    font-weight:normal;
          		    font-size:14px; 
                    text-decoration:none;
					overflow:hidden;
                    color:#fff;
				}
                
                .homeBtn{
					width:310px;
                    height:17px;
					display:block;
					background:#000 url(../images/global/cta_background.jpg) no-repeat left top;
					background-position: -310px 0;
					padding:9px 5px 3px 5px;
                    font-family: "QuicksandLight", "Arial", sans-serif;
				    font-weight:normal;
          		    font-size:1em; 
                    text-decoration:none;
					overflow:hidden;
                    color:#fff;
				}
                
                .workBtn{
					width:310px;
                    height:17px;
					display:block;
					background:url(../images/global/cta_background.jpg) no-repeat left top;
					background-position: -310px 0;
					padding:9px 5px 3px 5px;
                    font-family: "QuicksandLight", "Arial", sans-serif;
				    font-weight:normal;
          		    font-size:1em; 
                    text-decoration:none;
					overflow:hidden;
                    color:#fff;
				}
				
                .buzzBtn{
					width:310px;
                    height:17px;
					display:block;
					background:#000 url(../images/global/cta_background.jpg) no-repeat left top;
					background-position: -310px 0;
					padding:9px 5px 3px 5px;
                    font-family: "QuicksandLight", "Arial", sans-serif;
				    font-weight:normal;
          		    font-size:1em; 
                    text-decoration:none;
					overflow:hidden;
                    color:#fff;
				}

				
/*----------------------------------------
* C O N T E N T   H E A V Y    P A G E S
------------------------------------------
*/

#content #mainWrap{
	width:960px;
	padding:195px 0 220px 0; 
	margin:auto;
	}
	
	.pageBackgroundA{
		background:url(../images/global/back_extended_transparent.png) no-repeat center bottom;
	}
	
	.pageBackgroundB{
		background:url(../images/global/page_background2.jpg) no-repeat left bottom;
	}
	
	#content .leftCol{
		width:312px;
		float:left;
		display:inline;
		margin:0;
		padding:0;
		}
		
		#content .leftCol img{
			margin:0;
			padding:0;
		}
	
	#content .rightCol{
		width:640px;
		float:left;
		display:inline;
		margin:0;
		padding:0 0 20px 0;
		/*background:#fff;*/
		}
        
        #content .rightCol .videoPlayer{
            margin:auto;
            font-family: "QuicksandLight", "Arial", sans-serif;
            font-size:.85em;
			line-height:1.25em;
			text-decoration:none;
		  	color:#000;
        }
		
		#content h2{
			width:640px;
			font-family: "QuicksandLight", "Arial", sans-serif;
			font-weight:normal;
          	font-size:1em;
			padding:6px 0 33px 20px;
		  	color:#fff;
			margin:0;
			}
			
			#content h2.styleA{
				background:url(../images/global/sh1.png) no-repeat left bottom;
			}
			
			#content h2.styleB{
				background:url(../images/global/sh2.png) no-repeat left bottom;
			}
			
			#content h2.styleC{
				background:url(../images/global/sh3.png) no-repeat left bottom;
			}
		
		
		
		#content h3{
			width:640px;
			font-family: "QuicksandLight", "Arial", sans-serif;
			font-weight:normal;
          	font-size:1em;
			padding:6px 0 6px 20px;
		  	color:#fff;
			margin:20px 0 5px 0;
			background:url(../images/global/section_subhead1.jpg) no-repeat left bottom;
		}
        
        
        #content h3.short{
        	width:287px;
			font-family: "QuicksandLight", "Arial", sans-serif;
			font-weight:normal;
          	font-size:1em;
			padding:6px 0 6px 20px;
		  	color:#fff;
			margin:0 0 5px 0;
			background:url(../images/global/section_subhead1.jpg) no-repeat left bottom;

        }
		
		#content p{
			font-family: "QuicksandBook", "Arial", sans-serif;
          	font-size:.85em;
			line-height:1.25em;
			text-decoration:none;
		  	color:#000;
			margin:20px 0 0 0;
			padding:0 20px 0 20px;

		}
        
        #content .rightCol img{
            margin:10px 0 10px 0;
        }
        
        #content .rightCol img.buzz{
            margin:0 0 -6px 0;
        }
        
        #content p.short{
			margin:10px 0 10px 0;
        }
       
		
		#content ul{
			width:600px;
			font-family: "QuicksandBook", "Arial", sans-serif;
          	font-size:.85em;
			line-height:1.25em;
			text-decoration:none;
		  	color:#000;
			margin:10px 0 0 0;
			padding:0 20px 0 20px;
		}
		
		#content .twoColContainer{
			width:640px;
			padding:0 0 20px 0;
		}
		
		#content .leftContentCol{
			width:320px;
			float:left;
			margin:0;
			padding:0 10px 0 0;
			display:inline;
			
			}
			
			.rightContentCol{
				width:310px;
				margin:0;
				padding:0;
				display:inline;
				float:left;
			}
			
			.rightContentCol img{
				margin:0 0 -10px 0;
				padding:0;
			}
			
			
		
		span.blueHighlight{
			font-family: "QuicksandBook", "Arial", sans-serif;
			text-decoration:none;
		  	color:#0d4d8b;
		}
		
		#content a{
			font-family: "QuicksandBook", "Arial", sans-serif;
			text-decoration:none;
				color:#523288;
			}
			
			#content a.ctaBtn{
				color:#fff;
                font-family: "QuicksandLight", "Arial" sans-serif;
			}
	
		
	
	
		.workModule{
				width:307px;
				margin:0 3px 25px;
				padding:0;
				display:inline;
				overflow:hidden;
				float:left;
			}
			
			.workModule img{
				margin:0 0 -7px 0;
				padding:0;
			}
			
			
	#portfolioLanding{
		padding:0 0 150px 0;
		}
		
		ul.portfolioSwatch{
			width:960px;
			margin:auto;
			margin-top:20px;			
			padding:0;
			}
			
			 ul.portfolioSwatch li{
				width:307px;
				height:50px;
				margin:0 5px 5px 0;
				padding:0;
				float:left;
				list-style:none;
                overflow:hidden;
				}
				
				 ul.portfolioSwatch li a{
					width:300px;
					height:32px;
					margin:0;
					padding:18px 0 0 7px;
					display:block;
					font-family: "QuicksandLight", "Arial", sans-serif;
					font-weight:normal;
          			font-size:1.15em;
					color:#fff;
					text-decoration:none;
					overflow:hidden;
                    }
                    
                    ul.portfolioSwatch li a.styleA{
                        background:url(../images/work/active_swatch3.jpg) no-repeat left top;
                    }

                    ul.portfolioSwatch li a.styleB{
                        background:url(../images/work/active_swatch1.jpg) no-repeat left top;
                    }

                    ul.portfolioSwatch li a.styleC{
                        background:url(../images/work/active_swatch2.jpg) no-repeat left top;
                    }
                    
                    ul.portfolioSwatch li a.styleD{
                        background:url(../images/work/active_swatch3.jpg) no-repeat left top;
                    }
                    
                    ul.portfolioSwatch li a.styleE{
                        background:url(../images/work/active_swatch4.jpg) no-repeat left top;
                    }
                    
                    
				
				#portfolioLanding #header{
					width:945px;
					margin:auto;
					margin-top:160px;
					padding:0 0 0 0;;
					
				}
                
                
				#portfolioLanding #landingHeader{
					width:945px;
					margin:auto;
					margin-top:170px;
					padding:0 0 0 0;;
					
				}
				
				
					#portfolioLanding h2{
						width:307px;
						font-family: "QuicksandLight", "Arial", sans-serif;
						font-weight:normal;
          				font-size:1em;
						padding:6px 0 30px 20px;
		  				color:#fff;
						margin:0 0 0 0;
						float:right;
						overflow:hidden;
                        height:16px;
					}
                    
			
					#portfolioLanding h2.styleA{
						background:url(../images/global/sh1.png) no-repeat left bottom;
					}
                    
                    #portfolioLanding h2.styleB{
						background:url(../images/global/sh2.png) no-repeat left bottom;
					}
                    
                    #portfolioLanding h2.styleC{
						background:url(../images/global/sh3.png) no-repeat left bottom;
					}



/*----------------------------------------
* A B O U T   P A G E
*-----------------------------------------
*/


   #about #mainWrap{
	width:960px;
	padding:100px 0 180px 0;
	margin:auto;
	}
	
	.aboutHeroImage{
		width:960px;
		margin:0 0 20px 0;
		padding:0 0 0 0;
		}
		
		.aboutHeroImage img{
			width:960px;
			margin:0;
			padding:0;
		}
        
        .aboutContentWrap{
        }

/*----------------------------------------
* W O R K   P A G E
*-----------------------------------------
*/

   #work #mainWrap{
	width:960px;
	padding:200px 0 180px 0;
	margin:auto;
	}
	
	.workHeroImage{
		width:960px;
		margin:0 0 20px 0;
		padding:0 0 0 0;
		}
		
		.workHeroImage img{
			width:960px;
			margin:0;
			padding:0;
		    }
            
            
            
            
			
            
            				

/*----------------------------------------
* T Y P E   S T Y L E S
*-----------------------------------------
*/
.callOut{
	font-family: "QuicksandBook", "Arial", sans-serif;
    text-decoration:none;
    color:#0d4d8b;

}

.swatchLink{
    display:block;
    width:290px;
}

#workLandingModule{
    padding-bottom:30px;
}

			
/*----------------------------------------
* MOBILE ADJUSTMENTS
*-----------------------------------------
*/	
#mobileNav { display:none; }
#logoContainer { display:block; }
.isMobile { display: none !important; }