/*reset code -- clears all browser assumed variables*/
/*@import url("http://yui.yahooapis.com/2.6.0/build/reset-fonts-grids/reset-fonts-grids.css");*/
/*specific clearing code to validate css*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img{
margin : 0;
padding : 0;
}

li {
	list-style : none;
	display: block;
}

/*end css clearing*/

/*link information and decorations */
a:link, a:visited, a:active {text-decoration: none; color: #fff;}
a:hover {text-decoration: underline;}

a.obviouslink:link, a.obviouslink:visited, a.obviouslink:active{text-decoration: none; color: #f5b543;}
a.obviouslink:hover {text-decoration: none; color: #fff;}

/*information about subdued links*/
a.subduedlink:link, a.subduedlink:visited, a.subduedlink:active{text-decoration: none; color: #333;}
a.subduedlink:hover {text-decoration: underline; color: #fff;}

html {
	/* this prevents (occasionally visible) white space at bottom of page in chrome and safari */
	background: #000; /*000 instead of 'black' b/c rounded corners has troubles with black*/
}

body {
	margin:0 auto;
	background: #000; /*000 instead of 'black' b/c rounded corners has troubles with black*/
	font-size: 1em;
	color: #f5b543; /*not quite white*/
	text-align: center; /*center page in IE -- use text-align: left; in divs to put back to normal*/
	line-height: 1.3em;
	/*font-family: "lucida sans", arial, sans-serif;*/
	font-family: georgia, serif;
	
}

/*
*headers
*
*h1 will be used for the main page header only
*h2 will be for paragraph headers, should they exist
*/
h1 { 
	font-size: 1.2em;
	letter-spacing: +0.1em;
	/*font-weight: bold;*/
	font-family: "lucida sans", arial, sans-serif;
	margin-top: .8em;
	margin-bottom: 1em;
}

h2{
	font-size: .9em;
	letter-spacing: +0.1em;
	/*font-weight: bold;*/
	font-family: "lucida sans", arial, sans-serif;
	margin-top: 1em;
	margin-bottom: .3em;
}

acronym{
	border-bottom:1px dashed;
	cursor:default;
}

img{
	border: 0px;
}

/*
* Div IDs -- used once per page
*/
#container {
	/*position:relative;
	clear:both;*/
	margin:0 auto;
	/*width:1000px;*/
	width: 990px;
	/*margin-top: 10px;*/
	/*text-align:left;*/
}

/*
* Div Classes
*/

.clearer{
	clear: both;
}

.wcontainer{
	/*border: 1px solid white;*/
	position: relative;
	width: 990px;
	margin: 0 auto;
	z-index: 10;
}

.header{
	position: relative;
	border: 0px solid #ddd;
	padding: 0px;
	margin: 0px;
	/*padding-top: 10px;
	padding-bottom: 15px;*/
	
}

.audioplayer{
	position: absolute;
	right: 2px;
	bottom: 2px;
	
}

.navbar{
	/*position: relative;*/
	font-size: 110%;
	position: absolute;
	/*left: 50px;*/
	height: 35px;
	z-index: 15;
	/*this part used to center -- along with navbar .li*/
	width: 100%;
	margin: 0 auto;
	left: 50%;
	
	
	/*border: 1px solid white;*/
}

.navbar li{
	float:left; position:relative; right:50%;
}

.navbar li li{
	position: relative; left: 0;
	width: 100%;
}

.navbar a{
	width:auto;
	display:block;
	text-decoration:none;
}

/* placement classes for navbar variants*/
.navbarhome{
	top: 115px;
}
.navbarsecondary{
	top: 200px;
}

.content{
	/*float: left;*/
	position: relative;
	/*border: 0px solid #ddd;*/
	padding: 7px 10px;
	padding-top: 0px;
	text-align: left;
	z-index: 5;
}

.artistlist{
	position: absolute;
	border-top: 3px solid #092586;
	border-bottom: 3px solid #092586;
	border-left: 3px solid #092586;
	top: 420px;
	/*top: -320px;*/
	top: -330px;
	right: 0px;
	width: 168px;
	padding: 5px;
	z-index: 10;
	text-align: left;
	
}
.artistlist img{
	margin: 0 auto;
}
.artistlist h1{
	margin-top: 0px;
	margin-bottom: 5px;
}
.artistlist li{
	display: block;
	
}

.artistlistrev{
	border-top: 1px dashed #092586;
	padding-top: 5px;
}
.artistlistrev h1{
	
}
.artistlistrev h1, .artistlistrev ul, .artistlistrev li{
	display: inline;
}

.alist{
	
}

.alist li{
	
	float: left;
	margin-right: 18px;
	margin-bottom: 18px;
	background-color: blue;
	width: 180px; 
	height: 120px; 
	overflow: hidden;
	/*text-align: center;*/
}

.art{
	/*placeholder*/
}

.art img{
	border: 10px ridge #f5b543;
	padding: 3px;
	/*border-image: url(http://localhost/pfag/graphics/frame/demo/toolButton.png) 0 5 0 5 stretch stretch;*/
	/*
	border-width: 0 5 0 5;
	-webkit-border-image: url(http://localhost/pfag/graphics/frame/demo/toolButton.png) 0 5 0 5 stretch stretch;
	-moz-border-image: url(http://localhost/pfag/graphics/frame/demo/toolButton.png) 0 5 0 5 stretch stretch;
	*/
	
}

.news{
	float:left;
	width: 600px;
}
.news img{
	border: 3px solid #ddd;
	margin: 5px 0px 5px 10px; /*top, right, bottom, left*/
}
.pictures{
	float: right;
	text-align: center;
}
.picture{
	margin-top: 15px;
	text-align: center;
}
.footer{
	padding-top: 0px;
	padding-right: 0px;
	text-align: right;
}

.leftindent{
	margin-left: 25px;
}

.leftcolcontent{
	clear:left;
	float: left;
	width: 700px;
	line-height: 130%;
	z-index: 5;
}

.rightfloat{
	clear:right;
	float:right;
	width: 200px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-left: 7px;
	padding-bottom: 10px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	z-index: 10;
	
}
.bottomspacer{
	padding-bottom: 10px;
}

.othersetting{
	display: inline;
	padding: 0px 20px;
	width: 200px;
	/*display:inline;*/
}

.othersetting img{
	height: 120px;
	width: 180px;
	border: 0px;
}

/*
* setting specific artwork display info
*/

.office_1{
	/*border: 1px solid white; */
	position: absolute; 
	top: 110px; 
	left: 427px; 
	/*top: 365px;
	left: 565px;*/
	width: 240px;
	height: 160px;
	overflow: hidden;
}

/*ie hack to account for borders or margins or padding or something strange -- -10 to left and +5 to top */
* html .office_1{
	top: 115px;
}

.office_1 img{
	height: 130px;
	/*max-width: 160px;*/
	/*border-right: 3px solid #333;
	border-bottom: 2px solid #333;*/
}

.bedroom_1{
	/*border: 1px solid white; */
	position: absolute; 
	top: 143px; 
	left: 410px;
	width: 352px; 
	height: 220px;
	overflow: hidden;
}

/*ie hack to account for borders or margins or padding or something strange -- -10 to left and +5 to top */
* html .bedroom_1{
	top: 148px;
	
}

.bedroom_1 img{
	height: 190px;
	/*max-width: 160px;*/
	/*border-right: 3px solid #555;
	border-bottom: 1px solid #555;*/
	
}

.bedroom_2{
	/*border: 1px solid white; */
	position: absolute; 
	top: 130px; 
	left: 292px;
	width: 400px; 
	height: 220px;
	/*overflow: hidden;*/
}

/*ie hack to account for borders or margins or padding or something strange -- -10 to left and +5 to top */
* html .bedroom_2{
	top: 135px;
}

.bedroom_2 img{
	height: 220px;
	/*max-width: 160px;*/
	/*border-left: 3px solid #222;
	border-bottom: 2px solid #222;*/
}

.living_room_1{
	/*border: 1px solid white; */
	position: absolute; 
	top: 130px; 
	left: 350px; 
	width: 400px; 
	height: 220px;
	/*overflow: hidden;*/
}

/*ie hack to account for borders or margins or padding or something strange -- -10 to left and +5 to top */
* html .living_room_1{
	top: 135px;
}

.living_room_1 img{
	height: 220px;
	/*max-width: 160px;*/
	/*border-right: 2px solid #333;
	border-bottom: 1px solid #333;*/
	
}

.living_room_2{
	/*border: 1px solid white;*/
	position: absolute; 
	top: 115px; 
	left: 282px;
	width: 400px; 
	height: 220px;
	overflow: hidden;
}

/*ie hack to account for borders or margins or padding or something strange -- -10 to left and +5 to top */
* html .living_room_2{
	top: 120px;
}

.living_room_2 img{
	max-height: 190px;
	/*max-width: 160px;*/
	/*border-left: 1px solid #222;
	border-bottom: 2px solid #222;*/
}

/*changing to inline*/
.goldframex {
	border: 15px solid transparent;
	/*padding: 10px 20px;*/
    -webkit-border-image: /* Safari 3.1-5 */
    -o-border-image: /* Opera 11-12.1 */
    border-image:
}



/*
* Form classes are used for all forms for a clean display
*/

.form {
	width: 100%;
	/*border: 1px solid purple;*/
}

.form label{
	float: left;
	width: 150px;
	text-align: right;
	padding-right: .5em;
	/*border: 1px solid orange;*/		
}

.form label2{
	position: absolute;
	width: 150px;
	padding-left: .5em;
	font-size: 90%;
	/*border: 1px solid blue;*/
}

.form input{
	width: 450px;
	margin-top: 2px;
	margin-bottom: 10px;
}

.form select{
	width: 450px;
	margin-top: 2px;
	margin-bottom: 10px;
}

.form textarea{
	width: 450px;
	height: 180px;
	margin-top: 2px;
	margin-bottom: 10px;
}

.form sudotext{
	display: inline-block;
	width: 450px;
	/*margin-top: 2px;*/
	margin-bottom: 10px;
}

.form input.submit{
	width: 120px;
	margin-left: 495px;
}

/*
*
* Formatting Classes
*
*/

.subdued{
	font-size: .7em;
	color: #333;
}

.noborder img{
	border: 0px;

}

.last{
	padding-top: 10px;
}

/* text align */
.left {
	text-align: left;
	}
.right {
	text-align: right;
	}
.center {
	text-align: center;
	}
.justify{
	text-align: justify;
	}
	
/* text decoration/font style/font weight */
.underline{
	text-decoration: underline;
	}
.italics{
	font-style: italic;
	}
.italic{
	font-style: italic;
	}
.bold{
	font-weight: bold;
}

.smaller{
	font-size: 90%;
}

/* font family classes*/

.tt{
	font: 1.1em/1em consolas, "lucida console", monospace;
	}

.sans{
	font-family: "lucida sans", arial, sans-serif;
}

.serif{
	font-family: georgia, serif;
}
	
/*
* End Formatting Classes
*/