html, body {
	margin: 0;
	padding: 0;
}

body {background: #fff; text-align:center;}

#page-container {
	margin-left: auto;
	margin-right: auto;
	
}

#header {
	margin: 20px 0 5px 0;
}

#content
{
margin-left: auto;
margin-right: auto; 
padding: 60px 40px;
width: 780px;
background-color:#333333;
}

#content2
{
margin-left: auto;
margin-right: auto; 
padding: 0;
width: 780px;
background-color:#fff;
}

#main-nav ul
{
list-style-type: none;
margin: 10px 0 20px 0;
padding: 0;	
}

#main-nav li
{
display: inline;
margin: 15px;
}

#artnav {
   float:left;
   width:100%;
   background:#fff;
   overflow:hidden;
   position:relative;
}

#artnav ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}

#artnav ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}

#artnav ul li a {
   display:block;
   margin: 0;
   padding: 5px 10px 0 10px;
   background:#fff;
   color:#000;
   text-decoration:none;
   line-height:1.3em;
}

#artnav ul li a:hover {
   background:#333333;
   color:#fff;
}

#artnav ul li a.active,
#artnav ul li a.active:hover {
   color:#fff;
   background:#333333;
   font-weight:bold;
}

#artnav ul li a.nav {
	font-size: 0.8em;
	color: #000000;
}

#artnav ul li a.nav:active,
#artnav ul li a.nav:hover {
   font-size: 0.8em;
   color:#993300;
   background:#FFFFFF;
}


#about {
	width: 60%;
	margin: auto;
	padding: 0;	
	background: #fff;
	text-align: justify;
	text-justify: newspaper;
	}
	
#price {
	width: 50%;
	margin: auto;
	padding: 5px;	
	background: #fff;
	text-align: center;
	border: thin;
	border-style: solid;
	border-color: #999999;
	}

#vitae {
	width: 65%;
	margin: auto;
	background: #fff;
	text-align: left;
}

#footer {
	height: 30px;
	padding: 10px;
}

p { font-family: Georgia, Times, serif; 
	font-size: 0.9em; 
	font-style: normal; 
	line-height: 1.3em;
	letter-spacing: 0.15em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000; 
	  }
	  
a:link {font-size: 1em; font-weight: normal; letter-spacing: 0.3em; text-decoration: none; color: #000000;}
a:visited {font-size: 1em; font-weight: normal; letter-spacing: 0.3em; text-decoration: none; color: #000000;}
a:active {font-size: 1em; font-weight: normal; letter-spacing: 0.3em; text-decoration: none; color: #993300;}
a:hover {font-size: 1em; font-weight: normal; letter-spacing: 0.3em; text-decoration: none; color: #993300;}

a.head:link {font-size: 1.6em; font-weight: 600;  line-height: 1.8em; letter-spacing: 0.6em; text-decoration: none; color: #000000;}
a.head:visited {font-size: 1.6em; font-weight: 600;  line-height: 1.8em; letter-spacing: 0.6em; text-decoration: none; color: #000000;}
a.head:active {font-size: 1.6em; font-weight: 600;  line-height: 1.8em; letter-spacing: 0.6em; text-decoration: none; color: #993300;}
a.head:hover {font-size: 1.6em; font-weight: 600;  line-height: 1.8em; letter-spacing: 0.6em; text-decoration: none; color: #993300;}

a.sub:link {font-size: 0.9em; text-decoration: none; color: #000000;}
a.sub:visited {font-size: 0.9em; text-decoration: none; color: #000000;}
a.sub:active {font-size: 0.9em; text-decoration: none; color: #993300;}
a.sub:hover {font-size: 0.9em; text-decoration: none; color: #993300;}

h1 {font-size: 1.6em; font-weight: 600;  line-height: 1.8em; letter-spacing: 0.6em; text-decoration: none; color: #000000;}
h2 {font-size: 1em; font-weight: bold; line-height: 1em; letter-spacing: 0.6em; color: #000000;}
h3 {font-size: 0.9em; font-weight: normal; font-style: italic; letter-spacing: 0.2em; color: #000000;}
h4 {font-size: 1em; font-weight: normal; line-height: 2em; color: #FFFFFF;}