/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#logo_link.About svg .toFill {
  fill:#7bbcdf;
}
#logo_link.news svg .toFill {
  fill:#cd233f;
}
#logo_link.Contact svg .toFill {
  fill:#9985d6;
}
#logo_link.Team svg .toFill {
  fill:#ff8e50;
}



#page_content {
	position: relative;
	padding-bottom: 45px;
	min-height: 400px;	
	height: 500px;
	width: 890px;
}

#page_content h1.page_title {
	margin-left:40px;
}
 


#page_content #main_text {
	/*background-color:#fff;*/
	position: absolute;
	width:580px;
	right:30px;
	top:0px;
	border-left:3px solid #7bbcdf;
	padding:0px 20px;
}
#page_content #main_text table {
	margin-bottom:20px;
}
#page_content #main_text table td {
    vertical-align: top;
}

#page_content #main_text.no_img {
	border:none;
	width:862px;	
	top:0px;
	padding:0px;
}

#page_content.Contact #main_text {
	border-color: #9985d6;
	width:55%;
	top:10px;
	padding:20px 50px;
	box-sizing:border-box;
	right:20px;
}

#page_content #contact_content,
#page_content #main_img {
	position:absolute;
	left:0px;
	top:50px;
	width:240px;
	text-align:center;
}
#page_content #contact_content {
	text-align:left;
	left: 65px;
	top:30px;
}

/* #page_content #main_img img {
	margin-top:80px;
} */





header nav#top_menu .sf-menu  li.About_btn.current,
header nav#top_menu .sf-menu  li.About_btn:hover {
	background:#7bbcdf;
}
#page_content.About a {
	color:#7bbcdf;
	font-family:"droid_sansbold", Arial, sans-serif;
	font-weight:normal;
}

header nav#top_menu .sf-menu  li.Formagination_btn.current,
header nav#top_menu .sf-menu  li.Formagination_btn:hover {
	
}
#page_content.Formagination a {
	color:#7bbcdf;
	font-family:"droid_sansbold", Arial, sans-serif;
	font-weight:normal;
}


header nav#top_menu .sf-menu  li.news_btn.current,
header nav#top_menu .sf-menu  li.news_btn:hover {
	background:#cd233f;
}
#page_content.news a {
	color:#cd233f;
	font-family:"droid_sansbold", Arial, sans-serif;
	font-weight:normal;
}

header nav#top_menu .sf-menu  li.Team_btn.current,
header nav#top_menu .sf-menu  li.Team_btn:hover {
	background:#ff8e50;
}
#page_content.Team a {
	color:#ff8e50;
	font-family:"droid_sansbold", Arial, sans-serif;
	font-weight:normal;
}

header nav#top_menu .sf-menu  li.special_btn.current,
header nav#top_menu .sf-menu  li.special_btn:hover {
	background:#005F0D;
}

header nav#top_menu .sf-menu  li.Contact_btn.current,
header nav#top_menu .sf-menu  li.Contact_btn:hover {
	background:#9985d6;
}
#page_content.Contact a {
	color:#9985d6;
	font-family:"droid_sansbold", Arial, sans-serif;
	font-weight:normal;
}


#page_content a:hover {
	color:#0080C6;	
}

#page_content.Contact #contact_content h1 {
	color:#777777;
	font-size: 19px;
	margin-left: 23px;
	margin-top:40px;
	
}

#page_content.Contact a#contact_fb {
	display:inline-block;
	width:107px;
	height: 0px;
	padding-top: 64px;
	background-image:url('../images/FaceBook_Icon_64.png');
	background-position:center;
	background-repeat:no-repeat;
	color:#000;
	font-size:11px;
}
#page_content.Contact a#contact_tw {
	display:inline-block;
	width:111px;
	height: 0px;
	padding-top: 64px;
	background-image:url('../images/Twitter_Icon_64.png');
	background-position:center;
	background-repeat:no-repeat;
	color:#000;
	font-size:11px;
	margin-left:10px;
	
}
#page_content.Contact a#contact_fb:hover,
#page_content.Contact a#contact_tw:hover  {
	color:#9985d6;
}

#formats_grid {
	position: relative;
}
#formats_grid .mask {
	position:relative;
	width:860px;
	overflow:hidden;
	height:545px;
}
	
#formats_grid #gallery_grid {
	position:absolute;
	z-index:9;
	height:545px;
}

#formats_grid #gallery_grid div.grid-group {
	height:545px;
	width:875px;
	float:left;
	position:relative;
}

.grid-item {
	display:inline-block;	
	width:284px;
	height:162px;
	overflow:hidden;
	background-color:#eeeff1;
	margin-right:1px;
	margin-bottom:4px;
	position:relative;
	vertical-align: top;
	cursor: pointer;
  	background-image: url('../images/loader.gif');
    background-position: center;
    background-repeat: no-repeat;
}

.grid-item:after {
	content:'';
	display: block;
	position: absolute;
	z-index:111;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color: rgba(0,128,198,0);
	-webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
.grid-item:hover:after {
	background-color: rgba(0,128,198,0.5);
}

#grid_nums {
	position:absolute;
	top: 500px;
	z-index:9998;
	right: 30px;
}
#grid_nums ul li {
	display:inline-block;
	width:20px;
	height:20px;
	cursor:pointer;	
	text-align: center;
}
#grid_nums ul li:hover, #grid_nums ul li.current  {
	background-color:#0080C6;
	color: #fff;
}
#grid_arrows {
	/*top: 185px;
	height: 134px;
	width: 100%;*/
}

#grid_arrows  #slider_right,
#grid_arrows  #slider_left {
	top: 166px;
	height: 134px;
}


#formats_grid .grid-item .item_title {
	height:22px;
	color:#fff;
	background-color:rgba(0,0,0,0.7);
	padding-top:4px;
	padding-left:5px;
	position:absolute;
	z-index:999;
	bottom:0px;
	width:279px;
}
#formats_grid .grid-item .item_title a,
#formats_grid .grid-item .item_title a:hover {
	color:#fff;	
}


/*
#formats_grid .bb-bookblock {
	display:inline-block;	
	width:284px;
	height:162px;
}

.bb-item {
	width:284px;
	height:162px;
	overflow:hidden;
	background-color:#eeeff1;
}


#formats_grid .bb-bookblock {
	margin-right:1px;
	background-color:#eeeff1;
}

#formats_grid .bb-bookblock .item_title {
	height:22px;
	color:#fff;
	background-color:rgba(0,0,0,0.7);
	padding-top:4px;
	padding-left:5px;
	position:absolute;
	z-index:999;
	bottom:0px;
	width:279px;
}
#formats_grid .bb-bookblock .item_title a,
#formats_grid .bb-bookblock .item_title a:hover {
	color:#fff;	
}

#grid_arrows {
	top:-331px;
}
*/


#page_content.project_page {
	width:860px;
}

#projectHolder {
	position: relative;
	/*height: 510px;*/
	left: 16px;
	top: 50px;
}

#theLogo {
	width:163px;
	height:104px;
	position:absolute;
	left:209px;
	top:0px;
}
#theDesc {
	width:340px;
	height: 265px;
	padding:8px 10px;
	position:absolute;
	left:12px;
	top:108px;
	background-color:#3e3d4d;
	color:#fff;
	font-size:12px;
	overflow:hidden;
}
#theDesc p {
	margin-bottom:7px;	
}


#theDesc .mCSB_scrollTools .mCSB_draggerRail{
	background:#3e3d4d; 
	width:4px;
}
#theDesc .mCSB_container {
	margin-right: 10px;
}
#theDesc .mCustomScrollBox>.mCSB_scrollTools {
	right: -6px;
}
#theDesc .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width:4px;
	background:#979696; 
	background: rgba(255,255,255,0.75);
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}


#theDesc h1 {
	text-transform:uppercase;
	font-size:14px;
	line-height:26px;
	margin-bottom:0px;
}
#theVid {
	width:440px;
	height:274px;
	position:absolute;
	background-color:#000;
	left:376px;
	top:26px;
}
#theSlogan {
	position:absolute;
	height:40px;
	top:410px;
	left:13px;
	width: 806px;
}
#theSlogan h1 {
	color:#223f67;
	font-size:25px;
	font-family:"Impact","droid_sansbold";
	line-height: 33px;	
	
}
#theBtns {
	height:72px;
	position:Absolute;
	right: 44px;
	top: 304px;
}

.project_btn , .project_btn:visited {
	width: 67px;
	height: 67px;	
	display: inline-block;
	border: 2px solid #979696;
	background-position: center 7px;
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: top;
	color: #fff;
	line-height: 7px;
	font-size: 11px;
	position:relative;
}
#page_content .project_btn:hover {
	color:#aaa;	
}

.project_btn span {
	display:inline-block;
	position:absolute;
	width:67px;
	bottom:3px;	
	left:0px;
	line-height: 14px;
}
	
.project_btn.vid_btn {
	background-image:url('../images/play_btn.png');	
	background-color:#223f67; 
}

.project_btn.contact {
	background-image:url('../images/contact_btn.png');	
	background-color:#9d1f3d;
}
.project_btn.brochure {
	background-image:url('../images/brochure_btn.png');	
	background-color:#7664ae;
}

.project_btn.game {
	background-image:url('../images/game_btn.png');	
	background-color:#32bdd6;
}
.project_btn.screening {
	background-image:url('../images/screening_btn.png');	
	background-color:#005F0D;
}

#newsList {
	margin: 30px 15px;
    padding-right: 20px;
    margin-top: 20px;

	overflow:hidden;
	height:464px;
	/*width:885px;*/

}
#page_content #newsList .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background:#cd233f;
}
#newsListMask {
	overflow:hidden;
	width: 800px;
	height: 395px;
	border-top: 1px solid #979696;
	border-bottom: 1px solid #979696;
}

#newsList ul {
	margin-top:-1px;
	position:relative;
	top:0px;
}
#newsList li {
	border-top:1px solid #979696;
	padding: 11px 0px;
	padding-bottom:10px;
	font-size: 16px;
	/*height: 50px;*/
}
#newsList li div.date {
	color:#979696;
	font-size: 19px;
  	font-family:"droid_sansbold", Arial, sans-serif;
}
#newsList li div.news_item {
	/*margin-left: 100px;
	margin-top: -20px;
	width: 560px;*/
	margin-top: 10px;
}
#newsList li div.news_item img {
	display: inline-block;
	width:160px;
	margin-right:10px;
}

#newsList li div.news_item .content {
	display: inline-block;
    width: 72%;
    vertical-align: top;
}

#newsList li div.news_item .content a.title-link {
	color:#cd233f;
	display: block;	
	margin-bottom:10px;
}


#newsList li div.news_item .content p:last-of-type,
#newsList li div.news_item .content a.read-more {
	display: inline;
}

#newsList li div.news_item .content a.read-more {
	margin-left:5px;    
	color: inherit;
	font-size: inherit;
    font-style: italic;
}
#newsList li div.news_item .content a.read-more:hover {
	color:#cd233f;
}

#newsList #news_arrows {
	width:31px;
	position:absolute;
	height:456px;
	right:65px;
	top:0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#newsList #news_arrows .news_arrow {	
	background-repeat:no-repeat;
	width:31px;
	height:15px;
	cursor:pointer;
	display:block;
}

#newsList #news_arrows #arrow_up {
	background-image:url('../images/news_arrow_up.png');
}
#newsList #news_arrows #arrow_down {
	position:absolute;
	bottom:0px;
	background-image:url('../images/news_arrow_down.png');
}
#newsList #news_arrows #arrow_up:hover {
	background-image:url('../images/news_arrow_up_2.png');
}
#newsList #news_arrows #arrow_down:hover {
	background-image:url('../images/news_arrow_down_2.png');
}





#teamList {
	overflow:hidden;
	height:464px;
	width:885px;
}



#teamList li {
	display:inline-block;
    vertical-align: top;
	margin-right:1px;
	
}


#teamList li:hover .title {
	background-color:#ff8e50;	
}




#teamList li .title {
	background-color:#979696;
	height:34px;	
	margin:4px 0px;
	width:210px;
	
	-webkit-transition: background-color 400ms ease-out;
    -moz-transition: background-color 400ms ease-out;
    -o-transition: background-color 400ms ease-out;
    transition: background-color 400ms ease-out;
    
}
#teamList li .title h1,
#page_content.Team #main_img #main_img_title h1  {
	color:#fff;
	font-size:14px;
	line-height: 16px;
	padding-left:3px;
	padding-top:1px;
}
#teamList li .title h2,
#page_content.Team #main_img #main_img_title h2 {
	color:#fff;
	font-size:12px;
	line-height: 14px;
	padding-left:3px;
	font-family:"droid_sansregular",Arial,Verdana, Helvetica, sans-serif;	
}


#page_content.Team .mCustomScrollBox>.mCSB_scrollTools {
	right: 16px;
}


#page_content.Team #main_img {
	width:315px;		
}
#page_content.Team #main_img #main_img_title {
	background-color:#979696;
	text-align:left;
	width:282px;
	margin:0px auto;
	margin-top:4px;
}

#page_content.Team #main_text {
	width:490px;
	border-color: #ff8e50;
}