* { padding: 0; margin: 0; }

body {background-color: #1a1a1a; font-family: Arial, Helvetica, sans-serif; font-size: 13px;color: blue; text-align: center;}

a {text-decoration: none;} 
:link {color: #92BBCC}  /* for unvisited links */  
:visited {color:aqua } /* for visited links */
a:active { color:blue } /* when link is clicked */
a:hover { color: yellow} /* when mouse is over link */


h1,h2,h3 {color: gray; letter-spacing: 0em;  text-align: center; }
h1 {font: .8em verdana, arial}
h2 {font: .9em verdana, arial}
h3 {font: 1em verdana, arial; color: skyblue}
h4 {font: .8em verdana, arial, helvetica; text-align:left; line-height: 15px;letter-spacing: 2px; color:gray}
h5 {font: .9em verdana, arial, helvetica; text-align: left;color: skyblue; font-weight: bold}
h6 {font: 1em verdana, arial, helvetica; text-align: right;color: skyblue}

#wrapper { margin: 0 auto;width: 922px;}
#header { color: #333; width: 920px; height: 20px; float: left; padding: 0px 0px 0px 0px; border-left: 1px solid #333333; border-right: 1px solid #222222; border-top: 1px solid #333333; margin: 25px 0px 0px 0px; background: #000000; }
#header2 { color: #333; width: 900px; height: 150px; float: left; padding: 10px; border-left: 1px solid #333333; border-right: 1px solid #222222; margin: 0px 0px 0px 0px; background: #000000;}
#leftcolumn {  color: #333; width: 258px; height: 560px; float: left; padding: 10px; border-left: 1px solid #333333; border-top: 1px solid #333333; margin: 0px 0px 0px 0px; background: #000000;background: #000;}
#leftcolumn2 {  color: #333; width: 280px; height: 570px; float: left; padding: 0px 10px 10px 10px; border-left: 1px solid #333333; border-top: none; margin: 0px 0px 0px 0px; background: #000000;} 
#rightcolumn { color: #333; width: 678px; height: 350px; float: right; padding: 10px; border-left: 1px solid #161616; border-right: 1px solid #222222; margin: 0px 0px 0px 0px; background: #000000; display: inline;}
#rightcolumn2 { color: #333; width: 678px; height: 350px; float: right; padding: 10px; border-left: 1px solid #161616; border-right: 1px solid #222222; margin: 0px 0px 0px 0px; background: #000000; display: inline;}
#top { color: #333; width: 641px; height: 195px; float: left; padding: 0px 0px 0px 0px; border-left: 1px solid #333333; border-right: 1px solid #222222; margin: 0px 0px 0px 0px; background: #000000; display: inline; }
#middle{  color: #333; width: 641px; height: 196px; float: left; padding: 0px;border-left: 1px solid #333333; border-right: 1px solid #222222; margin: 0px 0px 0px 0px; background: #000000; display: inline;}
#bottom{  color: #333; width: 641px; height: 190px; float: left; padding: 0px 0px 0px 0px;border-left: 1px solid #333333; border-right: 1px solid #222222; margin: 0px 0px 0px 0px; background: #000000; display: inline;}
#footer {  color: #333; width: 900px; clear: both; border-top: 1px solid #222222; border-left: 1px solid #333333; border-bottom: 1px solid #222222; border-right: 1px solid #222222; margin: 0px 0px 10px 0px; padding: 10px;
 background: #000000;}
#display1 { color: #333; width: 620px; height: 50px; float: left; padding: 0px 0px 0px 0px; border-bottom: none; border-right: 1px solid #222222; margin: 0px 0px 0px 0px; background: #000000; display: inline; }
#display2 { color: #333; width: 620px; height: 395px; float: left; padding: 10px 0px 0px 0px; border-bottom: none; border-right: 1px solid #222222; margin: 0px 0px 0px 0px; background: #000000; display: inline; }
#displaytitle { color: #333; width: 620px; height: 20px; float: left; padding: 0px 0px 0px 0px; border-right: 1px solid #222222; margin: 0px 0px 0px 0px; background: #000000; display: inline; }
#display3 { color: #333; width: 620px; height: 105px; float: left; padding: 0px 0px 0px 0px; border-right: 1px solid #222222; margin: 0px 0px 0px 0px; background: #000000; display: inline; }

/*scroll bar  */
#scroll {width: 887px; height: 450px; background-color:#000000; overflow: auto; padding: 5px; border: 1px solid; scrollbar-track-color: black; scrollbar-face-color: #3F3F3F}




/*portraits*/
#whole { color: #333; width: 620px; height: 580px; float: left; padding: 0px; border-left: none; border-right: 1px solid #222222; margin: 0px 0px 0px 0px; background: #000000; display: inline; }
#mainbody { color: #333; width: 900px; height: 560px; float: left; padding: 10px; border-left: 1px solid #333333; border-right: 1px solid #222222; margin: 0px 0px 0px 0px; background: #000000;}

/*gallery*/
div.img
{ margin: 10px;  border: 1px solid #000;  height: auto;  width: auto;  float: left;  text-align: center;}	

div.img img
{display: inline; margin: 10px;}

/*1st letter of paragraph large*/
span {float:left;width:0.7em;font-size:300%;color: #92BBCC;font-family:rage italic,algerian,courier;line-height:80%;}

/*menu*/
#navcontainer ul li	{margin: 0em 0em 0em 0em;display: block;float: left;background: url("http://www.denverartist.com/pics/menu-hover.jpg") repeat-x 40px; font: 10px/20px "Lucida Grande", verdana, arial; text-align:center;color:#1a1a1a}
#navcontainer a{color: d1a1a1a;text-decoration: none; display: block;width: 115px;}
#navcontainer li#active { background: url("http://www.denverartist.com/pics/menu-hovery.jpg") repeat-x 40px; }
#navcontainer a:hover { background: url("http://www.denverartist.com/pics/menu-hovery.jpg") repeat-x 40px; }


.photo {width:635px; text-align:left; position:relative; margin:0 auto;}
.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}
.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; margin: 0px 0px 0px 30px; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:gray; text-decoration:none; border:1px solid #1a1a1a; border-width:1px 1px 0 0; background:black; font-family:verdana, arial, sans-serif;}
.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}
.photo ul.topic li.active a
{color:gray; background:#1a1a1a;}
.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#19191B;}
.photo ul.topic li.active ul
{display:block; position:absolute; left:30px; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#000000; width:490px; padding:0px 0px; border:20px solid #19191B; z-index:1;}
.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:30px; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#000000; width:490px; padding:0px 0px; border:20px solid #1C1B20; z-index:100;}
.photo ul.topic li ul li
{display:inline; width:85px; height:85px; float:left; border:1px solid #1a1a1a; margin:15px 5px 5px 5px;}
photo ul.topic li ul li a
{display:block; width:80px; height:80px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}
.photo ul.topic li ul li a img
{display:block; width:75px; height:75px; margin: 5px; border:1px solid #eee;}
.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}
.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:160px; height:160px; border-color:#fff;}


/* Request form */
form label { display: inline-block; width: 225px; font-weight: bold; }


/*This is for the photography gallery only--DO NOT DELETE*/
.photo1 {width:635px; text-align:left; position:relative; margin:0 auto;}
.photo1 ul.topic1 {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}
.photo1 ul.topic1 li {display:block; width:122px; height:31px; float:left;}
.photo1 ul.topic1 li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:gray; text-decoration:none; border:1px solid #1a1a1a; border-width:1px 1px 0 0; background:black; font-family:verdana, arial, sans-serif;}
.photo1 ul.topic1 li a ul, 
.photo1 ul.topic1 li ul 
{display:none;}
.photo1 ul.topic1 li.active a
{color:gray; background:#1a1a1a;}
.photo1 ul.topic1 li a:hover,
.photo1 ul.topic1 li:hover a
{color:#fff; background:#19191B;}
.photo1 ul.topic1 li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:500px; background:#000000; width:573px; padding:0px 0px; border:20px solid #19191B; z-index:1;}
.photo1 ul.topic1 li a:hover ul, 
.photo1 ul.topic1 li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:500px; background:#000000; width:573px; padding:0px 0px; border:20px solid #1C1B20; z-index:100;}
.photo1 ul.topic1 li ul li
{display:inline; width:85px; height:85px; float:left; border:1px solid #1a1a1a; margin:8px 3px 5px 5px;}
photo1 ul.topic1 li ul li a
{display:block; width:80px; height:80px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}
.photo1 ul.topic1 li ul li a img
{display:block; width:75px; height:75px; margin: 5px; border:1px solid #eee;}
.photo1 ul.topic1 li a:hover ul li a:hover, 
.photo1 ul.topic1 li:hover ul li a:hover 
{white-space:normal; position:relative;}
.photo1 ul.topic1 li a:hover ul li a:hover img, 
.photo1 ul.topic1 li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:160px; height:160px; border-color:#fff;}