@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);
	
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');}

body{font-family:"Open Sans";margin:0px; padding:0px; outline:none !important; color:#000 !important;}
.studionav{width: 70%;margin: 0% 15%;display: inline-block;}
.studionav h1{text-align: center;border:solid #515151; border-width:0px 0px 1px 0px; padding:0px 0px 30px 0px; font-size:25px; margin:0px;font-weight: normal;}
.studionav ul{margin: 0px auto;width: 370px;padding: 30px 0px 0px;display: block;height: 100px;}
.studionav ul > a > li{list-style: outside none none;float: left;width: 100px;margin: 0px 20px;display: inline-block;}
.studionav ul > a> #third{margin:0px 0px 0px 5px;}
.studionav ul > a> #first{margin:0px 0px 0px 0px;}
.studionav ul > a > li {position:relative}
.studionav ul > a > li > img{width: 100px;}
.studionav ul > a > li > span{font-size: 12px;color: #000;display: block;text-align:center}
.studionav ul > a:hover > li > span{color: #DE7614 !important;}
.studionav ul > a > li {position:relative}
.studiohome { position: fixed;z-index: 9999;width: 30px;top: 10px;left: 10px;}

/*header*/
.header{position:fixed;height:80px;display:block;width:100%;background:#fff;z-index:999;top:0px;transition: all 1s ease 0s;}
.header .top{width: 90%; margin: 12px auto 0px;  border: solid #000;  border-width: 0px 0px 1px;  display: block;}
.header .top h2{font-size: 25px;  display: inline-block;padding: 0px 0px 3px; color:#000;}
.header .top ul{width: 50%; float: right;  margin: 10px 0px 0px;}
.header .top ul > span{float:right;}
.header .top ul > span > li{  display: inline-block;  float: right;}
.header .top ul > span > li > a{  color: #000; font-size: 13px;  width:100%;;  margin: 0px 0px 0px 20px;}
.active a{color:#DE7614 !important;}
.header .bottom{display: block;  width: 90%;  margin: 0px auto;}
.header .bottom ul{margin: 4px 0px 0px; display:inline-block;}
#nav2{display:inline-block; float:right;}
#nav2 span > li{text-align:right;}
#nav2 span > li > a{margin:0px 0px 0px 20px;}
.header .bottom ul > span > li{  display: inline-block;  float: left;}
.header .bottom ul > span > li > a{color: #000 !important; font-size: 13px;  width: 100;  margin: 0px 20px 0px 0px;text-transform:lowercase}
.footer{position:fixed;height: 50px;display:block;width: 90%;background: #fff;z-index:999; bottom:0px;margin: 0% 5%;transition: all 1s ease 0s;border: solid #000;border-width: 1px 0px 0px;}
#nav3{ position:absolute;}
#nav3 span{display:none;}
#nav3 span > li{}
#nav3 span > li > a{}
#nav3 span > li > a > img{position: fixed;bottom: 37px;margin: 0% 43%;width: 50px;}
.footer #career{color: #000;font-size: 9px;display: inline-block;float: left;margin: 1px 0px 0px;}
.footer ul{margin: 4px 0px 0px 0px;}
.footer ul > li{display: inline-block;  float: left;}
.footer ul > li > a{color: #000; font-size: 9px;  width: 100;  margin: 0px 20px 0px 0px;text-transform:lowercase}
.footer p{color:#000; font-size:9px; display:inline-block; float:right;margin:1px 0px 0px;width:auto !important}
.footer p > span{padding-left:20px;}
.footer p > span > a{color:#000 !important;}
.footer p > span > a:hover{color:#DE7614;}

/*show menu while active*/
.active{display:inline-block !important;}
.active a{color:#DE7614 !important;}
.active  .active a{border:#DE7614 solid; border-width:0px 0px 1px;}

/*navigation*/


/*Cursor pointer*/
a {
   
}


body{display: block;margin: 0px;padding: 0px;font-family: 'Open Sans';color:#000;font-weight: 100;}
.outer{display: table;position: absolute;height: 100%;width: 100%;}
.middle{display: table-cell;vertical-align: middle;padding:50px 0px;}
.home{width:70%; margin: 0% auto;}
.home h1{text-align: center;border:solid #515151; border-width:0px 0px 1px 0px; padding:0px 0px 30px 0px; font-size:25px; margin:0px;font-weight: normal;}
h3{text-transform:uppercase;font-size:15px;text-align:center;padding-bottom:2%;}
p{text-align:center;font-size:11px;width:100%;padding-bottom }
p a{color:#000;text-decoration:none;}
p a:hover{color:#DE7614;text-decoration:none}
#divider{width:80px;border-bottom: 2px solid #DE7614;margin:0 auto;padding-top:4%}
#jobs{width:100%;padding-top:4%;margin:0px;}
#jobs li{width:20%;float:left;font-size:13px;text-transform:uppercase;padding:0px;margin:0px;}
#jobs li:first-child{width: 14%;padding-left: 12%;}
#jobs li:nth-child(2){width:20%;}
#jobs li:nth-child(3){width:16.4%;padding-left: 1.6%;}
#jobs li:nth-child(4){width:18%;padding-left: 2%;}
#jobs li:last-child{width:16%;}
#jobs li ul{padding: 10px 11px;margin:0px;width:100%;}
#jobs li ul li{list-style:disc;float:none;font-size:11px;width:100% !important;padding:2% 0 !important;text-transform:capitalize}
