/* Global reset
*****************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
			margin: 0;
			padding: 0;
			border: 0;
			font-size: 100%;
			font: inherit;
			vertical-align: baseline;
}


html { 
			overflow-y: scroll; 
}


body {                   
			line-height: 1.5;
			color: white;
			font-size: 16px;
			font-family: 'Cuprum', cursive;
}




p {                      
			line-height: 1.8;
			color: #462f12;
			font-size: 14px;
			font-family: Cuprum;
			text-align:justify;
			text-justify:inter-word;
			word-spacing:-2px;
			-webkit-hyphens: auto;
			-moz-hyphens: auto;
			-o-hyphens: auto;
			hyphens: auto;
}


#work ul    {
			list-style-image:url('../img/star.png');
			width:250px;
			margin: 20px 0 0 40px;
}

#awards ul{
			color: #462f12;
			font-size: 14px;
			list-style-image:url('../img/awardicon.png');
}	


h2 {                     
			font-size: 30px;
			font-family: 'Cuprum', cursive;
			color: white;
			margin-bottom: 24px;
			
}

h3 {                     
			font-size: 28px;
			font-family:'Cuprum', cursive;
			color: #d26320;
			text-align:center;
			
}

h5{                     
			font-size: 20px;
			font-family:'Cuprum', cursive;
			color: white;
			text-align:center;
			
}


h4 {                     
			font-size: 40px;
			font-family: 'Cuprum', cursive;
			color: #d26320;
			text-align:center;
			margin-bottom:10px;
						
}


.space {
			margin-top:20px;
}


a, a:link, a:active, a:visited {
			-webkit-transition: color 0.25s ease-out;
			-moz-transition: color 0.25s ease-out;
			-o-transition: color 0.25s ease-out;
			transition: color 0.25s ease-out;
			color:#c90c0c;
			outline: none;
			text-decoration:none;
			text-align:center;
}
a:hover { 
			color:#fe6905;
}



hr {
			margin: 0;
			border: none;
			border-top: 1px solid #3b3b3b;
			border-bottom: 1px solid #3b3b3b;
			height: 3px;
			
}


.next-prev {             margin-top:50px;
			text-align:center;
			font-size: 14px;
			font-family: 'Coda', cursive;
			    
}

.next-prev2 {             margin-top:10px;
			text-align:center;
			font-size: 14px;
			font-family: 'Coda', cursive;
			    
}

#nextwrap {
			width:920px;
			padding:0px;
			margin:0 auto;
			color:white;
	
}




/* Page structure
*****************************************************************/



#navbar {
			display: inline-block;
			position: fixed;
			z-index: 7;
			width: 100%;
			height: 150px;
			padding-top: 0;
			margin: 0 auto;
			background: url('../img/bg1.png')0 0 repeat-x;
			}

			
#navwrap {               
				width: 960px; 
		        height: 75px; 
		        margin: 0 auto;
}

#navbar1 {        
			float:left;
			margin:25px 0px 0 0;
			width: 350px;
			        
}

#navbar2 {               
			float:left;
			padding: 0px; 
			margin:0 10px;
	        position:relative;
}

#navbar2 a img{  
	       position: absolute;
	       top:0;
	       left:0;
	       -webkit-transition: opacity .3s ease-in-out;
	       -moz-transition: opacity .3s ease-in-out;
	       -o-transition: opacity .3s ease-in-out;
	       transition: opacity .3s ease-in-out;
}
#navbar2:hover img+img{ 
     		opacity:0; 
}

#navbar3 {               
                float:right;
		        padding: 5px 0 26px 0;
		        margin:20px 20px 0 0;
}

#navbar1 ul li {            
			display: inline;
      
}


#navbar3 ul li {            
			display: inline;
      
}


#navbar1 a {
			display: inline;   
			font-size: 13px;
			color: #f4eee0;
			text-decoration: none;
			position:relative;
			float:left;
			width: 60px;
	        height: 70px;
			margin:0 115px 0 0;
			
}


#navbar1 a img{  
	       position: absolute;
	       top:0;
	       left:0;
	       -webkit-transition: opacity .3s ease-in-out;
	       -moz-transition: opacity .3s ease-in-out;
	       -o-transition: opacity .3s ease-in-out;
	       transition: opacity .3s ease-in-out;
}

#navbar1 a:hover  img+img{ 
		opacity:0;
               
		
}


#navbar3 a {
			display: inline;   
			font-size: 13px;
			color: #f4eee0;
			text-decoration: none;
			position:relative;
			float:left;
			width: 60px;
	        height: 70px;
			margin:0 0 0 120px;
			
}


#navbar3 a img{  
	       position: absolute;
	       top:0;
	       left:0;
	       -webkit-transition: opacity .3s ease-in-out;
	       -moz-transition: opacity .3s ease-in-out;
	       -o-transition: opacity .3s ease-in-out;
	       transition: opacity .3s ease-in-out;
}

#navbar3 a:hover  img+img{ 
		opacity:0;
               
		
}



img{ 
			margin: 0px;
			padding: 0px;
}




.col1 {
			width:265px;
			float:left;
			padding:10px 30px 0px 0px;
}



.col2 {
			width:265px;
			float:left;
			padding:10px 30px 0 30px;
}


.col3 {
			width:265px;
			float:left;
			padding:10px 0px 0px 30px;
}



.col4 {
			width:200px;
			float:left;
			height:500px;
			padding:50px 40px 0px 0px;
			margin:0 120px 0 0;
			text-align:left;
			background: url('../img/icon_bg.png')0 0 no-repeat;
			
}

.col4_5 {
			width:200px;
			float:left;
			height:500px;
			padding:50px 40px 0px 0px;
			margin:0 120px 0 0;
			text-align:left;
			background: url('../img/icon_bg.png')0 0 no-repeat;
			
}


.col5 {
			width:200px;
			float:left;
			height:500px;
			padding:50px 40px 0px 0px;
			margin:0;
			text-align:left;
			background: url('../img/icon_bg.png')0 0 no-repeat;
			
}



.media {
	width: 150px;
	margin-left:40px;
	height: 290px;
	background: url('../img/media_slide.png') no-repeat;
	background-position: 0px 0px;
	display: block;
	-webkit-transition:all cubic-bezier(1,1,.40,1.15).5s;
        -moz-transition:all cubic-bezier(1,1,.40,1.15).5s;
        -ms-transition:all cubic-bezier(1,1,.40,1.15).5s;
        -o-transition:all cubic-bezier(1,1,.40,1.15).5s;
	transition:all cubic-bezier(1,1,.40,1.15).5s;
}
.media:hover{
	background-position: -575px 0px;
	
}








.print {
	width: 150px;
	margin-left:40px;
	height: 290px;
	background: url('../img/print_slide.png') no-repeat;
	background-position: 0px 0px;
	display: block;
	webkit-transition: all cubic-bezier(1,1,.40,1.15) .5s;	
	transition: all cubic-bezier(1,1,.40,1.15) .5s;

	
}
.print:hover{
	background-position: -575px 0px;
	
}







.webb {
	width: 150px;
	margin-left:40px;
	height: 290px;
	background: url('../img/web_slide.png') no-repeat;
	background-position: 0px 0px;
	display: block;
	webkit-transition: all cubic-bezier(1,1,.40,1.15) .5s;	
	transition: all cubic-bezier(1,1,.40,1.15) .5s;

	
}
.webb:hover{
	background-position: -575px 0px;
	
}












.col6 {
			width:200px;
			float:left;
			padding:20px 40px;
			text-align:left;
			margin: 40px 15px 0px 0px;
			background-color: rgba(1, 1, 1, 0.6);
			border:1px solid #422401;
			
						
}

.col7 {
			width:200px;
			float:left;
			padding:20px 40px;
			text-align:left;
			margin: 40px 20px 0px 20px;
			background-color: rgba(1, 1, 1, 0.6);
			border:1px solid #422401;
			
						
}


.col8 {
			width:200px;
			float:left;
			padding:20px 40px;
			text-align:left;
			margin: 40px 0px 0px 15px;
			background-color: rgba(1, 1, 1, 0.6);
			border:1px solid #422401;
			
			
}




.col9 {
			width:280px;
			float:left;
			padding:65px 0px 0px 0px;
			margin:0 48px 0 0;
			text-align:left;
			
}




.col10 {
			width:280px;
			float:left;
			padding:65px 0px 0px 0px;
			margin:0;
			text-align:left;
			
}


.col11 {
			width:280px;
			float:left;
			padding:10px 0px 0px 0px;
			margin:0;
			text-align:left;
			
}


.col12 {
			width:280px;
			float:left;
			padding:0px 0px 0px 0px;
			margin:0 0 0 220px;
			text-align:left;
			
}

.face{
			 display: block;
			 margin-left: auto;
			 margin-right: auto;
			 padding-bottom:10px;
}




#second {
			margin:40px 0 0;
}


#video {
			margin:60px 0 0;
}



		
/*******************   C  O  N  T  E  N  T  ********************************/



#content h1 {
			margin: 0 0 25px 0;
			font-size: 60px;
			font-family: Georgia, serif;
			font-weight: normal;
			line-height: 65px;
}


section {
		    width: 100%;
			
}

article {
		    width: 960px;
			height:600px;
			margin:0px auto;
			
}

#process article {
			margin:200px auto 0;
			
}

#about article {
			margin:180px auto 0;
			
}

#home {
			position: absolute;
			top: 100px;
			height:810px;
			background: url('../img/bg.png');
}


#work {
			position: absolute;
			top: 860px;			
			height:800px;
			background: url('../img/bgy.png')repeat-x,
				        url('../img/bgz.png');				
}

#work article{		
			margin:200px auto 0;

}





#services {
			position: absolute;
			top: 1610px;
			background: url('../img/bgzzz.png')repeat-x,
					    url('../img/bg.png');
			height:850px;
}
			
			
#models{
			position: absolute;
			top: 2460px;
			background: url('../img/bgGr.png')repeat-x,
					    url('../img/bgGr.png');
			height:950px;
}
			
			
#games{
			position: absolute;
			top: 3380px;
			background: url('../img/bg.png');					    
			height:850px;
}
			
#process {
			position: absolute;
			top: 4230px;		
			height:800px;
			background: url('../img/bgGr.png');
						
		
}	

#about {
			position: absolute;
			top: 4930px;		
			height:800px;
			background: url('../img/bg.png');
	
}	

#fewthings {
			position: relative;
			width:400px;
			height:500px;
			float:left;	
			background: url('../img/fewthings.png') no-repeat;	
			margin: 10px 0 0;
}	

#text{	
			margin: 125px 0 0 5px;
			width:380px;
}

.br{	
			margin: 15px 0 0 5px;
}

#awards {
			position: relative;
			width:440px;
			height:510px;
			float:left;	
			background: url('../img/awards.png') no-repeat;	
			margin: 0 0 0 110px;
}
	

#awards  ul{
			
			margin: 220px 0 0 100px;
}	


#contact {
			position: absolute;
			top: 5730px;		
			height:960px;
			background: url('../img/endbg.png') repeat-x;
						
		
}
			
		
			
.web{
			margin:180px auto 0;
			
}


#thankyoubg{
			margin: 0;
			padding:0;
			background: url('../img/bg.png')0 0;
			width:100%;
			height:100%;
			

}

		

#thankyou{
			margin: 0px auto ;
			padding: 300px 0 0 0;

}