/* ------------------------------ GENERAL DIRECT ELEMENT STYLES ------------------------------ */
body, img, p, h1, h2, h3, div {
	margin:0px;
	padding:0px;
	border-width:0px;
	outline-width:0px;
}

body {
	font-family: arial, sans-serif;
	background-color:#000;
}


/* ------------------------------ MAIN ID's FOR LAYOUT DIVs ------------------------------ */

#mainSite {
	width:849px;
	margin:0px auto 0px auto;
	border:2px solid #FF9933;
	position:relative;
	top:10px;
	bottom:10px;
}


/* --------- HEADER AREA --------- */

#headerArea {
	width:100%;

}

#menuArea {
	width:849px;
	height:20px;
	margin-top:4px;
	padding:23px 0px 0px 0px;
	background:#000 url('../images/mi-menuback.jpg') repeat-x top left;
}

#mysticLogo {
	margin:10px 0px 5px 59px;
	float:left;
}

#basketButt {
	position:relative;
	left:70px;
	top:40px;
	font-size:12px;
	color:#fff;
	float:left;
	width:300px;
}

#loginButt {
	position:relative;
	left:20px;
	top:40px;
	font-size:12px;
	color:#fff;
	float:right;
	width:300px;
}

#loginButt a, #basketButt a {
	color:#fff;
}

#loginButt a:hover, #basketButt a:hover {
	color:#FF9933;
}


/* --------- CENTRAL AREA --------- */

#contentArea {
	width:809px;
	padding:20px 20px 0px 20px;
}

.homeBack {
	background:#000 url('../images/mi-background.jpg') no-repeat top center;
	height:400px;
}

.columnBack {
	background:#000 url('../images/mi-columnback.jpg') no-repeat top center;
	height:400px;
}

.normalBack {
	background:#000 url('../images/mi-normalback.jpg') repeat-y top center;	
}

#scrollingArea {
	width:600px;
	height:400px;
	padding:0px 20px 0px 20px;
	margin-left:84px;
	overflow:auto;
}

#contentArea p {
	color:#fff;
}

#contentArea h1 {
	color:#f93;
}

#imageArea {
	width:807px;
	border:1px solid #f93;
}

#artworkDetail {
	float:right;
	width:460px;
	padding-top:10px;
}


/* --------- FOOTER AREA --------- */

#footerArea {
	width:100%;
	height:54px;
	padding-top:4px;
}

#footerMenu {
	text-align:center;
}

#footerMenu a {
	color:#fff;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	padding:0px 4px 0px 4px;
}

#footerArea a:hover {
	color:#FF9933;
}

#copyright {
	text-align:left;
	margin-top:16px;
	margin-left:40px;
	font-size:10px;
	color:#666;
	width:200px;
	float:left;
}

#designedBy {
	text-align:right;
	margin-top:16px;
	margin-right:40px;
	font-size:10px;
	width:200px;
	float:right;
}

#designedBy a {
	color:#fff;
	text-decoration:none;
}

.normalFooter {
	background:#000 url('../images/mi-normbottom.jpg') no-repeat top center;	
}

.columnFooter {
	background:#000 url('../images/mi-bottom.jpg') no-repeat bottom center;
}


/* ------------------------------ CLASSES FOR GENERAL USE ------------------------------ */

.greyColour {
	color:#666;
}

.greenColour {
	color:#FF9933;
}

.elevenPix {
	font-size:11px;
	line-height:14px;
	margin-bottom:8px;
}

.twelvePix {
	font-size:12px;
	line-height:15px;
	margin-bottom:8px;
}

.thirteenPix {
	font-size:13px;
	line-height:16px;
	margin-bottom:8px;
}

.fourteenPix {
	font-size:14px;
	line-height:17px;
	margin-bottom:8px;
}

.sixteenPix {
	font-size:16px;
	line-height:19px;
	margin-bottom:8px;
}

.eighteenPix {
	font-size:18px;
	line-height:21px;
	margin-bottom:8px;
}

.orderedList {
	color:#fff;
	font-size:13px;
	line-height:16px;
}

.orderedList li {
	margin-bottom:4px;
}

.standardLink {
	color:#FF9933;
}

.standardLink:hover {
	color:#666;	
}

.unorderedList {
	color:#fff;
	font-size:13px;
	line-height:16px;
}

.unorderedList li {
	margin-bottom:4px;
}

.inputWidth {
	width:220px;
}

.whiteLink {
	color:#fff;
}

.whiteLink:hover {
	color:#666;	
}

.greenBar {
	color:#FF9933;
}

.boldFont {
	font-weight:bold;
}

.plainNoLink {
	color:#fff;
	text-decoration:none;
}

.twelveMarginBottom {
	margin-bottom:12px;
}

.justifyAlign {
 	text-align:justify;
 }

.floatLeft {
	float:left;
}

.titleColumn {
	text-align:right;
	padding-right:10px;
	vertical-align:top;
}


/* --------- COLLECTION RELATED CLASSES --------- */

.collectionNavLinks {
	color:#FF9933;
	font-weight:bold;
	text-decoration:none;
}

.collectionNavLinks:hover {
	color:#fff;	
}

.collectionNavCurrent {
	color:#fff;
	font-weight:bold;
}

.collectionItem {
	width:185px;
	background-color:#241A0E;
	text-align:center;
	margin:8px;
}

.collectionItem h2 {
	font-size:11px;
	display:block;
	width:100%;
	color:#fff;
	padding:4px 0px 4px 0px;
	background-color:#76411F;
}

.collectionItem h3 {
	font-size:11px;
	display:block;
	width:100%;
	padding:4px 0px 4px 0px;
	color:#fff;
	background-color:#442810;
}

.collectionItem p {
	font-size:10px;
	display:block;
	width:100%;
	padding:4px 0px 4px 0px;
	color:#fff;
	background-color:#442810;
	vertical-align:middle;
}

.collectionThumbnail {
	margin:10px;
	border:#CB985B 4px Ridge;
}

.collectionEnlarge {
	float:right;
}

.layoutTable td {
	vertical-align:bottom;
}

.artistHolder {
	float:left;
	width:266px;
	margin:8px 0px 8px 0px;
}

.artistHolder img {
	margin-right:8px;
}

.artistHolder p {;
	font-size:12px;
 	font-weight:bold;
 	line-height:22px;
 }
 
 
 /* --- BASKET STYLES AND STUFF --- */
 
 #basketTable {
	width:100%;
	border-top:1px solid #FF9933;
	border-left:1px solid #FF9933;
 }
 
#basketTable td {
	padding:10px 10px 5px 10px;
	border-bottom:1px solid #FF9933;
	border-right:1px solid #FF9933;
	vertical-align:top;
}

#basketTable h3 {
	color:#ff9933;
	font-size:14px;
}

#basketTable p {
	color:#fff;
	font-size:12px;
}

#basketTable img {
	border:#CB985B 4px Ridge;
}

/* --- Homepage Image Styles --- */
#homeTopLeft {
	float:left;
	position:absolute;
	top:163px;
	left:127px;
}

#homeBotLeft {
	float:left;
	position:absolute;
	top:333px;
	left:127px;
}

#homeMainImage {
	float:left;
	position:absolute;
	top:162px;
	left:310px;
}

#homeTopRight {
	float:left;
	position:absolute;
	top:163px;
	left:622px;
}

#homeBotRight {
	float:left;
	position:absolute;
	top:333px;
	left:622px;
}

#homeWelcome {
	font-size:19px;
	line-height:21px;
	font-weight:bold;
	text-align:center;
	position:absolute;
	top:490px;
	left:340px;	
}

#homeText {
	font-size:12px;
	line-height:16px;
	position:absolute;
	text-align:center;
	top:513px;
	left:220px;
	width:400px;
}

#homeTopLeft, #homeBotLeft, #homeTopRight, #homeBotRight {
	width:90px;
	height:127px;
	background: no-repeat center center;
}

#homeMainImage {
	width:222px;
	height:316px;
	background: no-repeat center center;
}