/* Generic Selectors */
body {
	font-family: Trajan Pro;
	font-size: 14px;
	color: #000000;
	background-color: white;
	border: 0 0 0 0;
	background-image: url(../images/logo780.jpg);
	background-position: center 60px;
	background-repeat: no-repeat;
}
p {
width: 100%;
}
h1 {
font-family: Trajan Pro;
font-size: 36px;
font-weight: bold;
color: #000000;
letter-spacing: 10px;
line-height: .6em; /*was .2em, changed for IE display */
}
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 ****************/
:link {
color: #002EC2;
text-decoration: none;
}
a:link {
color: #002EC2;
}
:visited {
color: #002EC2;
}
:hover {
text-decoration: none;
}

/************************* ID's *************************/
#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top: 0px;
	width:750px;
	}
#header {
	position: absolute;
	width: 750px;
	white-space: nowrap;
	padding-top: 10px;
}
#content {
	position: absolute;
	top: 145px;
	left: 155px;
	width: 420px;
	height: 485px;
}
#sidebar {
	position: absolute;
	float: left;
	width: 120px;
	height: 100%;
	margin: 0;
	top: 160px;
	margin-left: 0px; /*was 0px, changed for IE display */
}
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: 120px;
	height: 40px;
	background: url(../images/paint-stroke-buttons-small.jpg);
	}

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

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

ul.cssmenu li.sculpture a {
	background-position: 0px -80px;
	}
	
ul.cssmenu li.commissions a {
	background-position: 0px -120px;
	}
	

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

ul.cssmenu li.paintings a:hover {
	background-position: 240px -40px;
	}

ul.cssmenu li.sculpture a:hover {
	background-position: 240px -80px;
	}
	
ul.cssmenu li.commissions a:hover {
	background-position: 240px -120px;
	}

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

ul.cssmenu li.paintings a:active {
	background-position: 120px -40px;
	}

ul.cssmenu li.sculpture a:active {
	background-position: 120px -80px;
	}

ul.cssmenu li.commissions a:active {
	background-position: 120px -120px;
	}
	

/*
*	Selected/Active Links
*/


#rightside {
	position: absolute;
	float: left;
	width: 120px;
	height: 100%;
	margin: 0;
	top: 160px;
	margin-left: 610px; /*was 610px, xhanged for IE display */
}


/*
*	Normal Links
*/	
ul.cssmenu li.studios a {
	background-position: 0px -160px;
	}
	
ul.cssmenu li.biography a {
	background-position: 0px -200px;
	}
	
ul.cssmenu li.links a {
	background-position: 0px -240px;
	}
	
ul.cssmenu li.contact a {
	background-position: 0px -280px;
	}

/*
*	Hover Links
*/	
ul.cssmenu li.studios a:hover {
	background-position: 240px -160px;
	}
	
ul.cssmenu li.biography a:hover {
	background-position: 240px -200px;
	}
	
ul.cssmenu li.links a:hover {
	background-position: 240px -240px;
	}
	
ul.cssmenu li.contact a:hover {
	background-position: 240px -280px;
	}

/*
*	Clicked Links
*/		
ul.cssmenu li.studios a:active {
	background-position: 120px -160px;
	}
	
ul.cssmenu li.biography a:active {
	background-position: 120px -200px;
	}
	
ul.cssmenu li.links a:active {
	background-position: 120px -240px;
	}
	
ul.cssmenu li.contact a:active {
	background-position: 120px -280px;
	}

/*
*	Selected/Active Links
*/

#footer {
	position: absolute;
	width: 595px;
	top: 730px;
	left: 75px;
}