* {
font-family: Lucida Grande, Lucida, Tahoma, Verdana, sans-serif;
color: #b7b7b7;
margin: 0px;
padding: 0px;
list-style: none;
text-decoration: none;
}
.body {
font-size: 100%;
}
h1 {
font-size:2.5em;
}
h2 {
font-size:1.875em;
}
p, a {
/* font size taken care of in #wrap-all definition */
}
a:hover, .selected {
color: #555555;
}
.text-gray {
color: #b7b7b7;
}
.text-black {
color: #555555;
}
.text-title {
color: #555555;
font-weight: bold;
}
.text-location {
color: #555555;
}
.text-date {
color: #555555;
}
.text-bold {
font-weight: bold;
}
.text-swiss {
font-family: Swis721 BT, Lucida Grande, Lucida, Tahoma, Verdana, sans-serif;
}

#wrap-all {
position: relative;
width: 800px;
margin: auto;
font-family: ;
font-size:0.7em;
display: none;
}
#wrap-cover {
position: absolute;
width: 800px;
height: 800px; /* HEADER HEIGHT + MAIN HEIGHT; THIS MUST BE CHANGED IF THERE IS A HEIGHT CHANGE TO WEB PAGE */
left: 0px;
top: 0px;
background: white;
margin: 0px;
z-index: 100;
}

#header-row {
margin: 0px;
position: relative;
width: 100%;
height: 125px; /*distance from top of browser to top of image*/
}

#header-left-column {
position: relative;
margin: 0px;
float: left;
width: 600px;
height: 100%;
}

#header-right-column {
position: relative;
margin: 0px;
float: right;
width: 200px;
height: 100%;
overflow: hidden;
}

#title-image {
position: absolute;
margin-bottom: 37px; /*distance from bottom of StudioROEDER title to top of image*/
float: left;
left: 0px;
bottom: 0px;
cursor: pointer;
display: none;
}

#main-row {
margin: 0px;
position: relative;
width: 100%;
}

#main-content-column {
margin: 0px;
position: relative;
float: left;
width: 600px;
height: 675px; /* THIS DETERMINES MAX HEIGHT OF CONTENT (IMAGE + DESCRIPTION), OVERFLOW BEYOND LIMIT IS CUT OFF */
overflow: hidden;
}

#main-nav-column {
margin: 0px;
position: relative;
float: right;
width: 200px;
height: 400px;
/* Trying to let text flow off page
overflow: visible; */
}

#nav {
position: absolute;
margin-left: 20px;
width: 200px;
top: 0px;
left: 0px;
}
#nav-cover {
position: absolute;
top: 0px;
left: 0px;
width: 200px;
height: 100%;
background: white;
}

#nav ul {
margin-left: 15px;
list-style: none;
text-decoration: none;
}

.content-container {
margin: 0px;
position: relative;
left: 0px;
top: 0px;
width: 100%;
/* Trying to let text flow down page
overflow: hidden; */
display: none;
}

.content {
margin: 0px;
position: absolute;
left: 0px;
top: 0px;
width: 600px;
dislay: none;
}

.content-textonly {
margin: 0px;
width: 600px;
/*height: 400px;  lengthening page*/
height: 100%;
text-align: right;
/*overflow: scroll;*/
}

.content-textonly-col1 {
margin: 0px;
float: left;
width: 500px;
/*height: 400px;*/
text-align: right;
}

.content-textonly-col2 {
margin-right: 25px;
float: right;
width: 75px;
/*height: 400px;*/
text-align: right;
}

.content-cover {
margin: 0px;
position: absolute;
left: 0px;
top: 0px;
width: 600px;
height: 675px; /* THIS MUST BE MODIFIED IF EXPECTED OVERALL HEIGHT CHANGES */
background: white;
}

.content-image-container {
margin: 0px;
position: relative;
left: 0px;
top: 0px;
width: 600px;
height: 400px;
overflow: hidden;
}

.content-image {
margin: 0px;
position: absolute;
float: right;
right: 0px;
bottom: 0px;
overflow: hidden;
display: none;
}

/* added class for home images that link to projects */
.item-link {
}

.item-link:hover {
cursor:pointer;
}

.content-description-container {
margin-top: 0px;
position: absolute;
left: 0px;
top: 400px;
width: 600px;
/* Trying to let description flow further down page
overflow: hidden; */
text-align: right;
}

.content-description-cover {
margin-top: 0px;
position: absolute;
left: 0px;
top: 400x;
width: 600px;
height: 200px;
background: white;
}

.content-description-title {
margin-top: 10px;
text-align: right;
}

.content-description-caption {
margin-top: 10px;
text-align: right;
}

.image-menu2 {
margin-top: 5px;
width: 100%;
text-align: right
}

.image-icon {
background-color:#666666;
width: 20px;
height: 15px;
float:left;
}

.image-menu {
margin-top: 5px;
width: 100%;
text-align: right
}

.image-menu ul {
 float: right;
 }
 
.image-menu li {
float: left;
margin-left: 5px;
margin-right: 0px;
}
.content-description {
margin-top: 5px;
}
.content-title {
margin-top: 1em;
text-align: right;
}
.content-caption {
margin-top: 0.5em;
text-align: right;
}

#content-contact {
background-image:url(../img/contact.jpg);
background-repeat: no-repeat;
height: 100%;
}

#content-home .image-menu {
visibility: hidden;
}

#intro-cover-1 {
position: absolute;
margin: 0 auto;
background: white;
right: 0px;
width: 100%;
height: 100%;
}

#intro-cover-2 {
position: absolute;
margin: 0 auto;
background: white;
right: 0px;
width: 365px;
height: 100%;
}

#intro-cover-3 {
position: absolute;
margin: 0 auto;
background: white;
right: 0px;
width: 172px;
height: 100%;
}

.above {
  z-index: 2;
}
.above-all {
  z-index: 10;
}
.below {
  z-index: 1;
}
 
#footer-row {
clear: both;
margin: 0px;
position: relative;
width: 100%;
height: 50px;
}