html
{
height: 100%;
border: 0;
}

body
{
height: 100%;
margin: 0;
padding: 0;
text-align: center;
background: url('images/content_spacer.jpg') ;
}

a:link
{
color: #cc66cc;
text-decoration: none;
}

a:visited
{
color: #aa22aa;
text-decoration: none;
}

a:hover
{
color: #ffff99;
text-decoration: none;
}

a:active
{
color: #ffffcc;
text-decoration: none;
}

a:link img
{
border: none;
}

img
{
float: left;
border: none;
}

#container, #logo-bar, #nav-bar, #section-bar, #bottom-bar
{
margin: 0 auto;
padding: 0px;
border: 0px;
}

#container
{
width: 100%;
height: 100%;
background: url('images/content_spacer.jpg') ;
text-align: left;
margin: 0 auto;
}

#logo-bar
{
height: 121px;
background: url('images/pixel_cubed_logo_spacer.jpg') repeat-x top left;
width: 100%;
overflow: hidden;
}

#nav-bar
{
height: 26px;
width: 100%;
background: url('images/nav_bar_right_spacer.jpg') repeat-x top left;
overflow: hidden;
}

#section-bar
{
height: 37px;
width: 100%;
overflow: hidden;
background: url('images/section_bar_right_spacer.jpg') repeat-x top left;
}

#content
{
width: 750px;
min-height: 70%;
height: auto;
background-color: #ccccff;
background: #ccccff url('images/content_right_bar.jpg') repeat-y top right;
}

.main-text
{
padding: 1.5em;
width: 680px;
font-size: 0.9em;
text-indent: 3em;
font-family: Arial, Helvetica, Univers, Verdana;
}

.main-text img
{
float: none;
border: 1px black solid;
}

.large-image
{
width: 550px;
margin-left: auto;
margin-right: auto;
}

.heading-text
{
font-size: 1.2em; 
font-weight: bold;
width: 700px;
text-indent: 3em;
font-family: Arial, Helvetica, Univers, Verdana;
}

.heading-text2
{
border-bottom: 2px solid #111166;
font-size: 1.3em; 
font-weight: bold;
width: 400px;
text-indent: 2em;
font-family: Arial, Helvetica, Univers, Verdana;
}

.title-text
{
font-size: 1.2em; 
font-weight: bold;
width: 700px;
font-family: Arial, Helvetica, Univers, Verdana;
}

.date-text
{
text-indent: 0;
font-size: .8em;
}

.gallery
{
padding: 1.5em;
font-size: 0.9em;
font-family: Arial, Helvetica, Univers, Verdana;
width: 550px;
height: auto;
margin-left: auto;
margin-right: auto;
}

.gallery-image
{
padding: 4px;
width: 78px;
height: 78px;
float: left;
}

.gallery-image a img
{
border: 2px solid black;
}

.gallery-image a img:hover
{
border: 2px solid #cc66cc;
}

#bottom-bar
{
width: 100%;
height: 70px;
background: url('images/bottom_info_bar_spacer.jpg');
}

#bottom-text
{
font-family: verdana, arial, sans-serif;
width: 740px;
height: 60px;
position: relative;
margin-top: -65px;
margin-left: 5px;
float: left;
text-align: center;
color: #ffffff;
font-size: 0.7em;
}

#copyright-text
{
text-align: left; 
font-size: .8em;
}

a.dd_button
{
display: block;
}

.dd_print
{
float: left;
width: 134px;
height: 23px;
text-align: center;
background: url('images/print_button.jpg') top left no-repeat;
overflow: hidden;
}

.dd_print a, .dd_print a:visited
{
display: block;
margin: 0; padding: 0;
background: url('images/print_button.jpg') top left no-repeat;
width: 100%;
height: 100%;
}

.dd_print a:hover
{
display: block;
margin: 0; padding: 0;
background: url('images/print_button.jpg') 0 -23px no-repeat;
width: 100%;
height: 100%;
}

.dd_web
{
float: left;
width: 134px;
height: 23px;
margin-left: -134px;
margin-top: 23px;
text-align: center;
background: url('images/web_button.jpg') top left no-repeat;
overflow: hidden;
}

.dd_web a, .dd_web a:visited
{
display: block;
padding: 0;
background: url('images/web_button.jpg') top left no-repeat;
width: 100%;
height: 100%;
}

.dd_web a:hover
{
display: block;
padding: 0;
background: url('images/web_button.jpg') 0 -23px no-repeat;
width: 100%;
height: 100%;
}

.dd_illustration
{
float: left;
width: 134px;
height: 23px;
margin-left: -134px;
margin-top: 46px;
text-align: center;
background: url('images/illustration_button.jpg') top left no-repeat;
overflow: hidden;
}

.dd_illustration a, .dd_illustration a:visited
{
display: block;
padding: 0;
background: url('images/illustration_button.jpg') top left no-repeat;
width: 100%;
height: 100%;
}

.dd_illustration a:hover
{
display: block;
padding: 0;
background: url('images/illustration_button.jpg') 0 -23px no-repeat;
width: 100%;
height: 100%;
}

.dd_3d
{
float: left;
width: 134px;
height: 23px;
margin-left: -134px;
margin-top: 69px;
text-align: center;
background: url('images/3d_button.jpg') top left no-repeat;
overflow: hidden;
}

.dd_3d a, .dd_3d a:visited
{
display: block;
padding: 0;
background: url('images/3d_button.jpg') top left no-repeat;
width: 100%;
height: 100%;
}

.dd_3d a:hover
{
display: block;
padding: 0;
background: url('images/3d_button.jpg') 0 -23px no-repeat;
width: 100%;
height: 100%;
}

.intro_button
{
float: left;
width: 132px;
height: 26px;
text-align: center;
background: url('images/intro_button.jpg') top left no-repeat;
overflow: hidden;
}

.intro_button a, .intro_button a:visited
{
display: block;
padding: 0;
background: url('images/intro_button.jpg') top left no-repeat;
width: 100%;
height: 100%;
}

.intro_button a:hover
{
display: block;
padding: 0;
background: url('images/intro_button.jpg') 0 -26px no-repeat;
width: 100%;
height: 100%;
}

.portfolio_button
{
float: left;
width: 132px;
height: 26px;
text-align: center;
background: url('images/portfolio_button.jpg') top left no-repeat;
overflow: hidden;
}

.portfolio_button a, .portfolio_button a:visited
{
display: block;
padding: 0;
background: url('images/portfolio_button.jpg') top left no-repeat;
width: 100%;
height: 100%;
}

.portfolio_button a:hover
{
display: block;
padding: 0;
background: url('images/portfolio_button.jpg') 0 -26px no-repeat;
width: 100%;
height: 100%;
}

.resume_button
{
float: left;
width: 131px;
height: 26px;
text-align: center;
background: url('images/resume_button.jpg') top left no-repeat;
overflow: hidden;
}

.resume_button a, .resume_button a:visited
{
display: block;
padding: 0;
background: url('images/resume_button.jpg') top left no-repeat;
width: 100%;
height: 100%;
}

.resume_button a:hover
{
display: block;
padding: 0;
background: url('images/resume_button.jpg') 0 -26px no-repeat;
width: 100%;
height: 100%;
}

.contact_button
{
float: left;
width: 132px;
height: 26px;
text-align: center;
background: url('images/contact_button.jpg') top left no-repeat;
overflow: hidden;
}

.contact_button a, .contact_button a:visited
{
display: block;
padding: 0;
background: url('images/contact_button.jpg') top left no-repeat;
width: 100%;
height: 100%;
}

.contact_button a:hover
{
display: block;
padding: 0;
background: url('images/contact_button.jpg') 0 -26px no-repeat;
width: 100%;
height: 100%;
}

input, select, textarea
{
border: 1px;
border-style: solid;
}