/*
Theme Name: MMA
Description: Theme for Michael Maltzan Architecture
Author: 64North
Author URI: http://www.64north.com/
Version: 1.0
*/

html {
	overflow-y: scroll
} 

body {
	background-color: #fff;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div {
	padding: 0px;
	margin: 0px;
}

#wrapper {
	width: 940px;
	margin: 0 auto;
	margin-top: 74px;
	margin-bottom: 153px;
}

#logoWrapper {
	background: url('images/logo.gif') no-repeat center center fixed;
	width: 216px;
	height: 116px;
	float: left;
}

#backWrapper {
	width: 34px;
	height: 86px;
	float: left;
	margin-left: 10px;
}

#topnavWrapper {
	width: 724px;
	float: left;
}

.topnavItemHeader {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#topnavItem1 {
	position: relative;
	background-color: #ffffff; padding: 5px 9px 10px 9px; margin-left: 10px;	
	width: 108px;
	height: 60px; 
	float: left;	
	font-size: 13px;
	cursor: pointer;
}

#topnavItem2 {
	position: relative;
	background-color: #ffffff; padding: 5px 9px 10px 9px; margin-left: 10px;	
	width: 116px;
	height: 70px; 
	float: left;
	font-size: 13px;
	cursor: pointer;
}

#topnavItem3 {
	position: relative;
	background-color: #ffffff; padding: 5px 9px 10px 9px; margin-left: 10px;	
	width: 92px;
	height: 50px; 
	float: left;
	font-size: 13px;
	cursor: pointer;
}

#topnavItem4 {
	position: relative;
	background-color: #ffffff;
	padding: 5px 9px 10px 9px;
	margin-left: 10px;	
	width: 116px;
	height: 307px; 
	float: left;
	font-size: 13px;
	cursor: pointer;
}

#topnavItem4Content {
	position: absolute; width: 114px; bottom: 20px; font-family: Arial, Helvetica, sans-serif;  font-size: 11px; line-height: 13px;	
}

#topnavItem5 {
	position: relative;
	background-color: #ffffff;
	padding: 5px 9px 7px 9px;
	margin-left: 10px;	
	width: 152px;
	height: 159px; 
	float: left;
	font-size: 13px;
	cursor: pointer;
}

#topnavItem5Content {
	position: absolute; width: 152px; bottom: 8px; font-size: 11px; line-height: 13px;
}

a:link    {color:#000000; text-decoration: none;}
a:visited {color:#000000; text-decoration: none;}
a:hover   {color:#00aeef; text-decoration: none;}
a:active  {color:#000000; text-decoration: none;} 

#main {
	/* Always present */
	/* width: 670px; */
	float: left;
	margin-left: 10px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}




/* TEMPLATE SPECIFIC STYLES */

#projectTitleWrapper {
	position: relative; float: left; background-color: #fff; width: 153px; height: 86px; margin-left: 10px;
}

#projectTitle {
	position: absolute; bottom: 8px; left: 8px; width: 137px; font-weight: bold; font-size: 12px; line-height: 14px;
}

#projectInfoThumbnailWrapper {
	float: left; width: 491px; padding-left: 8px; padding-right: 6px;height: 62px; margin-left: 10px; background-color: #fff;
}

#toggleWrapper {
	float: right; width: 39px; height: 24px; background-color: #fff; font-size: 11px; font-weight: bold; line-height: 24px; text-align: right; padding-right: 3px;
}

#projectTemplateBody {
	float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; background-color: #fff; width: 334px; min-height: 540px; padding: 12px 14px; margin-right: 10px;
}

#projectTemplateRightColumn {
	position: relative; float: left; width: 340px;
}

#projectTemplateRightTop {
	position: relative; background-color: #fff; width: 212px; min-height: 114px; padding: 10px 11px; margin-bottom: 10px; font-size: 10px; line-height: 12.25px;
}

#projectTemplateRightBottom {
	position: relative; background-color: #fff; width: 316px; min-height: 244px; padding: 12px;
}

#relatedLinksColumn{
	position: relative; float: left; width: 150px; height: 244px; font-size: 10px; margin-right: 8px;
}

#infoTitleWrapper {
	position: relative; background-color: #fff; width: 218px; height: 106px; padding: 10px; margin-bottom: 10px; line-height: 16px;
}

#infoTitle {
	position: absolute; width: 218px; font-size: 12px; font-weight: bold; bottom: 9px;
}

#infoLinkWrapper {
	position: relative; float: left; background-color: #fff; width: 280px; height: 274px; padding: 10px;
}

#infoLink {
	position: absolute; width: 280px; bottom: 8px;
}

#infoContent {
	float: left; background-color: #fff; width: 330px; padding: 11px 15px; margin-right: 10px;
}

#infoContent1 {
	font-family: Georgia; font-size: 21px; line-height: 25.2px;
}

#infoContent1 p {
	margin: 0px 0px 10px 0px;
}

#infoContent2 {
	font-size: 12px;	
	line-height: 15px;
}

#infoContent2 p {
	margin: 0px 0px 10px 0px;
}




#footer {
}

.slideshow {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

.slideshow .slide {
	width: 100% !important;
	height: 100% !important;
	background-size: cover;
}

.slideshow .slide img {
	width: 100%;
}