html, body{
margin:0;
padding:0;
}

div#head{
height:110px;
background-color:#3b6683;
width:100%;
border-bottom:3px solid #e4e4e4;
}

#header-logo{
margin-top:10px;
}

div#foot{
height:80px;
background-color:#3b6683;
width:100%;
border-top:3px solid #e4e4e4;
text-align:center;
padding:1em 0;
}


.bordered{
background-color:#e4e4e4;
border: 3px solid #3b6683;
border-left:0;
border-right:0;
}



h1{font-size:2.5em;}
h2{font-size:2.5em;}
h3{font-size:2.5em;}
h4{font-size:1.5em;}

h3{margin-bottom:0.5em;}

#introduction{
color:#444;
line-height:1.25em;
}

.pad{
padding:1em;
}

.serif{
font-family: "Archer", "Georgia";
}

.sans{
font-family: "Gotham Condensed", "Arial", "Helvetica";
}

.blue{ color:#3b6683; }
.green{ color:#52bf2f; }
.dark{ color:#111; }
.grey{ color:#666;}
.white{ color:#eee;}
.fat{ font-size:1.8em; }
.pseudolabel{ 
	display: inline-block;
	width:5.5em;
	text-align:right;
}

ul{
padding-left:25px;
}
li{
margin-left:0.15em;
padding:0;
}

a.nodec{
text-decoration:none;
}

#contact-options{
	margin-top:3em;
}

.bqstart, .bqend{
display:inline-block;
height:11px;
line-height:0.6em;
font-size:5em;
vertical-align:middle;
color:#888;
padding-right:5px;
}

.bqend{
margin-left:5px;
}

p{
margin-bottom:0.7em;
}

/* FOLIO */
div#folio{
position:relative;
height:300px;
}

div.folio-item{
position:absolute;
top:0;
left:0;
z-index:8;
display:none;
background-color:#e4e4e4;
height:276px; /* parent 300 minus padding(24) */
padding:12px;
overflow:hidden;
}

.folio-item-thumb{
cursor:pointer;
}


div.folio-item.active{
z-index:10;
display:block;
}

div.folio-item.last-active{
z-index:9;
}

/* FORM */

label{
display:inline-block;
width:11em;
text-align:right;
padding-right:0.5em;
}

#notice{
padding-left:12em;
font-weight:bold;
color:#555;
}

textarea, input{
width:250px;
padding:4px;
font-family: 'sans';
}

textarea {
font-size: 1em;
}

.invalid{
background-color: #ff9f9f !important;
border: 1px solid #ff0000 !important;
}