@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */
body {
	background-color: #000000;
	background-image:url(_assets/images/page-bkgd.jpg);
	background-repeat:repeat-y;
	background-position:center;
	background-size:100% 1px;
}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#000;
	background-image: url(_assets/images/header_01.jpg);
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
}
.desktop-likebutton {
	position:absolute;
	top:87%;
	left:12%;
	width: 50px;
	height:20px;
	display: block;
}
.swap_contact {
	position:relative;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display:none;
}
#footer_contact {
	clear:both;
	float:60%;
	margin-left:5%;
	margin-bottom:8px;
}
#FB-image {
	width:auto;
	height:50%
}
#YT-image {
	width:auto;
	height:50%;
	padding-right:4%;
}
#Vimeo-image {
	width:auto;
	height:50%;
}
#email-address {
	width:150px;
	padding-bottom:2px;
}
#swap_logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu_cont {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	padding-left:0;
	padding-top: 5px;
	padding-bottom:5px;
	width: 100%;
	display: block;
	background-image:url(_assets/images/menu-top.png),
					url(_assets/images/menu-top.png);
	background-size: 100% 1px;
	background-position:bottom, top;
	background-repeat:no-repeat;
}
#home {
	clear: both;
	float: left;
	margin-left: 0;
	line-height:2.4;
	width: 25%;
	display: block;
	height: 35px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
#home_active {
	clear: none;
	float: left;
	margin-left: 0;
	line-height: 2.4;
	width: 25%;
	display: block;
	height: 35px;
	background-color: rgba(0,140,140,1);
}
#about {
	clear: none;
	float: left;
	margin-left: 0;
	line-height:2.4;
	width: 25%;
	display: block;
	height: 35px;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}
#about_active {
	clear: none;
	float: left;
	margin-left:0;
	line-height: 2.4;
	width: 25%;
	display: block;
	height: 35px;
	background-color: rgba(0,140,140,1);
}
#services {
	clear: none;
	float: left;
	margin-left: 0;
	line-height:2.4;
	width: 25%;
	display: block;
	cursor:pointer;
	cursor:hand;
	height: 35px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
#services-color {
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom:5px;
	line-height:2.4;
	width: 100%;
	display: block;
	cursor:pointer;
	cursor:hand;
	height: 35px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
#services-color-active {
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom:5px;
	line-height:2.4;
	width: 100%;
	display: block;
	cursor:pointer;
	cursor:hand;
	height: 35px;
	background-color: rgba(0,140,140,1);
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
#services_active {
	clear: both;
	float: left;
	margin-left: 0;
	line-height: 2.4;
	width: 100%;
	display: block;
	height: 35px;
	background-color: rgba(0,140,140,1);
}
#services-video {
	display: none;
}
#services-video_active {
	display: none;
}
#services-mg {
	display: none;
}
#services-mg_active {
	display: none;
}
#services-anim {
	display: none;
}
#services-anim_active {
	display: none;
}
#services-2 {
	display: none;
}
#services-2_active {
	display: none;
}
#services-dropdown {
	clear: both;
	float: left;
	margin-left: 0%;
	padding-top:2px;
	padding-bottom:2px;
	line-height: 1.8;
	width: 200%;
	display: block;
	height: 28px;
	border-style:solid;
	border-width:1px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-color:#00fcff;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
#services-dropdown_active {
	clear: both;
	float: left;
	margin-left: 0%;
	padding-top:5px;
	padding-bottom:2px;
	line-height: 1.8;
	width: 200%;
	display: block;
	height: 28px;
	background-color: rgba(0,140,140,1);
}
#contact {
	clear: none;
	float: left;
	margin-left: 0;
	line-height:2.4;
	width: 25%;
	display: block;
	height: 35px;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}
#contact_active {
	clear: none;
	float: left;
	margin-left: 0;
	line-height: 2.4;
	width: 25%;
	display: block;
	height: 35px;
	background-color: rgba(0,140,140,1);
}
#menu_spacer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#c1_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#button_links {
	clear: both;
	float: left;
	margin-left: 0;
	padding-top:2px;
	padding-left:9%;
	padding-right:9%;
	width: 82%;
	display: block;
	text-align:center;
	background-color: #001F1F;
	background-image:url(_assets/images/header_02.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:100% 2px;
}
#home_buttons {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	text-align:center;
	background-color: #001F1F;
	background-image:url(_assets/images/header_02.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:100% 2px;
}
#thumbs {
		width:40%;
		margin-top:10px;
		margin-right:15px;
}
#image-thumbs {
		width:35%;
		clear:none;
		float:left;
		margin-right:7%;
		margin-left:7%;
		margin-bottom:20px;
}
#modeling_imagebox {
	float:left; 
	clear:both; 
	width:100%; 
	margin-bottom:10px;
	margin-top:10px;
}
.button_container {
	position:relative;
	clear: none;
	float: left;
	margin-left: 0;
	width:25%;
	display: block;
	background-color:#001F1F;
}
.button_container img {
	width:100%;
	height:50px;
}
#vid-image {
	background-image:url(_assets/images/video-mob.jpg);
	background-repeat:no-repeat;
	background-size:100% 50px;
	background-position:top left;
}
#mot-image {
	background-image:url(_assets/images/motiongraphics-mob.jpg);
	background-repeat:no-repeat;
	background-size:100% 50px;
	background-position:top left;
}
#vfx-image {
	background-image:url(_assets/images/VFX-mob.jpg);
	background-repeat:no-repeat;
	background-size:100% 50px;
	background-position:top left;
}
#anim-image {
	background-image:url(_assets/images/animation-mob.jpg);
	background-repeat:no-repeat;
	background-size:100% 50px;
	background-position:top left;
}
#mod-image {
	background-image:url(_assets/images/3dmodeling-mob.jpg);
	background-repeat:no-repeat;
	background-size:100% 50px;
	background-position:top left;
}
#des-image {
	background-image:url(_assets/images/graphicdesign-mob.jpg);
	background-repeat:no-repeat;
	background-size:100% 50px;
	background-position:top left;
}
#illus-image {
	background-image:url(_assets/images/illustration-mob.jpg);
	background-repeat:no-repeat;
	background-size:100% 50px;
	background-position:top left;
}
#menu-quote {
	display:block;
}
.tab {
	position: absolute;
	clear: both;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	display: inline-block;
	border-style:solid;
	border-color:#6FF;
	border-width:thin;
	background-color: rgba(0,255,0,0);
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
#about_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(_assets/images/about_bk.jpg);
	background-size:100% 100%;
}
#services_container {
	position:relative;
	clear: both;
	float: left;
	margin-left: 0;
	padding-bottom:15px;
	width: 100%;
	display: table-cell;
	background-image:url(_assets/images/services_bk.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-size:100% 100%;	
}
#header-image {
	display:block;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
}
#services_buttons {
	position:absolute;
	bottom:2px;
	left:0px;
	clear: both;
	float: left;
	margin-left: 0;
	padding-top:0;
	padding-left:0;
	width: 100%;
	display: table-cell;
	text-align:center;
}
#contact1_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Video {
	position:relative;
	clear: both;
	float: left;
	margin-left: 0;
	padding-bottom:10.5%;
	width: 100%;
	display: block;
	background-image:url(_assets/images/video_bkgd.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:100% 100%;
}
#video_container {
	clear: both;
	float: left;
	margin-left: 12%;
	margin-top:11%;
	vertical-align:middle; 
	text-align:center;
	width: 76.5%;
	display:table-cell;
}
.video_height {
	position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    height: 0;
    overflow: hidden;
}
.video_height iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#monkee_about {
	clear: both;
	float: left;
	margin-left:5%;
	margin-top:5%;
	margin-right:5%;
	margin-bottom:5%;
	padding-left:0;
	padding-right:0;
	padding-bottom:5%;
	width: 89.5%;
	height:500px;
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	background-image:url(_assets/images/about_anim.gif);
	background-size:100% 100%;
	background-position:top left;
	background-repeat:no-repeat;
	border-radius:15px;
	border-style:solid;
	border-width:thin;
	border-color:#0FF;
}
.monkee_about img {
	clear:none;
	float:left;
	margin-top:2px;
	margin-right:15px;
	margin-bottom:6px;
	width:40%;
	height:auto;
	border-radius:10px;
}
#contact_info {
	position:relative;
	clear: none;
	float: left;
	margin-left: 4.1666%;
	padding-top: 2%;
	width: 100%;
	display: none;
}
#contact_info-2 {
	position:relative;
	clear: none;
	float: left;
	margin-left: 0%;
	padding-top: 1%;
	padding-right: 3%;
	padding-left: 3%;
	padding-bottom:1%;
	width: 94%;
	height:100%;
	display: table-cell;
	text-align:left;
	background-color:#123843;
}
#contact_map {
	clear: none;
	float: right;
	position:absolute;
	top:0px;
	right:0px;
	margin-left: 0%;
	margin-top:4%;
	margin-right:4%;
	width: 100%;
	display: table-cell;
	text-align:right;
}
#contact_form {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(_assets/images/contact.jpg);
	background-size:100% 100%%;
}
#about_text {
	clear: both;
	float: left;
	margin-left: 4%;
	padding-left:2%;
	margin-top:4%;
	padding-top:2%;
	padding-right:2%;
	padding-bottom:2%;
	margin-bottom:4%;
	width: 88%;
	display: block;
	background-color:rgba(0,30,30,0.8);
	border-radius:15px;
}
.about_text img {
	clear:none;
	border-radius:10px;
}
#about_image_right1 {
	clear:both;
	width:40%;
	float:right;
	margin-top:20px;
	margin-left:20px; 
	margin-top:10px; 
	margin-bottom:10px;
}
#about_image_right2 {
	clear:both;
	width:40%;
	float:left;
	margin-top:10px;
	margin-right:20px;
	margin-left:0;
	margin-top:5px; 
	margin-bottom:10px;
}
#about_image_right3 {
	clear:both;
	width:40%;
	float:right;
	margin-left:20px; 
	margin-top:5px; 
	margin-bottom:10px;
}
#about_image_left1 {
	width:35%;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	margin-top:5px;
}
#about_image_left2 {
	width:40%;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	margin-top:5px;
}
#contact_form_box {
	clear: both;
	float:left;
	margin-left: 5%;
	margin-top:4%;
	margin-bottom:4%;
	width: 90%;
	display: block;
	border-style:solid;
	border-color:#6FF;
	border-width:thin;
	border-radius:5px;
	background-color:rgba(18,56,67,0.5);
}
#mmform {
	margin:2%;
}
#email_sent {
	clear: both;
	float:left;
	margin:0;
	width: 100%;
	display: none;
	border-radius:5px;
	background-image:url(_assets/images/form_bk.jpg);
	background-size:100% auto%;
}
#email-image {
	width:100%;
	height:auto;
}
textarea { 
height:240px;
}
#content {
	position:relative;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #001F1F;
	background-image:url(_assets/images/header_02.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:100% 1px;
}
.tabs-content {
	overflow: auto;
	position:relative;
	clear: both;
	float: left;
	padding-left: 5%;
	padding-right:5%;
	padding-top: 2%;
	padding-bottom:2%;
	width: 90%;
	display: block;
	background-color: #001F1F;
	background-image:url(_assets/images/header_02.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:100% 1px;
}
.quote_button {
	float:right;
	margin-top:5px;
	margin-left:20px;
	margin-right:0;
	padding-left:10px;
	padding-bottom:15px;
	align:right;
	width:100px; 
	height:auto;
}
#intro_text {
	clear: both;
	float: left;
	margin-left: 11%;
	margin-right: 11%;
	margin-top: 5%;
	width: 78%;
	display: block;
}
#comments-container {
	clear: both;
	float: left;
	margin-left: 2%;
	margin-top: 2%;
	width: 96%;
	display: block;
}
#news-container {
	clear: both;
	float: left;
	margin-left: 2%;
	margin-right:2%;
	margin-top: 2%;
	width: 96%;
	display: block;
}
#about_news {
	clear: both;
	float: left;
	margin-top: 5%;
	padding:1%;
	width: 100%;
	display: none;
	background-color:#FFF;
	border-radius:15px;
	border-color:#0FF;
	border-style:solid;
	border-width:thin;
}
#about_likeContainer {
	clear: none;
	float: left;
	width: 90%;
	display: block;
}
#service_image {
	float:left;
	margin-right:0;
	margin-bottom:40px;
	border-radius:10px;
	width:100%
}
.quote_container {
	clear: both;
	float: right;
	margin-left: 0;
	margin-bottom:10px;
	padding:3% 8% 3% 8%;
	width:84%;
	display:none;
	border-style:solid;
	border-width:thin;
	border-color: #0F0;
	border-radius:10px;
	background-color:#000;
}
.price_list {
	clear: both;
	float: right;
	margin-left: 0;
	margin-top:0;
	margin-bottom:4%;
	width: 100%;
	display: none;
	text-align:right;
	background-image:url(_assets/images/price-list_bkgd.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:100% 100%;
}
.price_list_container {
	clear: both;
	float: right;
	margin-left: 0;
	margin-top: 2%;
	margin-bottom:4%;
	width: 100%;
	display: block;
}
#box {
	background-image:url(_assets/images/price_bk.png);
	background-repeat:no-repeat;
	background-position: top;
	background-size:98% 100%;
	text-align:center;
	width:100%;
	display:block;
}
#vpg-btn{
	clear:none;
	float:right;
	margin:0;
	margin-bottom:20px;
	padding-top:8px;
	height:30px;
	width:99%;
	background:#093;
	border-color:#0F0;
	border-style:solid;
	border-width:thin;
	border-radius:5px;
	display:table-cell;
	text-align:center;
	text-decoration:none;
	background-image:url(_assets/images/arrows.png), url(_assets/images/arrows.png);
	background-repeat:no-repeat;
	background-position:2%, 98%;
	background-size:auto 50%;
}
#mgpg-btn{
	clear:none;
	float:right;
	margin:0;
	margin-bottom:20px;
	padding-top:8px;
	height:30px;
	width:99%;
	background:#093;
	border-color:#0F0;
	border-style:solid;
	border-width:thin;
	border-radius:5px;
	display:table-cell;
	text-align:center;
	text-decoration:none;
	background-image:url(_assets/images/arrows.png), url(_assets/images/arrows.png);
	background-repeat:no-repeat;
	background-position:2%, 98%;
	background-size:auto 50%;
}
#vfxpg-btn{
	clear:none;
	float:right;
	margin:0;
	margin-bottom:20px;
	padding-top:8px;
	height:30px;
	width:99%;
	background:#093;
	border-color:#0F0;
	border-style:solid;
	border-width:thin;
	border-radius:5px;
	display:table-cell;
	text-align:center;
	text-decoration:none;
	background-image:url(_assets/images/arrows.png), url(_assets/images/arrows.png);
	background-repeat:no-repeat;
	background-position:2%, 98%;
	background-size:auto 50%;
}
#apg-btn{
	clear:none;
	float:right;
	margin:0;
	margin-bottom:20px;
	padding-top:8px;
	height:30px;
	width:99%;
	background:#093;
	border-color:#0F0;
	border-style:solid;
	border-width:thin;
	border-radius:5px;
	display:table-cell;
	text-align:center;
	text-decoration:none;
	background-image:url(_assets/images/arrows.png), url(_assets/images/arrows.png);
	background-repeat:no-repeat;
	background-position:2%, 98%;
	background-size:auto 50%;
}
#modpg-btn{
	clear:none;
	float:right;
	margin:0;
	margin-bottom:20px;
	padding-top:8px;
	height:30px;
	width:99%;
	background:#093;
	border-color:#0F0;
	border-style:solid;
	border-width:thin;
	border-radius:5px;
	display:table-cell;
	text-align:center;
	text-decoration:none;
	background-image:url(_assets/images/arrows.png), url(_assets/images/arrows.png);
	background-repeat:no-repeat;
	background-position:2%, 98%;
	background-size:auto 50%;
}
#gdpg-btn{
	clear:none;
	float:right;
	margin:0;
	margin-bottom:20px;
	padding-top:8px;
	height:30px;
	width:99%;
	background:#093;
	border-color:#0F0;
	border-style:solid;
	border-width:thin;
	border-radius:5px;
	display:table-cell;
	text-align:center;
	text-decoration:none;
	background-image:url(_assets/images/arrows.png), url(_assets/images/arrows.png);
	background-repeat:no-repeat;
	background-position:2%, 98%;
	background-size:auto 50%;
}
#ipg-btn{
	clear:none;
	float:right;
	margin:0;
	margin-bottom:20px;
	padding-top:8px;
	height:30px;
	width:99%;
	background:#093;
	border-color:#0F0;
	border-style:solid;
	border-width:thin;
	border-radius:5px;
	display:table-cell;
	text-align:center;
	text-decoration:none;
	background-image:url(_assets/images/arrows.png), url(_assets/images/arrows.png);
	background-repeat:no-repeat;
	background-position:2%, 98%;
	background-size:auto 50%;
}
.title_image {
	width:100%;
	clear:both;
	float:left;
	display:table-cell;
	text-align:center;
	alignment-adjust:middle;
}
#tab1 {
	clear: both;
	float: left;
	display: inherit;
}
#tab2 {
	clear: both;
	float: left;
	display: none;
}
#tab3 {
	clear: both;
	float: left;
	display: none;
}
#tab4 {
	clear: both;
	float: left;
	display: none;
}
#tab5 {
	clear: both;
	float: left;
	display: none;
}
#tab6 {
	clear: both;
	float: left;
	display: none;
}
#tab7 {
	clear: both;
	float: left;
	display: none;
}
.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
    width: 100% !important;
}
#like-container {
	clear: none;
	float: left;
	padding-top:1%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	margin-left: 2%;
	margin-top:2%;
	margin-bottom:2%;
	width: 94%;
	display: block;
	background-image: url(_assets/images/FB-blocked.gif);
	background-size:100%;
	border-color:#0F0;
	border-style:solid;
	border-width:thin;
	border-radius:15px;
}
.fb-like-box, .fb-like-box span, .fb-like-box.fb_iframe_widget span iframe {
    width: 100% !important;
}
.fb-like, .fb-like span, .fb-like.fb_iframe_widget span iframe {
    width: 100% !important;
	height:40px !important;
}
#fake_ïmage_container {
	clear: none;
	float: right;
	margin-left: 2%;
	margin-bottom: 2%;
	margin-right: 0%;
	margin-top:0%;
	width: 46%;
	display: none;
}
#ïmage_container {
	position:relative;
	clear: none;
	float: left;
	margin-left: 9%;
	margin-right: 9%;
	margin-top:2%;
	margin-bottom: 4%;
	width: 82%;
	height:100%;
	display: block;
	background-image:url(_assets/images/images_bk.png);
	background-size:100% 100%;
}
.teaser_image {
	position:relative;
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.teaser_image img {
    position:absolute;
    top:0px;
	left:0px; 
    display:none;
	width:100%;
	height:auto;
}
#moreComments-btn {
	clear:none;
	float:right;
	margin:0;
	margin-top:20px;
	margin-bottom:20px;
	padding-top:8px;
	height:30px;
	width:99%;
	background:#093;
	border-color:#0F0;
	border-style:solid;
	border-width:thin;
	border-radius:5px;
	display:table-cell;
	text-align:center;
	text-decoration:none;
	background-image:url(_assets/images/arrows.png), url(_assets/images/arrows.png);
	background-repeat:no-repeat;
	background-position:2%, 98%;
	background-size:auto 50%;
}
#recent_news-btn {
	clear:none;
	float:left;
	margin-bottom:20px;
	padding-top:8px;
	height:30px;
	width:99%;
	background:#006261;
	border-color:#0F0;
	border-style:solid;
	border-width:thin;
	border-radius:5px;
	display:table-cell;
	text-align:center;
	text-decoration:none;
	background-image:url(_assets/images/arrows.png), url(_assets/images/arrows.png);
	background-repeat:no-repeat;
	background-position:2%, 98%;
	background-size:auto 50%;
}
#moreComments {
	clear:both;
	float:left;
	margin-left:0;
	margin-top:0;
	width:100%;
	display:none;
	text-align:left;
}
#recent_news {
	clear:both;
	float:left;
	margin-left:0;
	margin-top:0;
	width:100%;
	height:300px;
	display:none;
	text-align:left;
}
#news-menu {
	clear:none;
	float:left;
	width:85%;
	margin-left:5%;
	margin-right:5%;
	margin-top:25px;
	margin-bottom:15px;
	padding-top:0;
	padding-left:2%;
	padding-right:2%;
	border-color:#0FF;
	border-style:solid;
	border-bottom-style:none;
	border-top-style:none;
	border-left-width:1px;
	border-right-width:1px;
}
#news-content {
	clear:none;
	float:left;
	width:83%;
	margin-left:5%;
	margin-right:5%;
	margin-top:25px;
	margin-bottom:30px;
	padding-top:0;
	padding-left:4%;
	padding-right:2%;
	border-color:#F90;
	border-style:solid;
	border-right-style:none;
	border-left-style:none;
	border-top-width:1px;
	border-bottom-width:1px;
	border-radius:10px;
	background-color:#003736;
	background-image:url(_assets/images/News-footer-image-6.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:bottom;
}
.news-image {
	clear:both;
	width:95%;
	float:left;
	margin-left:0; 
	margin-top:5px; 
	margin-bottom:10px;
	border-radius:10px;
	border-color:#F90;
	border-style:solid;
	border-width:1px;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(_assets/images/footer_09.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% 100%;
}
#footer_text {
	clear: both;
	float: left;
	padding-left:2%;
	padding-right:2%;
	margin-left: 0;
	width: 96%;
	display: table-cell;
	text-align:center;
}

#home:hover {
	background-color:#0da912;
}
#about:hover {
	background-color: #0da912;
}
#services:hover {
	height:200px;
}
#services-color:hover {
	background-color: #0da912;
}
#services-color-active:hover {
	background-color: #0da912;
}
#services-dropdown:hover {
	background-color: #0da912;
}
#contact:hover {
	background-color: #0da912;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 700px) {

body {
	background-color: #000000;
	background-image:url(_assets/images/page-bkgd.jpg);
	background-repeat:repeat-y;
	background-position:center;
	background-size:100% 1px;
}

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#000;
	background-image: url(_assets/images/header_bk.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size: 100% 100%;
}
.desktop-likebutton {
	position:absolute;
	top:86%;
	left:12%;
	width: 50px;
	height:20px;
	display: block;
}
.swap_contact {
	position:relative;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 80px;
}
#footer_contact {
	clear:none;
	float:left;
	width:50%;
	margin-left:5%;
	margin-bottom:20px;
}
#FB-image {
	width:28%;
	height:auto
}
#YT-image {
	width:28%;
	height:auto;
	padding-right:4%;
}
#Vimeo-image {
	width:28%;
	height:auto;
}
#email-address {
	width:70%;
	padding-bottom:2px;
}
/*table cell width*/
#contact-text {
	width: 60%;
}
#swap_logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#menu_cont {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:0;
	padding-left:1%;
	padding-top: 5px;
	padding-bottom:5px;
	width: 99%;
	display: block;
	background-image:url(_assets/images/menu-top.png),
					url(_assets/images/menu-top.png);
	background-position:bottom, top;
	background-repeat:no-repeat;
	background-size: 100% 1px;
}
#home {
	clear: both;
	float: left;
	margin-left: 0;
	padding-top:5px;
	line-height:1.8;
	width: 10%;
	display: block;
	height: 25px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
#home_active {
	display: none;
}
#about {
	clear: none;
	float: left;
	margin-left: 0;
	padding-top:5px;
	line-height:1.8;
	width: 10%;
	display: block;
	height: 25px;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}
#about_active {
	display: none;
}
#services {
	clear: none;
	float: left;
	margin-left: 0%;
	padding-top:0;
	line-height:2.4;
	width: 10%;
	display: none;
	height: 25px;
}
#services_active {
	display: none;
}
#services-color {
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom:5px;
	line-height:2.4;
	width: 100%;
	display: block;
	cursor:pointer;
	cursor:hand;
	height: 30px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
#services-color-active {
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom:5px;
	line-height:2.4;
	width: 100%;
	display: block;
	cursor:pointer;
	cursor:hand;
	height: 30px;
	background-color: rgba(0,140,140,1);
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
#services-video {
	clear: none;
	float: left;
	margin-left: 0%;
	padding-top:5px;
	line-height: 1.8;
	width: 11%;
	display: block;
	height: 25px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
#services-video_active {
	display: none;
}
#services-mg {
	clear: none;
	float: left;
	margin-left: 0%;
	padding-top:5px;
	line-height: 1.8;
	width: 20%;
	display: block;
	height: 25px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
#services-mg_active {
	display: none;
}
#services-anim {
	clear: none;
	float: left;
	margin-left: 0%;
	padding-top:5px;
	line-height: 1.8;
	width: 13%;
	display: block;
	height: 25px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
#services-anim_active {
	display: none;
}
#services-2 {
	clear: none;
	float: left;
	margin-left: 0%;
	padding-top:5px;
	line-height: 1.8;
	width: 16%;
	display: block;
	height: 25px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
#services-2_active {
	display: none;
}
#contact {
	clear: none;
	float: left;
	margin-left: 0%;
	padding-top:5px;
	line-height:1.8;
	width: 10%;
	display: block;
	height: 25px;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}
#contact_active {
	display: none;
}
#menu_spacer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 41px;
	display: block;
}
#logo {
	clear: none;
	float: right;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#c1_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#button_links {
	clear: both;
	float: left;
	margin-left: 0;
	padding-top:2px;
	padding-left:9%;
	padding-right:9%;
	width: 82%;
	display: none;
	text-align:center;
}
#home_buttons {
	clear: both;
	float: left;
	margin-left: 0;
	padding-left:0;
	padding-bottom:2px;
	width: 100%;
	display: table-cell;
	text-align:center;
	background-color: #001F1F;
	background-image:none;
}
#thumbs {
		width:18%;
		margin-top:10px;
		margin-right:15px;
}
#image-thumbs {
		width:28%;
		clear:none;
		float:left;
		margin-right:3.2%;
		margin-left:0;
		margin-bottom:20px;
		margin-top:0;
}
#modeling_imagebox {
	clear:none;
	width:55%;
	margin-top:10px;
}
.button_container {
	position:relative;
	clear: none;
	float: left;
	margin-left: 0;
	width:14.28%;
	display: block;
}
.button_container img {
	width:100%;
	height:70px;
}
#vid-image {
	background-image:url(_assets/images/video.jpg);
	background-repeat:no-repeat;
	background-size:100% 70px;
	background-position:top left;
}
#mot-image {
	background-image:url(_assets/images/motiongraphics.jpg);
	background-repeat:no-repeat;
	background-size:100% 70px;
	background-position:top left;
}
#vfx-image {
	background-image:url(_assets/images/VFX.jpg);
	background-repeat:no-repeat;
	background-size:100% 70px;
	background-position:top left;
}
#anim-image {
	background-image:url(_assets/images/animation.jpg);
	background-repeat:no-repeat;
	background-size:100% 70px;
	background-position:top left;
}
#mod-image {
	background-image:url(_assets/images/3dmodeling.jpg);
	background-repeat:no-repeat;
	background-size:100% 70px;
	background-position:top left;
}
#des-image {
	background-image:url(_assets/images/graphicdesign.jpg);
	background-repeat:no-repeat;
	background-size:100% 70px;
	background-position:top left;
}
#illus-image {
	background-image:url(_assets/images/illustration.jpg);
	background-repeat:no-repeat;
	background-size:100% 70px;
	background-position:top left;
}
#about_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(_assets/images/about_bk.jpg);
	background-size:100% 100%;
}
.tab {
	height: 70px;
}
#menu-quote {
	display:none;
}
#services_buttons {
	position:absolute;
	bottom:2px;
	left:0px;
	clear: both;
	float: left;
	margin-left: 0;
	padding-top:0;
	padding-left:0%;
	width: 100%;
	display: table-cell;
	text-align:center;
}
#services_container {
	position:relative;
	clear: both;
	float: left;
	margin-left: 0;
	padding-bottom:15px;
	width: 100%;
	display: table-cell;
	background-image:url(_assets/images/services_bk.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-size:100% 100%;	
}
#header-image {
	display:block;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
}
#contact1_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(_assets/images/contact_TB.jpg);
	background-size:100% 100%;
}
#Video {
	clear: both;
	float: left;
	margin-left: 0%;
	padding-bottom:10.5%;
	width: 100%;
	display: block;
	background-image:url(_assets/images/video_bkgd.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:100% 100%;
}
#video_container {
	clear: both;
	float: left;
	margin-left: 12%;
	margin-top:11%;
	vertical-align:middle; 
	text-align:center;
	width: 76.5%;
	display:table-cell;
}
.video_height {
	position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    height: 0;
    overflow: hidden;
}
.video_height iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#monkee_about {
	clear: none;
	float: right;
	margin-left: 0;
	margin-top:4%;
	margin-right:5%;
	padding-left:0;
	padding-right:0;
	padding-bottom:3%;
	margin-bottom:5%;
	width: 44.5%;
	height:500px;
	display: table-cell;
}
#contact_info {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	padding-top: 2%;
	width: 100%;
	display: none;
}
#contact_info-2 {
	clear: none;
	float: right;
	margin-left: 0%;
	padding-top: 1%;
	padding-right: 2.0408%;
	padding-left: 3%;
	padding-bottom:1%;
	width: 25%;
	height:100%;
	display: table-cell;
	text-align:right;
	background-color:rgba(0,0,0,0);
}
#contact_map {
	clear: none;
	float: right;
	position:absolute;
	top:0px;
	right:0px;
	margin-left: 0%;
	margin-top:4%;
	margin-right:4%;
	width: 100%;
	display: none;
	text-align:right;
}
#about_text {
	clear: both;
	float: left;
	margin-left: 4%;
	padding-left:2%;
	margin-top:4%;
	padding-top:2%;
	padding-right:2%;
	padding-bottom:2%;
	margin-bottom:4%;
	width: 88%;
	display: block;
	background-color:rgba(0,30,30,0.8);
	border-radius:15px;
}
#about_image_right1 {
	clear:none;
	width:28%;
	float:right;
	margin-left:20px; 
	margin-top:5px; 
	margin-bottom:20px;
}
#about_image_right2 {
	clear:both;
	width:28%;
	float:right;
	margin-left:20px; 
	margin-right:0;
	margin-top:5px; 
	margin-bottom:20px;
}
#about_image_right3 {
	clear:both;
	width:28%;
	float:right;
	margin-left:20px; 
	margin-top:5px; 
	margin-bottom:20px;
}
#about_image_left1 {
	width:22%;
	float:left;
	margin-right:30px;
	margin-bottom:20px;
	margin-top:5px;
}
#about_image_left2 {
	width:24%;
	float:left;
	margin-right:30px;
	margin-bottom:20px;
	margin-top:5px;
}
#about_news {
	clear: none;
	float: left;
	margin-top: 40px;
	padding:2%;
	width: 100%;
	display: block;
	background-color:#FFF;
	border-radius:15px;
	border-color:#0FF;
	border-style:solid;
	border-width:thin;
}
#contact_form {
	clear: both;
	float: left;
	margin-left: 0;
	width: 68%;
	display: block;
	background-image:none;
}
#contact_form_box {
	clear: both;
	float:left;
	margin-left: 5%;
	margin-top:4%;
	margin-bottom:4%;
	width: 92.5%;
	display: block;
	border-style:solid;
	border-color:#6FF;
	border-width:thin;
	border-radius:5px;
	background-color:rgba(18,56,67,0.5);
}
textarea { 
height:220px;
}
#content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #001F1F;
	background-image:url(_assets/images/header_02.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:100% 2px;
}
#intro_text {
	clear: both;
	float: left;
	margin-left: 11%;
	margin-right: 11%;
	margin-top: 5%;
	width: 78%;
	display: block;
}
.quote_button {
	float:right;
	margin-top:5px;
	margin-left:20px;
	margin-right:0;
	padding-left:10px;
	padding-bottom:15px;
	align:right;
	width:150px; 
	height:auto;
}
#service_image {
	float:left;
	margin-right:4%;
	margin-bottom:40px;
	border-radius:10px;
	width:51%
}
.quote_container {
	clear: both;
	float: right;
	margin-left: 0;
	margin-bottom:10px;
	padding:3% 8% 3% 8%;
	width:84%;
	display:block;
	border-style:solid;
	border-width:thin;
	border-color: #0F0;
	border-radius:10px;
	background-color:#000;
}
.price_list {
	clear: none;
	float: right;
	margin-left:0;
	width: 100%;
	display: block;
}
.price_list_container {
	clear: none;
	float: right;
	margin-left: 5%;
	width: 40%;
	display:block;
}
#box {
	background-image:url(_assets/images/price_bk.png);
	background-repeat:no-repeat;
	background-position:top;
	background-size:98% 100%;
	text-align:center;
	width:100%;
	display:none;
}
#vpg-btn{
	margin-bottom:100px;
	display:none;
}
#mgpg-btn{
	margin-bottom:100px;
	display:none;
}
#vfxpg-btn{
	margin-bottom:100px;
	display:none;
}
#apg-btn{
	margin-bottom:100px;
	display:none;
}
#modpg-btn{
	margin-bottom:100px;
	display:none;
}
#gdpg-btn{
	margin-bottom:100px;
	display:none;
}
#ipg-btn{
	margin-bottom:100px;
	display:none;
}
.title_image {
	width:55%;
	clear:none;
	float:left;
	display:table-cell;
	text-align:center;
	alignment-adjust:middle;
}
#comments-container {
	clear: both;
	float: left;
	margin-left: 2%;
	margin-top: 2%;
	width: 60%;
	display: block;
}
.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
    width: 100% !important;
}
#like-container {
	clear: none;
	float: right;
	margin-left: 2%;
	margin-top:2%;
	margin-right:2%;
	padding-top:2%;
	padding-left:0.5%;
	padding-right:0.5%;
	padding-bottom:2%;
	width: 29%;
	display: table-cell;
	text-align:right;
}
.fb-like-box, .fb-like-box span, .fb-like-box.fb_iframe_widget span iframe {
    width: 100% !important;
}
.fb-like, .fb-like span, .fb-like.fb_iframe_widget span iframe {
    width: 100% !important;
	height:30px !important;
}
#ïmage_container {
	position:relative;
	clear: none;
	float: left;
	margin-left: 9%;
	margin-right: 9%;
	margin-top:2%;
	margin-bottom: 4%;
	width: 82%;
	height:100%;
	display: block;
}
#moreComments {
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
}
#recent_news {
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
}
#news-menu {
	clear:none;
	float:left;
	width:24%;
	margin-left:35px;
	margin-right:15px;
	margin-top:25px;
	margin-bottom:15px;
	padding-top:0;
	padding-left:2%;
	padding-right:2%;
	border-color:#0FF;
	border-style:solid;
	border-bottom-style:none;
	border-top-style:none;
	border-left-width:1px;
	border-right-width:1px;
}
#news-content {
	clear:none;
	float:right;
	width:55%;
	margin-left:0;
	margin-right:30px;
	margin-top:25px;
	margin-bottom:15px;
	padding-top:0;
	padding-left:2%;
	padding-right:2%;
	border-color:#F90;
	border-style:solid;
	border-right-style:none;
	border-left-style:none;
	border-top-width:1px;
	border-bottom-width:1px;
	border-radius:10px;
	background-color:#003736;
}
.news-image {
	clear:both;
	width:50%;
	float:right;
	margin-left:20px; 
	margin-top:5px; 
	margin-bottom:10px;
	border-radius:10px;
	border-color:#F90;
	border-style:solid;
	border-width:1px;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(_assets/images/footer_09.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% 100%;
}
#footer_text {
	clear: both;
	float: left;
	padding-left:2%;
	padding-right:2%;
	margin-left: 0;
	width: 96%;
	display: table-cell;
	text-align:center;
}

#home:hover {
	background-color:#0da912;
	width:11%;
}
#about:hover {
	background-color: #0da912;
	width:11%;
}
#services:hover {
	height:195px;
	width:12%;
}
#services-video:hover {
	background-color: #0da912;
	width:12%;
}
#services-mg:hover {
	background-color: #0da912;
	width:21%;
}
#services-anim:hover {
	background-color: #0da912;
	width:14%;
}
#services-2:hover {
	background-color: #0da912;
	width:17%;
}
#contact:hover {
	background-color: #0da912;
	width:11%;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 900px) {

body {
	background-color: #000000;
	background-image:url(_assets/images/page-bkgd.jpg);
	background-repeat:repeat-y;
	background-position:center;
	background-size:1100px 1px;
}

.gridContainer {
	width: 100%;
	max-width: 1000px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#000;
	background-image: url(_assets/images/header_bk.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size: 100% 100%;
}
.desktop-likebutton {
	position:absolute;
	top:86%;
	left:12%;
	width: 50px;
	height:20px;
	display: block;
}
.swap_contact {
	position:relative;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 100px;
	display: block;
}
#footer_contact {
	clear:none;
	float:left;
	width:40%;
	margin-left:10%;
	margin-bottom:20px;
}
#FB-image {
	width:25%;
	height:auto
}
#YT-image {
	width:25%;
	height:auto;
	padding-right:4%;
}
#Vimeo-image {
	width:25%;
	height:auto;
}
#email-address {
	width:55%;
	padding-bottom:2px;
}
/*table cell width*/
#contact-text {
	width: 50%;
}
#swap_logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#menu_cont {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.9795%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:0;
	padding-left:2%;
	padding-top: 5px;
	padding-bottom:5px;
	width: 98%;
	display: block;
	background-image:url(_assets/images/menu-top.png),
					url(_assets/images/menu-top.png);
	background-position:top, bottom;
	background-repeat:no-repeat;
	background-size: 100% 1px;
}
#menu_spacer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 65px;
	display: block;
}
#home {
	clear: both;
	float: left;
	margin-left: 0;
	padding-top:0;
	line-height: 1.8;
	width: 10%;
	display: block;
	height: 25px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
#home_active {
	clear: none;
	float: left;
	margin-left: 0%;
	padding-top:0;
	line-height: 1.8;
	width: 10%;
	display: block;
	height: 25px;
	background-color: rgba(0,140,140,1);
}
#about {
	clear: none;
	float: left;
	margin-left: 0;
	padding-top:0;
	line-height: 1.8;
	width: 10%;
	display: block;
	height: 25px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
#about_active {
	clear: none;
	float: left;
	margin-left: 0%;
	padding-top:0;
	line-height: 1.8;
	width: 10%;
	display: block;
	height: 25px;
	background-color: rgba(0,140,140,1);
}
#services {
	clear: none;
	float: left;
	margin-left: 0%;
	padding-top:0;
	line-height: 1.8;
	width: 10%;
	display: none;
	height: 25px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
#services_active {
	clear: none;
	float: left;
	margin-left: 0%;
	padding-top:0;
	line-height: 1.8;
	width: 10%;
	display: block;
	height: 25px;
	background-color: rgba(0,140,140,1);
}
#services-color {
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom:5px;
	line-height:1.8;
	width: 100%;
	display: block;
	cursor:pointer;
	cursor:hand;
	height: 25px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
#services-color-active {
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom:5px;
	line-height:1.8;
	width: 100%;
	display: block;
	cursor:pointer;
	cursor:hand;
	height: 25px;
	background-color: rgba(0,140,140,1);
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
#services-video {
	clear: none;
	float: left;
	margin-left: 0;
	padding-top:0;
	line-height: 1.8;
	width: 11%;
	display: block;
	height: 25px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
#services-video_active {
	clear: none;
	float: left;
	margin-left: 0;
	padding-top:0;
	line-height: 1.8;
	width: 11%;
	display: block;
	height: 25px;
	background-color: rgba(0,140,140,1);
}
#services-mg {
	clear: none;
	float: left;
	margin-left: 0%;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	line-height: 1.8;
	width: 15%;
	display: block;
	height: 25px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
#services-mg_active {
	clear: none;
	float: left;
	margin-left: 0%;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	line-height: 1.8;
	width: 15%;
	display: block;
	height: 25px;
	background-color: rgba(0,140,140,1);
}
#services-anim {
	clear: none;
	float: left;
	margin-left: 0%;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	line-height: 1.8;
	width: 13.33%;
	display: block;
	height: 25px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
#services-anim_active {
	clear: none;
	float: left;
	margin-left: 0%;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	line-height: 1.8;
	width: 13.33%;
	display: block;
	height: 25px;
	background-color: rgba(0,140,140,1);
}
#services-2 {
	clear: none;
	float: left;
	margin-left: 0%;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	line-height: 1.8;
	width: 13.33%;
	display: block;
	height: 25px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
#services-2_active {
	clear: none;
	float: left;
	margin-left: 0%;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	line-height: 1.8;
	width: 13.33%;
	display: block;
	height: 25px;
	background-color: rgba(0,140,140,1);
}
#contact {
	clear: none;
	float: left;
	margin-left: 0%;
	padding-top:0;
	line-height: 1.8;
	width: 10%;
	display: block;
	height: 25px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
#contact_active {
	clear: none;
	float: left;
	margin-left: 0%;
	padding-top:0;
	line-height: 1.8;
	width: 10%;
	display: block;
	height: 25px;
	background-color: rgba(0,140,140,1);
}
#logo {
	clear: none;
	float: right;
	margin-left: 2.0408%;
	width: 48.9795%;
	display: block;
}

#c1_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#button_links {
	clear: both;
	float: left;
	margin-left: 0;
	padding-top:2px;
	padding-left:9%;
	padding-right:9%;
	width: 82%;
	display: none;
	text-align:center;
}
#home_buttons {
	clear: both;
	float: left;
	margin-left: 0;
	padding-bottom:2px;
	padding-left:8%;
	width: 92%;
	display: table-cell;
	text-align:center;
	background-color: #001F1F;
	background-image:url(_assets/images/header_02.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:100% 2px;
}
#thumbs {
		width:15%;
		margin-top:10px;
		margin-right:15px;
}
#image-thumbs {
		width:28%;
		clear:none;
		float:left;
		margin-bottom:20px;
		margin-top:0;
}
#modeling_imagebox {
	clear:none;
	width:55%;
	margin-top:10px;
	margin-bottom:20px;
}
.tab {
	height: 70px;
}
#menu-quote {
	display:none;
}
.button_container {
	position:relative;
	clear: none;
	float: left;
	margin-left: 0;
	width:13%;
	display: block;
}
.button_container img {
	width:100%;
	height:70px;
}
#vid-image {
	background-image:url(_assets/images/video.jpg);
	background-repeat:no-repeat;
	background-size:100% 70px;
	background-position:top left;
}
#mot-image {
	background-image:url(_assets/images/motiongraphics.jpg);
	background-repeat:no-repeat;
	background-size:100% 70px;
	background-position:top left;
}
#vfx-image {
	background-image:url(_assets/images/VFX.jpg);
	background-repeat:no-repeat;
	background-size:100% 70px;
	background-position:top left;
}
#anim-image {
	background-image:url(_assets/images/animation.jpg);
	background-repeat:no-repeat;
	background-size:100% 70px;
	background-position:top left;
}
#mod-image {
	background-image:url(_assets/images/3dmodeling.jpg);
	background-repeat:no-repeat;
	background-size:100% 70px;
	background-position:top left;
}
#des-image {
	background-image:url(_assets/images/graphicdesign.jpg);
	background-repeat:no-repeat;
	background-size:100% 70px;
	background-position:top left;
}
#illus-image {
	background-image:url(_assets/images/illustration.jpg);
	background-repeat:no-repeat;
	background-size:100% 70px;
	background-position:top left;
}
#about_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(_assets/images/about_bk.jpg);
	background-size:100% 100%;
}
#services_container {
	position:relative;
	clear: both;
	float: left;
	margin-left: 0;
	padding-bottom:20px;
	width: 100%;
	display: table-cell;
	background-image:url(_assets/images/services_bk.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-size:100% 100%;	
}
#header-image {
	display:block;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}
#services_buttons {
	position:absolute;
	bottom:2px;
	left:0px;
	clear: both;
	float: left;
	margin-left: 0;
	padding-top:2px;
	padding-left:5.5%;
	width: 98%;
	display: table-cell;
	text-align:center;
}
#contact1_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(_assets/images/contact_DT.jpg);
	background-size:100% 100%;
}
#Video {
	clear: both;
	float: left;
	margin-left: 0%;
	padding-bottom:10.5%;
	width: 100%;
	display: block;
	background-image:url(_assets/images/video_bkgd.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:100% 100%;
}
#video_container {
	clear: both;
	float: left;
	margin-left: 12%;
	margin-top:11%;
	vertical-align:middle; 
	text-align:center;
	width: 76.5%;
	display:table-cell;
}
.video_height {
	position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    height: 0;
    overflow: hidden;
}
.video_height iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#monkee_about {
	clear: none;
	float: right;
	margin-left: 0;
	margin-top:4%;
	margin-right:5%;
	margin-bottom:5%;
	padding-left:0;
	padding-right:0;
	padding-bottom:2%;
	margin-bottom:0%;
	width: 44.5%;
	height:500px;
	display: block;
}
#contact_info {
	clear: none;
	float: right;
	margin-left: 0%;
	padding-top: 1%;
	padding-right: 2.0408%;
	padding-left: 2%;
	width: 17.3673%;
	display: table-cell;
	text-align:right;
}
#contact_info-2 {
	clear: none;
	float: right;
	margin-left: 0%;
	padding-top: 1%;
	padding-right: 2.0408%;
	padding-left: 3%;
	padding-bottom:1%;
	width: 17.3673%;
	height:100%;
	display: table-cell;
	text-align:right;
	background-color:rgba(0,0,0,0);
}
#contact_map {
	clear: none;
	float: right;
	position:absolute;
	top:0px;
	right:0px;
	margin-left: 0%;
	margin-top:4%;
	margin-right:4%;
	width: 100%;
	display: none;
	text-align:right;
}
#about_text {
	clear: both;
	float: left;
	margin-left: 4%;
	padding-left:2%;
	margin-top:4%;
	padding-top:2%;
	padding-right:2%;
	padding-bottom:2%;
	margin-bottom:4%;
	width: 88%;
	display: block;
	background-color:rgba(0,30,30,0.8);
	border-radius:15px;
}
#about_image_right1 {
	width:20%;
	float:right;
	margin-left:20px; 
	margin-top:5px; 
	margin-bottom:20px;
}
#about_image_right2 {
	clear:both;
	width:20%;
	float:right;
	margin-left:20px; 
	margin-top:5px; 
	margin-bottom:20px;
}
#about_image_right3 {
	clear:both;
	width:20%;
	float:right;
	margin-left:20px; 
	margin-top:5px; 
	margin-bottom:20px;
}
#about_image_left1 {
	width:10%;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	margin-top:5px;
}
#about_image_left2 {
	width:16%;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	margin-top:5px;
}
#about_news {
	clear:both;
	float: left;
	margin-top: 40px;
	padding:2%;
	width: 100%;
	display: block;
	background-color:#FFF;
	border-radius:15px;
	border-color:#0FF;
	border-style:solid;
	border-width:thin;
}
#contact_form {
	clear: both;
	float: left;
	margin-left: 0;
	width: 76%;
	display: block;
	background-image:none;
}
#contact_form_box {
	clear: both;
	float:left;
	margin-left: 5%;
	margin-top:4%;
	margin-bottom:4%;
	width: 92.5%;
	display: block;
	border-style:solid;
	border-color:#6FF;
	border-width:thin;
	border-radius:5px;
	background-color:rgba(18,56,67,0.5);
}
textarea { 
height:200px;
}
#content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #001F1F;
	background-image:url(_assets/images/header_02.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:100% 2px;
}
#intro_text {
	clear: both;
	float: left;
	margin-left: 9%;
	margin-right: 7%;
	margin-top: 3%;
	padding-bottom:3%;
	width: 84%;
	display: block;
}
.quote_button {
	clear:both;
	float:right;
	margin-top:5px;
	margin-left:33.5%;
	margin-right:10px;
	padding-left:10px;
	padding-bottom:10%;
	align:right;
	width:15%; 
	height:auto;
}
#service_image {
	float:left;
	margin-right:4%;
	margin-bottom:40px;
	border-radius:10px;
	width:51%
}
.quote_container {
	clear: both;
	float: right;
	margin-left: 0;
	margin-bottom:10px;
	padding:3% 8% 3% 8%;
	width:84%;
	display:block;
	border-style:solid;
	border-width:thin;
	border-color: #0F0;
	border-radius:10px;
	background-color:#000;
}
.price_list {
	clear: none;
	float: right;
	margin-left:0;
	width: 100%;
	display: block;
}
.price_list_container {
	clear: none;
	float: right;
	margin-left: 5%;
	margin-top:1%;
	width: 40%;
	display: block;
}
#box {
	background-image:url(_assets/images/price_bk.png);
	background-repeat:no-repeat;
	background-position:top;
	background-size:98% 100%;
	text-align:center;
	width:100%;
	display:none;
}
#vpg-btn{
	margin-bottom:100px;
	display:none;
}
#mgpg-btn{
	margin-bottom:100px;
	display:none;
}
#vfxpg-btn{
	margin-bottom:100px;
	display:none;
}
#apg-btn{
	margin-bottom:100px;
	display:none;
}
#modpg-btn{
	margin-bottom:100px;
	display:none;
}
#gdpg-btn{
	margin-bottom:100px;
	display:none;
}
#ipg-btn{
	margin-bottom:100px;
	display:none;

}
.title_image {
	width:55%;
	clear:none;
	float:left;
	margin-bottom:15px;
	display:table-cell;
	text-align:center;
}
#comments-container {
	clear: both;
	float: left;
	margin-left: 2%;
	margin-top: 2%;
	width: 63%;
	display: block;
}
.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
    width: 100% !important;
}
#like-container {
	clear: none;
	float: right;
	margin-left: 2%;
	margin-top:2%;
	margin-right:2%;
	padding-top:1%;
	padding-left:0.5%;
	padding-right:0.5%;
	padding-bottom:1%;
	width: 29%;
	display: table-cell;
	text-align:right;
}
.fb-like-box, .fb-like-box span, .fb-like-box.fb_iframe_widget span iframe {
    width: 100% !important;
}
.fb-like, .fb-like span, .fb-like.fb_iframe_widget span iframe {
    width: 100% !important;
	height:30px !important;
}
#fake_ïmage_container {
	clear: none;
	float: right;
	margin-left: 5%;
	margin-bottom: 2%;
	margin-right: 0;
	margin-top:32px;
	width: 46%;
	display: block;
}
#ïmage_container {
	position:absolute;
	top:32px;
	right:0px;
	clear: none;
	float: right;
	margin-left: 2%;
	margin-bottom: 2%;
	margin-right: 7%;
	margin-top:2%;
	width: 40%;
	height:auto;
	display: block;
}
#moreComments {
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
}
#recent_news {
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
}
#news-menu {
	clear:none;
	float:left;
	width:24%;
	margin-left:35px;
	margin-right:15px;
	margin-top:25px;
	margin-bottom:15px;
	padding-top:0;
	padding-left:2%;
	padding-right:2%;
	border-color:#0FF;
	border-style:solid;
	border-bottom-style:none;
	border-top-style:none;
	border-left-width:1px;
	border-right-width:1px;
}
#news-content {
	clear:none;
	float:right;
	width:58%;
	margin-left:0;
	margin-right:30px;
	margin-top:25px;
	margin-bottom:15px;
	padding-top:0;
	padding-left:2%;
	padding-right:2%;
	border-color:#F90;
	border-style:solid;
	border-right-style:none;
	border-left-style:none;
	border-top-width:1px;
	border-bottom-width:1px;
	border-radius:10px;
	background-color:#003736;
}
.news-image {
	clear:both;
	width:50%;
	float:right;
	margin-left:20px; 
	margin-top:5px; 
	margin-bottom:10px;
	border-radius:10px;
	border-color:#F90;
	border-style:solid;
	border-width:1px;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(_assets/images/footer_09.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% 100%;
}

#footer_text {
	clear: both;
	float: left;
	padding-left:2%;
	padding-right:2%;
	margin-left: 0;
	width: 96%;
	display: table-cell;
	text-align:center;
}

#home:hover {
	background-color:#0da912;
	width: 12%;
}
#about:hover {
	background-color: #0da912;
	width: 12%;
}
#services:hover {
	width: 12%;
	height:190px;
}
#services-video:hover {
	width: 13%;
	background-color: #0da912;
}
#services-mg:hover {
	width: 17%;
	background-color: #0da912;
}
#services-anim:hover {
	width: 15%;
	background-color: #0da912;
}
#services-2:hover {
	width: 15%;
	background-color: #0da912;
}
#contact:hover {
	background-color: #0da912;
	width: 12%;
}
}

.tab:hover {
	background-color: rgba(0,255,0,0.3);
	border-color: #00FF00;
}
.tab.active {
	background-color: rgba(0,228,255,0.5);
	border-color: #6FF;
}
#moreComments-btn:hover {
	background: #0C6;
}
#recent_news-btn:hover {
	background:#00FFFF;
}
#vpg-btn:hover {
	background: #0C6;
}
#mgpg-btn:hover {
	background: #0C6;
}
#vfxpg-btn:hover {
	background: #0C6;
}
#apg-btn:hover {
	background: #0C6;
}
#modpg-btn:hover {
	background: #0C6;
}
#gdpg-btn:hover {
	background: #0C6;
}
#ipg-btn:hover {
	background: #0C6;
}


#vpg-btn.active {
	margin-bottom:0;
}
#mgpg-btn.active {
	margin-bottom:0;
}
#vfxpg-btn.active {
	margin-bottom:0;
}
#apg-btn.active {
	margin-bottom:0;
}
#modpg-btn.active {
	margin-bottom:0;
}
#gdpg-btn.active {
	margin-bottom:0;
}
#ipg-btn.active {
	margin-bottom:0;
}