body {
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
}

a {
color: #000000;
font-style: normal;
text-decoration: none;
}

a:active, a:focus, input[type="image"] {
outline: 0;
}

a img {
border: none;
}

p {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
margin: 0px;
line-height: 1.3em;
orphans: 4;
widows: 3;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin: 0px 0px 2px 0px;
}

ul {
font-size: 11px;
margin-top: -0.05em;
}

#progress_indicator {
	width: 150px;
	padding-left: 10px;
	padding-right: 10px;
}
#progress_indicator_text {
margin-top: .5em;
color: #999999;
font-weight: bold;
font-size: 10px;
float: right;
}
#control_text {
margin-top: .5em;
color: #999999;
font-weight: bold;
font-size: 10px;
float: left;
}

#header_container {
width: 500px;
height: 60px;
margin: 0px;
padding: 0px;
}

#logo {
position: absolute;
top: 15px;
left: 15px;
width: 130px;
height: 23px;
}

#nav_bar {
position: absolute;
width: 190px;
height: 35px;
top: 15px;
left: 215px;
}

#nav_list {
width: 190px;
height: 35px;
list-style: none;
margin: 0;
padding: 0;
}

#nav_list span {
display: none;
}

#nav_list a {
height: 8px;
display: block;
}

#nav_list li {
height: 8px;
display: block;
list-style: none;
display: block;
}

#nav_projects {
width: 190px;
height: 8px;
background: url(../content/main/nav_bar/nav_bar_full.gif) 0px 0px no-repeat;
}
#nav_projects a:hover {
background: url(../content/main/nav_bar/nav_bar_full.gif) 0px -16px no-repeat;
}

#nav_about {
width: 190px;
height: 8px;
background: url(../content/main/nav_bar/nav_bar_full.gif) -190px 0px no-repeat;
}

#nav_about a:hover {
background: url(../content/main/nav_bar/nav_bar_full.gif) -190px -8px no-repeat;
}

#nav_press {
width: 190px;
height: 8px;
background: url(../content/main/nav_bar/nav_bar_full.gif) -380px 0px no-repeat;
}

#nav_press a:hover {
background: url(../content/main/nav_bar/nav_bar_full.gif) -380px -8px no-repeat;
}

#nav_contact {
width: 190px;
height: 8px;
background: url(../content/main/nav_bar/nav_bar_full.gif) -570px 0px no-repeat;
}

#nav_contact a:hover {
background: url(../content/main/nav_bar/nav_bar_full.gif) -570px -8px no-repeat;
}

#subheader_container {
width: 500px;
height: 26px;
position: absolute;
top: 10px;
left: 0px;
}

#projects_main {
position: absolute;
top: 0px;
left: 15px;
width: 250px;
height: 20px;
}

#projects_title {
position: absolute;
top: 0px;
left: 215px;
width: 285px;
height: 20px;
}

.thumbnail
{
float: left;
width: 192px;
height: 100%;
margin: 0px 8px 10px 0px;
background:url(../content/main/thumb_main/thumb_unsel.gif) 0px 0px no-repeat;
}

a:hover .thumbnail {
background: url(../content/main/thumb_main/thumb_sel.gif) 0px 0px no-repeat;
background-color: #E5E5E5;
}

#thumb_container {
position: absolute;
top: 105px;
left: 15px;
padding-bottom: 15px;
}

#picture {
width: 190px;
height: 94px;
border: 1px solid #CCCCCC;
}

#caption {
padding: 2px 5px 5px 0px;
font-size: 9px;
width: 186px;
}

#info_container {
position: absolute;
top: 3em;
left: 215px;
width: 500px;
height: 500px;
margin: 0px;
padding: 0px;
}

#project_date {
position: absolute;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
width: 190px;
}

#project_type {
position: absolute;
top: 0px;
left: 200px;
width: 250px;
}

#project_description {
position: absolute;
top: 0px;
width: 500px;
}

#project_pictures {
top: 6.5em;
width: 500px;
}

#img_container {
margin-top: 10px;
padding-bottom: 10px;
}

#img_buttons {
margin-top: 0px;
width: 500px;
height: 20px;
padding-bottom: 20px;
}

#img_button_prev {
width: 190px;
float: left;
}							

#img_button_next {
width: 190px;
padding-left: 10px;
float: left;
}

/* ABOUT */
#misc_container {
position: absolute;
top: 65px;
left: 215px;
width: 590px;
height: 500px;
margin: 0px;
padding: 0px;
}