/*

main style sheet

/* -----------------------------------------------------------------
                        LISTING ORDER
--------------------------------------------------------------------
Universal
Page Structure
	-Top (header)
	-Content
		-wide div
		-left div
		-right div
		-box divs of equal width
	-Footer
Headers
Text Treatments
	-Text in left div
	-Text in right div
	-Text in footer div
	-Client Login
Images
--------------------------------------------------------------------


--------------------------------------------------------------------
						UNIVERSAL
--------------------------------------------------------------------
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background:#FFFAEE;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin: 0 auto;
	text-align: center;
}

br.clearfloat {
	clear: both;
	height: 0;
	overflow: hidden;
}

embed, object {
	display: block;
}

/*---------------

PAGE STRUCTURE

---------------*/

#wrapper {
	background: url(../images/backgrounds/wrapper.jpg) transparent no-repeat 50% 0;
	width: 100%;
}

#content {
	margin: 0 auto;
	text-align: justify;
	width: 758px;
}

#copy {
	background: url(../images/backgrounds/copy.jpg) transparent no-repeat top left;
	padding: 0 0 70px 99px;
	text-align: justify;
	width: 659px;
}


#footer {
	background: url(../images/backgrounds/footer.gif) transparent no-repeat top left;
	float: left;
	height: 131px;
	margin: -90px 0 0 0;
	width: 758px;
}

/*--styles unique to the homepage--*/
#home-page #wrapper {
	background: url(../images/backgrounds/home-wrapper.jpg) transparent no-repeat 50% 0;
}

#home-page #content {
	height: 800px;
	width: 758px;
}

#home-page #footer {
	margin: 400px 0 0 0;
}

/*--styles unique to the gallery--*/

#gallery #content {
	background: none;
	padding: 0;
	width: 758px;
}

#gallery #footer {
	margin: 0;
}


/*---------------

NAVIGATION

---------------*/

#nav {
	background: url(../images/backgrounds/nav.jpg) transparent no-repeat top right;
	float: right;
	height: 282px;
	width: 382px;
}

#content #nav ul {
	clear: left;
	height: 24px;
	float: left;
	padding: 0 0 0 16px;
	position: relative;
	top: 99px;
	width: 366px;
}

#content #nav ul li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#content #nav a, #content #nav li.current {
	float: left;
	height: 24px;
	outline: none;
	text-decoration: none;
	text-indent: -6000px;
}

#home {
	background: url(../images/nav/home.gif) transparent no-repeat top left; 
	width: 63px;
}

#about {
	background: url(../images/nav/about.gif) transparent no-repeat top left; 
	width: 75px;
}

#art {
	background: url(../images/nav/art.gif) transparent no-repeat top left; 
	width: 46px;
}

#music {
	background: url(../images/nav/music.gif) transparent no-repeat top left; 
	width: 73px;
}

#contact {
	background: url(../images/nav/contact.gif) transparent no-repeat top left; 
	width: 100px;
}

#content #nav a:hover { background-position: 0 -24px;}

#content #nav li.current {
	background-position: 0 -24px;
}

/*---------------

HEADERS

---------------*/

h1 {
	background: url(../images/headers/h1.gif) transparent no-repeat top left;
	float: left;
	height: 103px;
	position: relative;
	left: 15px;
	text-indent: -6000px;
	width: 255px;
}

#gallery h1, #home-page h1 {
	left: -5px;
}

h2 {
	color: #6F5D4C;
	font-size: 1.4em;
	padding: 0 15px 5px 20px;
}

/*---------------

TEXT-TREATMENTS

---------------*/

#content a {
	color: #87634B;
}

#content a:hover {
	color: #000;
}

#content p {
	line-height: 17px;
	padding: 0 15px 15px 20px;
}

#content ul {
	padding: 0 15px 15px 40px;
}

#content ul li {
	list-style-type: square;
	padding: 0 0 3px 0;
}


#footer p {
	color: #8C7C6D;
	font-size: 11px;
	line-height: 12px;
	margin: 0 auto;
	position: relative;
	top: 70px;
	left: 156px;
	text-align: right;
	width: 100px;
}


/*---------------

IMAGES

---------------*/

#upper-left {
	float: left;
	margin: 0 20px 10px 0;
}

.right {
	background-color: #EFEBE0;
	border: 1px solid #ccc;
	float: right;
	margin: 0 15px 10px 15px;
	padding: 3px;
}

/*---------------

GALLERY

---------------*/

#gallery-wrapper {
	background-color: #F2ECE0;
	border: 1px solid #ccc;
	float: left;
	margin: 20px 0;
	padding: 10px;
	position: relative;
	left: 38px;
}