* { margin: 0; border: 0; padding: 0; }
p { margin-top: 1em; margin-bottom: 1em; }
body {
    background: #000000 url('media/background.png') repeat-x top left;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #3b3b3b;
    margin: 0;
    padding: 0;
    text-align:center;
}
#comingup { width:254px; height:73px; }

a { 
    color: #af0000;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a.menu-link {
    color: #d40000;
    margin-right: 22px;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
}
a.menu-link:hover {
    text-decoration: underline;
}

h1 {
    width: 288px; height: 149px;
    z-index: 1;
    position: relative;
    left: -30px;
    float: left;
    background: url('media/logo.png');
}

h1 a { display: block; width: 288px; height: 149px; }
h1 span { margin-left: -9999px; }

h2 { text-transform: uppercase; color: #a10000; }
img#men {
    width: 225px; height: 95px;
    position:relative;
    z-index: 0;
    top: 16px;
    float: right;
}

div#menubar-border-bottom {
    background: url('media/bottom_border.png') repeat-x top left;
    overflow: hidden;
    width: 100%;
    height: 11px;
}
div#menubar-border-top {
    background: url('media/top_border.png') repeat-x top left;
    clear: both; overflow: hidden;
    width: 100%;
    height: 11px;
}
div#menubar-bg {
    z-index: 1;
    background-color: #ffffff;
    height: 30px;
    width: 100%;
}
div#menubar-container {
    z-index: 1;
    position: absolute;
    top: 106px;
    width: 100%;
    min-width: 980px;
}
div#menubar {
    z-index: 1;
    background-color: #ffffff;
    position: relative;
    top: -26px;
    left: 220px;
    width: 700px;
}

div#site {
    width: 947px;
    text-align: left;
    margin: 0 auto;
}
div#content-container {
    width: 947px;
    position: relative;
    top: -20px;
}
div#content-padding {
    background: url('media/content_shadow.png') repeat-y;
    width: 947px;
    padding-top:14px;
    margin-left: 6px;
    margin-right: 12px;
    position: absolute;
    left: 0; top:0;
}
div#content {
    position: relative;
    width: 860px;
    left: 36px;
    padding-top: 20px;
    margin-left: 6px;
    margin-right: 6px;
    background-color: #ffffff;
}

div.left-col {
    float: left;
    width: 470px;
}

div.right-col {
    margin-left: 470px;
}

.heading {
    font-weight: bold;
    font-size: 18px;
}
img#swoop {
	margin:0;
	padding:0;
}
div#swoop-cont {
    margin-left: 6px;
    clear:both;
    width: 935px;
    height: 174px;
}
div#redline {
    position: relative;
    top: -7px;
    background: url('media/redline.png') repeat-x top left;
    height: 8px;
    clear:both; overflow: hidden;
    width: 935px;
}
div#writeus {
    float:right;
    font-size: 9px;
    font-family: Verdana, sans-serif;
    margin-bottom: 10px;
    padding-right: 30px;
    color: #000000;
}
div#events-box {
    text-align: left;
    width: 300px;
    margin: 0 auto;
}
img#burnham { width: 75px;  height: 105px; }
img.top-rule {
    width: 832px; height: 1px;
    position: relative;
    left: -8px;
    margin-top: 6px;
}
div.past-event-spacer {
    height: 15px;
    clear: both; overflow: none;
}
div.past-event-box {
    margin-top: 30px;
}
div.past-event-box .pic {
    width: 100px;
    float: left;
}
div.past-event-box .text {
    width: 750px;
    float: left;
}
div.past-event-box .text .header {
    width: 750px;
}
div.past-event-box .text .header .left {
    width: 350px;
    float: left;
}
div.past-event-box .text .header .right {
    width: 350px;
    float: left;
}
div.past-event-box .text .eb-body {
    clear: both;
    padding-top: 8px;
}
div.past-event-box .text .header .event-name {
    font-size: 18px;
    color: #a10000;
}
div.past-event-box .text .client {
    font-size: 12px;
    color: #000000;
}
div.past-event-box .text .client-desc {
    font-size: 18px;
    color: #a10000;
}
div.past-event-box .text .header .date {
    font-size: 12px;
    color: #000000;
}
a.details-link {
    color: #ff0000;
    text-decoration: none;
}
a.details-link:hover {
    text-decoration: underline;
}
span.name {
    font-family: serif;
    font-size: 15px;
    font-weight: bold;
    color: #d40000;
}
span.role {
    font-family: serif;
    font-size: 15px;
    color: #a4a4a4;
}
div#faces {
    position: relative;
    top: 100px;
    left: 0px;
    z-index: 0;
}

img#faces-img {
    position: absolute;
    width: 486px;
    height: 246px;
    z-index: 1;
}
img#meetbox {
    position: absolute;
    top: 340px;
    margin-left: 10px;
}
p#meetp { width: 486px; position: absolute; top: 400px; color: #a10000; text-align: center; }

div#bio-steven { background: url('media/box_steven.png') no-repeat top left; }
div#bio-courtney { background: url('media/box_courtney.png') no-repeat top left; }
div#bio-sebastian { background: url('media/box_sebastian.png') no-repeat top left; }
div#bio-jonathan { background: url('media/box_john.png') no-repeat top left; }
div.bio-box {
    padding: 25px;
    width: 404px;
    height: 146px;
    position: absolute;
    top: -22px;
    left: 40px;
    z-index: 1;
}
div.bio-box p {
    margin: 0;
    color: black;
    font-size: 13px;
    margin-top: 1em;
    width: 400px;
}

label {
    font-weight: bold;
    font-size: 12px;
    width: 20em;
}
input, textarea {
    border: 1px solid #bdbdbd;
    padding: 2px;
    margin-bottom: 5px;
}
input[type=text], textarea {
    font-family: monospace;
}
input[type=image] {
	border: none;
}
p#emailorcallus {
    margin-top: 30px;
    font-weight: bold;
    font-size: 16px;
}
div.event-detail {display: none;}
div.event-thumbnails {
	float: right; 
    width: 151px;
    height: 346px;
    padding-left: 40px;
    padding-top: 30px;
    padding-right: 40px;
    background-image: url('media/pink.png');
    background-repeat: no-repeat;
    text-align: center;
    margin-left: 20px;
    margin-right: 60px;
	font-size: 11px; color: white;
}
#cookiecutter {
    width: 289px; height: 61px;
}
div.event-thumbnails img {
    border: none;
}