/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5em;background-color: black;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

/* colours */
body, a, .former, .pic, .pay, .footer p a{
color:#998675;
}

p a, a:hover, h2, .selected, .footer p a:hover, .msg h1{
color:#A1A6B0;
}

.nemail { display: inline; color:#998675; padding-right: 10px; }
.email { display: none }
.js .nemail { display: none }
.js .email { display: inline }

/* typography */
html {font-size:100.01%;}

body {
font-size:75%;
font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
}

a, h1 a:hover{
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
em{
font-style: oblique;
}

.maincolumn p{
text-align: justify;
margin-bottom: 1.5em;
}
.tri p, .tri h3{
margin-bottom: 1.5em;
}

.footer p{
margin-left: 10px;
}

h1, h2, .navbar, h3 {
font-weight: bold;
}

.cv h1, .msg h1{
font-size: 1.7em;
margin-bottom: 1em;
}
.cv p{
padding-left: 40px;
}
.cv h3{
float:left;
}

.pic {
padding-left: 10px;
margin-top: 3em;
padding-top: 1.5em;
border-top: 1px solid #998675;
clear: both;
}

.pay:before {
content: "• " ;
}

.more:after{
content: "…";
}

.footer p a{
padding-left: 10px;
margin-right: 10px;
border-left: 1px solid #998675;
}
.first{
margin-left: 10px;

}

/* layout */

.container {
width:950px;
margin:0 auto;
height:100%;
display: block;
overflow-x: hidden;
}
.show{
background: url(images/grid.png);

}
.header{
width: 100%;
display:block;
border-bottom: 1px solid #998675;
overflow: hidden;
}
.navigation{
width:150px;
float:left;
display: inline;
height:110%;
overflow: hidden;
}

.content{
float:right;
width: 799px;
display:inline;
border-left: 1px solid #998675;
position: relative;
}

.maincolumn{
width: 510px;
float:left;
padding-left: 10px;
margin-top: 3em;
}
.sidecolumn {
width:250px;
float: right;
margin-top: 3em;
margin-bottom: 3em;
}

.tri{
padding-left: 10px;
width:250px;
float: left;
margin-top: 3em;
display:block;
margin-right: 5px;
}

.pict{
padding-left: 10px;
width:143px;
float: left;
margin-top: 3em;
display:block;
margin-right: 5px;
margin-bottom: -2em;
}
.last{
margin-bottom: 3em;
}

.spacer{
height:250px;
display: block;
width: 1px;
}

.footer{
clear: both;
height:20px;
width: 100%;
display: block;
border-top: 1px solid #998675;
padding-top: 1.3em;
margin-bottom: 3em;

}
.footer img{
float: right;
position: relative;
top: -6px;
}

#slideshow1{
width:800px;
height:350px;
overflow: hidden;
float:left;
background: #000;
}
#slideshow2{
width:800px;
height:570px;
overflow: hidden;
float:left;
background: #000;
margin-bottom: 3.2em;
}

.front{
position: relative;
top:-90px;
margin-bottom: -88px;
}

.msg{
position: absolute;
z-index: 200;
padding: 15px;
margin-left: 10px;
margin-top: -80px;
background: rgba(0, 0, 0, 0.65);
}
.msg:hover{
background: rgba(60, 60, 60, 1);
}
.ie7 .msg{
background: #000;
margin-left: -780px;
margin-top: -330px;
}
.msg h1{
margin-bottom: 3px;
}

.roll:hover{
opacity:0.8;
}
/* styling */
.head{
font-size: 340%;
width:150px;
border-right: 1px solid #998675;
line-height: 30px;
height:69px;
padding-top: 20px;
word-spacing: -5px;
letter-spacing: -2px;
float: left;
}
.alt{
font-size: 80%;
}

.header h2{
float: left;
margin-left: 10px;
margin-top: 0.9em;
margin-bottom: .5em;
font-size: 160%;
width: 780px;
display: block;
}
.header h3{
padding-left: 160px;
}

.former{
font-weight: bold;
font-size: 90%;
margin-bottom: 1.5em;
}

ul{
list-style: none;
}
li{
margin-bottom: 0.95em;

}
.navbar{
font-size: 160%;
}

.full{
margin-bottom: 3em;
border-bottom: 1px solid #998675;
}
.tri h2{
font-size: 1.3em;
border-bottom: 1px solid #A1A6B0;
margin-bottom: 1.1em;
}

.social{
display:inline;
height:33px;
}

#tw, #tw a, #fb, #fb a, #rss, #rss a{
display:block;
width:33px;
height:33px;
float: left;
margin-right: 5px;
background-color: #998675;
}
#tw a:hover, #fb a:hover, #rss a:hover{
background-color: #A1A6B0;
}

.a2a_dd img{
margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;
}

.fb{
margin-left: 10px;
}


/* form */
fieldset{
margin-bottom: 3em;
}

label{
margin-bottom: 0px;
margin-top: 1.5em;
}

input, textarea{
width:400px;
background-color: #999;
border:none;
padding: 5px;
}

input:focus, textarea:focus{
background-color: white;
}

input[type=submit]{
width:200px;
border-radius:10px;
-moz-border-radius: 10px;
text-shadow: 0px 1px 1px #FFFFFF; 
}
.error{
width:400px;
padding:.5em;
background-color: #c08985;
color: white;
display: block;
}
.success{
width:400px;
margin-bottom:300px;
padding:.5em;
background-color: #80c080;
color: white;
display: block;
}
#mc_embed_signup{
clear: both;
width:150px;
padding-top: 10px;
border-top: 1px solid #998675;
}
.sign, .mc-field-group, #mce-EMAIL{
width:135px;
}
#mc-embedded-subscribe{
width: 145px;
margin-top: 5px;
}