@charset "utf-8";
/* CSS Document */

#holdinginfo{
	background:#fff200;
	height:33px;
	width:80px;
	left:-10px;
	top:95px;
	position:relative;
	padding:4px 14px;
	font:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:18px;
	-moz-transition:background 0.1s ease 1s;
	-webkik-transition:background 0.1s ease 1s;
	transition:background 0.1s ease 1s;
	cursor:pointer;
	margin:5px 0px;
	text-decoration:none;
	color:#f8f8f8;
}


#holdinginfo:hover{
	background:#011921;
	-moz-transition:background 0.1s ease 1s;
	-webkik-transition:background 0.1s ease 1s;
	transition:background 0.1s ease 1s;
	-moz-box-shadow: 1px 0px 1px 0px #333;
	-webkit-box-shadow: 1px 0px 1px 0px #333;
	box-shadow: 1px 0px 1px 0px #333;
	text-decoration:none;
	color:#f8f8f8;
}


/*** Graphic design holder ***/

#holdinginfogra{
	background:#fff200;
	height:33px;
	width:120px;
	left:-10px;
	top:95px;
	position:relative;
	padding:4px 14px;
	font:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:18px;
	-moz-transition:background 0.1s ease 1s;
	-webkik-transition:background 0.1s ease 1s;
	transition:background 0.1s ease 1s;
	cursor:pointer;
	margin:5px 0px;
	text-decoration:none;
	color:#f8f8f8;
}

#holdinginfogra:hover{
	background:#011921;
	-moz-transition:background 0.1s ease 1s;
	-webkik-transition:background 0.1s ease 1s;
	transition:background 0.1s ease 1s;
	-moz-box-shadow: 1px 0px 1px 0px #333;
	-webkit-box-shadow: 1px 0px 1px 0px #333;
	box-shadow: 1px 0px 1px 0px #333;
	text-decoration:none;
	color:#f8f8f8;
}

/***corparate identity holder ***/

#holdinginfoco{
	background:#fff200;
	height:33px;
	width:150px;
	left:-10px;
	top:95px;
	position:relative;
	padding:4px 14px;
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:18px;
	-moz-transition:background 0.1s ease 1s;
	-webkik-transition:background 0.1s ease 1s;
	transition:background 0.1s ease 1s;
	cursor:pointer;
	text-decoration:none;
	color:#f8f8f8;
}
.textinfo{
	color:#f69f07;
}

#holdinginfoco:hover{
	background:#011921;
	-moz-transition:background 0.1s ease 1s;
	-webkik-transition:background 0.1s ease 1s;
	transition:background 0.1s ease 1s;
	-moz-box-shadow: 1px 0px 1px 0px #333;
	-webkit-box-shadow: 1px 0px 1px 0px #333;
	box-shadow: 1px 0px 1px 0px #333;
	text-decoration:none;
	color:#f8f8f8;
}

#team{
	color: #272727;
	font-size:36px;
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	position:absolute;
	width:400px;
	left:450px;
	top:80px;
}

.teamtext{
	font-size:16px;
	padding:0;
	margin:0;
	color:#0196e3;
	text-decoration:none;
}

#po13{
	font-size:36px;
	font-weight:500;
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	position:relative;
	top:50px;
	left:300px;
	width:865px
	
}

.clickhere{
	background:#232932;
}




.clickhere:hover{
	background:#f69f07;
	color:#f8f8f8;
	text-decoration:none;
}




#believe{
	font-size:18px;
	position:relative;
	top:60px;
	left:300px;
	width:700px
}

.overover{
color:#f69f07;
font-size:36px;
font-weight:700;}



/**PORTFOLIO TEXT **/

#porttext{
		font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
		position:relative;
		top:50px;
		left:500px;
		font-size:24px;
		width:300px;
}

#tabletable{
	position:absolute;
	top:300px;
	left:300px;
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	width:400px;
	
	
}

.tabletexttext{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:18px;
}


.tabletexttext1{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:14px;
}



.pictable1{
	position:relative;
	width:200px;
   height:160px;
	border:10px solid #272727;
	background:url(../img/motherbirdthum.png) no-repeat;
	-webkit-transition: all 0.2s 0.1s ease-in-out;
   -moz-transition: all 0.2s 0.1s ease-in-out;
   -o-transition: all 0.2s 0.1s ease-in-out;
   -ms-transition: all 0.2s 0.1s ease-in-out;
   transition: all 0.2s 0.1s ease-in-out;
   text-decoration:none;
   left:200px;
   top:2;
}

.pictable1:hover{
	
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 0.1;
   -webkit-transform: translate(-80px, -125px) rotate(45deg);
   -moz-transition: all 0.2s 0.1s ease-in-out;
   -o-transform: translate(-80px, -125px) rotate(45deg);
   -ms-transform: translate(-80px, -125px) rotate(45deg);
   transform: translate(-80px, -125px) rotate(45deg);z
  
}

.pictable2{
	text-align:center;
	position:absolute;
	width:200px;
   height:160px;
	border:10px solid #272727;
	background:url(../img/tatitanaweb.png) no-repeat;
	-webkit-transition: all 0.2s 0.1s ease-in-out;
   -moz-transition: all 0.2s 0.1s ease-in-out;
   -o-transition: all 0.2s 0.1s ease-in-out;
   -ms-transition: all 0.2s 0.1s ease-in-out;
   transition: all 0.2s 0.1s ease-in-out;
   text-decoration:none;
   left:430px;
   top:0px;
}

.pictable2:hover{
	
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 0.1;
   -webkit-transform: translate(-80px, -125px) rotate(45deg);
   -moz-transition: all 0.2s 0.1s ease-in-out;
   -o-transform: translate(-80px, -125px) rotate(45deg);
   -ms-transform: translate(-80px, -125px) rotate(45deg);
   transform: translate(-80px, -125px) rotate(45deg);z
  
}
.pictable3{
	display:block;
	position:absolute;
	width:200px;
   height:160px;
	border:10px solid #272727;
	background:url(../img/burner.png) no-repeat;
	-webkit-transition: all 0.2s 0.1s ease-in-out;
   -moz-transition: all 0.2s 0.1s ease-in-out;
   -o-transition: all 0.2s 0.1s ease-in-out;
   -ms-transition: all 0.2s 0.1s ease-in-out;
   transition: all 0.2s 0.1s ease-in-out;
   text-decoration:none;
   left:660px;
   top:0px;
}

.pictable3:hover{
	
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 0.1;
   -webkit-transform: translate(-80px, -125px) rotate(45deg);
   -moz-transition: all 0.2s 0.1s ease-in-out;
   -o-transform: translate(-80px, -125px) rotate(45deg);
   -ms-transform: translate(-80px, -125px) rotate(45deg);
   transform: translate(-80px, -125px) rotate(45deg);z
  
}

#piccontain{
	height:400px;
	width:600px;
	position:relative;
	top:100px;
	left:100px;
}