/* Generic Selectors */
body {
font-family: Trajan Pro;
font-size: 14px;
color: black;
width: 100%;
background-color: white;
border: none;
}

h1 {
font-family: Trajan Pro;
font-size: 36px;
font-weight: bold;
color: #000000;
letter-spacing: 10px;
line-height: 1.5em;
}
h2 {
font-family: Trajan Pro;
font-size: 18px;
font-weight: normal;
color: #000000;
line-height: .2em;	
}
h3 {
font-family: Trajan Pro;
font-size: 12px;
font-weight: normal;
color: #000000;
line-height: 1em;	
}

/**************** Pseudo classes ****************/
a:link {
color: blue;
text-decoration: underline;
}
:link {
color: blue;
text-decoration: none;
}
:visited {
color: blue;
text-decoration: none;
}
:hover {
text-decoration: none;
}

/************************* ID's *************************/
#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top: 0px;
	width:768px; 
	}
#header {
position: absolute;
width: 768px; /*was 100%, changed for IE display */
background-color: white;
white-space: nowrap;
}

#content {
	position: absolute;
	top: 180px; /*was 170px, changed for IE display */
	left: 150px;
	width: 599px;
	margin-left: 0px;
}
#sidebar {
	position: absolute;
	width: 150px;
	height: 50px;
	margin: 0px;
	top: 180px; /*was 0px, changed for IE display */
	left: 5px; 
}
ul.cssmenu {
	list-style: none;
        margin: 0px;
	padding: 0px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.cssmenu li {
     	float: left;
	}

ul.cssmenu li a {
	display: block;
	width: 150px;
	height: 50px;
	background: url(../images/paint-stroke-buttons.jpg);
	}

/*
*	Normal Links
*/
ul.cssmenu li.home a {
	background-position: 0 0;
	}

ul.cssmenu li.paintings a {
	background-position: 0px -50px;
	}

ul.cssmenu li.sculpture a {
	background-position: 0px -100px;
	}
	
ul.cssmenu li.commissions a {
	background-position: 0px -150px;
	}
	
ul.cssmenu li.studios a {
	background-position: 0px -200px;
	}
	
ul.cssmenu li.biography a {
	background-position: 0px -250px;
	}
	
ul.cssmenu li.links a {
	background-position: 0px -300px;
	}
	
ul.cssmenu li.contact a {
	background-position: 0px -350px;
	}

/*
*	Hover Links
*/
ul.cssmenu li.home a:hover {
	background-position: 300px 0px;
	}

ul.cssmenu li.paintings a:hover {
	background-position: 300px -50px;
	}

ul.cssmenu li.sculpture a:hover {
	background-position: 300px -100px;
	}

ul.cssmenu li.commissions a:hover {
	background-position: 300px -150px;
	}
	
ul.cssmenu li.studios a:hover {
	background-position: 300px -200px;
	}
	
ul.cssmenu li.biography a:hover {
	background-position: 300px -250px;
	}
	
ul.cssmenu li.links a:hover {
	background-position: 300px -300px;
	}
	
ul.cssmenu li.contact a:hover {
	background-position: 300px -350px;
	}

/*
*	Clicked Links
*/
ul.cssmenu li.home a:active {
	background-position: 150px 0px;
	}

ul.cssmenu li.paintings a:active {
	background-position: 150px -50px;
	}

ul.cssmenu li.sculpture a:active {
	background-position: 150px -100px;
	}
	
ul.cssmenu li.commissions a:active {
	background-position: 150px -150px;
	}
	
ul.cssmenu li.studios a:active {
	background-position: 150px -200px;
	}
	
ul.cssmenu li.biography a:active {
	background-position: 150px -250px;
	}
	
ul.cssmenu li.links a:active {
	background-position: 150px -300px;
	}
	
ul.cssmenu li.contact a:active {
	background-position: 150px -350px;
	}

/*
*	Selected/Active Links
*/
	
#footer {
	position: absolute;
	width: 600px;
	top: 700px;
	left: 160px;
}

