@charset 'UTF-8';



/*

Theme Name: STUDIO NEWWORK

Theme URI: http://studionewwork.com

Description: STUDIO NEWWORK wordpress theme

Version: 1.0

Author: <a href="http://studionewwork.com/">STUDIO NEWWORK</a>

Tags: Simple Theme

*/



/*

6px 	0.5em 	50% 

7px 	0.583em 	58.3% 

8px 	0.667em 	66.7% 	

9px 	0.75em 	75% 	

10px 	0.833em 	83.3% 	

11px 	0.917em 	91.7% 	

12px 	1em 		100% 	

13px 	1.083em 	108.3% 	

14px 	1.167em 	116.7% 	

15px 	1.25em 	125% 	

16px 	1.333em 	133.3% 	

17px 	1.417em 	141.7% 	

18px 	1.5em 	150% 	

19px 	1.583em 	158.3% 	

20px 	1.667em 	166.7% 	

21px 	1.75em 	175% 	

22px 	1.833em 	183.3% 	

23px 	1.917em 	191.7% 	

24px 	2em 		200% 	

*/



/* A full-screen element that is not the root element should be stretched

   to cover the viewport. */

:full-screen:not(:root) {

  position:absolute;

  top:0;

  left:0;

  right:0;

  bottom:0;

  z-index:2147483647;

  background:black;

  /* override mapped width and height attributes */

  width:100% !important;

  height:100% !important;

}

/* If there is a full-screen element that is not the root then

   we should hide the viewport scrollbar. */

:root:full-screen-ancestor {

  overflow:hidden;

}

:full-screen-ancestor {

  /* Ancestors of a full-screen element should not induce stacking contexts

     that would prevent the full-screen element from being on top. */

  z-index:auto;

  /* Ancestors of a full-screen element should not be partially transparent,

     since that would apply to the full-screen element and make the page visible

     behind it. It would also create a pseudo-stacking-context that would let content

     draw on top of the full-screen element. */

  opacity:1;

  /* Ancestors of a full-screen element should not apply SVG masking, clipping, or

     filtering, since that would affect the full-screen element and create a pseudo-

     stacking context. */

  mask:none;

  clip:auto;

  filter:none;

}



/* A full-screen element that is not the root element should be stretched

   to cover the viewport. */

:-webkit-full-screen:not(:root) {

  position:absolute;

  top:0;

  left:0;

  right:0;

  bottom:0;

  z-index:2147483647;

  background:ffffff;

  /* override mapped width and height attributes */

  width:100% !important;

  height:100% !important;

}

/* If there is a full-screen element that is not the root then

   we should hide the viewport scrollbar. */

:root:-webkit-full-screen-ancestor {

  overflow:hidden;

}

:-webkit-full-screen-ancestor {

  /* Ancestors of a full-screen element should not induce stacking contexts

     that would prevent the full-screen element from being on top. */

  z-index:auto;

  /* Ancestors of a full-screen element should not be partially transparent,

     since that would apply to the full-screen element and make the page visible

     behind it. It would also create a pseudo-stacking-context that would let content

     draw on top of the full-screen element. */

  opacity:1;

  /* Ancestors of a full-screen element should not apply SVG masking, clipping, or

     filtering, since that would affect the full-screen element and create a pseudo-

     stacking context. */

  mask:none;

  clip:auto;

  filter:none;

}



body:-webkit-full-screen{

  	overflow-y:scroll;	

}



::selection {

	background: #000000; /* Safari */

	color: #ffffff;

}

::-moz-selection {

	background: #000000; /* Firefox */

	color: #ffffff;

}



#wpadminbar{

	display: none;

}



*{

    margin:0;

    padding:0;

}



html{

	overflow-y:scroll;

	-webkit-text-size-adjust:none;

}



html, body{

	background-color: #fff;

	color: #676767;

}



body{

	padding: 0;

}





/* clearfix */

.clearfix:after {

	content:"";

	display:block;

	clear:both;

}





/* for IE6 */

* html .clearfix {

	display:inline-block;

}



/* for IE7 */

*+html .clearfix {

	display:inline-block;

}



a:link,

a:visited{

	color: #808285;

	text-decoration: none;

}



a:hover,

a:active{

	color: #808285;

	text-decoration: none;

}



.alpha_obj{

	cursor: pointer;

}



a{

	border: none;

	outline: none;

}



img{

	border: none;

	outline: none;

}



.loader{

	margin: 0 0 20px 0;

}



#preloadedImages {

	display: none;

}



h1{

	background: #fff url(images/header_bg.svg) 0 0 no-repeat;
	background-size: 240px auto;
	position: absolute;

	width: 241px;

	height: 173px;

	left: 48px;	

	top: 32px;

	z-index: 9999;

}



h1 strong{

	position: absolute;

	left: 11px;	

	top: 40px;

}

#address{

	position: absolute;

	left: 203px;	

	top: 72px;

	z-index: 9999;

}

#newwork_mag{

	position: absolute;

	left: 252px;	

	top: 98px;

	z-index: 9999;

}



#header{

	position: fixed;

	background-color: #ffffff;

	top: 0;

	left: 0;

	height: 100px;

	width: 100%;

	z-index: 9998;

}





#header #nav_sec{

	position: absolute;

	left: 480px;

	top: 33px;

	width: 500px;

	height: 60px;

}



#header #nav_sec #nav_sec_inner{

	position: relative;

	width: 500px;

	height: 60px;

}



#header #nav_sec li.nav_menu{

	color: #808285;

	line-height: 1.4em;

}



#header #nav_sec #nav_group1{

	position: absolute;

	left: 0;

	top: 0;

}



#header #nav_sec #nav_group2{

	position: absolute;

	left: 192px;

	top: 0;

}



#header #nav_sec #nav_group3{

	position: absolute;

	left: 384px;

	top: 0;

}



#header #nav_sec li#btn_ml{

	cursor: pointer;

}



#header #nav_sec li#btn_ml:hover{

	color: #000000;

}



#header #nav_sec a.current:link,

#header #nav_sec a.current:visited{

	color: #000000;

}



#header #nav_sec a:hover,

#header #nav_sec a:active{

	color: #000000;

}



#header #nav_sec img{

	margin: 0;

	padding: 0;

	line-height: 0;

	font-size: 0;

}



#header #nav_sec li .wp-tag-cloud{

	margin: 5px 0 0 0;

}



#header #nav_sec li .wp-tag-cloud li{

	font-size: 100%;	

	margin: 0 0 3px 0;

}



#header #nav_sec .w1{

	width: 144px;

}



#sns_btns{

	position: absolute;

	left: 1044px;

	top: 26px;

}



#sns_btns li{

	float: left;

	margin: 0 8px 0 0;

}



#xml_list{

	display: none;

}



#scroll_nav{

	position: fixed;

	left: 0;

	top: 260px;

	display: none;

}



#scroll_nav img{

	vertical-align: bottom;

}



#contact_form{

	display: none;

	position: absolute;

	left: 864px;

	top: 84px;

}



#contact_form label{

	color: #d1d3d4;

	line-height: 2.4em;

}



.slider_nav{

	display: none;

}



.contact_message{

	margin: 4px 0 0 0;

	color: #ff0000;

}



.contact-input{

	background-color: #E7E8E9;

	padding: 6px 10px;

	border: none;

	color: #808285;

	width: 194px;

}



#form_btns{

	margin: 1px 0 0 0;

}





.contact-input: focus{

	outline: none;

	border: none;

}



input:hover, 

input:focus

{

	outline: none;

}



.contact-send{

	background-color: #e8e9e9;

	color: #808285;

	cursor: pointer;

	border: none;

	padding: 7px 10px;

	font-size: 83.3%;

}



.contact-cancel{

	background-color: #e8e9e9;

	color: #808285;

	cursor: pointer;

	border: none;

	padding: 7px 10px;

	font-size: 83.3%;

	position: relative;

	left: -2px;

}



#trunk{

	margin: 260px 0 0 60px;

	min-width: 980px;

}



#statement{

	width: 300px;

}



#statement p{

	margin: 0 0 16px 0;

	line-height: 1.4em;

}



.cat_row{

	overflow: hidden;

	position: relative;

	height: 570px;	

	margin: 0 0 180px 0;

}



.cat_row .social_widgets{

	margin: 26px 0 0 0;

}



.cat_row .social_widgets li{

	width: 144px;

	height: 25px;

	float: left;

	margin: 0 0 3px 0;

	overflow: hidden;

}



.cat_row .social_widgets li.btn_label span{

	position: relative;

	top: 5px;

}



.cat_row .social_widgets li img{

	vertical-align: bottom;

	cursor: pointer;

}



.cat_row .slider_nav{

	position: absolute;

	right: 0;

	top: 0;

	z-index: 5000;

}



.cat_row .slider_nav img{

	vertical-align: bottom;

	cursor: pointer;

}



.cat_row_inner{

	position: absolute;

	left: 0;

	top: 0;

	width: 99999px;

}



.cat_row_inner_inner{

	display: inline-block;

}



.cat_desc{

	float: left;

	padding: 0 120px 0 0;

	width: 300px;

	min-height: 480px;

}



.cat_desc h2{

	font-weight: bold;

	color: #000;

}



.cat_desc p{

	margin: 0 0 18px 0;

	line-height: 1.4em;

}



.image_box{

	float: left;

	margin: 0 1px 0 0;

}



.image_box .image{

	width: 722px;

	height: 480px;

	margin: 0 0 18px 0;

	cursor: crosshair;

}



.image_box p{

	line-height: 1.4em;

	font-size: 83.3%;

}



#template_path{

	display: none;

}



#footer{

	margin: 40px;

	height: 30px;	

}



#footer_inner{

	padding: 84px 0 0 0; 	

	position: relative;

	width: 900px;

	height: 30px;

}



#copyright{

	position: absolute;

	left: 60px;

	top: 84px;

	color: #d1d3d4;

}



#email{

	position: absolute;

	left: 480px;

	top: 84px;

}



#phone{

	position: absolute;

	left: 672px;

	top: 84px;

}



#friend_us{

	position: absolute;

	left: 865px;

	top: 84px;

	width: 80px;

}



#content .main{

	padding: 0 0 100px 0;

}



#content .main p{

	margin: 0 0 18px 0;

	line-height: 1.4em;

}



#content .main strong{

	font-weight: bold;

}







.row{

	overflow: hidden;

	position: relative;

	height: 560px;	

	margin: 0 0 180px 0;

}



.row .social_widgets{

	margin: 26px 0 0 0;

}



.row .social_widgets li{

	width: 144px;

	height: 25px;

	float: left;

	margin: 0 0 3px 0;

	overflow: hidden;

}



.row .social_widgets li.btn_label span{

	position: relative;

	top: 5px;

}



.row .social_widgets li img{

	vertical-align: bottom;

	cursor: pointer;

}



.row .slider_nav{

	position: absolute;

	right: 0;

	top: 0;

	z-index: 5000;

}



.row .slider_nav img{

	vertical-align: bottom;

	cursor: pointer;

}



.row_inner{

	position: absolute;

	left: 0;

	top: 0;

	width: 9999px;

}



.row_inner_inner{

	display: inline-block;

}



.row_desc{

	float: left;

	padding: 0 120px 0 0;

	width: 300px;

	min-height: 480px;

}



.row_desc h2{

	font-weight: bold;

	color: #000;

}



.row_desc p{

	margin: 0 0 18px 0;

	line-height: 1.4em;

}



.row_desc p.post_tags {

	margin: 3px 0 20px 0;

}



.row_desc p.post_date {

	margin: 3px 0 20px 0;

}



#profile h2{

	color: #000000;

	margin: 0 0 15px 0;

}



#profile div{

	margin: 0 0 170px 0;

}



#profile #partners dl{

	padding: 5px 0 0 0;

}



#profile #partners dd{

	margin: 0 0 14px 0;

}



#profile #partners dt{

	margin: 0 0 46px 0;

}



#profile #lead_copy{

	margin: 0 0 180px 0;

}



#profile #team dd{

	margin: 0 0 18px 0;

}



#profile #awards ul li,

#profile #press ul li{

	margin: 0 0 18px 0;

}



.fb_iframe_widget{

	

}