/* Melinda Scarborough Jewellery [msj.org.uk] CSS Document */

/* DIV Alignment */
*
{
padding: 0px;
margin: 0px;
}

#container 
	{
	 margin: 0px auto;
	 border: 0px;
	 text-align: left;
	 width: 558px !important;
	 height: auto;
	 margin-top: 14px;
	 background:#FFFFFF;
	 padding: 14px 0px 0px 0px;
	 border:1px solid #bcb490;
	 }

#logo
	{
	width: 175px;
	height: 60px;
	display: inline-block;
	float: right;
	margin: 0px 14px 14px 0px;
	}
#navigation
	{
	width: 355px;
	_width: 335px;
	height: 16px;
	display: inline-block;
	float: left;
	margin: 44px 0px 14px 14px;
	}
#content
	{
	width: 530px;
	height:auto;
	margin: 0px 14px 14px 14px;
	}
	
#description
	{
	width: 520px;
	height:auto;
	border:1px solid #bcb490;
	padding: 5px 5px 5px 5px;
	margin: 0px 14px 28px 14px;
	}
	
#more-pieces{
	width: 544px;
	height: auto;
	padding:0px 0px 0px 14px;
	}

#footer{
	width: 530px;
	height: auto;
	padding:14px 14px 14px 14px;
	margin: 0px 0px 0px 0px;
	}


/*Navigation Links*/

#navigation a{
	text-transform: uppercase;
	margin: 0px 25px 0px 0px;
	color: #603913;
	text-decoration: none;
	font-size: 13px;
}

#navigation a:hover{
	color: #bcb490;
	text-decoration: none;
}

/*Main Image Styling*/

#content .image{
	border:1px solid #bcb490;
	margin: 0px 0p 14px 0px;
	}
	
/*H1, p body*/
body{
	background:#f1e7db;
	}

#description h1, #more-pieces h1, #content h1
{
	font-size: 13px;
	text-transform: uppercase;
	color: #603913;
	font-weight:normal;
}

#description p, #content p
{
	font-size: 13px;
	text-transform: Normal;
	color: #603913;
}

#footer p{
	font-size: 9px;
	text-transform: uppercase;
	color: #603913;
	text-align:center;
	}
#footer a{
	font-size: 9px;
	text-transform: uppercase;
	color: #603913;
	text-decoration:none;
	}
	
#footer a:hover{
	font-size: 9px;
	text-transform: uppercase;
	color: #bcb490;
	}
/* Work Info*/
.additional{
	width: 390px;
	display:inline-block;
	}
.additional-right{
	width: 115px;
	display:inline-block;
	border-left: 1px dotted #bcb490;
	padding: 0px 0px 0px 14px;
	}
.additional-information{
	margin: 14px 0px 0px 0px;
	border-top: 1px dotted #bcb490;
	padding: 7px 0px 0px 0px;
	}

/* More Pieces Thumbnails*/

#more-pieces .thumb, #content .thumb
	{
	width: 95px;
	height: 95px;
	border:1px solid #bcb490;
	margin: 14px 7px 7px 0px;
	display: inline-block;
	}

/* Events */

#content ol{
	list-style:none;
	}

#content ol li span.event{
	padding: 3px;
	font-weight:bold;
	font-size:13px;
	display: inline-block;
	width: 220px;
	color: #603913;
	}
#content ol li span.venue{
	padding: 3px;
	font-weight:normal;
	font-size:13px;
	display: inline-block;
	width: 250px;
	color: #603913;
	}
#content ol li span.date{
	padding: 3px;
	font-weight:normal;
	font-size:13px;
	display: inline-block;
	width: 200px;
	margin: 0px 0px 0px 226px;
	color: #603913;
	}
#content ol li span.time{
	padding: 3px;
	font-weight:normal;
	font-size:13px;
	display: inline-block;
	width: 80px;
	color: #603913;
	}
#content ol li{
	margin: 7px 0px 7px 0px;
	border-bottom: 1px dotted #bcb490;
	}
/*form Stuff*/

.fieldset{
	width: 530px;
	margin: 7px 14px 7px 14px;
	}

label{
	width: 150px;
	display: inline-block;
	float:left;
	font-size: 13px;
	text-transform: uppercase;
	color: #603913;
	font-weight:normal;
	}
form{
	margin: 14px 0px 14px 0px;
	width: 530px;
	}
textarea, input, opton, select{
	width: 305px;
	border: 1px solid #bcb490;
	padding: 3px;
	}
#submit{
	width: 125px;
	padding: 3px;
	border-left: 1px solid #bcb490;
	border-top: 1px solid #bcb490;
	border-bottom: 1px solid #603913;
	border-right: 1px solid #603913;
	font-weight:bold;
	text-align:center;
	margin: 0px 0px 0px 164px;
	}