@import url(reset.css);

#container{
width: 900px;
min-height: 700px;
margin: 30px auto;
padding: 0 0 100px 0;
position: relative;
font: normal 1.1em "century gothic",tahoma, arial, sans-serif;
color: #666;
}
#header{
text-align: center;
width: 900px;
min-height: 140px;
position: relative;
}
#in-the-gallery{
width: 115px;
float: left;
display: inline;
margin: 30px 0 0 0;
padding: 10px;
}
#about-monarch{
width: 240px;
float: left;
display: inline;
margin: 30px 0 0 0;
padding: 10px;
}
#featured-artist{
width: 470px;
float: left;
display: inline;
margin: 30px 0 0 0;
padding: 10px;
}
#contentwrapper{
margin: 45px 0 0 0;
}
#sidebar{
width: 238px;
position: relative;
float: left;
display: inline;
text-align: right;
padding: 0 10px 0 0;
}
#maincontent{
width: 323px;
float: left;
display: inline;
padding: 0 0px 0 15px;
}
#maincontentlrg{
width: 500px;
float: left;
display: inline;
padding: 0 0px 0 15px;
}
#notifier{
width: 260px;
float: left;
display: inline;
}
#artist-bio{
width: 265px;
float: left;
display: inline;
margin: 0 0 0 50px;
}
#artist-gallery{
float: left;
display: inline;
width: 585px;
}
#artists{
margin: 0 0 0 30px;
}
#footer{
clear: both;
position: absolute;
bottom: 0px;
width: 900px;
text-align: center;
}
#nav ul li a#current{
color: #e1540c;
}
/* ============ Typography ============ */
h1{}
#header h1{
text-indent: -100em;
overflow: hidden;
width: 468px;
height: 89px;
background: url(images/home-logo.gif) no-repeat;
margin: 0px auto;
}
h3{
font: bold 13px "trajan pro", georgia, serif;
color: #666;
}
h4{
font: bold 13px "trajan pro", georgia, serif;
color: #e1540c;
}
p{
margin: 5px 0 15px 0;
padding: 0 10px 0 0;
line-height: 15px;
background: #FFF;
}
.bio-more p{
background: #FFF;
}
/* ============ Lists & Links ============ */
#nav{
width: 900px;
height: 24px;
background: #FFF url(images/navbg.gif) no-repeat;
position: absolute;
bottom: 0px;
left: 0;
}
#nav ul{
position: relative;
left: 23%;
}
#nav ul li{
float: left;
display: inline;
list-style: none;
margin: 3px 9px;
}
#nav ul li a:link, #nav ul li a:visited{
text-decoration: none;
font: bold 14px "Trajan Pro", georgia, serif;
color: #999;
}
#nav ul li a:hover{
color: #e1540c;
}
#in-the-gallery ul{
list-style: none;
margin: 5px 0 0 2px;
}
.address{
list-style: none;
}
.contactus ul{
list-style: none;
font-size: 10px;
margin: 0 0 0 10px;
}
	.contactus ul li{
	margin: 5px 0;
	}
	.contactus ul li label{
	display: block;
	}
	.contactus ul li textarea{
	width: 220px;
	height: 134px;
	}
#artists ul{
list-style: none;
}
	#artists ul li{
	float: left;
	display: inline;
	width: 100px;
	margin: 0px 10px;
	padding: 0 0 0px 0;
	min-height: 165px;
	}
#artist-gallery ul{
list-style: none;
}
	#artist-gallery ul li{
	float: left;
	display: inline;
	margin: 12px 6px;
	}	
#footer ul{
list-style: none;
font: bold 13px "Trajan Pro", georgia, serif;
}
#in-the-gallery a{
color: #666;
text-decoration: none;
}
/* ============ commons ============ */
.read-more{
display: block;
}
.red{
color: #FF0000;
}
#footer button{
width: 66px;
height: 15px;
border: none;
text-indent: -100em;
overflow: hidden;
background: url(images/submit.gif) no-repeat;
cursor: pointer;
}