
body{
	margin: 0 40px;
	color:#141414;
	font-family:Verdana, Myriad, Times, Verdana, Arial;
	font-size:12px;
}

a, a:active, a:visited {text-decoration:none;color:#000000;}
a:hover {color:#888888;}

h1 {
font-weight: normal;
text-transform: capitalize;
font-size:1.6em;
}

.logo {font-size:2.0em;}

.intro {margin:4% auto 0; width: 1008px;}
.intro section{
	padding: 40px 0 10px;	
	font-size: 1.2em;
	line-height: 2.0em;
	width:80%;
}

.intro-link {
	padding-top: 20px; 
	font-size:1.2em;
	font-style: normal;
}

.intro-link a {color:#F26602;}

.article {

}

header {padding: 50px 0 20px 40px;}

nav {
	overflow: hidden;
	border-top:2px solid #888888;
	padding:0px 0px 0px 30px;
}
nav div {
	float:left;
	padding:10px 10px;
	text-transform: uppercase;
}
nav div a, nav div a:hover, nav div a:visited {text-decoration:none;color:#000000;}
nav div a:hover {color:#888888;}

.text-center {
margin:0 10%;
}

.main {
font-size: 1.4em;
line-height: 2em;
}

.spacer {padding:0 0 0 10px;}

#essey .main, #studio .main {
font-size: 1.2em;
line-height: 2.0em;
}

#essey .main {
  padding: 10px 255px;
  width: 50%;
}

section{ padding:10px 40px;}
section p {  }

#studio .main .col-left{width:45%;}
#studio .main .col-right{width:50%;}
#studio .custom-img {text-align:center;margin-left: -50px;}
#studio .custom-img img {padding:0px 3px;}
#studio .main div ul { margin-top:0px; margin-bottom:0px;}
#studio .main .col-right img {padding: 10px 0px;}
.flow-l{
float:left;
}

.flow-r{
float:right;
}

.clear {clear:both;overflow: hidden;}

footer {padding: 10px 40px 40px;}
.copyright {font-size:1em;text-transform: capitalize;}

.contact
{
font-size: 1.2em;
list-style: none;
padding-left:60px;
line-height: 20px;
}
.contact a{text-decoration:none;color:#8e9193;}

@media (max-width: 1251px)
{
.intro {margin:4% auto 0; width: 90%;}
#studio .main .col-left{width:100%;}
#studio .main .col-right{width:100%;}
#studio .custom-img {text-align:center;margin-left: 0px;}
#studio .main .col-right img {
    float: left;
    margin: 0 auto;
    padding: 0 5px;   
}
#essey .main {padding:10px 180px;}
}



@media (max-width: 1179px)
{
.intro {margin:4% auto 0; width: 90%;}
#studio .main .col-left{width:100%;}
#studio .main .col-right{width:100%;}
#studio .custom-img {text-align:center;margin-left: 0px;}
#studio .main .col-right img {
    float: left;
    margin: 0 auto;
    padding: 0 5px;   
}
#essey .main {padding:10px 180px;}
}

@media (max-width: 768px)
{
.intro {margin:4% auto 0; width: 90%;}
.intro-image {width:100%;}
#studio .main .col-left{width:100%;}
#studio .main .col-right{width:100%;}
#studio .custom-img {text-align:center;margin-left: 0px;}
#essey .main {padding:10px 40px;}
#studio .main .col-right img {margin:0 auto;padding: 10px 5px;}

}

@media (max-width: 480px) 
{
.intro {margin:4% auto 0; width: 90%;}
.intro-image {width:100%;}
#studio .main .col-left{width:100%;}
#studio .main .col-right{width:100%;}
#studio .custom-img {text-align:center;margin-left: 0px;}
#essey .main {padding:10px 40px;}
#studio .main .col-right img {margin:0 auto;padding: 10px 0px;}
}



/*--- overwrite lightbox on studio page ------*/
#studio .imageRow {
    margin: 5px 0;
}
#studio .imageRow .set {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    border-radius: 0px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0);

#studio .imageRow .single a img {
    border: 0px solid rgba(0, 0, 0, 0);
    border-radius: 0px;
}




