@charset "utf-8";
*
			{
			 margin: 0px;
			 padding: 0px;
}
body
			{
			 background-color: #000099;
			 font-family: Georgia, serif;
			 font-size: 10px;
}
a
			{
			 font-family: Verdana, sans-serif;
			 font-weight: bold;
			 padding: 4px;
}
a:link
			{
			 color: #00cccc;
			 background-color: transparent;
			 text-decoration: none;
}
a:visited
			{
			 color: #cc00cc;
			 background-color: transparent;
			 text-decoration: underline;
}
a:hover, a:active
			{
			 color: #cc0000;
			 background-color: transparent;
			 text-decoration: underline;
}
a:link.transBg, a:visited.transBg, a:hover.transBg, a:active.transBg
			{
			 background-color: transparent;
}
ul
			{
			 list-style-type: none;
			 list-style-position: inside;
			 font-size: 85%;
}
blockquote
			{
			 margin: 4px 22px 70px 22px;
}
#isco
			{
			 margin-bottom: 10px;
}
dt
			{
			 font-size: 110%;
			 font-weight: bold;
			 font-variant: small-caps;
			 margin-bottom: 4px;
}
dd
			{
			 margin-left: 12px;
			 
}
#wrapper
			{
			 background-color: #000099;
			 color: #00a1c6;
			 position: absolute;
			 top: 0em;
			 left: 0em;
			 width: 990px;
			 height: 652px;
			 overflow: hidden;
}
#wrapperSectionHome
			{
			 background: #000099 url(../images/bgs/section_home_bg.jpg) top left no-repeat;
			 color: #00a1c6;
			 position: relative;
			 top: 0em;
			 left: 0em;
}
#wrapperTestimonial
			{
			 background: #000099 url(../images/bgs/section_home_bg.jpg) top left no-repeat;
			 top: 0em;
			 left: 0em;
			 width: 100%;
			 height: 100%;
}
#wrapperBlank
			{
			 position: relative;
			 top: 0em;
			 left: 0em;
			 width: 990px;
}
#header
			{
			 position: absolute;
			 top: 0px;
			 left: 0px;
			 height: 50px;
}
#headerSectionContents
			{
			 position: relative;
			 top: 0px;
			 left: 0px;
			 height: 120px;
}
#mainNavigation
			{
			 position: absolute;
			 top: 50px;
			 left: 0px;
			 width: 200px;
			 height: 500px;
			 margin-top: 44px;
			 padding-left: 12px;;
}
#sectionMainNavigation
			{
			 position: relative;
			 top: -100px;
			 left: 0px;
			 z-index: 5;
}
#portfolioNavigation
			{
			 position: relative;
			 top: 60px;
			 height: auto;
			 z-index: 5;
}
#prevNext
			{
			 background-color: #6699ff;
			 position: relative;
			 margin: 5px 5px 10px 25px;
			 width: 106px;
			 height: 81px;
			 border: #000099 groove 2px;
			 display: block;
}
#thumbImage
			{
			 padding-top: 3px;
			 padding-left: 3px;
}
#mainContentPortrait
			{
			 background-color: #ffffff;
			 position: absolute;
			 top: 50px;
			 left: 250px;
			 width: 400px;
			 height: 525px;
			 padding: 15px;
			 border: #000064 inset 2px;
}
#mainContent
			{
			 /*background-color: #ffffff;*/
			 position: absolute;
			 top: 50px;
			 left: 200px;
			 width: 700px;
			 height: 525px;
			 padding: 15px;
			 /*border: #000064 inset 2px;*/
}
#mainContentStory
			{
			 color: #000099;
			 background-color: #ffffff;
			 position: absolute;
			 top: 50px;
			 left: 275px;
			 width: 450px;
			 height: auto;
			 padding: 15px;
			 text-indent: 12px;
			 border: #000064 inset 2px;
}
#mainContentTestimonial
			{
			 color: #000099;
			 background-color: #ffffff;
			 position: relative;
			 top: 50px;
			 left: 200px;
			 width: 540px;
			 padding: 15px;
			 text-indent: 1em;
			 border: #000064 inset 2px;
			 overflow: auto;
}
#mainContentAbout
			{
			 color: #000099;
			 background-color: #ffffff;
			 position: relative;
			 top: 50px;
			 left: 150px;
			 width: 80%;
			 height: 100%;
			 padding: 4px;
			 text-indent: 12px;
			 border: #000064 inset 2px;
}
#mainContentYouTube
			{
			 background-color: #ffffff;
			 position: relative;
			 top: 100px;
			 left: 275px;
			 width: 425px;
			 height: 350px;
			 padding: 25px;
			 border: #000064 inset 3px;
}
#footer
			{
			 position: absolute;
			 top: 620px;
			 left: 25px;
			 text-align: center;
			 clear: both;
}
#sectionFooter
			{
			 position: relative;
			 top:10px;
			 left: 0px;
			 width: 990px;
			 height: auto;
			 text-align: center;
}
#testimonialFooter
			{
			 position: relative;
			 top: 60px;
			 left: 0px;
			 width: 700px;
			 text-align: center;
			 clear: both;
}
.imgLink
			{
			 background: transparent;
			 border-width: 0px;
}
.imgLinkSectionHome
			{
			 background: transparent;
			 border-width: 0px;
			 margin-right: 12px;
			 float: left;
			 vertical-align: middle;
}
.sectionHomeDescription
			{
			 color: #000099;
			 background-color: #dedede;
			 height: 100px;
			 width: 350px;
			 font-size: 12px;
			 text-indent: 0em;
			 padding: 4px;
			 margin-bottom: 3px;
			 border: #000099 1px inset;
}
#sectionHomeheader
			{
			 text-indent: 150px;
			 margin-top: -50px;
			 margin-bottom: 9px;
			 
}
#sectionHomeA
			{
			 float: left;
			 margin-left: 80px;
}
#sectionHomeB
			{
			 margin-left: 550px;
}
#displayImage
			{
			 background-color: #ffffff;
			 padding: 12px;
			 border: #000064 2px inset;
}
#copyRight
			{
			 color: #dedede;
			 font-family: "Trebuchet MS", sans-serif;
			 font-size: 85%;
			 font-weight: bold;
			 margin-top: 24px;
}
#sectionName
			{
			 font-family: Georgia, Garamond, serif;
			 margin-left: 15px;
}
#subSectionName
			{
			 font-family: Georgia, Garamond, serif;
			 font-variant: small-caps;
			 font-size: 1.7em;
			 text-indent: 12px;;
}
#portfolioPageNumber
			{
			 color: #dedede;
			 font-family: Georgia, Garamond, serif;
			 font-variant: small-caps;
			 font-size: 1.2em;
			 text-indent: 2.5em;
}
#sectionIcon
			{
			 margin: 5px 0px 5px 30px;
}
#sectionId
			{
			 margin: 15px 0px 15px 15px;
}
.sectionLinks
			{
			 text-indent: 0.7em;
}
.navigationSetting
			{
			 color: #000099;
			 background-color: #6699ff;
			 padding: 4px;
			 margin-left: 16.6em;
			 width: 55.5em;
			 font-weight: bold;
			 border: #000099 2px groove;
}
#banner
			{
			 color: #dedede;
			 position: relative;
			 top: -45px;
			 left: 200px;
			 font-family: "Trebuchet MS", sans-serif;
}
#prevImage
			{ 
			 position: relative;
			 top: -12px;
			 left: 3px;
			 display: none;
}
#nextImage
			{ 
			 position: relative;
			 top: -12px;
			 left: 3px;
			 display: none;
}
#hereImage
			{ 
			 position: relative;
			 top: -12px;
			 left: 3px;
			 display: block;
}
#here
			{
			 color: #000099;
			 font-weight: bold;
}
a:hover#here
			{
			 color: #000099;
			 background-color: transparent;
			 text-decoration: none;
}
#listA
			{
			 float: left;
}
#listB
			{
			 float: right;
			 margin-right: 3px;
}
.listColumnA
			{
			 float: left;
			 padding: 4px;
}
.listColumnB
			{
			 float: left;
			 padding: 4px;
}
.listColumnC
			{
			 float: left;
			 padding: 4px;
}
#A
			{
			float: none;
			clear: right;
			margin-bottom: 20px;
			 
}
#portfolioPieceDetails
			{
			 position: absolute;
			 left: 10px;
		 	 top: 295px;
			 width: 170px;
			 height: auto;
			 border: 2px groove #00a1c6;
			 padding: 3px;
			 z-index: 2;

}
.bookTitle
			{
			 font-weight: bold;
			 font-style: italic;
}
.storyTitle
			{
			 font-weight: bold;
}
.storyIllustration
			{
			 float: left;
			 padding: 4px;
			 border: #000099 2px inset;
			 margin-right: 20px;
}
.excerpt
			{
			 font-size: 17px;
			 font-weight: bold;
			 text-indent: 1em;
			 padding-bottom: 5px;
			 margin: 6px 0em 6px 0em;
			 border-bottom: #000099 2px solid;
}
#excerpt
			{
			 font-size: 1.5em;
			 font-weight: bold;
			 text-indent: 1em;
			 padding-bottom: 0.2em;
			 margin: 0.3em 0em 0.3em 0em;
			 border-bottom: #000099 2px solid;
}
.introText
			{
			 color: #f0f8ff;
			 background-color: #00a1c6;
			 padding: 3px;
			 margin: 3px;
			 clear: both;
}
#tools
			{
			 height: 4.4em;
}
.detailsTitle
			{
			  color:#000099;
				background:#00a1c6;
				padding: 4px;
				font-weight: bold;
}
.detailsText
			{
			 color: #000099;
			 background: #dedede;
			 font-size: 85%;
			 padding: 4px;
}
#changeFileSize
			{
		    background: transparent;
			}