* { margin: 0; outline: 0;}
ul, ol { padding:  0; }
img {border:0;}
a,
a:active,
a:visited {color: #322; text-decoration: none; padding-top: 1px;}
a:hover {background-color: #EEE; color: #322; padding-top: 1px;}

h1 { color: #222; font-size: 16px; line-height: 23px; margin: 0 0 5px 0; }
h2 { color: #433; font-size: 12px; line-height: 20px; margin: 0 0 5px 0; }

a.worklink { line-height:20px;}

.name { color: #222; font-size: 24px; line-height: 23px; margin: 0 0 5px 0; }

.subheading {font-weight: bold; line-height: 25px;}

.heading { font-weight: bold; color: #322; font-size: 16px; line-height: 28px; margin: 0 0 5px 0; letter-spacing: 1px; }

.reverseout {background-color: #eee; color: #222; padding-top: 2px;}

.title-body {
margin-top: 5px;
background: #FFF;
text-align: center;
font-family: 'Arial','Helvetica Neue','Arial', sans-serif;
font-size: 12px; line-height: 15px;	
}

.spacedpara {
margin-bottom: 10px;

}

em {
font-weight: bold;
font-style: normal;
}

.workIndicator {

max-height: 380px;
max-width: 550px;


}

.workThumb {

max-height: 50px;
max-width: 100px;


}

.workIndicatorFront {

max-height: 267px;
max-width: 400px;

}

.system-body {
font-family: 'Helvetica Neue','Arial', sans-serif;
font-size: 12px; line-height: 15px;
background: #fff;
}

#top-level{

position: relative;
margin-left: auto;
margin-right: auto;
width: 800px; 

}

#divider {
float: left;
clear: left, right;
border-top: 1px solid #bbb;
width:800px;
height: 0px;
}

#titles
{
float: left;
clear: left, right;
height:30px;
width:750px;
text-align: left;
padding-left: 5px;
padding-top: 5px;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 0px;
font-family: 'Helvetica Neue','Arial', sans-serif;
font-weight: bold;
}

#nav {
clear: left;
float: left;
text-align: left;
//background-color: #FFFFFF;
display: block;
width: 500px;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 10px;
overflow: hidden;
}

#main-panel{
float: left;
text-align: left;
//background-color: #FFFFFF;
display: block;
width: 300px;
padding-left: 2px;
margin-top: 10px;
margin-bottom: 12px;
margin-left: 10px;
overflow: hidden;
}

#wide-panel{
float: left;
text-align: left;
//background-color: #FFFFFF;
display: block;
width: 450px;
margin-top: 10px;
margin-bottom: 12px;
margin-left: 10px;
overflow: hidden;
}

.workslist {
margin-top:3px;
margin-bottom:2px;
display: none;
}

#imgnavcontainer {
float: left;
 width:450px; height:325px;
}

#imgnav{
//display:none;
//text-align: left;
position: relative; 
width:400px;
height:268px; 
left: 50%; 
top: 50%; 
padding: 1px;
margin-left: -150px; 
margin-top: -146px; 
}

#news{
font-weight: em;
}

#worknav {
float: left;
height: 50px;
width: 780px;
margin-left:15px;
}

#imgnavcontainerlrg {
float: left;
width:600px; height:400px;
 
}

#imgnavlrg{
position: relative; 
text-align: center;
width:578px;
height:400px; 
padding-left: 3px;
}

#projectbrief {
font-family: Georgia, "Times New Roman", Times, serif;
float:left;
line-height: 16px;
margin-top: -2px;
padding-right: 5px;	
margin-left: 15px;
margin-bottom: 10px;
height: 380px;
width: 170px;
z-index: 800;
overflow:auto;
border-right:solid 1px #bbb;
}