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

/*a:link {color:#06C}
a:visited {color:#06C}
a:active {color:#06C}
a:hover {color:#06C;
text-decoration:none;}*/

h1 a
{
	display: block;
	background-image: url("http://marisagertz.com/images/mg-head.gif");
	background-repeat: no-repeat;
	padding: 108px 0px 0px 0px;
	height: 0px;
	width: 100px;
	overflow: hidden;
	line height: 100%;
	margin:50px 0 50px 0;
}

body {margin:0px;
padding:0px;

	}
	
div #leftnav {
	position:fixed;
	margin:0 100px 0 0;
	background-color:#FFF;
	z-index:1;
	height:100%;
	}
	
div #projectlist {
	float:left;
	margin:188px 0 0 200px;
	}
	
div #projectlist li {
	margin:0 0 50px 0;
	}
	
ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

h3 {
	width:93px;
	height:23px;
	background-color:#3b3b3b;
	box-shadow: 1px 1px 3px #888888;
	font-family:"Helvetica", "Lucida Grande", sans-serif;
	color:#888888;
	font-size:10pt;
	padding:7px 0 0 7px;
	margin:20px 0 0 0;
	}
	
h3 a {
	color:#f7f7f7;
	text-decoration:none;
	}
	
h3 a:hover {
	color:#DBFDFF;
	}
	
li h2 a
{
font-family:"Helvetica", "Lucida Grande", sans-serif;
font-size:36pt;
text-decoration:none;
color:#666666;
}

li h2 a:hover
{
color:#000000;
}

h2
{
margin-top:12px;
}

	
/*li h2 a {
	display: block;
	background-repeat: no-repeat;
	height: 0px;
	overflow: hidden;
	line-height: 100%;
	}
	
#UP a {
	background-image: url("http://marisagertz.com/images/UPhead.jpg");
	padding: 40px 0px 0px 0px;
	width: 503px;
	}
	
#AR a {
	background-image: url("http://marisagertz.com/images/ARhead.jpg");
	padding: 41px 0px 0px 0px;
	width: 339px;
	}
	
#RS a {
	background-image: url("http://marisagertz.com/images/RShead.jpg");
	padding: 34px 0px 0px 0px;
	width: 455px;
	}
	
#DA a {
	background-image: url("http://marisagertz.com/images/DAhead.jpg");
	padding: 52px 0px 0px 0px;
	width: 228px;
	}
	
#UH a {
	background-image: url("http://marisagertz.com/images/UHhead.jpg");
	padding: 52px 0px 0px 0px;
	width: 692px;
	}*/
	
div #projecttext{
	margin:80px 0 0 200px;
	padding:0px;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:500px;
	}
	
#projecttext p {
	font-size:10pt;
	line-height:20pt;
	margin-top:0px;
	margin-bottom:10px;
	padding:0px;
	text-wrap:normal;
	}
	
#projecttext p a{color:#06C;}

#projecttext p a:hover{color:#06C;
text-decoration:none;}
	
#projecttext h5 {
	color:#3A0101;
	font-size:14pt;
	font-style:italic;
	margin:0px 0 40px 0;
	
	}
	
.description {
	width:1200px; 
	margin-bottom:30px;
}

.title {
font-size:40px;
font-weight:bold;
width: 500px;
height: 875px;
display: block;
float: right;
}

.subtitle {
font-size:30px;
display:block;
margin-top:50px;
}



#ARHead {
	display: block;
	background-repeat: no-repeat;
	height: 0px;
	overflow: hidden;
	line height: 100%;
	background-image: url("http://marisagertz.com/images/ARhead.jpg");
	padding: 41px 0px 0px 0px;
	width: 339px;
	margin:0px 0 15px 0;
	
	}
	
#ABhead {
	display: block;
	background-repeat: no-repeat;
	height: 0px;
	overflow: hidden;
	line height: 100%;
	background-image: url("images/ABhead.jpg");
	padding: 41px 0px 0px 0px;
	width: 457px;
	margin:0px 0 15px 0;
	
	}
	
#WRhead {
	display: block;
	background-repeat: no-repeat;
	height: 0px;
	overflow: hidden;
	line height: 100%;
	background-image: url("images/WRhead.jpg");
	padding: 41px 0px 0px 0px;
	width: 153px;
	margin:0px 0 15px 0;
	
	}
	
#WBhead {
	display: block;
	background-repeat: no-repeat;
	height: 0px;
	overflow: hidden;
	line height: 100%;
	background-image: url("images/WBhead.jpg");
	padding: 41px 0px 0px 0px;
	width: 457px;
	margin:0px 0 15px 0;
	
	}
	
#FShead {
	display: block;
	background-repeat: no-repeat;
	height: 0px;
	overflow: hidden;
	line height: 100%;
	background-image: url("/images/FShead.jpg");
	padding: 41px 0px 0px 0px;
	width: 457px;
	margin:0px 0 15px 0;
	
	}
	
#PChead {
	display: block;
	background-repeat: no-repeat;
	height: 0px;
	overflow: hidden;
	line height: 100%;
	background-image: url("images/PChead.jpg");
	padding: 41px 0px 0px 0px;
	width: 457px;
	margin:0px 0 15px 0;
	
	}
	
div #projectimages{
	white-space:nowrap;
	height:300px;
	display:inline;
	position:absolute;
	left:720px;
	top:90px;
	}
	
div #projectimages img{margin:0 30px 0 0;}

#RSHead {
	display: block;
	background-repeat: no-repeat;
	height: 0px;
	overflow: hidden;
	line height: 100%;
	background-image: url("http://marisagertz.com/images/RShead.jpg");
	padding: 41px 0px 0px 0px;
	width: 455px;
	margin:0px 0 15px 0;
	
	}
	
#UPHead {
	display: block;
	background-repeat: no-repeat;
	height: 0px;
	overflow: hidden;
	line height: 100%;
	background-image: url("http://marisagertz.com/images/UPhead.jpg");
	padding: 41px 0px 0px 0px;
	width: 503px;
	margin:0px 0 15px 0;
	
	}
	
#DAHead {
	display: block;
	background-repeat: no-repeat;
	height: 0px;
	overflow: hidden;
	line height: 100%;
	background-image: url("http://marisagertz.com/images/DAhead.jpg");
	padding: 48px 0px 0px 0px;
	width: 228px;
	margin:0px 0 15px 0;
	
	}
	
#UHHead {
	display: block;
	background-repeat: no-repeat;
	height: 0px;
	overflow: hidden;
	line height: 100%;
	background-image: url("http://marisagertz.com/images/UHHeadsmall.jpg");
	padding: 56px 0px 0px 0px;
	width: 641px;
	margin:0px 0 15px 0;
	
	}
	
	
html.magnifying > body {
  overflow-x: hidden !important;
}
.magnify,
.magnify > .magnify-lens,
.magnify-mobile,
.lens-mobile { /* Reset */
  min-width: 0;
  min-height: 0;
  animation: none;
  border: none;
  float: none;
  margin: 0;
  opacity: 1;
  outline: none;
  overflow: visible;
  padding: 0;
  text-indent: 0;
  transform: none;
  transition: none;
}
.magnify {
  position: relative;
  width: auto;
  height: auto;
  box-shadow: none;
  display: inline-block;
  z-index: inherit;
}
.magnify > .magnify-lens { /* Magnifying lens */
  position: absolute;
  width: 200px;
  height: 200px;
  /*border-radius: 100%;
  /* Multiple box shadows to achieve the glass lens effect */
  /*box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
    0 0 7px 7px rgba(0, 0, 0, 0.25),
    inset 0 0 40px 2px rgba(0, 0, 0, 0.25);*/
  cursor: none;
  display: none;
  z-index: 99;
}
.magnify > .magnify-lens.loading {
  background: #333 !important;
  opacity: 0.8;
}
.magnify > .magnify-lens.loading:after { /* Loading text */
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #fff;
  content: 'Loading...';
  font: italic normal 16px/1 Calibri, sans-serif;
  letter-spacing: 1px;
  margin-top: -8px;
  text-align: center;
  text-shadow: 0 0 2px rgba(51, 51, 51, 0.8);
  text-transform: none;
}