/**** Base styles ****/

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

body{
margin: 0 auto;
background-color:#e0d7d1;
font-family: Georgia, "Times New Roman", Times, Serif; 
color: #333333; 
font-size: 15pt; 
line-height: 11.5pt; 
}



#slideshow {
    position:absolute;
    left: 50%;
    margin-left: -350px;
	top: 200px;
    height:350px;
    width: 700px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.name{
margin-left: -375px;
top: 175px;
position: absolute;
left: 50%; 
height: 400px;
width: 750px;
background-repeat:no-repeat;
z-index:15;
}

.enter{
position: absolute;
top: 575px; left: 50%; 
margin-left: -105px;
height: 30px;
width: 210px;
background-repeat:no-repeat;
z-index:16;
}


.email_01{
margin: auto;
margin-top: 25px;
margin-right:25px;
position: absolute;
top: 0px; left: 0; bottom: 0; right: 0;
height: 30px;
width: 45px;
display: block; 
background-repeat:no-repeat;
z-index:2;
}
.email_02{
margin: auto;
margin-top: 25px;
margin-right: 0px;
position: relative;
height: 30px;
width: 45px;
background-repeat:no-repeat;
z-index:2;
}

#logo {
position: absolute;
margin-left: -5px;
margin-top: 25px;
width: 216px;
height: 90px; 
}

#topmenu {
position: absolute;
margin-left: 0px;
margin-top: 150px;
text-align: left;
float: left;
height: 20px;
width: 500px;
font-size: 14pt;
letter-spacing:1.5px; 
}

#topmenu a {
color: #333333;
text-decoration: none;
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
margin-right: 14px;
}

#topmenu a:hover {
color: #B5B5B5; 
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
}

#topmenu a:active {
color: #333333;
}

.twitter{
margin: auto;
margin-top: 137px;
margin-right: 0px;
margin-bottom:0px;
position: relative;
height: 26px;
width: 26px;
background-repeat:no-repeat;
z-index:2;
}

.line{
position: relative;
background-color:black;
margin-top: 10px;
margin-right: auto;
width: 100%;
height: 1px;
z-index:2;
}

/* project pages---------------------------*/

.main_col{
float: left;
margin-right: 20px;
width:670px;	
}

.info_col{
float: left;
width:210px;
overflow: visible;
}


.project_line{
background-color:black;
height: 1px;
width: 30px;
background-repeat:repeat-y;
z-index:5;
margin-bottom: 10px;
}

.project_title{
font-family: Georgia, "Times New Roman", Times, Serif; 
font-size: 22pt;
line-height: 24pt; 
font-weight:normal;
font-style:italic;
letter-spacing:.5px; 
color: #000000;
margin-bottom: 40px;
margin-top: -5px;
width: 220px;
z-index:5;
}


.project_info{
font-family: "Arial, Helvetica, Lucida Grande", sans-serif;
font-size: 8pt; 
line-height: 10pt;
letter-spacing:.5px;
color: #000000;
width: 220px;
margin-bottom: 40px;
z-index:5;
}

p.info_header{
font-size: 8pt; 
font-weight:bold;
color: #000000;
}

.project_descrip{
font-size: 11pt; 
line-height: 17pt;
letter-spacing:-.5px;
color: #000000;
/*width: 220px;*/
overflow: visible;
z-index:5;
}

p.project_header{

}

.project_container{
width:670px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 60px;
}

/*Editorial Page---------------------*/

.editorial_col{
float: left;
width:690px;	
}

.editorial_cell{
float: left;
width: 210px;
height: 285px;
margin-right: 20px;
margin-bottom: 20px;	
}

.editorial_cell a{
display: block;
color: #333333;
text-decoration: none;
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
}

.editorial_cell a:hover{
display: block;
color: #333333;
opacity: .25;
text-decoration: none;
transition: opacity .15s ease-in-out;
-webkit-transition: opacity .15s ease-in-out; /* Safari */
-moz-transition: opacity .15s ease-in-out;
-ms-transition: opacity .15s ease-in-out;
-o-transition: opacity .15s ease-in-out;
}

.editorial_cell a:active{
display: block;
color: #333333;
}

.editorial_image{
width: 210px; 
height: 130px;
margin-bottom: 20px;	
}

h1.editorial_date{
font-family: "Arial, Helvetica, Lucida Grande", sans-serif;
font-size: 6.5pt; 
line-height: 10pt;
margin-top: 5px;
margin-bottom: 0px;	
}

h2.editorial_title{
font-size: 14pt; 
font-weight:normal;
font-style:italic;
line-height: 16pt;
margin-bottom: 8px;	
}

p.editorial_descrip{
font-size: 10pt; 
font-weight:normal;
font-style:italic;
line-height: 12pt;			
}

.editorial_line{
position:inherit;
margin-top: 0px;
background-color:black;
margin-right: auto;
width: 100%;
height: 1px;
z-index:2;
}

/*About Page---------------------*/

.about_info{
margin-top: 25px;
font-size: 20pt; 
color: #333333;
font-weight:normal;
font-style:italic;
line-height: 32pt;
}

.line_shadow{
position: absolute;
margin-top: 50px;
height: 3px;
width: 100%;
background-repeat:repeat-y;
z-index:2;
}

.about_col_1a{
position: absolute;
margin-top: 100px;
margin-left: 0px;
font-size: 9.25pt;
line-height: 13pt; 
color: #333333;
z-index:2;	
}

.about_col_2a{
position: absolute;
margin-top: 100px;
margin-left: 173px;
font-size: 9.25pt;
line-height: 13pt; 
color: #333333;
z-index:2;
}

.about_col_2a a{
color: #333333;
text-decoration: none;
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
}

.about_col_3a{
position: absolute;
margin-top: 100px;
margin-left: 403px;
font-size: 9.25pt;
line-height: 13pt; 
color: #333333;
z-index:2;
}

.about_col_3a a{
color: #333333;
text-decoration: none;
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
}

.about_col_3a a:hover {
color: #B5B5B5;
}
 

.about_col_4a{
position: absolute;
margin-top: 100px;
margin-left: 631px;
z-index:2;	
}

.about_col_1b{
position: absolute;
margin-top: 200px;
margin-left: 0px;
font-size: 9.25pt;
line-height: 13pt; 
color: #333333;
z-index:2;		
}

.about_col_1b2{
position: absolute;
margin-top: 200px;
margin-left: 79px;
font-size: 9.25pt;
line-height: 13pt; 
color: #333333;
z-index:2;		
}

.about_col_2b{
position: absolute;
margin-top: 200px;
margin-left: 173px;
font-size: 9.25pt;
line-height: 13pt; 
color: #333333;
z-index:2;	
}

.about_col_2b a{
color: #333333;
text-decoration: none;
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
}

.about_col_2b a:hover {
color: #B5B5B5;
}

.about_col_3b{
position: absolute;
margin-top: 200px;
margin-left: 403px;
font-size: 9.25pt;
line-height: 13pt; 
color: #333333;
z-index:2;	
}


.about_col_3b a{
color: #333333;
text-decoration: none;
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
}

.about_col_3b a:hover {
color: #B5B5B5;
}

.about_col_4b{
position: absolute;
margin-top: 200px;
margin-left: 631px;
font-size: 9.25pt;
line-height: 13pt; 
color: #333333;
z-index:2;
	
}


/*----------------------------------*/

/*Contact Page---------------------*/
.contact_info_1{
margin-top: 20px;
width: 350px;
font-size: 20pt; 
color: #333333;
font-weight:normal;
font-style:normal;
line-height: 28px;
}

.contact_info_1 a{
color: #333333;
text-decoration: none;
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
}

.contact_info_1 a:hover {
color: #B5B5B5;
}

.contact_info_2{
position: absolute;
margin-top: -90px;
margin-left: 385px;
font-size: 20pt; 
color: #333333;
font-weight:normal;
font-style:italic;
line-height: 28pt;
}

.contact_info_2 a{
color: #333333;
text-decoration: none;
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
}

.contact_info_2 a:hover {
color: #B5B5B5;
}

.contact_info_3{
position: absolute;
margin-top: -80px;
margin-left: 770px;
font-size: 20pt; 
color: #333333;
font-weight:normal;
font-style:italic;
line-height: 32pt;
}



/*----------------------------------*/



#options {
	margin: 0 auto;
	margin-top: 10px;
	margin-left:0px;
	padding-left:0px;
	padding-right:50px;
	padding-bottom: 0px;
	font-size: 12pt;
	line-height: 18pt;  
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select:none;
	-o-user-select: none;
	user-select: none;
}

#options ul {
margin: 0;
list-style: none;
text-align: left;
}

#options li {
  float: left;
  margin-left:0px;
  text-align: left;
  color: #000000;
}

#options li a {
display: block;
margin-left:0px;
margin-right:15px;
color: #B5B5B5;
text-align: left;
transition: none;
-webkit-transition: none; /* Safari */
text-decoration: none;
}

#options li a:hover {
  color: #662d91;
  transition: none;
  -webkit-transition: none; /* Safari */  
  text-decoration: none;
}

#options li a:active {
  color: #662d91;
  text-decoration: none;
}

#options li:last-child a {
  margin-right:40px;
}

#options li a.selected {
  text-shadow: none;
  color: #662d91;
  cursor:default;
}

.breakhack {
  display: none;
}
/*--------------------------------------*/
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/**** Isotope styles ****/

/* required for containers to inherit vertical size from window */
html,
body {
  height: 100%;
  width: 100%;
}

#content {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
}

#container {
	position: absolute;
	margin-top: 75px;
	margin-left: 0px;
	padding-left:0px;
	padding-right:0px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select:none;
	-o-user-select: none;
	user-select: none;
}

.logo {
  width: 216px;
  height: 245px;
  float: left;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  overflow: hidden;
  position: absolute;
  font-size: 10.5pt;
  line-height: 16pt; 
  color: #222;
}
.logo:nth-child(4n+4) {
	margin-right: 0;
}

.logo * {
  position: absolute;
  margin: 0;
  margin-top:0px;
}

/*--------------------------------------*/

/* sticky.css---------------------------*/
* {margin: 0;}

html, body {
	height: 100%;}

#wrap {

	min-height: 100%;
	width:100%;
	max-width: 900px;
	margin: 0 auto;
}

#main {
	overflow-y:auto;
	overflow-x:hidden;
	padding-bottom: 100px; /* must be same height as the footer */
	visibility: hidden;
	}  

#footer {
	position: relative;
	font-size: 9.25px;
	margin-top: 1900px; /* negative value of footer height */
	min-width: 300px;
	height: 50px; /* total 100px with the top padding*/
	padding-top: 0px;
	text-align: left;
	clear:both;
	z-index: 2;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select:none;
	-o-user-select: none;
	user-select: none;
	}
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}



/* Isotope, etc. -------------------------------------------------------------*/
/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

.isotope .isotope-item:nth-child(4n+4) {
	
	
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */