/* CSS layout */
html {
	height: 100%;
	margin: 0;
	padding: 0;
}


body {
font-family: 'Average Sans', sans-serif;
/*font-family: "jaf-bernino-sans",sans-serif;*/
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #605D56;
letter-spacing: 0.5px;
padding: 0px;
margin: 0px;
background: #FFFFFF; /* url('../images/cream_pattern.png'); 
background-repeat:repeat-x repeat-y;*/
}

h1 {
    
}

#container {
	padding-top: 0px;
	margin: 0 auto;
	width: 960px;
	/*background-position:top;
	min-height: 100%;
	position: relative;*/
	background: #FFFFFF;
}

#sidecontainer {
	padding-top: 0px;
	margin: 0 auto;
	width: 1200px;
	background: #FFFFFF;
}


/*
.nav {
text-align:center;
margin-right: -17px;
margin-top: 45px;
}
*/

/*************** NAV BAR *******************/
#nav_bar {
	/*margin: 0 auto;*/
	width: 100%;
	background: #FFFFFF;
	/*background: url('../images/Menu-Background.png');
	background-repeat: repeat-x;
	height: 29px;*/
	position: fixed;
	
    z-index: 10;
}
ul.nav {
	list-style-type:none;
	text-align: center;
	margin:0;
	padding:0;
}
li.nav {
	display:inline;
	padding-left: 40px;

}a.nav {
	color: #474643;
    border: gray hidden 2px ;
    text-decoration: none;
	font-family: 'Average Sans', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 12px;
	margin-right: 30px;
	letter-spacing: 3px;	
}
a.nav:link {
	color: #474643;
}
a.nav:visited {
	color: #474643;
}
a.nav:active {
	color: #FF4040;
}
a.nav:hover {
	color: #FF4040;
	background-color: #FFFFFF;
}


/*************** HEADINGS *******************/


#headingone {
	font-family: 'Average Sans', sans-serif;
	/*font-family: "jaf-bernino-sans",sans-serif;*/
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 23px;
	color: #605D56;
	letter-spacing: 0.5px;
	padding: 0px;
	margin: 0px;
}

#headingtwo {
	font-family: 'Average Sans', sans-serif;
	/*font-family: "jaf-bernino-sans",sans-serif;*/
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 23px;
	color: #FF4040;
	letter-spacing: 0.5px;
	padding: 0px;
	margin: 0px;
}

#headingthree {
	font-family: 'Average Sans', sans-serif;
	/*font-family: "jaf-bernino-sans",sans-serif;*/
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	line-height: 23px;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 0.5px;
	padding: 0px;
	margin: 0px;
}

#headingfour {
	font-family: 'Average Sans', sans-serif;
	/*font-family: "jaf-bernino-sans",sans-serif;*/
	font-style: normal;
	font-weight: 300;
	font-size: 25px;
	line-height: 23px;
	color: #605D56;
	letter-spacing: 0.5px;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

/*#upperwrapper {
	margin: 0 auto;
	width: 900px;
}*/
#logo {
	margin: 0 auto;
	width: 500px;
}

/*.center
{
margin-left:auto;
margin-right:auto;
width:50%;
background-color:#FFFFFF;
}
*/

.fullwidth {
    min-height:600px!important;
    max-height:600px!important;
    
    background: url('../images/studio_home.jpg') no-repeat center center;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

p.just {
	text-align: justify;
}




#left {
  margin-right: 153px;
}
#right {
  margin-left: 150px;
}

#left_wrapper {
  width: 43.5%;
  margin-right: -85px;
  float: left;
  position: relative;
  z-index: 0;
}

#middle_wrapper {
  width: 250px;
  margin-right: -85px;
  float: left;
  position: relative;
  z-index: 2;
}

#right_wrapper {
  width: 43%;
  float: left;
  position: relative;
  z-index: 1;
}

#process_wrapper {
  width: 30%;
  margin-right: -85px;
  float: left;
  position: relative;
  z-index: 0;
}



#contact_right {
	float: right;
	width: 115px;
}

#desk_right {
	float: right;
	width: 590px;
}

#footer {
	width: 100%;
	height: 50px;
	background: #FF4040;
	/* background: url('../images/footer.png'); */	
}

/*#head {
	width:100%;
	height: 453px;
	background: #FFFFFF;
}
*/

/*************** WORK *******************/
.work {
margin-top: 14px;
padding-bottom: 30px;
border-bottom: 1px solid #FFFFFF;
}

.work_one {
float: left;
width: 630px;
}

.inner_one {
float: left;
width: 300px;
}

.inner_two {
float: right;
width: 300px;
}

.work_two {
float: right;
width: 300px;
}

.work_clear {
clear: both;
}

a.linkfade img {
filter:alpha(opacity=100);
margin-right: 1px;
margin-bottom: 1px;
margin-left: 0px;
-moz-opacity: 1.0; 
opacity: 1.0;
-khtml-opacity: 1.0;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}

a.linkfade:hover img {
filter:alpha(opacity=75); 
-moz-opacity: 0.5; 
opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}

/*************** DESK *******************/
.desk {
margin-top: 14px;
padding-bottom: 30px;
border-bottom: 1px solid #FFFFFF;
}

.desk_one {
float: left;
width: 715px;
}

.in_one {
float: left;
width: 300px;
}

.in_two {
float: right;
width: 300px;
}

.desk_two {
float: right;
width: 245px;
}

.in_three {
float: left;
width: 200px;
}

.desk_clear {
clear: both;
}




/*************** PORTFOLIO INDIVIDUAL PIECES *******************/
.portfolio {
margin-top: 14px;
padding-bottom: 30px;
border-bottom: 1px solid #FFFFFF;
}

.portfolio_one {
float: left;
width: 520px;
}

.portfolio_two {
float: right;
width: 300px;
}

.portfolio_clear {
clear: both;
}


/*************** LINKS *******************/
a:link {
color: #605D56;
text-decoration: none;
}

a:visited {
color: #FF4040;
text-decoration: none;
}

a:hover {
color: #FF4040;
text-decoration: none;
}

/* a:active {
color: #605D56;
text-decoration: none;
} */


/*************** SLIDESHOW *******************/

.slideshow { 
height: 363px; 
width: 960px; 
margin: auto; 
overflow: hidden; 
}


/*************** SLIDESHOW TWO *******************/

.slideshow_two { 
height: 644px; 
width: 960px; 
margin: auto; 
overflow: hidden; 
}