/* ############################################################################
   ##
   ##  Global Website Stylesheet
   ##
   ######################################################################### */

/*
Use the following constructions to override styles for specific IE browser
versions, where [element] is the name of the element including a dot or has as
needed:
*/

*:first-child+html [element] {	/* IE7 only */
}

* html [element] {	/* IE6 only */
}

/* ####################################
   HTML Element Styles
   ################################## */

body {
 	margin: 0;
 	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 75%;*/
	font-size: 70%;
	color: #000000;
	/*background-color: #575959;*/
	background: #004C88 url('/images/templates/bg_body.jpg') center repeat-y;
}

a {
}

	a:link {
		color: #B49D11;
		text-decoration: none;
	}

	a:visited {
		color: #B49D11;
	}

	a:hover {
		color: #660000;
		text-decoration: underline;
	}

	a:active {
		text-decoration: underline;
	}

p {
	margin-top: 0;
	margin-bottom: 0.7em;
}

h1 {
	font-size: 110%;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0.5em;
	/*color: #B49D11;*/
	color: #FFFCC9;
}
	.designer {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 110%;
	}
	.piece {
		display: none;
	}
	#spotlight {
		font-size: 200%;
		color: #ffffff;
		text-transform: uppercase;
	}
	#PageBody h1 {
		color: #B49D11;
		font-size: 130%;
	}

h2 {
	color: #B49D11;
	font-size: 150%;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0.25em;
}

h3 {
	color: #B49D11;
	font-size: 125%;
	margin-top: 0;
	margin-bottom: 0.25em;
}

h4 {
	font-size: 100%;
	margin-top: 0;
	margin-bottom: 0.25em;
}

h5 {
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
	margin-top: 0;
	margin-bottom: 0.25em;
}

h6 {
	font-size: 92.5%;
	font-weight: normal;
	text-decoration: underline;
	margin-top: 0;
	margin-bottom: 0.25em;
}

ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 3px;
	padding-bottom: 4px;
	/*list-style: url("/images/templates/bullet_square_grey.gif") square;*/
	list-style-type: square;
}
ul li {
	padding-top: 0px;
	padding-bottom: 3px;
}


ol {
}

ol li {
}

big {
	font-size: 110%;
}

small {
	font-size: 83.5%;
}

hr {
	margin: 8px 0px;
	padding: 0px;
	width: 100%;
	height: 1px;
}

img {
	border: none;
}

	* html img {
		FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00,Duration=0.50);
	}

caption {
	margin: 0em 0em 0.25em 0em;
	font-weight: bold;
	text-align: left;
}

address {
	margin: 0em 0em 1.35em 0em;
	font-style: italic;
}


/* ####################################
   Form Styles
   ################################## */

form {
	margin: 0;
	padding: 0;
}
label {
	text-transform: uppercase;
	color: #B49D11;
	font-size: 90%;
}
input {
	margin: 0;
	padding: 1px 3px 1px 1px;
	font-family: arial, helvetica, sans-serif;
	color: #323232;
	background-color: #ffffff;
	border: #B1B1B1 1px solid;
}
input.blank {
	border: 0;
	margin: 0;
	padding: 0;
	background-color: transparent;
	background: url('/images/templates/spacer.gif');
}
input.text {
	width: 200px;
}
input.submit {
	font-family: arial, helvetica, sans-serif;
	color: #323232;
	border: #cccccc 1px outset;
	/*background: url('/images/templates/bg_nav.gif') #e0e0e0;*/
	background: #e0e0e0;
}
select {
}
textarea {
}

#UserForm {
	margin-left: 30px;
	color: #868686;
}
#UserForm table {
	width: 400px;
}
	
/* ####################################
   Table Styles
   ################################## */

table {
	empty-cells: show;
	border-collapse: collapse;
}

tr {
}

th {
	text-align: left;
	font-weight: bold;
}

td {
}

/* ####################################
   Page Layout
   ################################## */

#Align {
	/* Coupled with the margin and text-align settings in page-wrapper-outer (below) this is a weird but safe way to center a page in all browsers including IE where the standard doesn't work. */
	text-align: center;
}
#Page {
	position: relative;
	width: 940px;
	/* To re-align text to left in the page div when a parent div is centred. This allows centering of page div using the IE-safe hack. */
	margin: 0 auto;
	background-color: #ffffff;
	/*height: 100%;*/
	text-align: center;
	background: #ffffff url('/images/templates/bg_page.gif');
}
	#Page-Inner {
		position: relative;
		/*width: 100%;*/
		width: 822px;
		text-align: left;
		margin: 0 auto;
	}
	#TrailNav {
		font-size: 100%;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0;
		padding-top: 0;
		padding-bottom: 15px;
		vertical-align: bottom;
		padding-top: 87px;
		color: #B49D11;
	}
		#TrailNav a  {
			text-decoration: none;
		}
	#PageFunctions {
	}
	#Header {
		margin: 0px;
		padding: 0px;
		height: 112px;
		/*border-bottom: 4px solid #FFD438;*/
		border-bottom: 4px solid #FEE183;
	}
		#Header #Header-Inner {
		}
		#Header #Logo {
			padding-top: 44px;
			float: right;
		}
		#Content {
			min-width: 500px;		/* Centre column */
			padding-left: 267px; 		/* LC width */
			padding-right: 5px; 		/* RC width */
			/*background-color: #404041;*/
			background-color: #0A598F;
			border-bottom: 2px solid #B3B5B8;
			background: #34465C url('/images/templates/bg_content_fade.jpg') repeat-y;
		}
			#Content-Inner {
				width: 522px;
			}
			#Primary {
				position: relative;
				float: left;
				overflow: hidden;
				width: 518px;
				width: 100%;
				margin-top: 10px;
			}
				#Primary #Primary-Inner {
				}
				#Primary #PageIntro {
				}
				#Primary #PageTabs {
					margin: 0px;
					padding: 0px;
				}
					#PageTabs ul {
						margin: 0px;
						padding: 0px;
						list-style: none;
						background: #FFFCC9 url('/images/templates/bg_tabs.jpg');
						height: 43px;
					}
					#PageTabs ul li {
						/*display: inline;*/
						float: left;
						margin: 0px; 
						padding: 0px;
						width: 145px;
						height: 35px;
						background: transparent url('/images/templates/tab_off.gif');
					}
					#PageTabs ul li.selected {
						background: transparent url('/images/templates/tab_on.gif');
					}
					#PageTabs ul li a {
						display: block;
						float: left;
						color: #404041;
						font-weight: bold;
						text-transform: uppercase;
						padding: 8px 3px 8px 10px;
						/*margin-right: 6px;*/
						/*background: #FFFCC9 url('/images/templates/tab_off.gif');*/
					}
					#PageTabs ul li a:visited {
						text-decoration: none;
					}
					#PageTabs ul li a:active {}
				#Primary #PageBody {
					background-color: #ffffff;
					padding: 10px 10px 10px 20px;
					margin-bottom: 10px;
					clear: both;
					background: #ffffff url('/images/templates/content_bottom.gif') bottom right no-repeat;
					min-height: 190px;
				}
				#Primary #WebPageBody {
					background-color: #ffffff;
					margin: 0px;
					padding: 0px;
					clear: both;
					background: #ffffff url('/images/templates/content_bottom.gif') bottom right no-repeat;
					margin-bottom: 20px;
				}
				#Primary #WebPageBody-Inner {
					padding: 20px;
					background: transparent url('/images/templates/webpage_content_top.gif') top right repeat-x;
				}
				#Primary #SubContainers {
				}
				#Primary #SubArticles {
				}
			#Secondary {
				position: relative;
				float: left;
				overflow: hidden;
				width: 5px;				/* RC width - padding */
				margin-right: -5px;			/* RC width */
			}
				#Secondary #Secondary-Inner {
				}
			#Tertiary {
				position: relative;
				float: left;
				overflow: hidden;
				width: 267px;				/* LC width - padding */
				right: 267px;				/* LC width */
				margin-left: -100%;
			}
			* html #Tertiary {
				/*** IE6 Fix ***/
				left: -237px;           			/* RC fullwidth (include padding) */
			}
				#Tertiary #Tertiary-Inner {
					margin-top: 4px;
				}
	#Footer {
		position: relative;
		clear: both;
		width: 100%;
	}
		#Footer-Inner {
		}
		#MainMenu {
			position: relative;
			width: 100%;
			clear: left;
			height: 47px;
			margin: 2px 0px 20px 0px;			
			padding: 0px 0px 0px 0px;
			font-size: 110%;
			/*background: #FEE79B;*/
			background: #ffffff url('/images/templates/bg_menu.gif');
		}
		#Footer p {
			padding-left: 12px;
		}
		#Footer #Menu {
		}
		#Footer #Menu ul {
			margin: 0;
			padding: 0;
		}
		#Footer #Menu ul li {
			display: inline;
			list-style-type: none;
			padding-right: 20px;
		}
		#Footer .copyright {
		}
		#Footer .Credits {
			padding-left: 12px;
			vertical-align:text-top;
		}
		#Footer .Credits img {
			margin: 0px 10px;
			vertical-align:text-top;
		}

/* ####################################
   Main Menu
   ################################## */

#nav {
}
#nav, #nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-left: 50px;
	margin-top: 2px;
}
#nav li {
	float: left;
	margin: 0;
	padding: 5px 0 0 5px;
	/*width: 123px;*/
	margin-right: 26px;
	height: 14px;
}
#nav li a {
	display: block;
	margin: 0px;
	padding: 0px 2px 0px 10px;
	color: #4E4D50;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
#nav li a:link {
	display: block;
	margin: 0px;
	padding: 0px 2px 0px 10px;
	color: #4E4D50;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
#nav li a:visited {
	color: #4E4D50;
}
#nav li a:hover {
	color: #868686;
}

/* ####################################
   Custom Element Styles
   ################################## */

#Inspiration {
	color: #B49D11;
	text-decoration: italics;
}
	#Inspiration h3 {
		text-transform: uppercase;
		font-size: 90%;
		margin-bottom: 0px;
	}
#BidNeeded {
	border: 1px solid #404041;
	float: center;
	text-align: center;
	font-size: 120%;
	padding: 8px 20px;
}
#ProfilePic{
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
#SecondaryContent {
}
	#MainImage {
		/*border: 1px solid #0A598F;*/
		width: 256px;
		height: 281px;
	}
	#Thumbnails {
		font-size: 85%;
		color: #BEBEC0;
		text-transform: uppercase;
		padding-left: 20px;
	}
	#NotForSale {
		font-size: 85%;
		color: #BEBEC0;
		padding-left: 20px;
	}
	.thumbnail {
		float: left;
		margin-right: 8px;
	}

.hidden {
	display: none;
}
ul.warnings {
	margin-top: 0.5em;
	margin-bottom: 1.35em;
	list-style: square;
}
ul.warnings li {
	margin-bottom: 0.7em;
}
.lc {
	text-transform: lowercase;
}
#AddThis {
	float: right;
	margin-right: 10px;
}

/* ####################################
   Home page
   ################################## */
   
#HomeContent {
	background-color: #34475C;
	border-bottom: 2px solid #B3B5B8;
}
#HomeText {
	position: absolute;
	top: 250px;
	left: 53px;
	width: 200px;
	color: #F9D972;
	font-size: 110%;
}
#HomeText strong {
	color: #F5CC48;
}

/* ####################################
   Animated gallery and ticker
   ################################## */

#wrapperoverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1200px;
	height: 700px;
	visibility: hidden;
	background-color: white;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	z-index: 99; 
}


#thumbBox{ /*Outermost DIV for thumbnail viewer*/
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 10px;
	padding-bottom: 0;
	background: #313131;
	background: #404041;
	visibility: hidden;
	z-index: 10;
	cursor: hand;
	cursor: pointer;
	z-index: 100;
}
#thumbBox #PopupVoteLink {
	background-color: #404041;
	text-align: center;
	font-size: 120%;
	padding: 4px 10px;
	text-transform: uppercase;
	font-weight: bold;
}
#thumbBox #PopupVoteLink a {
	text-decoration: none;
}
#thumbBox #PopupVoteLink a:link {
	text-decoration: none;
}
#thumbBox #PopupVoteLink a:hover {
	color: #B49D11;
	color: #FEE183;
}
#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
	font: bold 90% 'Trebuchet MS';
	color: white;
	padding: 5px 0;
	text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
	background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
	position: absolute;
	visibility: hidden;
	border: 1px solid black;
	background-color: #EFEFEF;
	padding: 5px;
	z-index: 5;
}

#HomePageTicker {
	margin: 0px;
	padding: 0px;
	height:15px; 
	background: none; 
	border: none;
	
		font-size: 100%;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0;
		padding-top: 0;
		padding-bottom: 15px;
		vertical-align: bottom;
		color: #B49D11;
}
#HomePageTicker .TickerHeadline {
	margin: 0px 0px;
}
#HomePageTicker span {
	padding: 0px 20px;
}

/* ****** Probably temporary - to remove ****** */

#akira {
	position: absolute;
	top: 440px;
	left: 150px;
	background-color: #000000;
	padding: 3px;
}
#akira a {
	color: #ffffff;
}
#arthurgalan {
	position: absolute;
	top: 380px;
	left: 530px;
	background-color: #000000;
	color: #ffffff;
	padding: 3px;
}
#arthurgalan a {
	color: #ffffff;
}