@font-face {

    font-family: 'FuturaMaxiBold';

    src: url('../fonts/futura_maxi_cg_bold-webfont.eot');

    src: url('../fonts/futura_maxi_cg_bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/futura_maxi_cg_bold-webfont.woff') format('woff'),

         url('../fonts/futura_maxi_cg_bold-webfont.ttf') format('truetype'),

         url('../fonts/futura_maxi_cg_bold-webfont.svg#futura_maxi_cg_boldregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'FuturaMaxiLight';

    src: url('../fonts/futura_maxi_cg_light-webfont.eot');

    src: url('../fonts/futura_maxi_cg_light-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/futura_maxi_cg_light-webfont.woff') format('woff'),

         url('../fonts/futura_maxi_cg_light-webfont.ttf') format('truetype'),

         url('../fonts/futura_maxi_cg_light-webfont.svg#futura_maxi_cg_lightregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

   font-family: 'FuturaMaxiBook';

   src: url('../fonts/futura_bk_bt_book-webfont.eot');

   src: url('../fonts/futura_bk_bt_book-webfont.eot?#iefix') format('embedded-opentype'),

        url('../fonts/futura_bk_bt_book-webfont.woff') format('woff'),

        url('../fonts/futura_bk_bt_book-webfont.ttf') format('truetype'),

        url('../fonts/futura_bk_bt_book-webfont.svg#futura_lt_btlight') format('svg');

   font-weight: normal;

   font-style: normal;

}



a img{

	border:0px;

	text-decoration:none;

}

body.home,html{

	margin:0px;

	padding:0px;

	font-family:'FuturaMaxiBook';

	font-size:14px;

	background:url(../images/repeaterGrey.gif);

}

body{

	margin:0px;

	padding:0px;

	font-family:'FuturaMaxiBook';

	font-size:14px;

	background:#F7F0DD;

}





.clear{

	clear:both;

}

#container{

	height:100%;

}



#homeContentContainer{

	background:#F7F0DD;

	height: auto;

	padding-bottom: 50px;

}

#homeContentContainer{

	transition:height 0.5s;

	-webkit-transition:height 0.5s;

	-moz-transition:height 0.5s;

	-o-transition:height 0.5s;

}

#homeContent{

	width:940px;

	height:inherit;

	overflow:hidden;

	margin:0 auto;

}

#home .tagLine{

	font-size:29px;

	text-transform: uppercase;

	color:#FF9900;

	text-align:center;

	padding-bottom:20px;

	font-family:"FuturaMaxiBook";

}

#home .breakLine{

	width:260px;

	display:block;	

	border-bottom:1px solid #8C4600;

	margin:0 auto;

}

#home .homeTextColOne{

	width:47%;

	float:left;

	font-family:'FuturaMaxiBook';

}

#home .homeTextColTwo{

	width:47%;

	float:right;

	font-family:'FuturaMaxiBook';

}



#home .introContent{

	padding-top:20px;

	width:280px;

	float:left;

}

#home .col2{

	margin-left:30px;

	margin-right:30px;

}



#home .headerImage{

	text-align: center;

	padding-top:40px;

	padding-bottom:40px;

	

}

#home .headerImage img{

	height: 240px;

	width: auto;

}

#home .homeTextCentral{

	padding-top:20px;

	width:900px;

	margin:0 auto;

}

#home .signOff{

	font-family:"FuturaMaxiBook";

	font-size:20px;

	text-align:center;

	padding-top:20px;

}



#home .introContent.wide {

	width: 600px;

	margin: 0 auto;

	float: none

}



.scrollToSection{

	color:#FF9900;

}

/*mobileHome*/

.mobileHTML{

	background:#F7F0DD;

}

#mobileContainer{

	background:#F7F0DD;

	height:100%;

}

#mobileHomeContentContainer{

	background:#F7F0DD;

}



#mobileHomeContent .tagLine{

	font-size:20px;

	text-transform: uppercase;

	color:#FF9900;

	text-align:center;

	padding-bottom:20px;

	font-family:"FuturaMaxiBook";

}

#mobileHomeContent .breakLine{

	width:260px;

	display:block;	

	border-bottom:1px solid #8C4600;

	margin:0 auto;

	margin-bottom:2em;

}

#mobileHomeContent .headerImage{

	text-align: center;

	padding-top:40px;

	padding-bottom:40px;

}

.mobileProjectHead, .mobileContactHead, .mobileBlog{

	font-size: 20px;

	text-transform: uppercase;

	color: #FF9900;

	text-align: center;

	padding-bottom: 20px;

	font-family: "FuturaMaxiBook";

}

.mobileBlog a{

	text-decoration:none;

	color:#ff9900;

}





.mobileIntro{

	margin-bottom:2em;

}

.mobileContactText, .mobileProjectContent, .mobileIntro{

	padding-left:5%;

	padding-right:5%;

	margin-top:0;

	margin-bottom:2em;

}



.mobileContactText, .mobileProjectContent{

	display:none;

}

#mobileProjectInformation{

	height:320px;

}

.mobileProjectSlideContainer{

	min-height:320px;

	list-style: none;

}

.mobileProjectSlide{

	display: block;

	float: left;

	min-height: 320px;

	overflow: hidden;

	margin-right: 10px;

}

.mobileProjectSlide:last-child{

	margin-right: 10px !important

}

.mobileProjectSlide .projectTitle {

	padding-bottom: .4em;	

}

.mobileProjectSlide .projectText {

	margin-left: 0;

}





.mobileProjectBG{

	width:100%;

	min-width:325px;

	background: url(../images/repeaterDiagonal.gif);

	padding-top: 10px;

	padding-bottom: 17px;

	margin-top:20px;

	color: #ffffff;

	height:320px;

	margin-left:-20px;

	margin-right:40px;

}

.mobileProjectSlideContainer{

	padding-left:23px;

}

.mobileProjectImage{



	margin-right:0;

	height: 300px;

	min-width: 284px;

	background-repeat: no-repeat;

	background-position: center center;

}



.mobileContactText a{

	color:#FF9900;

}

.mobileContactText a[href^=tel]{

	text-decoration:none;

}

/*mobileHome End*/



/*navigation*/





#navigationContainer{

	height:60px;

	background:#67645B;

	z-index:9990;

	overflow:hidden;

	position: absolute;

	left: 0;

	width:100%;

}

#navigationContainer.navigationFixed{

	position:fixed;

	z-index:9990;

	width:100%;

	top:0px!important;

	height:60px;

}

/*

#navigationContainer.resetBounds{

	height:60px;

	background:#67645B;

	z-index:100;

	position:relative;

}

*/



#navigation{

	width:940px;

	margin:0 auto;

}

#navigation img{

	display:inline;

	float:left;

	margin-left:25px;

	margin-top:15px;

}

#navigation ul{

	margin-bottom:0px;

	margin-top:22px;

	float:left;

	display:block;

	height:38px;

	padding:0px;

}

#menu-main-menu{

	margin-left:120px;

}

#navigation ul li{

	float:left;

	list-style:none;

	margin-left:30px;

	height:38px;

	padding:0px;



}

#navigation .active{

	background:url(../images/currentMenuArrow.png) no-repeat;

	background-position:center bottom;

}

#navigation ul li:first-child{

	margin-left:0px;

}

#navigation ul li a{

	color:#ffffff;

	text-transform:uppercase;

	font-family:'FuturaMaxiBold';

	font-size:11px;

	text-decoration:none;

}

#navigation ul li a:hover{	

	color:#FF9900;

}

#navigation #socialMedia{

	float:right;

	margin-right:25px;

}

/*navigationEnd*/



/*whatWeDo*/





#whatWeDoContent{

	width:870px;

	margin:0 auto;

	height:780px;

}

.focusPadding{

	padding-top:0px;

}



#expertise .tagLine{

	font-size:29px;

	text-transform: uppercase;

	color:#111111;

	text-align:center;

	padding-bottom:20px;

	padding-top:140px;

	font-family:"FuturaMaxiBook";

	letter-spacing: 0.25em;

}

#expertise .breakLine{

	width:260px;

	display:block;	

	border-bottom:1px solid #ffffff;

	margin:0 auto;

}

.whatWeDoArea{

	padding-top:40px;

	margin-left:-40px;

}

.headMaskContainerContainer{

	width:525px;

	margin:0 auto;

}

.headMaskContainer{

	position:absolute;

	z-index:51;

	width:525px;

	height:493px;

	overflow: hidden;

	margin-bottom:40px;

}

.headMask{

	position:absolute;

	z-index:50;

	width:525px;

	height:493px;

	background:url(../images/mask_3.png) no-repeat;

}

.headMask.headMaskAlt {

	background-image:url(../images/mask_2_alt.png) !important;

}

#easyhtml5video {

	right: -230px;

}

.headMaskBack{

	position:absolute;

	z-index:20;

	overflow: hidden;

	height: 478px;

}

.headMaskBack video{

	position:absolute;

	z-index:0;

	margin-left:-320px;

	margin-top:0;

	top:0px;

	left:0px;

}

.whatWeDoArea .contentHead{

	font-family:"FuturaMaxiBold";

	font-size:12px;

	text-transform: uppercase;

	border-bottom:1px dashed #ffffff;

	padding-bottom:5px;

	margin-bottom:5px;

	float:left;

}

.whatWeDoArea .brandingContent .contentHead{

	float:right;

}

.whatWeDoArea .advertisingContent .contentHead{

	float:right;

}

.whatWeDoArea .designContent .contentHead{

	float:right;

}

.whatWeDoArea .contentContent{

	clear:both;

	margin-bottom:30px;	

}

.whatWeDoArea .socialContent{

	float:right;

	width:190px;

	position:relative;

	z-index:100;

	margin-right:-8px;

	margin-top:-9px;

}

.whatWeDoArea .brandingContent{

	text-align: right;

	float:left;

	clear:left;

	width:190px;

	margin-top:70px;

	margin-left:8px;

	position:relative;

	z-index:100;

}

.whatWeDoArea .advertisingContent{

	text-align: right;

	float:left;

	clear:left;

	width:190px;

	margin-top:22px;

	margin-left:8px;

	position:relative;

	z-index:100;

}

.whatWeDoArea .designContent{

	text-align: right;

	float:left;

	clear:left;

	width:190px;

	margin-top:14px;

	margin-left:8px;

	position:relative;

	z-index:100;

}

.whatWeDoArea .strategicMarketingContent{

	text-align: left;

	float:right;

	clear:right;

	width:220px;

	position:relative;

	z-index:100;

	margin-right:-35px;

	margin-top:70px;

}

.whatWeDoArea .fundraisingContent{

	text-align: left;

	float:right;

	clear:right;

	width:190px;

	position:relative;

	z-index:100;

	margin-right:-8px;

	margin-top:-124px;

}



/*whatWeDo End*/



/*projects*/



#projectContainerBottom.all .sue-harris{



}



#projectContainerTop, #projectContainerBottom{

	background:url(../images/repeaterLightGrey.gif);

}

#projectContentTop{

	width:870px;

	margin:0 auto;

	padding-top:125px;

}

#projectContentBottom{

	width:870px;

	margin:0 auto;

	padding-top:40px;

}

#projects .tagLine{

	font-size: 29px;

	text-transform: uppercase;

	color: #111111;

	text-align: center;

	padding-bottom: 15px;

	font-family: "FuturaMaxiBook";

	letter-spacing: 0.25em;

}

#projects .breakLine{

	width:260px;

	display:block;	

	border-bottom:1px solid #111111;

	margin:0 auto;

}

.project{

	float:left;

	height:130px;

	width:210px;

	margin:3px;

	background:url(../images/repeaterDiagonal.gif);

	position:relative;

	display:table;

}

.project a{

	text-decoration:none;

	display:table-row;

}

.project img{

	opacity:1;

	-webkit-transition: opacity 0.5s;

	-moz-transition: opacity 0.5s;

	-o-transition: opacity 0.5s;

	transition: opacity 0.5s;

	position:absolute;

	top:0px;

	left:0px;

}

.project img:hover{

	opacity:0;

}

.projectImageTitle{

	font-family:"FuturaMaxiBold";

	margin-left:10px;

	margin-right:10px;

	font-size:15px;

	text-align:center;

	color:#ffffff;

	text-decoration: none;

	display:table-cell;

	vertical-align: middle;

}

.filterStart{

	float:left;

	color:#52525F;

	text-transform:uppercase;

	font-family:"FuturaMaxiBold";

	font-size:11px;

	padding-top:4px;

}

.filterStyle{

	padding:50px 0;

}

.filterCategories ul{

	margin:0px;

	padding:0px;

	list-style:none;

}

.filterCategories ul li{

	float:left;

	margin-left:15px;

}

.filterCategories ul li a{

	text-decoration:none;

	color:#111111;

	font-family:"FuturaMaxiBold";

	font-size:11px;

	padding: 3px 6px 1px 6px;

}

.filterCategories ul li a:hover,

.filterCategories ul li.active a{

	background-color:#FFDFBF;

	border-radius: 10px;

}

.filterCategories ul li a:hover {

	background-color: rgba(255,223,191,.5);

}

.filterCategories ul li.active a:hover{

	background-color:#FFDFBF;

	cursor: default;

}

.filterCategories .cat-item-1 {

	display: none

}



.projectList{

	padding-bottom:80px;

	float:left;

	clear:left;

	width:100%;

}

.nextPrevious .prevBtn{

	background:url(../images/previousBtn.png) no-repeat;

	width:8px;

	float:left;

	height:15px;

	margin-right:20px;

	cursor:pointer;

}

.nextPrevious .nextBtn{

	background:url(../images/nextBtn.png) no-repeat;

	width:8px;

	float:left;

	height:15px;

	cursor:pointer;

}

#projectExpandContainer{

	height:460px;

	background:url(../images/repeaterDiagonal.gif);

	padding-top:20px;

	padding-bottom:20px;

	color:#ffffff;

	display:none;

	position: relative;

	top: 30px;

}



.projectSlideMask{

	height:540px;

}

.videoLink{

	display:block;

	width:150px;

	height:150px;

	margin:0 auto;

	margin-top:-303px;

	position:relative;

	z-index:99;	

}





.projectClose{

	background:url(../images/closeBtn.png) no-repeat;

	background-position: center center;

	background-color:#222222;

	width:26px;

	height: 24px;

	margin-top: -45px;

	padding:3px;

	padding-right:10px;

	cursor:pointer;

	float:right;

}

#customCursor{

	background:url(../images/dragCursor_small.png);

	width:70px;

	height:70px;

	position:absolute;

	display:none;

	pointer-events: none;

	z-index: 999;

}

#watchCursor{

	background:url(../images/watchCursor.png);

	width:70px;

	height:70px;

	position:absolute;

	display:none;

	pointer-events: none;

	z-index: 999;

}

.rightSlide{

	float:right;

	display:none;

}

.leftSlide{

	float:left;

	display:none;	

}

.iosSlider {

/*

	width: 95% !important;

*/

}

#projectInformation{

	margin-top:-15px;

}

.projectPersistent{

	width:270px;

	float:left;

	margin-right:40px;

	margin-left:40px;

}

.slideNumber-1{

	margin-right:20px!important;

}

.projectScrollBar div{

	position:relative!important;

}

.projectScrollBar{

	margin-top:-50px;

	margin-bottom:20px;

	margin-right:50px;

}

.projectScrollBar div div{

	min-width:100px!important;

}

.projectSlide{

	float:left;

	margin-right:-20px;

	display:inline;

	margin-top:0px;

	min-height:460px;

}

.projectSlide:last-child{

	margin-right: 20px

}

.projectImage{

	width:505px;

	float:left;

}

.projectText{

	margin-left:20px;

	float:left;

	margin-right:20px;

}

.projectText p:first-child{

	margin-top:0px;

}

.projectText a{

	color:#FF9900;

	font-weight: bold;

}

.projectText .projectTextCol1{

	width:48%;

	float:left;

}

.projectText .projectTextCol2{

	width:48%;

	float:right;

}

.projectTitle{

	font-size:15px;

	font-family:"FuturaMaxiBold";

	color:#ffffff;

	padding-bottom:2em;

}

.projectDescription{

	font-size:15px;

	font-family:"FuturaMaxiBook";

	color:#ffffff;

}

.projectSlideContainer{

	min-height:460px;

	margin-top: 20px;

}

/*projects End*/



/*clients*/



#clientsContainer{

	background:#FFDFBF;

}

#clientsContent{

	width:870px;

	margin:0 auto;

	padding-bottom:50px;

}

.client{

	float:left;

	width:200px;

	height:100px;

	margin-top:20px;

	margin-bottom:20px;

	margin-left:8px;

	margin-right:8px;

	text-align: center;

}

.clientsHead{

	text-transform: uppercase;

	font-family:"FuturaMaxiBook";

	font-size:29px;

	width:261px;

	margin:0 auto;

	text-align: center;

	border-bottom:1px solid #67645B;

	padding-bottom:15px;

	padding-top:95px;

	margin-bottom:20px;

	letter-spacing: 0.25em;

}





/*clients end*/



/*blog */







.aligncenter, img.aligncenter { 

	clear: both; 

	display: block; 

	margin-left: auto; 

	margin-right: auto; 

}

.alignleft{

	float:left;

}

.alignright{

	float:right;

}

.wp-caption{

	background:rgba(255,153,0,0.4);

	padding:20px;

	text-align: center;

	margin-top:2em;

	margin-bottom:2em;

	max-width:439px;

}

.wp-caption img{

	max-width:439px;

}





.wp-caption-text{

	text-align: center;

	margin-top:1em;

	color:#ffffff;

	margin-bottom:0px;

	font-size:0.8em;

}

#blogContainer{

	background:#20202F;

}

#blogContent{

	width:870px;

	margin:0 auto;

	padding-bottom:100px;

}

.blogHead{

	text-transform: uppercase;

	font-family:"FuturaMaxiBook";

	font-size:29px;

	width:261px;

	color:#ffffff;

	margin:0 auto;

	text-align: center;

	border-bottom:1px solid #ffffff;

	padding-bottom:15px;

	padding-top:95px;

	margin-bottom:100px;

	letter-spacing: 0.25em;

}

.selectedBlogPost{

	background:url(../images/greyCheq.gif);

	float:left;

	width:600px;

	padding:30px;

	color:#ffffff;

}

.selectedBlogPost a{

	color:#ffffff;

}

.blogRight{

	float:right;

	width:190px;

}

.blogCategoryTitle{

	font-size:20px;

	text-transform: uppercase;

	color:#ffffff;

	text-align:center;

	font-family:"FuturaMaxiBook";

	margin-bottom:30px;

}

.blogCategoryTitle a{

	text-decoration:none;

	color:#ffffff;

	letter-spacing: 0.15em;

}

.latestComments, .tweetHead, #tweetContainer, .viewBlogs{

	background:url(../images/greyCheq.gif);

	margin-bottom:7px;

	padding:10px;

	font-size:13px;

	color:#ffffff;

}

.viewBlogs{

	text-transform:uppercase;

}

.viewBlogs a{

	color:#FF9900;

	text-decoration:none;

}

.tweetHead a, .commentsHead {

	text-decoration: none;

	font-size: 16px

}

.commentsHead{

	margin-bottom:0.5em;

}

.tweetHead a,

.tweet a, .commentsHead{

	color: #FF9900

}

.tweet {

	margin-top: 10px;

	padding-top: 7px;

	border-top: 1px solid rgba(255,255,255,.3);

}

.tweet:first-child {

	margin-top: 0;

	padding-top: 0;

	border-top: 0;

}

.tweet em{

	color: rgba(255,255,255,.7);

	font-size: 12px;

}

 



#twitterrr a{

	color:#ffffff;

}

.latestComments .commentMeta{

	font-size:0.9em;

}





.commentBold{

	font-family:"FuturaMaxiBold";

	margin-bottom:1em;

	display:block;

}





#blogListingContainer{	

	background:#F7F0DD;

}

#blogListings{

		width:870px;

	margin:0 auto;

	padding-bottom:100px;

}

.blogListingsHead{

	color:#FF9900;

	text-transform: uppercase;

	font-family:"FuturaMaxiBook";

	font-size:29px;

	width:261px;

	margin:0 auto;

	text-align: center;

	border-bottom:1px solid #FF9900;

	padding-bottom:15px;

	padding-top:95px;

	margin-bottom:100px;

	letter-spacing: 0.25em;

}



.blogSidebar, .blogLatestTweets{

	float:left;

	width:15%;	

	padding-right:2%;

	border-right:1px dashed #aaaaaa;

}

.blogLatestTweets{

	border-left:1px dashed #aaaaaa;

	border-right:0px;

	padding-left:2%;

	padding-right:0;

}

#blogTweetContainer{

	margin-top:1em;

}

#blogTweetContainer em{

	color:#aaaaaa;

}



.blogSidebarTitle a, .blogTweetHead a{

	text-transform:uppercase;

	text-decoration:none;

	font-weight:bold;

	color:#FF9900;

	font-size:1.2em;

}



.theBlogEntryHead{

	text-transform:uppercase;

	text-decoration:none;

	font-weight:bold;

	color:#FF9900;

	font-size:2em;

}



.blogSidebar ul{

	list-style:none;

	margin-left:0px;

	padding-left:10px;

}

.blogSidebar li{

	padding-top:1em;

}

.blogSidebar li a{

	text-decoration: none;

	font-weight:bold;

	color:#111111;

}

.blogSidebar .postDate{

	font-size:0.8em;

	color:#aaaaaa;

}



.blogSidebar li:first-child{

	padding-top:0em;

}



.blogEntrys{

	float:left;

	width:55%;

	margin-left:2%;

	margin-right:5%;

}

.postImage{

	max-width:676px;

	height:auto;

	text-align: center;

	margin-top:0.5em;

	margin-bottom:0.5em;

}

.postImage img{

	max-width:459px;



}

.postImage a{

	text-decoration:none;

	border:none;

}

.playButton{

	background:url(../images/playBtn.png);

	width:100%;

	height:100%;

	background-position:center center;

}

.videoBlogHead img{

	float:left;

}

.videoBlogHead{

	margin-bottom:1em;

	float:left;

}



.blogListVideo{

	margin-top:0.5em;

	float:left;

}

.blogEntry{

	border-top:1px dashed #aaaaaa;

	padding:10px;

	padding-top:20px;

	margin-top:10px;	

}

.blogEntry:first-child{

	margin-top:0px;

	border-top:0px;

	padding-top:0px;

}



.blogEntry .rightBlog .entryDate, .theBlogEntryDate{

	font-size:0.8em;

	color:#aaaaaa;

	margin-top:0px;

}

.theBlogEntry a, .selectedBlogPost a{

	text-decoration:none;

	border:0px;

	color:#FF9900;

}



.blogEntry .rightBlog .entryTitle a{

	text-transform:uppercase;

	font-weight:bold;

	text-decoration:none;

	color:#FF9900;

	font-size:1.2em;

	margin-bottom:0px;

}



.blogEntry .rightBlog .entryExcerpt a{

	text-decoration:none;

	float:right;

	clear:both;

	margin-top:1em;

	color:#FF9900;

}

.blogEntry .leftBlog{

	float:left;

	width:150px;

	margin-left:10px;

	margin-right:10px;

}

.blogEntry .rightBlog{

	float:right;

	width:500px;

}

.blogEntry .rightBlog.fullBlog{

	width:100%;

}



.theBlogEntry{

	float:left;

	width:55%;

	margin-left:3%;

	margin-right:3%;

}



.job ul {

	margin-bottom: 15px

}

.job ul li{

	margin-bottom: 10px

}

.job .intro {

	font-size: 1.3em;

	line-height: 1.3em;

	padding-bottom: 15px

}



#respond{

	width:100%;

	float:left;

	padding-top:1em;

	margin-top:1em;

	border-top:1px solid #aaaaaa;

}

#comment-form-elements{

	margin-left:0px;

	width:100%;

	padding-left:0px;

}

#comment-form-elements li{

	list-style:none;

	clear:left;

	float:left;

	width:100%;

	margin-bottom:10px;

}

#comment-form-elements label{

	width:20%;

	float:left;

	font-size:0.8em;

}

#comment-form-elements input{

	width:40%;

	float:left;

}

#comment{

	float:left;

	clear:left;

	width:60%;

	margin-top:0em;

	height:50px;

}

#comment-form-elements small{

	font-size:0.8em;

}





.commentlist li{

	list-style:none;

	float:left;

	border-top:1px dashed #aaaaaa;

	width:100%;

	padding-top:1em;

}



.commentlist li:first-child{

	border-top:0px;

	padding-top:0px;

}

.commentlist{

	margin-left:0px;

	padding-left:0px;

}

.comment-author{

	width:20%;

	float:left;

	clear:none;

}

.comment_content, .comment .alert{

	float:right;

	width:75%;

	margin-left:5%;

	clear:none;

	display:inline;

}



.comment p:first-child{

	margin-top:0px;

}

#commentform input[type="submit"]{

	border:1px solid rgba(255,153,0,1);

	background:rgba(255,153,0,0.4);

	padding:5px;

	width:100px;

	float:left;

	clear:left;

	margin-top:10px;

	cursor:pointer;

	margin-left:42%;

}

.commentIntro{

	width:100%;

	border-top:1px solid #aaaaaa;

	padding-top:1em;

	margin-top:1em;

	color: #FF9900;

	font-style: normal;

	font-size:2em;

	float: left;

	text-transform: uppercase;

	margin-bottom:1em;

}

#comment-form-title{

	color: #FF9900;

	font-style: normal;

	font-size:2em;

	float: left;

	text-transform: uppercase;

	margin-bottom:1em;

}

.comment-author img{

	display:none;

}

#commentform{

	float:left;

	width:100%;

	margin-left:26%;

}

.comment-author cite{

	color:#FF9900;

	font-style: normal;

	float:left;

	text-transform:uppercase;

}

.comment-author time a{

	clear:left;

	float:left;

	color:#aaaaaa;

	font-size:0.8em;

}





/*blog end*/



/*Us page*/



#usContainer{

	background:#FFDFBF;

}

#usContent{

	width:870px;

	margin:0 auto;

	padding-bottom:50px;

}



.usHead{

	text-transform: uppercase;

	font-family:"FuturaMaxiBook";

	font-size:29px;

	width:261px;

	margin:0 auto;

	text-align: center;

	border-bottom:1px solid #67645B;

	padding-bottom:15px;

	padding-top:95px;

	margin-bottom:40px;

	letter-spacing: 0.25em;

}



.staffMember{

	width:220px;

	float:left;

	margin-bottom:20px;

}



.staffThumb{

	margin:0 auto;

	width:200px;

	height:200px;

}

.staffThumb img{

	-webkit-transition: 0.5s ease-in;

	-moz-transition: 0.5s ease-in;

	-o-transition: 0.5s ease-in;

	transition: 0.5s ease-in;

}

.staffRole{

	margin:0 auto;

	width:180px;

	margin-top:-120px;

	margin-bottom:120px;

	position:relative;

	z-index:50;

	text-transform: uppercase;

	text-align: center;

	color:#ffffff;

	padding:10px;

	padding-bottom:6px;

	background:#FF8000;

	-webkit-transition: 0.5s ease-in;

	-moz-transition: 0.5s ease-in;

	-o-transition: 0.5s ease-in;

	transition: 0.5s ease-in;

	font-family:"FuturaMaxiBold";	

}

.memberID-2, .memberID-5, .memberID-8{

	margin-left:105px;

	margin-right:105px;

}

.staffName{

	font-family:"FuturaMaxiBold";

	text-transform: uppercase;

	text-align: center;

	margin-top:-30px;

}



/*Us Page end*/





/*clients*/



#contactContainer{



}

#contactContent{

	width:970px;

	height:800px;

	margin:0 auto;

	padding-top:105px;

}



.contactHead{

	text-transform: uppercase;

	font-family:"FuturaMaxiBook";

	font-size:29px;

	width:261px;

	margin:0 auto;

	text-align: center;

	border-bottom:1px solid #67645B;

	padding-bottom:15px;

	padding-top:65px;

	margin-bottom:40px;

	letter-spacing: 0.25em;

}

.contactImage{

	float:right;

	margin-top:1em;

}

.contactText{

	float:left;

	width:240px;

	font-family:"FuturaMaxiBook";

	color:#ffffff;

}

.contactBold{

	color:#111111;

	font-family:"FuturaMaxiBook";

	margin-bottom:-1em;

}

.contactText a{

	color:#ffffff;

}

.copyright{

	float:right;

	clear:right;

	color:#ffffff;

	font-size:0.8em;

}



#contactContent .tagLine{

	font-size:29px;

	text-transform: uppercase;

	color:#111111;

	text-align:center;

	padding-bottom:20px;

	font-family:"FuturaMaxiBook";

}

#contactContent .breakLine{

	width:260px;

	display:block;	

	border-bottom:1px solid #ffffff;

	margin:0 auto;

	margin-bottom:40px;

}

/*contact end*/







.isotope,

.isotope .isotope-item {

  /* change duration value to whatever you like */

  -webkit-transition-duration: 0.8s;

     -moz-transition-duration: 0.8s;

      -ms-transition-duration: 0.8s;

       -o-transition-duration: 0.8s;

          transition-duration: 0.8s;

}



.isotope {

  -webkit-transition-property: height, width;

     -moz-transition-property: height, width;

      -ms-transition-property: height, width;

       -o-transition-property: height, width;

          transition-property: height, width;

}



.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

     -moz-transition-property:    -moz-transform, opacity;

      -ms-transition-property:     -ms-transform, opacity;

       -o-transition-property:      -o-transform, opacity;

          transition-property:         transform, opacity;

}



/**** disabling Isotope CSS3 transitions ****/



.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

  -webkit-transition-duration: 0s;

     -moz-transition-duration: 0s;

      -ms-transition-duration: 0s;

       -o-transition-duration: 0s;

          transition-duration: 0s;

}



@media screen and (max-width:420px){

	#blogListingContainer{

		width:100%;

		float:left;

	}

	.blogSidebar{

		display:none;

	}

	.blogEntrys, .theBlogEntry{

		margin-left:0%;

		margin-right:0%;

		width:96%;

		padding-left:2%;

		padding-right:2%;

	}

	.blogLatestTweets{

		display:none;

	}

	#blogListings{

		width:100%;

	}

	.postImage img, .videoBlogHead img{

		max-width:300px;

		width:300px!important;

		margin:0 auto;

		height:auto;

	}

	.playButton{

		max-width:300px!important;

		height:200px!important;

		margin-top:-200px!important;

		width:300px!important;

	}

	.wp-caption{

		max-width:270px

	}

	.wp-caption img{

		max-width:270px;

		height:auto;

	}

	#navigation ul{

		clear:left;

	}

	#navigationContainer.navigationFixed{

		margin-bottom:20px;

	}

	.blogListingsHead{

		padding-top:120px;

		margin-bottom:50px;

	}

}





@media screen and (min-width:320px) and (max-width:600px){

	html,body{

		overflow: hidden

	}

	#navigation ul {

		display: none

	}

	#navigation ul li{

		margin-left:2%;

	}

	#navigation img{

		margin-left:2%;

	}

	#commentform{

		width: 90%;

		margin-left: 10%;

	}

}



@media screen and (min-width:320px) and (max-width:940px){

	

	#homeContentContainer, #navigationContainer, #whatWeDoContainer, #projectContainerTop, #projectContainerBottom, #clientsContainer, #blogContainer, #usContainer, #contactContainer{

		width:940px;

	}

	#projectExpandContainer{

		width:940px	;

	}

	#navigationContainer.navigationFixed{

		position:fixed;

		width:940px;

		top:0px;

		height:60px;

	}

}



@media screen and (max-device-width:1024px){

	#customCursor{

		display:none!important;

	}

}











/*phones*/

@media screen and (min-width:320px) and (max-width:759px){

		.headMaskContainer{

			display:none;

		}

		.whatWeDoArea .brandingContent, .whatWeDoArea .strategicMarketingContent, .whatWeDoArea .designContent, .whatWeDoArea .advertisingContent, .whatWeDoArea .fundraisingContent, .whatWeDoArea .socialContent{

			width:96%;

			margin-left:2%!important;

			margin-right:2%!important;

			float:left;

			margin:0px;

			text-align:left;

		}

		.whatWeDoArea .designContent .contentHead, .whatWeDoArea .brandingContent .contentHead, .whatWeDoArea .advertisingContent .contentHead{

			float:left;

		}

		

		.project{

			width:48%;

			margin-left:1%;

			margin-right:1%;

			overflow: hidden;

		}

		.project img{

			width:100%;

			height:100%;

		}

		

		.projectID-63, .projectID-246, .projectID-53, .projectID-197, .projectID-43, .projectID-47, .projectID-41, .projectID-59{

			display:none;

			width:0px;

			height:0px;

			padding:0px;

			margin:0px;

		}

		.client{

			width:48%;

			margin-left:1%;

			margin-right:1%;

		}

		.client img{

			width:100%;

		}

		.selectedBlogPost{

			width:96%;

			padding:2%;

		}

		.blogRight{

			display:none;

		}

		.staffMember{

			width:48%;

			margin-left:1%;

			margin-right:1%;

		}

		.staffMember img{

			width:100%;

		}

		.contactImage{

			display:none;

		}

		.copyright{

			clear:both;

			width:100%;

			text-align:right;

		}

		.contactText{

			width:100%;

		}

}

/*phones end*/



@media screen and (min-width:760px) and (max-width:960px){

	

		.selectedBlogPost{

			width:60%;

		}

		.blogRight{

			display:block;

			width:30%;

		}

				.client{

			width:31%;

			margin-left:1%;

			margin-right:1%;

		}

		.client img{

			width:auto;

		}

		

		.staffMember{

			width:31%;

			margin-left:1%;

			margin-right:1%;

		}

		.staffMember img{

			width:auto;

		}

}



/*portrait*/



@media screen and (min-width:760px) and (max-width:768px){

		.contactImage{

			display:block;

		}

		.project{

			width:31%;

			margin-left:1%;

			margin-right:1%;

			overflow: hidden;

		}

		.project img{

			width:100%;

		}



		.contactText{

			width:30%;

		}



}

/*portrait end*/



/*mobile until landscape*/



@media screen and (min-width:320px) and (max-width:940px){

	

	#homeContentContainer, #navigationContainer, #whatWeDoContainer, #projectContainerTop, #projectContainerBottom, #clientsContainer, #blogContainer, #usContainer, #contactContainer, #homeContent, #home .homeTextCentral, #projectContentTop, #projectContentBottom, #whatWeDoContent, #clientsContent{

		width:100%;

	}

	#home .headerImage {

		padding: 60px 0;

	}

	#home .introContent{

		width:90%;

		padding-left:5%;

		padding-right:5%;

	}

	#home .col2{

		margin-left:0px;

		margin-right:0px;

	}

	#home .signOff{

		width:90%;

		padding-left:5%;

		padding-right:5%;

	}

	#usContent, #contactContent{

		width:96%;

		padding-left:2%;

		padding-right:2%;

	}

	#navigation{

		width:100%;

	}

	

/*

	body,html{

		overflow:hidden;

	}

*/

	.filterStyle{

		margin-left:3%;

	}

	

	#menu-main-menu{

		margin-left:5%;

	}



	.contactImage{

		width:60%;

	}

	.contactImage img{

		width:100%;

		height: auto;

	}

	

	.memberID-2, .memberID-5, .memberID-8{

		margin-left:0px;

		margin-right:0px;

	}

	#blogContent{

		width:96%;

		padding-left:2%;

		padding-right:2%;

	}

	.headMaskContainerContainer{

		width:368px;

		margin-top:40px;

	}

	.headMaskContainer{

		width:368px;

		height:345px;	

	}

	.whatWeDoArea .fundraisingContent, .whatWeDoArea .socialContent, .whatWeDoArea .strategicMarketingContent{

		margin-right:5px;

	}

	.whatWeDoArea .brandingContent{

		margin-left:7%;

	}

	.whatWeDoArea .advertisingContent{

		margin-left:12%;

	}

	.whatWeDoArea .fundraisingContent{

		margin-right:12%;

	}

	.whatWeDoArea .socialContent{

		margin-right:6%;

	}

	.headMask{

		width:368px;

		height:345px;

		background-size:368px 345px;

	}





	.whatWeDoArea{

		margin-left:0px;

	}



	#homeContentContainer{

		height:auto!important;

		padding-bottom:30px;

		

	}

	#projectExpandContainer{

		width:100%;

	}

	#homeContentContainer {

		padding-bottom: 74px !important;

	}

	#homeContentContainer .signOff {

		margin-top: 40px !important;

	}

	.slidePrompt {

		max-width: 290px;

		margin-bottom: 15px

	}

	.slidePrompt:after {

		content:"\00bb";

		font-family: 'FuturaMaxiBook';

		font-size: 28px;

		float: right;

		margin-top: -15px;

	}

}

/*mobile until landscape end*/





@media screen and (max-width:768px){

	

	.headerImage img{

		width:65% !important;

		height:auto !important;

		margin: 20px 0;

	}

	

}







/* iPad (landscape) ----------- */

@media screen and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : landscape){



/*

	.headerImage img{

		width:55% !important;

		height:auto !important;

	}

*/

}

/* iPad (portrait) ----------- */

@media screen and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : portrait){

	

/*

	.headerImage { height: 281px !important}

	.headerImage img{

		width:80% !important;

		height:auto !important;

	}

*/

	

}