body {
	font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-size: 100%;
	background-color: #FFFFFF;
}
* {
	margin: 0px;
	padding: 0px;
}

p {
	color: #333333;
	padding-top: 1em;

}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 1.4em;	
	color: #669900;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
ul {
	list-style-type: circle;
	list-style-position: inside;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 60px;
}
li {
	padding-top: 0.5em;
}
ol {
	list-style-position: outside;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	padding-left: 25px;
}
a {
   outline: none;
}
a:link, a:active {
	color: #669900;
	text-decoration: underline;
}
a:visited {
	color: #660066;
	text-decoration: underline;
}
a:hover {
	color: #9966CC;
	text-decoration: underline;
}

#wrapper {
	width: 960px;
	margin-top: -300px;
	margin-left: -480px;
	height: 665px;
	position: absolute;
	top: 50%;
	left: 50%;
}
#masthead {
	height: 75px;
	width: 960px;
	border-bottom-width: 1px;
	border-bottom-color: #999;
	border-bottom-style: solid;
}
#gohome {
	height: 38px;
	width: 144px;
	margin-top: 0px;
	margin-left: 408px;
}
#ceramics {
	height: 30px;
	width: 118px;
	margin-top: 0px;
	margin-left: 420px;
	background-image: url(images/ceramics.png);
}
#photography {
	height: 30px;
	width: 158px;
	margin-top: 0px;
	margin-left: 402px;
	background-image: url(images/photography.png);
}
#websites {
	height: 30px;
	width: 116px;
	margin-top: 0px;
	margin-left: 422px;
	background-image: url(images/websites.png);
}

#content {
	background-color: #FFFFFF;
	width: 960px;
	height: 450px;
	padding-top: 30px;
}

#websitesportfolio #content {
	padding-top: 10px;
	height: 470px;
}

#buy #content, #about #content {
	margin-left: 160px;
	width: 640px;
}

#homeimage {
	background-image: url(images/homeimage.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
.center {
	text-align: center;
	padding-bottom: 20px;
}
.bigline {
	padding-top: 40px;
}
.bigfont {
	font-size: 1.2em;
}
#ceramicsimage1 {
	background-image: url(images/ceramics1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#ceramicsimage2 {
	background-image: url(images/ceramics2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#ceramicsimage3 {
	background-image: url(images/ceramics3.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#ceramicsimage4 {
	background-image: url(images/ceramics4.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#ceramicsimage5 {
	background-image: url(images/ceramics5.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#ceramicsimage6 {
	background-image: url(images/ceramics6.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#ceramicsimage7 {
	background-image: url(images/ceramics7.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#ceramicsimage8 {
	background-image: url(images/ceramics8.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#ceramicsimage9 {
	background-image: url(images/ceramics9.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#ceramicsimage10 {
	background-image: url(images/ceramics10.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#ceramicsimage11 {
	background-image: url(images/ceramics11.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#ceramicsimage12 {
	background-image: url(images/ceramics12.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#ceramicslynne {
	background-image: url(images/ceramicslynne.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#ceramicsend {
	background-image: url(images/ceramicsend.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}

#custom {
	background-image: url(images/mugs.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#vases {
	background-image: url(images/vases.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}

#photoimage1 {
	background-image: url(images/photo1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#photoimage2 {
	background-image: url(images/photo2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#photoimage3 {
	background-image: url(images/photo3.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#photoimage4 {
	background-image: url(images/photo4.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#photoimage5 {
	background-image: url(images/photo5.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#photoimage6 {
	background-image: url(images/photo6.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#photoimage7 {
	background-image: url(images/photo7.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#photoimage8 {
	background-image: url(images/photo8.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#photoimage9 {
	background-image: url(images/photo9.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#photoimage10 {
	background-image: url(images/photo10.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#photoimage11 {
	background-image: url(images/photo11.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#photoimage12 {
	background-image: url(images/photo12.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#photoend {
	background-image: url(images/photoend.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}

#framed1 {
	background-image: url(images/framed1.jpg);
	background-repeat: no-repeat;
	background-position: center 10px;
	height: 400px;
}

#framed2 {
	background-image: url(images/framed2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}

#framed3 {
	background-image: url(images/framed3.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}

#framed4 {
	background-image: url(images/framed4.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}

#framed5 {
	background-image: url(images/framed5.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}

#framed6 {
	background-image: url(images/framed6.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}

#framed7 {
	background-image: url(images/framed7.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}

#framed8 {
	background-image: url(images/framed8.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}

#notecards {
	background-image: url(images/notecards.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}

#webimage1 {
	background-image: url(images/web1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 420px;
}
#webimage2 {
	background-image: url(images/web2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 420px;
}
#webimage3 {
	background-image: url(images/web3.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 420px;
}
#webimage4 {
	background-image: url(images/web4.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 420px;
}
#webimage5 {
	background-image: url(images/web5.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 420px;
}
#webimage6 {
	background-image: url(images/web6.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 420px;
}
#webimage7 {
	background-image: url(images/web7.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 420px;
}
#webimage8 {
	background-image: url(images/web8.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 420px;
}
#webimage9 {
	background-image: url(images/web9.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 420px;
}
#webimage10 {
	background-image: url(images/web10.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 420px;
}
#webimage11 {
	background-image: url(images/web11.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 420px;
}

#webend {
	background-image: url(images/webend.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 20px;
	height: 420px;
}

#navbar {
	height: 40px;
	width: 960px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999;
	border-bottom-color: #999;
	clear: both;
}
.homepagebutton {
	height: 30px;
	width: 140px;
	float: left;
	padding-top: 5px;
	padding-left: 138px;
}
.button {
	height: 30px;
	width: 98px;
	float: left;
	padding-top: 5px;
	padding-left: 172px;
}
.imagetext {
	text-align: center;
	padding-top: 340px;
}

#copyright {
	font-size: 70%;
	text-align: center;
	margin-top: 20px;
}
#copyright p {
	color: #999999;
}

.panel p{
	text-align: center;
	padding-top: 405px;
}
#webend p   {
	font-size: 1.3em;
	text-align: left;
	padding-top: 80px;
	padding-right: 100px;
	padding-left: 100px;
	font-weight: lighter;
}
#photoend p, #ceramicsend p, #ceramicslynne p  {
	font-size: 1.3em;
	text-align: left;
	padding-top: 180px;
	padding-right: 150px;
	padding-left: 160px;
	font-weight: lighter;
	line-height: 1.2em;
}

#missing #ceramicsend p   {
	font-size: 1.3em;
	text-align: left;
	padding-top: 80px;
	padding-right: 350px;
	padding-left: 350px;
	font-weight: lighter;
}
#photocollection h1 , #ceramicsportfolio h1{
	color: #333333;
	text-align: center;
	padding-top: 404px;
	font-size: 1em;
	font-weight: lighter;
}

.smaller {
	font-size: 0.7em;
}

.stepcarousel{
	position: relative; /*leave this value alone*/
	border: none;
	overflow: scroll; /*leave this value alone*/
	width: 580px; /*Width of Carousel Viewer itself*/
	height: 400px; /*Height should enough to fit largest content's height*/
	margin-left: 190px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 580px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#websitesportfolio .stepcarousel{
	height: 420px; /*Height should enough to fit largest content's height*/
}
