* {
	margin: 0;
	padding: 0;
}


#home #nav-home a,
#about #nav-about a,
#web #nav-web a,
#art #nav-art a,
#contact #nav-contact a {
font-size: 25px;
color:#000000;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
}


a:link {
color: #345F6B;
}
a:visited {
color: #345F6B;
}
a:hover {
text-decoration: none;
color: #cc6666;
}

#preload { display: none; }

#home #page-wrap {
	background: white;
	margin: auto;
	margin-top: 150px;
}

#page-wrap {
	background: white;
	margin: auto;
	padding: 70px 30px 20px 30px;
}

/* LAYOUT */


 #container {
	width: 780px;
	margin: 0 auto;
	background-color: #fff;
	/* border: 1px solid gray; */
	line-height: 130%;
}

#banner {
background-color:#666666;
}

#banner img{
padding-left:14px;
padding-top:14px;
}

#header {
	padding: .5em;
	background-color: #ffffff;
	/* border-bottom: 1px solid gray; */
}
#top h1 {
	padding: 0;
	margin: 0;
}

#home #leftnav {
	float: left;
	width: 235px;
	margin: 0;
	position:relative;
	top:18.5em;
}

#leftnav {
	float: left;
	width: 235px;
	margin: 0;
	padding: 0;
}



/* MAIN NAV MENU */
ul {
list-style: none;
}

ul.menu {
	font-size:14px;
	list-style-type: none;
	text-align: right;
	padding-right: 20px;
}

ul.menu li{
padding: 4px;
}

ul.menu a {
display: block;
color: #666666;
text-decoration: none;
padding: 2px;
}

ul.menu a:visited
{
color: #666666;
}

ul.menu a:hover
{
background: #999999;
color:#FFFFFF;
}

#home ul.menu a:hover
{
background: #999999;
color:#FF3333;
}


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


#content {
	/* border-left: 1px solid gray; */
	padding: 0em;
	max-width: 50em;
	margin: 0 0 0 250px;
}


/*  --------------------------INDEX PAGE -----------------------------------*/

#photo-container {
display:block;
position:relative;
}
#logo-watermark {
left:21.8em;
position:absolute;
top:18.9em;
z-index:15;
}

#fadeshow1 element.style {
position: absolute;
z-index: -1;
}

/*  --------------------------WEB SECTION -----------------------------------*/

#art .web-portfolio {
float:left;
margin:0pt;
padding-left:30pt;
}

.web-portfolio {
float:left;
margin:0pt;
padding:0pt;
}

.web-portfolio div
{
	float: left;
	width: 130px;
	margin: 0 15px 15px 0;
	padding: 5px;
	font-weight: normal;
	font-size: 11px;
}

.web-portfolio div img {
border:1px solid #cccccc;
}

.web-portfolio div a:hover img
  {
  border: 1px solid #FF3333;
  }

.web-portfolio div a:link {
color:#666666;
}
.web-portfolio div a:visited {
color:#666666;
}
.web-portfolio div a:hover {
color:#FF3333;
background-color:#cccccc;
}


.clearboth { clear: both; }

#web-menu{
font-size: 10px;
margin: 45px 25px 0 0;
}

 #web-menu ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align:right;
}

#web-menu ul li { display: inline; }

#web-menu ul li a
{
	text-decoration: none;
	padding: .2em 1em .2em 1em;
	color: #fff;
	background-color: #999999;
	/*
	background-color: #FF3333; */
}

#web-menu ul li a:hover
{   color: #FF3333;
	background-color: #cccccc;
}

#web-menu ul li a.selected {
background-color: #666666;
font-size:14px;;
}


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


#footer {
font-size: 11px;
position: absolute;
left: 0px;
bottom: 0px;
display: block;
height: 45px;
z-index: 999;
padding-left: 20px;
margin: 0px;
}


#leftnav p {
	margin: 0 0 1em 0;
}
#content h2 {
	margin: 0 0 .5em 0;
}
/* BODY BORDER */
#top, #bottom, #left, #right {
	background: #666666;
}
#left, #right {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 15px;
}
#left {
	left: 0;
}
#right {
	right: 0;
}
#top, #bottom {
	position: fixed;
	left: 0;
	right: 0;
	height: 15px;
}
#top {
	top: 0;
}
#bottom {
	bottom: 0;
}