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

body {
	background-color: #003;
}

#outline {
	width: 1040px;
	margin: auto;
}
#background {
	background-color: #FFF;
	margin: auto;
	float: none;
	width: 1000px;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-left-color: #000;
}
#header {
	margin: auto;
	height: 40px;
	width: 1000px;
	background-image: url(../images/portfolioheader.gif);
}
#navbar {
	margin: auto;
	height: 144px;
	width: 1040px;
}
#bodyportfolio {
	margin: auto;
    margin-top:-20px;
	width: 1000px;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
	border-bottom-width: thin;
	border-bottom-color: #000;
}

/* accordion code here */

ul.accordion{
     list-style-type:none;
     }
     
ul.accordion li{
     clear:left;
}

ul.accordion li h2{
     /* margin-bottom:25px; */
     margin-bottom:-5px;
}

ul.accordion h2 a:link, 
ul.accordion h2 a:visited {
  color: #fff;
  display: block;
  text-decoration: none;
}

/* Accordion styles (dynamic) */

ul.accordion li.collapsed div.links * {
  position: absolute;
  left: -10000px;
}

ul.accordion li.collapsed h2, 
ul.accordion li.expanded h2,
ul.accordion li.collapsed h2 a:link, 
ul.accordion li.collapsed h2 a:visited,
ul.accordion li.expanded h2 a:link, 
ul.accordion li.expanded h2 a:visited {
  position: static;
}

ul.accordion div.links li{
  /*add control for sub lines here */
  position:relative;
  left:-75px;
  list-style-type:none;
}

/* end of accordion code */
     
#animationbutton {
	margin: auto;
	height: 45px;
	width: 845px;
}
#citydesign {
	background-image: url(../images/animationcityscapeinfo.gif);
	margin: auto;
	height: 90px;
	width: 845px;
}
#pregame {
	background-image: url(../images/animationpregameinfo.gif);
	margin: auto;
	height: 90px;
	width: 845px;
}
#fortyfeet {
	background-image: url(../images/animation40feetinfo.gif);
	margin: auto;
	height: 90px;
	width: 845px;
}
#illustrations {
	margin: auto;
	height: 45px;
	width: 845px;
}
#hendrix {
	background-image: url(../images/illustrationjimiinfo.gif);
	margin: auto;
	height: 90px;
	width: 845px;
}
#moviecreations {
	margin: auto;
	height: 45px;
	width: 845px;
}
#andrewdrummy {
	background-image: url(../images/moviecreationandrewdrummyinfo.gif);
	margin: auto;
	height: 90px;
	width: 845px;
}
#waterpsa {
	background-image: url(../images/moviecreationwaterpsainfo.gif);
	margin: auto;
	height: 90px;
	width: 845px;
}
#pinnacle {
	background-image: url(../images/moviecreationpinnacleinfo.gif);
	margin: auto;
	height: 90px;
	width: 845px;
}
#soundcreations {
	margin: auto;
	height: 45px;
	width: 845px;
}
#chips {
	background-image: url(../images/soundcreationchipsinfo.gif);
	margin: auto;
	height: 90px;
	width: 845px;
}
#bromance {
	background-image: url(../images/soundcreationbromanceinfo.gif);
	margin: auto;
	height: 90px;
	width: 845px;
}
#godzilla {
	background-image: url(../images/soundcreationgodzillainfo.gif);
	margin: auto;
	height: 90px;
	width: 845px;
}
#danowski {
	background-image: url(../images/illustrationdanowskiinfo.gif);
	margin: auto;
	height: 90px;
	width: 845px;
}
#morrison {
	background-image: url(../images/illustrationjiminfo.gif);
	margin: auto;
	height: 90px;
	width: 845px;
}
img.mini {
	margin-left: 54px;
	margin-top: 4px;
}