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

p {
	color: #333333;
	padding-top: 1em;
}
h1 {
	font-size: 1.3em;
	color: #999;
	font-weight: lighter;
	text-align: center;
	margin-top: 4px;
}
h2, h3, h4, h5, h6 {
	font-size: 1.3em;
	color: #999;
	font-weight: lighter;
	text-align: center;
	padding-top: 1.4em;
}
ul {
	list-style-type: circle;
	list-style-position: inside;
}
li {
	padding-bottom: 0.2em;
}
ol {
	list-style-position: outside;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	padding-left: 25px;
}
a {
   outline: none;
}
a:link, a:active, a:visited{
	color: #669900;
	text-decoration: underline;
}

a:hover {
	color: #9966CC;
	text-decoration: underline;
	font-style: italic;
}

#wrapper {
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
#masthead {
	height: 75px;
	width: 840px;
	border-bottom-width: 1px;
	border-bottom-color: #999;
	border-bottom-style: solid;
}
#home #masthead {
	padding-top: 40px;
}
#gohome {
	height: 38px;
	width: 144px;
	margin-top: 0px;
	margin-left: 348px;
}
#ceramics {
	height: 30px;
	width: 118px;
	margin-top: 0px;
	margin-left: 360px;
	background-image: url(images/ceramics.png);
}
#photography {
	height: 30px;
	width: 158px;
	margin-top: 0px;
	margin-left: 342px;
	background-image: url(images/photography.png);
}
#websites {
	height: 30px;
	width: 116px;
	margin-top: 0px;
	margin-left: 362px;
	background-image: url(images/websites.png);
}

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

#websitesportfolio #content {
	height: 475px;
	padding-top: 5px;
}
#buy #content {
	margin-left: 140px;
	width: 580px;
	height: 460px;
	padding-top: 20px;
}
#about #content {
	margin-left: 100px;
	width: 640px;
}
#contact #content {
	margin-left: 200px;
	width: 515px;
	background-image: url(images/contactimage.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#contact #content p {
	padding-top: 5px;
	font-size: 0.9em;
}
#thanks #content p{
	padding-left: 280px;
	padding-right: 300px;
}

#homeimage {
	background-image: url(images/homeimage.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 300px;
	margin-top: 50px;
}
.center {
	text-align: center;
}
.bigline {
	padding-top: 30px;
}
.bigfont {
	font-size: 1.2em;
	padding-bottom: 10px;
}
#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;
}
#ceramicsimage13 {
	background-image: url(images/ceramics13.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#ceramicsimage14 {
	background-image: url(images/ceramics14.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#ceramicsimage15 {
	background-image: url(images/ceramics15.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#ceramicsimage16 {
	background-image: url(images/ceramics16.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#ceramicsimage17 {
	background-image: url(images/ceramics17.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
#ceramicsimage18 {
	background-image: url(images/ceramics18.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;
}
#webimage12 {
	background-image: url(images/web12.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 420px;
}
#webimage13 {
	background-image: url(images/web13.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 420px;
}
#webimage14 {
	background-image: url(images/web14.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 420px;
}
#webimage15 {
	background-image: url(images/web15.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 , #homenavbar{
	height: 40px;
	width: 840px;
	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;
	font-weight: lighter;
}
#navbar ul {
	list-style: none;
	padding: 0px;
	margin-left: 120px;
}
#navbar ul li {
	float: left;
}
#navbar a {
	display: block;
	text-decoration: none;
	font-size: 20px;
	font-weight: lighter;
	text-align: center;
	padding-right: 50px;
	color: #333;
	padding-top: 7px;
	padding-left: 50px;
}

#navbar  a:hover {
	font-style: italic;
	color: #000;
}
#about #navbar .about a,
#buy #navbar .buy a, #contact #navbar .contact a {
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #999;
	cursor: default;
}

.homepagebutton {
	height: 30px;
	float: left;
	padding-top: 5px;
	padding-left: 112px;
}

.imagetext {
	text-align: center;
	padding-top: 340px;
}

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

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

#missing #ceramicsend p   {
	font-size: 1.3em;
	text-align: left;
	padding-top: 80px;
	padding-right: 290px;
	padding-left: 290px;
}
#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: 130px;
}

.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*/
}

.formelement {
	margin-bottom: 15px;
	width: 320px;
}

.form  {
	padding-bottom: 30px;
	padding-top: 30px;
}
.form p {
	padding-bottom: 5px;
	padding-top: 5px;
}
#buy ul li a {
	color: #333;
}