@charset "UTF-8";
/* CSS Document */

sup {
  vertical-align:top;
  font-size:11px;
  font-family: Verdana, Geneva, sans-serif;
  color: #666;
}

sub {
  vertical-align:bottom;
  font-size:10px;
  font-family: Verdana, Geneva, sans-serif;
  color: #666;
}

.thumbnails a { color: #000; text-decoration: none;}
.thumbnails a:hover {text-decoration: none;}

body { background:#fff; height: auto;}



.content { width: 1280px; height:auto; float:left; margin:40px 0 20px 20px; }

.header {
  margin:20px 0 0 100px;
  font-size: 11px;
  font-color:#000;
  font-family: Verdana, Geneva, sans-serif;
}

.header-title {
  display: inline-block;
  position: relative;
  font-size: 11px;
  vertical-align: top;
  text-align: left;
}

.header-subtitle {
  display: inline-block;
  position: relative;
  font-size: 11px;
  vertical-align: top;
  text-align: left;
}

.header-link {
  display: inline-block;
  position: relative;
  font-size: 11px;
  vertical-align: top;
  text-align: right;
  margin: 0 0 0 370px;
}

.header-title p {
  font-weight: bold;
  padding-bottom: 20px;
}

.header-subtitle p {
  font-weight: bold;
  padding-bottom: 0;
}

.header-title a {
  text-decoration: none;
  color: #000;
  padding: 3px 3px 3px 3px;
}

.header-title a:hover {
  background: #fba1ff;
}

.header-title span {
    font-weight: normal;
  }

  .header-link p {
    font-weight: normal;
    padding-bottom: 20px;
    font-style: italic;
  }

  .header-link a {
    text-decoration: none;
    color: #000;
    padding: 3px 3px 3px 3px;
  }

  .header-link a:hover {
    background: #fba1ff;
  }

  .header-link span {
      font-weight: normal;
    }



.thumbnails { width: 1100px; height: auto; margin:50px 0 0 100px;}

.project_thumb {
  display: inline-block;
  margin: 0 40px 40px 0;
  position: relative;
  text-align: left;
  font-size: 11px;
  vertical-align: top;
}


.project_thumb > a:hover .thumb_title span {
	background: #fba1ff;
}

.project_thumb.hover .thumb_image,
.project_thumb > a:hover .thumb_image {
	outline-offset: 2px;
}

.project_thumb .thumb_image {
  position: relative;
  margin-bottom: 10px;
  min-width: 200px;
  min-height: 150px;
}

.project_thumb .thumb_image img {
	display: block;
	margin: 0;
    width: 200px;
    height: 150px;
    background-color: #000;
}

.thumb_title {
  color: #000;
  font-weight: normal;
  font-size: 11px;
  line-height: 15px;
  text-align: left;
  font-family: Verdana, Geneva, sans-serif;
  margin: 0 0 0 10px;
}

.thumb_title span {
  padding: 1px 3px 1px 0;
}


.images { width: 900px; height: auto; float: left; margin:50px 0 0 100px;}

.images p {
  display: inline-block;
  margin: 0 40px 40px 0;
  position: relative;
  vertical-align: top;
  width:400px;
  font-family:Verdana, Geneva, sans-serif;
  font-size:11px;
  color:#000;
  text-align: left;
  line-height:13px;
}

.images .input {
  font-style: italic;
  font-size: 12px;
  line-height: 15px;
}

.images .input-narrow {
  font-style: italic;
  font-size: 14px;
  line-height: 18px;
  padding:50px 100px 0 50px;
  width:250px;
}

.images .input-narrow-2 {
  font-style: italic;
  font-size: 12px;
  line-height: 16px;
  padding:25px 50px 0 50px;
  width:300px;
}

.images a {
  color: #000;
  text-decoration: none;
}

.images a:hover {
  text-decoration: none;
  background: #fba1ff;
}

.images img {
  display: inline-block;
  margin: 0 40px 40px 0;
  position: relative;
  vertical-align: top;
  width:400px;
}

.images .big {
  display: inline-block;
  margin: 0 40px 40px 0;
  position: relative;
  vertical-align: top;
  width:840px;
}

.images .medium {
  display: inline-block;
  margin: 0 40px 40px 0;
  position: relative;
  vertical-align: top;
  width:640px;
}

.images div {
  display: inline-block;
  margin: 0 40px 40px 0;
  position: relative;
  vertical-align: top;
  width:400px;
}

.images span {
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
  font-color: #000;
  font-size: 11px;
  width:400px;
}



.footer {
  margin:20px 0 0 100px;
  font-size: 11px;
  font-color:#000;
  font-family: Verdana, Geneva, sans-serif;
}

.row {
  display: inline-block;
  margin: 0 40px 40px 0;
  position: relative;
  text-align: left;
  font-size: 11px;
  vertical-align: top;
  width: 350px;
}

.row-small {
  display: inline-block;
  margin: 0 40px 40px 0;
  position: relative;
  text-align: left;
  font-size: 11px;
  vertical-align: top;
  width: 200px;
}

.footer span {
  font-weight: bold;
}

.footer a{
  text-decoration: none;
  color: #000;
  padding: 1px 1px 1px 1px;
}

.footer a:hover{
  background: #fba1ff;
}


/* @media screen and (max-width: 600px) {
    .image { float:left; width:427px; height:422px; background-image: url("tower-medium.jpg"); }
	.content { max-width: 480px; height:auto; float:left; margin:34px 0 35px 34px; }
	.content p{ font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#000; margin:25px 0 30px 20px; width:150px; float:left; line-height:13px; }
}
*/
@media screen and (max-width: 500px) {

	.content { width: 500px; height:auto; float:left; margin:20px 0 0 15px; }
		.text {  }
			.text p{ font-family:Verdana, Geneva, sans-serif; font-size:8px; color:#000; text-align: right; float:left;  line-height:13px; width: 80px; height:auto; margin: 0 0 0 0;}
			.text a{ font-family:Verdana, Geneva, sans-serif; font-size:8px; color:#000; text-decoration:none; }
			.text a:hover{ font-size:9px; color:#000; text-decoration:underline; }
	.image { float:left; width:200px; height:498px; background-image: url("tower-small.jpg"); margin: 0 0 0 10px; }
.image-caption { width:1px; height:1px; background-image: url(""); margin: 0 0 0 0; }

}