/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 0.8em;
	padding: 0;
	margin: 50px;
}

#wrapper {
	width: 760px;
	margin: auto;
	text-align: left;
}

#navigation {
	width: 280px;
	height: 500px;
	float: left;
	position: relative;
}

#navbottom {
	position: absolute;
	bottom: 70px;
	left: 0;
}

#navigation ul {
	list-style-type:none;
	margin: 0;
	padding-left: 0;
	padding-top: 15px;
}

#navbottom ul li {
	line-height: 2.5em;
	padding-left: 10px;
}

#navigation a {
	text-decoration: none;
}

#home {
	color: #8cc21e;
	padding-left: 18px;
}

#navigation a:hover#home, #homeactive {
	background-image:url(images/green_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding-left: 18px;
	color: #8cc21e;
}

#about {
	color: #1515b2;
	padding-left: 18px;
}

#navigation a:hover#about, #aboutactive {
	background-image:url(images/blue_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding-left: 18px;
	color: #1515b2;
}

#jewellery {
	color: #9e1691;
	padding-left: 18px;
}

#navigation a:hover#jewellery, #jewelleryactive {
	background-image:url(images/purple_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding-left: 18px;
	color: #9e1691;
}

#interiors {
	color: #ea650a;
	padding-left: 18px;
}

#navigation a:hover#interiors, #interiorsactive {
	background-image:url(images/orange_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding-left: 18px;
	color: #ea650a;
}

#painting {
	color: #8d44c6;
	padding-left: 18px;
}

#navigation a:hover#painting, #paintingactive {
	background-image:url(images/lightpurple_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding-left: 18px;
	color: #8d44c6;
}

#whatsnew {
	color: #f2b102;
	padding-left: 18px;
}

#navigation a:hover#whatsnew, #whatsnewactive {
	background-image:url(images/yellow_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding-left: 18px;
	color: #f2b102;
}

#events {
	color: #03a298;
	padding-left: 18px;
}

#navigation a:hover#events, #eventsactive {
	background-image:url(images/aqua_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding-left: 18px;
	color: #03a298;
}

#contact {
	color: #ef1b1b;
	padding-left: 18px;
}

#navigation a:hover#contact, #contactactive {
	background-image:url(images/red_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding-left: 18px;
	color: #ef1b1b;
}

#content {
	width: 480px;
	height: 500px;
	float: left;
	text-align: right;
	position: relative;
}

#contentbottom, #contentbottomnew, #contentbottomevents {
	position: absolute;
	width: 480px;
	bottom: 70px;
	left: 0;
}

#contentbottomshop {
	position: absolute;
	width: 480px;
	top: 50px;
	left: 0;
	text-align: left;
	font-size: 0.8em;
}

#contentbottomshop a {
	color: #9e1691;
	text-decoration: underline;
}

#contentbottomshop table {
	color: #9e1691;
	text-align: right;
	position: relative;
	top: -5px;
}

#contentbottomshop img {
	border: 0;
}

#contentbottomshop table h3 {
	font-size: 1.4em;
}

#contentbottomshop table h4 {
	margin: 0;
	font-size: 1.4em;
}

#contentbottomshop table p, #contentbottomshop table form {
	font-size: 1.1em;
	margin: 20px 0 0 0;
}

#contentbottomshop table select {
	font-size: 1.1em;
}

#contentbottomshop table input {
	font-size: 0.9em;
}

#category {
	position: relative;
	top: -5px;
	left: 10px;
	text-align: center;
	color: #9e1691;
	font-weight: bold;
	font-size: 1.2em;
}

#basketdetails {
	position: relative;
	top: 20px;
}

#thankyou {
	width: 400px;
}

#thankyou h3 {
	font-size: 1.2em;
	color: #9e1691;
}

#thankyou p {
	color: #9e1691;
	font-size: 0.85em;
}

#basketdetails table {
	text-align: left;
}

#basketdetails p {
	text-align: right;
}

#basketdetails table form {
	margin: 0;
	padding: 0;
}

#basketdetails form {
	margin: 0;
	padding: 0;
}

#basket {
	position: relative;
	top: -20px;
	z-index: 2;
	width: 400px;
	left: 80px;
	color: #9e1691;
}

#back {
	margin: 0;
	padding: 0;
	position: relative;
	top: -37px;
	left: 5px;
	z-index: 1;
}

#back p {
	margin: 0 0 5px 0;
	color: #9e1691;
}

#basket p {
	text-align: right;
	margin: 0 0 5px 0;
}

#basket a, #back a, #basketdetails a {
	color: #9e1691;
	text-decoration: underline;
}

#buynow {
	text-align: center;
}

#buynow p {
	text-align: center;
}

#buynow input {
	font-size: 0.9em;
}

.price {
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
}

#contentbottomjew {
	position: relative;
	top: -20px;
}

#credits p {
	color: #999999;
	text-align: right;
}

#credits p a {
	color: #999999;
	font-size: 1em;
	font-weight: bold;
}

#contentbottomcol {
	position: relative;
	top: -30px;
}

#contentbottom h2 {
	font-size: 0.8em;
	color: #9e1691;
	margin: 0 0 5px 0;
	text-align: left;
}

#contentbottomnew h2 {
	color: #f2b102;
	font-size: 0.9em;
	margin: 15px 0 0 0;
}

#contentbottomnew p {
	color: #f2b102;
	font-size: 0.85em;
	margin-top: 10px;
	margin-bottom: 0;	
}

#contentbottomnew a {
	color: #f2b102;
}

#contentbottomnew img {
	padding: 10px 0 0 15px;
}

#contentbottomevents h2 {
	color: #03a298;
	font-size: 0.9em;
	margin: 15px 0 0 0;
}

#contentbottomevents p {
	color: #03a298;
	font-size: 0.85em;
	margin-top: 10px;
	margin-bottom: 0;	
}

#contentbottomevents a {
	color: #03a298;
}

#contentbottomevents img {
	padding: 10px 0 0 15px;
}

#contentbottomjew h2, #contentbottomcol {
	font-size: 1.1em;
	color: #9e1691;
	margin: 0 0 5px 0;
	text-align: left;
}

#contentbottom ul, #contentbottomjew ul {
	margin: 0;
	padding: 0;
	text-align: right;
}

#contentbottom li, #contentbottomjew li {
	display: inline;
}

#contentbottom a {
	color: #9e1691;
	font-size: 1em;
	text-decoration: none;
}

#contentbottomjew a {
	color: #9e1691;
	font-size: 1.2em;
	text-decoration: none;
}

#contentbottomcol a {
	color: #9e1691;
	font-size: 1em;
}

#contentbottomjew table {
	margin-right: 25px;
	margin-bottom: 5px;
}

#contentbottomcol table {
	margin-right: 8px;
}

#contentbottom img, #contentbottomjew img, #contentbottomcol img {
	border: 0;
}

#contentbottom img.middle, #contentbottomjew img.middle {
	padding: 0 5px 0 5px;
}


/* interiors/painting page CSS */
#interiorsnav, #paintingnav {
	width: 150px;
	position: relative;
	top: 202px;
	left: 160px;
	font-size: 0.8em;
	text-align: right;
}

#interiorsnav li, #interiorsnav a {
	color: #ea650a;
}

#paintingnav li, #paintingnav a {
	color: #8d44c6;
}

#interiorsnav a:hover, #paintingnav a:hover {
	font-weight: bold;
}

#contentbottominteriors, #contentbottompainting {
	position: absolute;
	width: 480px;
	bottom: 60px;
	left: 0;
}

#contentbottominteriors p {
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	color: #ea650a;
}

#contentbottompainting p {
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	color: #8d44c6;
}

#thumbnails {
	position: relative;
	width: 460px;
	right: 0;
	top: 30px;
	margin-left: 20px;
}

#thumbnails a {
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}

#thumbnails img {
	border: none;
	padding: 0 0 5px 5px;
	margin: 0;
	float: right;
}

#thumbnails p {
	font-size: 0.8em;
	color: #999999;
}

/* end of interiors page CSS */


/* index page CSS */
#contentbottomindex {
	position: absolute;
	width: 530px;
	bottom: 60px;
	left: -60px;
	text-align: right;
}

#contentbottomindex img {
	border: none;
}

#contentbottomindex img.middle {
	margin: 0 37px 0 37px;
}

#contentbottomindex ul {
	margin: 0;
	padding: 0;
	text-align: right;
}

#contentbottomindex li {
	display: inline;
	font-size: 0.9em;
}

#contentbottomindex a {
	color: #8cc21e;
	font-size: 1.1em;
	text-decoration: none;
}

#contentbottomindex p {
	color: #8cc21e;
	font-size: 0.85em;
	line-height: 1.6em;
	width: 450px;
	position: absolute;
	right: 0;
	top: -65px;
	margin: 0;
	padding: 0;
}

#jewels {
	position: relative;
	right: 230px;
}

#paintings {
	position: relative;
	right: 115px;
}
/* end of index page CSS */

#turkish {
	position: relative;
	left: -200px;
	top: 50px;
}

#Wilhelmshaven {
	float: left;
	width: 110px;
	position: relative;
	top: 8px;
	left: -45px;
	margin: 0;
	padding: 0;
}

#Wilhelmshaven p {
	font-size: 0.8em;
	color: #9e1691;	
	text-align: center;
	margin: 0;
	padding: 0;
	font-style: italic;
}

#heart {
	float: left;
	position: absolute;
	top: 80px;
	left: -80px;
	margin: 0;
	padding: 0;
}

#heart2 {
	float: left;
	position: absolute;
	top: -57px;
	left: -80px;
	margin: 0;
	padding: 0;
}


#pewter {
	margin: 40px 0 0 0;
}

.necklaces {
	position: relative;
	right: 200px;
}

.bracelets {
	position: relative;
	right: 105px;
}

.about {
	font-size: 0.8em;
	color: #1515b2;
	line-height: 1.5em;
	margin: 10px 0 0 0;
}

.contact {
	font-size: 0.85em;
	color: #ef1b1b;
	line-height: 1.5em;
}

form.contact {
	margin: 0;
	padding: 0;
}

form.contact input, form.contact textarea {
	margin-left: 5px;
	width: 300px;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}	

form.contact p {
	margin: 7px 0 0 0;
	padding: 0;
}

#submit {
	width: 120px;
}

#footer {
	padding-top: 15px;
	width: 840px;
	text-align: center;
	font-size: 0.8em;
	clear: both;
	color: #999999;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

#footer p {
	margin-top: 0;
	margin-bottom: 15px;
}

#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#footer ul li {
	display: inline;
}

#footer a {
	color: #999999;
}