@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	/*max-width: 100%;*/
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout */

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

.gridContainer {
	width: 97.4%;
	padding: 1.3%;
	margin: 0px auto;
	color: #000000; 
	font-size: 11px; 
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.6em;
}
#headerNavBox {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#contentBox {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding: 35px 0px 0px;
}

.collectionContainerDetailList #contentBox.contentPortfolio { padding: 59px 0px 0px;}

#MAZ_logo {

	float: left;
	clear: both;
	width: 100%;
	padding: 0px;
	margin: 0px 0px 10px;

}

#MAZ_logo a:hover img { opacity: 1;}

#MAZ_nav {

	float: left;
	width: 100%;
	margin-top: 12px;

}

#MAZ_nav ul { float: left; width: 100%; border-top: 1px dotted #000000; padding: 0px; } 
#MAZ_nav ul li { float: left; clear: both; padding: 2px 0px; border-bottom: 1px dotted #000000; width: 100%; }
#MAZ_nav ul li:hover,
#MAZ_nav ul li.active { background-color: #aa935d; }
#MAZ_nav ul li a { padding: 0px 5px; color: #000000; float: left;  }
#MAZ_nav ul li.active a,
#MAZ_nav ul li:hover a { color: #ffffff; text-decoration: none; }

#contentBox {

	float: left;  

}

#startPage_content, 
#content { width: 100%; float: left; min-height: 400px;}
#startPage_content h1, 
#content h1 { line-height: 24px; color: #aa935d;  font-size: 24px; font-weight: normal; margin: 0px 0px 20px; }
#content h1 { margin-left: -2px;}
#introText { padding: 0px 0px 15px; width: 100%; border-bottom: 1px dotted #000000; }
#introText p {padding-bottom: 10px;}
#introLinksTitle { border-top: 1px dotted #000000; border-bottom: 1px dotted #000000; padding: 2px 0px; width: 100%; }
#introLinks { float: left; padding: 10px 0px;}
.linkItem {float: left; clear: none; width: 29.9%; min-width: 176px; margin-right: 2.5%; padding: 10px 0px 10px 0px;}
#link3, #link6 {;}
.linkLabel { width: 176px; padding: 10px 0px 10px;}
.linkLabel a {color: #aa935d;}
.linkLabel a:hover {color: #aa935d; text-decoration: underline;}
.linkImg  {width: 176px;}

#footerBox { width: 100%; float: left; clear: both; padding: 10px 0px; border-top: 1px dotted #000000; /*margin-top: 20px;*/ }

.inlineModule .detailListItem {margin-right: 2.2%;}

#collectionDetailList .listText  {width: 150px;}


/* Tablet Layout (portait) -- Inherits styles from: Mobile Layout. */

@media screen and (min-width: 768px) {

#headerNavBox {
	float: left;
	width: 15.6%;
	margin-right: 5.2%;
	display: inline;
	clear: none;

}

#contentBox {
	float: left;
	clear: none;
	width: 79.2%;
	max-width: 588px;

}

#collectionDetailList .listText {width: 440px;}
}



/* Tablet Layout (landscape) and Desktop Layout -- Inherits styles from: Mobile Layout and Tablet Layout. */

@media screen and (min-width: 1024px) {
	
.gridContainer { max-width: 1004px;}
.linkItem {margin-right: 20px;}

.inlineModule .detailListItem {margin-right: 15px;}



}





