/* CSS for Main Pages */
/* syntax 

a{}
a:link{}
a:visited{}
a:hover{}
a:active{}

a.classname:link{}
a.classname:visited{}
a.classname:hover{}
a.classname:active{}

a:link, a:visited, a:hover, a:active{color:#ffffff}


.classname  	eg <body class="classname"> or <p class="classname">
p.classname 	eg <p class="classname">

#title		eg <p id="title"> or <body id="classname">
p#title		eg <p id="title">


descendents

p h1		eg <p><h1>This is h1 within p</h1></p>  p h1 {background-color:ffffff}


p.classname h1  ie h1 nested within p of specific class="classname"
p#title h1 	ie h1 nested within p of specific id="title"

p>h1		ie h1 nested within 1 tier of p

attribute selectors

img[name] {border="none"}	ie selects all images with an attribute name set to anything

img[name="main"] {border="none"} ie selects only images with name attribute set to "main"

*/



/****** Start ********************************************/

/* pseudo */

	a:link		{color:#546E7D}
	a:visited 	{color:#817485}
	a:hover	   	{color:#918751}
	a:active	{color:#918751}

/****** Main ********************************************/

html, body {margin: 0; padding: 0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color:#B0A277;
	background-color:#1c1e2a;
	text-align:left;
}

table#framework{
	width:700px;
}

div#mainmenu{
	position: absolute;
	left: 652px;
	top: 50px;
}

div#maincol{
	position: absolute;
	left: 50px;
	top: 480px;
	width:920px;
	text-align: center;
}

div#maincol h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color:#B0A277;
}


div#leftcol{
	position: absolute;
	left: 0px;
	top: 520px;
	width:450px;
	margin-left: 50px;
	text-align:justify;
}	


div#rightcol{
	position: absolute;
	left: 520px;
	top: 520px;
	width:450px;
	text-align:justify;
}

div#leftcol h1, div#rightcol h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color:#B0A277;
	text-align:center;
}

div#leftcol ol li, div#rightcol ol li {
	padding-bottom: 20px;
}

.quotation{
	font-style: italic;
}


div#footer{
	border-top: 1px solid #B0A277;
	margin-top: 50px;
	margin-left: 0px;
	width:920px;
}

div#alchemycopyright {
	float:left;
	width:500px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	text-align:center;
	margin-left:0px;
	margin-bottom: 20px;
	margin-top:5px;
}

div#artistcopyright {
	position: absolute;
	left:470px;
	width:450px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	text-align:center;
	margin-bottom: 20px;
	margin-top:5px;
}




/* referenced in mail contact windowopener in airmain.js */
p#detailswin{
text-align:center;
font-weight:bold;
padding-top:20px;
}




















