/* style.css */

body {
font-family: Helvetica, Arial, sans-serif;
background: #F2D694 url(../image/mountains.png) no-repeat;
background-position: 100% 100%;
padding: 0 0 0 0;
}
.container_12 {

}
.title {
font-size: 3em;
padding: 10px 0 0 0;
}


.titleblurb {
text-align: center;
width: 480px;
position: absolute;
margin: 0 0 0 480px;
padding: 10px 0 0 5px;
background: url(../image/blurb-bubble.png) no-repeat;
background-position: 0 -40px;
height: 180px;
z-index: -1;
}

em {
color: #FA2A00;
}

.titleblurb br {
margin-bottom: 10px;
}

ul.nav {
margin-top: 10px;
margin-bottom: 10px;
}
ul.nav li {
float: left;
margin: 0 10px 0 0;
font-size: 1.75em;
}

ul.nav li a {
color: black;
}

ul.nav li a:hover {
color: #FA2A00;
}

h2.subtitle {
color: #FA2A00;
font-size: 5em;
margin-bottom: 30px;
margin-top: 10px;

}

.infobox {

	height: 200px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	/*background: #FA2A00;*/
}

/* for javascript hovering */
.infobox a {
display: block;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
padding: 10px;
font-size: 1.5em;
color: white;
text-decoration: none;

}

.infobox a.normal {
display: inline;
width: auto;
height: auto;
padding: 0;
font-size: 1em;
color: #FA2A00;
}
.infobox a.normal:hover {
color: #FF5F3F;
}
.infobox img {
position: absolute;
top: 0;
left: 0;
background: #F2D694;
}
/* ONLY TEMPORARY FOR CONTACT/COOKING */
.infobox.tmp {
height: auto;
}
.infobox.tmp a:hover {
color: #FA2A00;
}
.tmp p, .tmp h3 {
display: block;
margin: 0 0 10px 0;
padding: 10px;
font-size: 1.1em;
color: #3D1C00;
background: white;
}
/* hide text in display boxes 
.infobox p, .infobox h3 {

display: none;
}*/
/* display stuff in text box */
.worktext p, .worktext h3, .phototext p, .phototext h3, .sustaintext p, .sustaintext h3 {
display: block;
margin: 0 0 10px 0;
padding: 10px;
font-size: 1.1em;
color: #3D1C00;
background: white;
}

.worktext {

}