@charset "UTF-8";
/* CSS Document */

html, body {
	margin:0px;
	padding:0px;
	height:1%;
	text-align:center;
	background-color:black;
}

#quicktime {
margin-bottom:10px;
background-color:#000000;
}

p {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#CCCCCC;
text-align:justify;
line-height:150%;

}

#uppercase {
font-weight:600;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:13px;
padding-right:5px;
text-transform:uppercase;
}

#lowercase {
font-weight:600;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
padding-right:5px;

}
#wrapper {
width:920px;
height:100%;
margin-left:auto;
margin-right:auto;
margin-top:0px;

}

#left_side {
float:left;
width:188px;
height:100%;
}

#right_side {
float:right;
width:680px;
display: inline;
margin-top:15px;
}


#name {
width:651px;
height:31px;
background-image:url(images/toddjacobsen_name.gif);
float:right;
margin-right:40px;
/*margin-bottom:5px;*/
display: inline;

}

#bar {
float:right;
width:915px;
height:5px;
background-color:#FF0000;
display: inline;
margin-right:32px;
margin-top:6px;

}

#thumbnails {
width:95px;
height:70px;
float:right;
display: inline;
}


#content {
width:665px;
height:auto;
text-align:center;
float:right;
margin-right:35px;
display:inline;
}

#topnav {
width:auto;
height:auto;
float:right;
color:white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
margin-right:15px;
margin-top:-30px;
padding-bottom:4px;

}

#topnav a{
display:inline;
width:auto;
height:auto;
color:white;
text-decoration:none;
}

#topnav a:hover {
text-decoration:underline;
}


#words {
height:641px;
width:238px;
display:block;
background-image:url(images/words2.gif);
z-index:1;
float:left;
margin-left:-25px;
}

#links {
margin-top:150px;
}

#links img {


}

#links a {
width:auto;
height:auto;
padding:0px;
margin:0px;
/*margin-bottom:15px;*/
border:solid thin black;
}

#links a:hover {
width:auto;
height:auto;
padding:0px;
margin:0px;
border: #FF0000 thin solid;
}

#links .currentpage {

margin-bottom:15px;
border: #FF0000 thin solid;
/*margin-top:7px;*/

}

#nav {
margin-top:18px;
float:right;
margin-right:30px;
width:665px;
height:70px;
display: inline;
}

#nav li{
text-decoration:none;
display:inline;
}

#nav a {
margin-left:5px;
}


#flowerdivcontainer {
background-color:#000000;
}



#about a{
width:78px;
height:70px;
background-image:url(images/about.jpg);
background-repeat:no-repeat;
float:left;
}

 #about a:hover {
background-image:url(images/about_over.jpg);
}

li#about, .about li#about a:hover, .about li#about a {
background-image:url(images/about_over.jpg);
}

#animation a{
width:74px;
height:70px;
background-image:url(images/animation.jpg);
background-repeat:no-repeat;
float:left;
}

#animation a:hover {
background-image:url(images/animation_over.jpg);
}

li#animation, .animation li#animation a:hover, .animation li#animation a {
background-image:url(images/animation_over.jpg);

}

#storyboard a{
width:76px;
height:70px;
background-image:url(images/storyboard.jpg);
background-repeat:no-repeat;
float:left;
}

 #storyboard a:hover {
background-image:url(images/storyboard_over.jpg);

}

li#storyboard, .storyboard li#storyboard a:hover, .storyboard li#storyboard a {
background-image:url(images/storyboard_over.jpg);

}

#designs a{
width:74px;
height:70px;
background-image:url(images/designs.jpg);
background-repeat:no-repeat;
float:left;
}

#designs a:hover {
background-image:url(images/designs_over.jpg);

}

li#designs, .designs li#designs a:hover, .designs li#designs a {
background-image:url(images/designs_over.jpg);

}

#sketches a{
width:75px;
height:70px;
background-image:url(images/sketches.jpg);
background-repeat:no-repeat;
float:left;
}

 #sketches a:hover {
background-image:url(images/sketches_over.jpg);

}

li#sketches, .sketches li#sketches a:hover, .sketches li#sketches a {
background-image:url(images/sketches_over.jpg);

}

#resume a{
width:75px;
height:70px;
background-image:url(images/resume.jpg);
background-repeat:no-repeat;
float:left;
}

 #resume a:hover {
background-image:url(images/resume_over.jpg);

}

li#resume, .resume li#resume a:hover, .resume li#resume a {
background-image:url(images/resume_over.jpg);

}

#contact a{
width:76px;
height:70px;
background-image:url(images/contact.jpg);
background-repeat:no-repeat;
float:left;
}

 #contact a:hover {
background-image:url(images/contact_over.jpg);

}

li#contact, .contact li#contact a:hover, .contact li#contact a {
background-image:url(images/contact_over.jpg);

}

#blog a{
width:75px;
height:70px;
background-image:url(images/blog.jpg);
background-repeat:no-repeat;
float:left;
}

 #blog a:hover {
background-image:url(images/blog_over.jpg);

}

li#blog, .blog li#blog a:hover, .blog li#blog a {
background-image:url(images/blog_over.jpg);

}