@font-face {
    font-family: "Brown";
    src: url('http://craigschlewitz.com/brown-bold-webfont.ttf');
}

body {
font-family: "Courier New", "Helvetica Neue", "Helvetica Neue", "Helvetica Neue", Baskerville, Helvetica, "Courier New", Arial, Verdana, sans-serif, Courier, Monaco, monospace !important;
text-align: left;
font-size: 13px;
height: 100%;
overflow-y:hidden;
}

.navbar {
position:fixed;
top: 0px;
left: 40px;
width: 200px;
padding: 20px;
padding-top: 100px !important;
height: 100%;
}

.header {
padding: 20px;
text-align: left;
font-size: 12px;
line-height: 18px;
}

.header a {
text-transform: uppercase;
line-height: 18px;
color: black;
text-decoration: underline;
padding-right: 20px;
}

.header a:hover {
text-decoration: none;
}

.header a.l {
font-style: normal;
text-align: left;
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
text-decoration: none;
color: black;
border: 0px;
}

.container {
position:absolute;
left: 300px;
height: 100%;
}

.box {
height: 100px;
width:1px;
white-space: nowrap;
position:absolute;
left: 250px;
top: 60px;
}

.boxf {
height: 100px;
width:1px;
white-space: nowrap;
position:absolute;
left: 650px;
top: 60px;
}

.boxx {
height: 100%;
width:1px;
white-space: nowrap;
position:absolute;
left: 250px;
top: -1px;
}

.box2 {
height: 100px;
width:1px;
white-space: nowrap;
position:absolute;
left: 281px;
top: 91px;
}

.textbox {
height: 100px;
width:300px;
position:absolute;
left: 280px;
top: 213px;
font-size: 12px;
line-height: 14px;
}

.textbox2 {
height: 100px;
width:300px;
position:absolute;
left: 650px;
top: 213px;
font-size: 12px;
line-height: 14px;
}

.textbox a, .textbox2 a {
font-size: 12px;
line-height: 18px;
color: black;
text-decoration: underline;
text-transform: uppercase;
}

.textbox a:hover, .textbox2 a:hover {
text-decoration: none;
}

.box img, .boxf img {
max-height: 428px;
padding-right: 20px;
opacity:0.97;
filter:alpha(opacity=97); /* For IE8 and earlier */
}