body {
		background: #333;
		margin: 0;
		font: 80%/1.6 "Lucida Sans Unicode",verdana,arial,sans-serif;
		color: #eee;
		text-align: center;
		}
		
	#frame 	{
		padding: 0px;
		margin-left: auto;
		margin-right: auto;
		width: 770px;
		position: static;
		text-align: left;
		}

	#banner	  {
		border-top: #666 1px solid;
		margin: 30px 0 0 0;
		background-color: #000;
		border-bottom: #666 1px solid;
		height: 60px;
		min-width: 700px;
		}
		
	.clr	{
		clear: both;
		font-size: 1px;
		}
	#content  {
		border-top: 0px;
		border-right: 0px;
		border-bottom: 0px;
		padding: 0px 0px 0px 0px;
        	background: #333;
    		margin: 70px 0px 20px 0px;
    		position: relative;
    		
		}		
	#rightcontent  {
		border-top: 0px;
		border-right: 0px;
		border-bottom: 0px;
		border-left: #666 1px solid;
		text-align: center;
		padding: 0px 0px 0px 20px;
        	background: #333;
    		margin: 70px 0px 20px 190px;
    		width: 525px;
    		height: 600px;
    		position: relative;
    		background:url(images/watertowerpathyellow.jpg) 25px 110px no-repeat;
		}
	
	#rightcontent ul
		{
		padding: 0px;
		margin: 5px;
		list-style-type: none;
		width: 125px;
		float:right;
		}
	#rightcontent li
		{
		float: left;
		}
	/* Remove the images and text from sight */
	#rightcontent a.gallery span {
    		position:absolute; 
    		width:1px; 
    		height:1px; 
    		top:-5000px; 
    		left:-5000px; 
    		overflow:hidden; 
    		background:#333;
    		}

	/* Adding the thumbnail images */
	#rightcontent a.gallery, #content a.gallery:visited {
    		display:block; 
   		color:#eee; 
    		text-decoration:none; 
    		border:1px solid #333; 
    		margin:1px 2px 1px 2px; 
    		text-align:left; 
    		cursor:default;
    		}
    	#rightcontent a.gallery:hover {
    		border: 1px solid #fff;
    		}
    	/* styling the :hover span */
	#rightcontent a.gallery:hover span {
    		position: absolute; 
    		width:300px;
    		height:575px; 
    		top:110px; 
    		left:25px; 
    		color:#333; 
    		background:#6c6c6c;
    		text-align: center;
    		font-weight: bold;
    		}
    	#rightcontent a.gallery:hover img {
    		float:left;
    		margin-right:25px;
    		}


	#rightcontent a.slidea {
    		background:url(images/studio1sm.jpg); 
    		height:75px; 
    		width:100px;
    		}
	#rightcontent a.slideb {
    		background:url(images/studio2sm.jpg); 
    		height:75px; 
    		width:100px;
    		}
	#rightcontent a.slidec {
    		background:url(images/studio3sm.jpg); 
    		height:75px; 
    		width:100px;
    		}
	
    		
    	#leftmenu
		{
    		PADDING-RIGHT: 10px;
    		PADDING-LEFT: 0px;
    		BACKGROUND: #333;
    		PADDING-BOTTOM: 20px;
    		MARGIN: 75px 0px 0px 0px;
    		WIDTH: 100px;
    		PADDING-TOP: 0px;
    		float: left;
    		}
	
	.progress
		{
		text-indent: 2%;
		}		
	#active a
		{
    		BORDER-RIGHT: 0px;
    		PADDING-RIGHT: 1.3em;
    		BORDER-TOP: 0px;
    		BORDER-LEFT: 0px;
    		COLOR: #f90;
    		BORDER-BOTTOM: 0px;
    		TEXT-DECORATION: none;
		}
	#rightcontent h2
		{
		text-align: left;
		border-bottom: #666 solid 1px;
	
		}
	#rightcontent .home 
		{
		position: absolute; 
    		width:500px;
    		height:150px; 
    		top:375px; 
    		left:25px; 
    		color:#eee;
    		text-align: left;
    		}
    	a
		{
    		background: none transparent scroll repeat 0% 0%;
    		color: #fff;
    		border-bottom: #999 1px solid;
    		text-decoration: none;
    		}
	a:hover
		{
    		color: #f90;
    		border-bottom: #f90 1px solid;
		}
	ul
		{
    		padding-right: 0px;
    		padding-left: 0px;
    		padding-bottom: 0px;
    		margin: 0px;
    		padding-top: 0px;
    		list-style-type: none
		}
	li a
		{
    		background: none transparent scroll repeat 0% 0%;
    		color: #fff;
    		border-bottom: 0px;
    		text-decoartion: none;
    		border-right: 2px;
    		border-color: #f90;
		}
 	li a:hover
		{	
    		color: #f90;
    		border-bottom: 0px;
		}
	#footer p
		{
		    clear: both;
		    padding-left: 10px;
		    color: #666;
		    height: 25px;
		    background-color: #333;
		}
		
		
div#leftmenu {float: left; width: 10em; margin:0; padding: 0; background: #333;}
div#leftmenu ul.level1 {margin: 0; padding: 0; width: 7em; background: #333; color: #fff;  }
div#leftmenu ul.level1 li.submenu {position: relative; list-style: none; margin: 0; padding: 0; }
div#leftmenu ul ul {position: absolute; top: 0; left: 7em; display:none; }
div#leftmenu li.submenu {background:#333; color:#fff; }
div#leftmenu li a {display: block; padding: 0.25em 0 0.25em 0.25em; text-decoration: none; width: 10em; }
div#leftmenu>ul a {width: auto;}	
div#leftmenu ul.level1 li.submenu:hover ul.level2 li { border-bottom: #666 1px solid; }
div#leftmenu ul.level1 li.submenu:hover ul.level2 {background:#333; color:#fff; display: block;  }
div#leftmenu ul.level1 li.submenu ul.level2 a {color: #fff; text-decoration: none;}
div#leftmenu ul.level1 li.submenu ul.level2 a:hover {color: #f90; text-decoration: none;}
div#leftmenu ul.level1 li.submenu a {color: #fff; text-decoration: none;}
div#leftmenu ul.level1 li.submenu a:hover {color: #f90; text-decoration: none;}