@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Nothing+You+Could+Do);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
html {
	padding:0;
	margin:0;
}
body {
	margin: 0;
	min-width: 980px;
	padding: 0;
	background:#000;
	font-family: 'Open Sans', sans-serif;	font-weight:400;
	cursor: url(images/splat.png) 40 40, auto !important;

}
a {
	text-decoration:none;
	color:#000;
	cursor: url(images/splat.png) 40 40, auto !important;
}
a:hover {
	color:red;
}
p, ul, li, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
p, ul {
	font-size-adjust:0.488;
	font-weight:200;
	font-style:normal;
}
img {
	border: 0;
}
h1, #pixels {
	font-family:Verdana, serif;
	font-size-adjust:0.40;
	font-weight:700;
	font-style:normal;
}
h2 {
	font-family: Verdana, sans-serif;
	font-size-adjust:0.531;
	font-weight:500;
	font-style:normal;
}
#header h1, #pixels {
	color: #48941A;
}

#header, #home, #second {
	width: 100%;
}
#header {
	background: white;
	height: 130px;
}
.title {
    width: 100%;
    height: auto;
}

/* Hidden Navigation---------------------------------------------- */

#hidden-nav {
	position: fixed;
	background-color:#000;
	-moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	top:0;
	height:50px;
	width:100%;
	z-index:9999;
	font-weight:800;
	display:none;
}
#hidden-nav li {
	list-style: none;
	padding:20px 20px 0 20px;
	display:inline-block;
} 
#hidden-nav img { 
	float:left; 
	padding: 5px 60px 0 250px;
	}
#hidden-nav a { 
	color:#FFF;
	}
#hidden-nav a:hover { 
	color:red;
	text-decoration:none;
	}
#dummy {
height:50px;
width:100%;
background:rgba(255, 255, 255, 0);
position:fixed;
top:0;
z-index:10;
}
/* dot navigation */
#nav{
	list-style: none;
	position: fixed;
	right: 0;
	z-index:500;
	background:#000;
	padding:20px 10px;
	border-radius:10px 0 0 10px;
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
}
#nav a {
	background:url(images/dot.png) no-repeat;
	padding:5px;
}
#nav a:hover {
	background:url(images/dot_hover.png) no-repeat;
}

#nav li{
	margin:0;	
}
/* end of dot navigation */
/* Hidden Navigation End--------------------------------------------- */
	
#social {
	position:fixed;
	bottom:0;
	right:0;
	z-index:100;
	width:200px;
	height:292px;
	background:url(images/social-bg.png) 0 50px no-repeat;
	padding-left:100px;
	margin:0;
}


/* home------------------------------------------------------------ */
#home .hometext {
	background:url(images/home-text.png) 0 0 no-repeat fixed;
	color: white;
	height: 1188px;
	margin: 0;
	padding: 0;
	background-size:cover;
}
#home {
	background:url(images/home.jpg) 0 0 no-repeat fixed;
	color: white;
	margin: 0;
	padding: 0;
	background-size:cover;
}
#home .bg {
	background: url(images/home_bg.png) 0 0 no-repeat fixed;
	height: 1188px;
	margin: 0 auto;
	padding: 0;
	background-size:cover;
	z-index: 200;
}
/* home end--------------------------------------------------------- */


/* our work page---------------------------------------------------- */

#ourwork {
	background: url(images/ourwork.jpg) 0 0 no-repeat fixed;
	color: white;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	position:relative;
	height: 100vh;
	display: table;
	width:100%;
	background-size:cover;
}
#ourwork .bg {
	background: url(images/ourwork_bg.png) 0 0 no-repeat fixed;
	margin: 0 auto;
	padding: 0;
	background-size:cover;
	z-index: 199;
}
#ourwork .bg2 {
	background: url(images/ourwork1.png) 0 0 no-repeat fixed;
	margin: 0 auto;
	padding: 0;
	background-size:cover;
	z-index: 200;
}
#ourWorkPage {
	background: url(images/ourWorkPage.jpg) 0 0 no-repeat fixed;
	margin: 0 auto;
	padding: 0;
	background-size:cover;
	z-index: 200;
	height:1200px;
}
.work-thumb {
width:70%;
margin:0 15%;
background:#000;
}
.work-thumb li {
	width:27.3%;
	height:26%;
	float:left;
	margin:3%;
	list-style:none;
	overflow:hidden;
	text-align:center;
}
.work-thumb img {
	height:100%;
	width:100%;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.work-thumb:nth-child(4n){
	margin-right: 0;
}
.work-thumb li .portfolio-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	display: none;
	z-index: 9999;
}
.work-thumb li:hover .portfolio-overlay {
	display: block;
	}
	.work-thumb .portfolio-overlay span {
	width: 60px;
	height: 60px;
	margin-left: -30px;
	margin-top: -30px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #E66432;
	border-radius: 50%;
	font-size: 30px;
	text-align: center;
	line-height: 60px;
	color: #FFF;
}
.work-thumb li:hover img{
	-ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Chrome, Safari, Opera */
    transform: scale(1.2);
}

/* our work page end---------------------------------------------------- */

/* about page end---------------------------------------------------- */
#about {
	background: url(images/about1e.png) 0 0 no-repeat fixed;
	color: white;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	background-size:cover;
	width:100%;
	height:900px;
}
#about .bg {
	background: url(images/about1d.png) 0 0 no-repeat fixed;
	height: 1300px;
	margin: 0 auto;
		overflow: hidden;

	padding: 0;
	background-size:cover;
	z-index: 199;
}
#about .bg2 {
	background: url(images/about1c.png) 0 0 no-repeat fixed;
	height: 1300px;
	margin: 0 auto;
		overflow: hidden;

	padding: 0;
	background-size:cover;
	z-index: 200;
}
#about .bg3 {
background: url(images/about1b.png) 0 0 no-repeat fixed;
margin:0 auto;
height: 1300px;
overflow: hidden;
background-size:cover;
}
#about .bg4 {
background: url(images/about1a.png) 0 0 no-repeat fixed;
margin:0 auto;
height: 1300px;
background-size:cover;
overflow: hidden;


}
#about .copy {
width:26%;
color:#000;
padding:40px;
margin:280px 0 0 57%;
height:340px !important;
overflow:auto;
background:url(images/about1ca.png) 0 0 no-repeat;
}
#about .copy div {
height:335px !important;
width:100%;
padding-right:15px;
overflow:auto;
}
/* about page end---------------------------------------------------- */

/* Our Studio page ---------------------------------------------------- */
#studio {
	background: url(images/ourstudio1.jpg) 0 0 no-repeat fixed;
	color: white;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	background-size:cover;
	width:100%;
	height:900px;
	position:relative;
}
#studio .bg {
	background: url(images/ourstudio2.png) 0 0 no-repeat fixed;
	height: 1300px;
	margin: 0 auto;
	padding: 0;
	background-size:cover;
	z-index: 199;
}
#studio .bg2 {
	background: url(images/our-studio-thumbnails.png) 0 0 no-repeat fixed;
	height: 1300px;
	margin: 0 auto;
	padding: 0;
	background-size:cover;
	z-index: 200;
}
#studio .bg3 {
background: url(images/ourstudio3.png) 0 0 no-repeat fixed;
margin:0 auto;
height: 1300px;
background-size:cover;
}
#our-studio, #our-works, #news-art {
position: absolute;
z-index:100;
top:220px;
}
/*#studio .bg4 {
background: url(images/ourstudio4.png) 0 0 no-repeat fixed;
margin:0 auto;
height: 1300px;
background-size:cover;
}*/

/* Our Studio End---------------------------------------------------------- */


/* services---------------------------------------------------------- */
#services {
	background: url(images/services.jpg) 0 0 no-repeat fixed;
	color: white;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	background-size:cover;
	width:100%;
	height:1200px;
	position:relative;
}
#services .bg {
	background: url(images/services.png) 0 0 no-repeat fixed;
	color: white;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	background-size:cover;
	width:100%;
	height:1200px;
}
#services .bg2 {
	background: url(images/services-bg.png) 0 0 no-repeat fixed;
	height: 1188px;
	margin: 0 auto;
	padding: 0;
	background-size:cover;
	z-index:200;
}
#services .bg3 {
	background: url(images/services2.png) 0 0 no-repeat fixed;
	height: 1188px;
	margin: 0 auto;
	padding: 0;
	background-size:cover;
}
#services {
	color:#fff;
}
#services ul {
margin-left: 20px;
}
#services .copy {
background: url(images/services-bg2.png) 0 0;
width:60%;
margin:0 0 0 30%;
height:450px !important;
padding:40px;
position: absolute;
top:220px;
z-index;10;
background-size:cover;
}
#services .copy div {
color:#000;
height:390px !important;
margin:20px;
padding:10px;
overflow:auto;

}
/* services end------------------------------------------------------ */

/* news page ---------------------------------------------------- */
#news {
	background: url(images/news1.jpg) 0 0 no-repeat fixed;
	color: white;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	background-size:cover;
	width:100%;
	height:900px;
	position:relative;
}
#news .bg {
	background: url(images/news2.png) 0 0 no-repeat fixed;
	height: 1300px;
	margin: 0 auto;
	padding: 0;
	background-size:cover;
	z-index: 199;
}
#news .bg2 {
	background: url(images/news3.png) 0 0 no-repeat fixed;
	height: 1300px;
	margin: 0 auto;
	padding: 0;
	background-size:cover;
	z-index: 200;
}
/*#news .bg3 {
background: url(images/news4.png) 0 0 no-repeat fixed;
margin:0 auto;
height: 1300px;
background-size:cover;


}*/
#news .bg4 {
background: url(images/news5.png) 0 0 no-repeat fixed;
margin:0 auto;
height: 1300px;
background-size:cover;


}
#news-head {
position:fixed;
z-index:999;
background: url(images/news-page-head.jpg) 0 0 no-repeat;
width:100%;
height:280px;
bottom:10;
}
#news .copy {
width:90%;
margin:0 auto;
}
#news .copy .inner {
	width: auto;
    height:310px;
}
#news .copy .inner li {
	float:left;
	list-style:none;
	width:31.3%;
	overflow:hidden;
	padding:10px 1%;
}
#news .copy .inner li img {
	width: 100%;
	height:auto;
}
#newsPage {
	background:#fae4b2 url(images/news-page.jpg) 0 0 no-repeat fixed;
	height:2000px;
}

/*#news .copy div {
color:#000;
padding:40px;
height:290px !important;
overflow:auto;
border-left:8px #000 solid;
border-right:8px #000 solid;
}
/* news page end---------------------------------------------------- */
#news .slide {
	float: left !important;
	width: 800px;
	color:#000;
	
}
#gallery {
	width: 800px;
	overflow: hidden;
	height: 352px;
	margin:0 auto;
}
#slides {
	overflow: hidden;
}
.menuItem {
	height:10px;
	width: 10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#menu_thumb {
	padding-bottom:20px;
	margin: 0px auto;
	text-align: center;
}
#menu_thumb ul {
	width:140px;
	margin:0px auto;
	padding:0px;
	display:inline;
}
#menu_thumb li {
	margin:20px 3px;
	display:inline-block;
	list-style:none;
	overflow:hidden;
	background-color:#CCC;
}
#menu_thumb li.inact:hover {
	background-color:#666;
}
#menu_thumb li.act, li.act:hover {
	background-color:#666;
}
#menu_thumb li.act a {
	cursor:default;
}
#menu_thumb li a {
	display:block;
}
/* end of slideshow*/


/* contact us page ------------------------------------------------------ */
#contact {
	padding:0;
	position:relative;
	
}
#mapa {
    height:1000px;
    width:100%;
}

#mapa table {
    border-spacing:0;
    border:0;
}
#mapa table img {
    border:0;
    display:block;
}

#mapa #maplink {
width:15%;
height:22%;
background: url(images/map/mapc02.jpg) 0 0 no-repeat;
background-size:100%;


}
#mapa #maplink a {
height:200px;
display:block;
}
#mapa #maplink:hover {
background: url(images/map/mapc02hover.jpg) 0 0 no-repeat;
background-size:100%;
}
/* contact us end ------------------------------------------------------ */
#social li {
	float:left;
	list-style:none;
	padding:180px 0 5px 5px;
}
#services .inner, #email-box .inner { 
width:80%; padding:5% 10%;
}

/* main navigation---------------------------------------------------- */

.main-navigation ul {
	list-style: none;
	display: inline-block;
}
.main-navigation {
	position:absolute;
	right:0;
	top:50%;
	z-index:9999;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.main-navigation ul li a {
	padding-left:50px;
	color:#FFF;
}

.main-navigation ul li {
background: url(images/but-bg1.png) no-repeat 0 0;
	padding:11px 0;
	margin:0;
	font-size:1.75em;
	text-transform:uppercase;
	position: relative;
	font-family: 'Oxygen', sans-serif;
	width: 300px;
	font-weight: 900;
}
.main-navigation ul li:nth-child(2) {
-webkit-animation-delay: .5s;
background: url(images/but-bg1.png) 0 0 no-repeat;
}
.main-navigation ul li:nth-child(3) {
-webkit-animation-delay: .6s;
background: url(images/but-bg2.png) 0 0 no-repeat;
}
.main-navigation ul li:nth-child(4) {
-webkit-animation-delay: .7s;
background: url(images/but-bg3.png) 0 0 no-repeat;
}
.main-navigation ul li:nth-child(5) {
-webkit-animation-delay: .8s;
background: url(images/but-bg4.png) 0 0 no-repeat;
}
.main-navigation ul li:nth-child(6) {
-webkit-animation-delay: .9s
background: url(images/but-bg5.png) 0 0 no-repeat;

}
.main-navigation a:hover, #footer-nav a:hover {
	color:red;
}

/* main navigation end---------------------------------------------------- */



#email-box {
background: url(images/contact1b.png) no-repeat top;
height:400px;
width:100%;
padding-bottom:20px;
background-size:cover;
position: absolute;
z-index:9999;
bottom:0px;
}
#email-box .inner {
background: url(images/contact1a.png) no-repeat top;
height:400px;
padding-bottom:20px;
background-size:cover;
}
#email-box #add {
	width:40%;
	text-align: right;
	float: left;
	padding:12px 50px 20px 0;
}
#comment, input  {
border: 0px inset;
}
#footer {
background: url(images/sitemap.jpg) no-repeat center center;
background-size:100%;
height:200px;
text-align: center;
}
#footer ul {
padding-top: 100px;
}
#footer li {
display:inline-block;
padding:0 20px;
}