body {
	background-color: #CCCCCC;
}

#outer-frame {
	height: 525px;
	margin-left: auto;
	margin-right: auto;
	width: 720px;
	margin-top: 0px;
}
#cpyrt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	width: 280px;
	height: 40px;
	margin-top: 18px;
	position: relative;
	padding-left: 35px;
}

#outer-frame #header {
	width: 720px;
	height: 85px;
	background-image: url(images/header.gif);
}
#outer-frame #header #designer {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	width: 80px;
	position: absolute;
	font-style: italic;
	font-weight: bolder;
	margin-left: 210px;
	margin-top: 15px;
}
#outer-frame #header #portfolio {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bolder;
	color: #000000;
	width: 75px;
	position: absolute;
	margin-left: 400px;
	margin-top: 15px;
}
#outer-frame #white {
	background-color: #FFFFFF;
	width: 720px;
	height: 30px;
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	background-image: url(images/white.gif);
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000033;
}

#outer-frame #header #literary {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bolder;
	color: #000000;
	width: 65px;
	margin-top: 15px;
	margin-left: 590px;
	position: absolute;
}





#main-block {
	height: 525px;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
}


#outer-frame #white #about {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-left: 90px;
	position: absolute;
	margin-top: 7px;
}
#outer-frame #white #web {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-top: 7px;
	margin-left: 50px;
	position: absolute;
}
#outer-frame #white #graphic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-top: 7px;
	margin-left: 140px;
	position: absolute;
}
#outer-frame #white #digital {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-top: 7px;
	margin-left: 250px;
	position: absolute;
}
#outer-frame #white #logos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-top: 7px;
	margin-left: 335px;
	position: absolute;
}
#outer-frame #white #anim {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-top: 7px;
	margin-left: 450px;
	position: absolute;
}
#outer-frame #white #med {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-top: 7px;
	margin-left: 540px;
	position: absolute;
}






#outer-frame #white #contact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-top: 7px;
	position: absolute;
	margin-left: 560px;
}
#outer-frame #mainframe {
	background-color: #FFFFFF;
	width: 718px;
	height: 400px;
	position: absolute;
	margin-left: 0px;
	top: 0px;
	margin-top: 117px;
	border: thin solid #000033;
	overflow: auto;
}



.links {
	text-decoration: none;
	color: #000000;
}
.page-links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}


#outer-frame #white #resume {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-top: 7px;
	position: absolute;
	margin-left: 430px;
}

#outer-frame #white #education {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-top: 7px;
	position: absolute;
	margin-left: 215px;
}
.maintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.poemtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-left: 120px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 30px;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding: 1px;
}










#outer-frame #mainframe #digital-container {
	width: 690px;
	height: 320px;
	margin: 10 auto 0 auto;
	position: absolute;
	padding-left: 15px;
	background: #ffffff url(digital/digital-bg.gif) 30px 10px no-repeat;
	
}


#outer-frame #mainframe #digital-container a.gallery,#outer-frame #mainframe #digital-container a.gallery:visited  {
	color: #000000;
	display: block;
	text-decoration: none;
	margin-top: 1px;
	margin-right: 2px;
	margin-bottom: 1px;
	margin-left: 2px;
	border: 1px solid #000000;
	text-align: left;
	cursor: default;
}

#outer-frame #mainframe #digital-container a.gallery:hover  {
border:1px solid #ffffff;
}


#outer-frame #mainframe #digital-container a.gallery:hover span {
position:absolute; 
width:380px; 
height:320px; 
top:10px; 
left:30px; 
color:#000000; 
background:#fff;
}

#outer-frame #mainframe #digital-container a.gallery:hover img {
border:1px solid #ffffff; 
float:left; 
margin-right:2px;
}





#outer-frame #mainframe #digital-container a.slidea {
	background-image: url(digital/thumb/amethyst.gif);
	height: 60px;
	width: 60px;
}



#outer-frame #mainframe #digital-container a.slideb {
	background-image: url(digital/thumb/eternity.gif);
	height: 60px;
	width: 60px;
}




#outer-frame #mainframe #digital-container a.slidec {
	background-image: url(digital/thumb/light.gif);
	height: 60px;
	width: 60px;
}

#outer-frame #mainframe #digital-container a.slided {
	background-image: url(digital/thumb/emerald.gif);
	height: 60px;
	width: 60px;
}

* html #container a.slided { 
	    width:60px; 
    w\idth:60px; 
	    }
#outer-frame #mainframe #digital-container a.slidee {
	background-image: url(digital/thumb/floral.gif);
	height: 60px;
	width: 60px;
}

#outer-frame #mainframe #digital-container a.slidef {
	background-image: url(digital/thumb/pearly-artifact.gif);
	height: 60px;
	width: 60px;
}

#outer-frame #mainframe #digital-container a.slideg {
	background-image: url(digital/thumb/mystery.gif);
	height: 60px;
	width: 60px;
}

#outer-frame #mainframe #digital-container a.slideh {
	background-image: url(digital/thumb/pearl.gif);
	height: 60px;
	width: 60px;
}

* html #container a.slideh { 
	    width:60px; 
    w\idth:60px; 
	    }

#outer-frame #mainframe #digital-container a.slidei {
	background-image: url(digital/thumb/pearly-artifact-2.gif);
	height: 60px;
	width: 60px;
}

#outer-frame #mainframe #digital-container a.slidej {
	background-image: url(digital/thumb/pineapple.gif);
	height: 60px;
	width: 60px;
}
#outer-frame #mainframe #digital-container a.slidek {
	background-image: url(digital/thumb/thoughts.gif);
	height: 60px;
	width: 60px;
}



#outer-frame #mainframe #digital-container .gallery span {
	width: 1px;
	height: 1px;
	top: 5px;
	left: 5px;
	position: absolute;
	overflow: hidden;
	background-color: #FFFFFF;
}



#outer-frame #mainframe #digital-container ul {
	margin: 5px;
	padding: 0px;
	list-style-type: none;
	height: 320px;
	width: 264px;
	 
    float:right;
}

#outer-frame #mainframe #digital-container li {
	float: left;
}









#outer-frame #mainframe #web-container {
	width: 690px;
	height: 320px;
	margin: 10 auto 0 auto;
	position: absolute;
	padding-left: 15px;
	background: #ffffff url(web/web-bg.gif) 30px 10px no-repeat;
	
}


#outer-frame #mainframe #web-container a.gallery,#outer-frame #mainframe #web-container a.gallery:visited  {
	color: #000000;
	display: block;
	text-decoration: none;
	margin-top: 1px;
	margin-right: 2px;
	margin-bottom: 1px;
	margin-left: 2px;
	border: 1px solid #000000;
	text-align: left;
	cursor: default;
}

#outer-frame #mainframe #web-container a.gallery:hover  {
border:1px solid #ffffff;
}


#outer-frame #mainframe #web-container a.gallery:hover span {
position:absolute; 
width:380px; 
height:320px; 
top:10px; 
left:30px; 
color:#000000; 
background:#fff;
}

#outer-frame #mainframe #web-container a.gallery:hover img {
border:1px solid #ffffff; 
float:left; 
margin-right:2px;
}





#outer-frame #mainframe #web-container a.slidea {
	background-image: url(web/thumb/fave.gif);
	height: 60px;
	width: 60px;
}



#outer-frame #mainframe #web-container a.slideb {
	background-image: url(web/thumb/river.gif);
	height: 60px;
	width: 60px;
}




#outer-frame #mainframe #web-container a.slidec {
	background-image: url(web/thumb/isupk.gif);
	height: 60px;
	width: 60px;
}

#outer-frame #mainframe #web-container a.slided {
	background-image: url(web/thumb/in-sponsor.gif);
	height: 60px;
	width: 60px;
}





#outer-frame #mainframe #web-container a.slidee {
	background-image: url(web/thumb/apal.gif);
	height: 60px;
	width: 60px;
}

#outer-frame #mainframe #web-container a.slidef {
	background-image: url(web/thumb/dechla.gif);
	height: 60px;
	width: 60px;
}

#outer-frame #mainframe #web-container a.slideg {
	background-image: url(web/thumb/hive.gif);
	height: 60px;
	width: 60px;
}

#outer-frame #mainframe #web-container a.slideh {
	background-image: url(web/thumb/wamy.gif);
	height: 60px;
	width: 60px;
}



#outer-frame #mainframe #web-container a.slidei {
	background-image: url(web/thumb/rac.gif);
	height: 60px;
	width: 60px;
}

#outer-frame #mainframe #web-container a.slidej {
	background-image: url(web/thumb/success.gif);
	height: 60px;
	width: 60px;
}
#outer-frame #mainframe #web-container a.slidek {
	background-image: url(web/thumb/hh.gif);
	height: 60px;
	width: 60px;
}

#outer-frame #mainframe #web-container a.slidel {
	background-image: url(web/thumb/asig.gif);
	height: 60px;
	width: 60px;
}









#outer-frame #mainframe #web-container .gallery span {
	width: 1px;
	height: 1px;
	top: 5px;
	left: 5px;
	position: absolute;
	overflow: hidden;
	background-color: #FFFFFF;
}



#outer-frame #mainframe #web-container ul {
	margin: 5px;
	padding: 0px;
	list-style-type: none;
	height: 320px;
	width: 264px;
	 
    float:right;
}

#outer-frame #mainframe #web-container li {
	float: left;
}








#outer-frame #mainframe #gr-container {
	width: 690px;
	height: 320px;
	margin: 10 auto 0 auto;
	position: absolute;
	padding-left: 15px;
	background: #ffffff url(graphic/graphic-bg.gif) 30px 10px no-repeat;
	
}


#outer-frame #mainframe #gr-container a.gallery,#outer-frame #mainframe #gr-container a.gallery:visited  {
	color: #000000;
	display: block;
	text-decoration: none;
	margin-top: 1px;
	margin-right: 2px;
	margin-bottom: 1px;
	margin-left: 2px;
	border: 1px solid #000000;
	text-align: left;
	cursor: default;
}

#outer-frame #mainframe #gr-container a.gallery:hover  {
border:1px solid #ffffff;
}


#outer-frame #mainframe #gr-container a.gallery:hover span {
position:absolute; 
width:380px; 
height:320px; 
top:10px; 
left:30px; 
color:#000000; 
background:#fff;
}

#outer-frame #mainframe #gr-container a.gallery:hover img {
border:1px solid #ffffff; 
float:left; 
margin-right:2px;
}





#outer-frame #mainframe #gr-container a.slidea {
	background-image: url(graphic/thumb/Blessing.gif);
	height: 60px;
	width: 60px;
}



#outer-frame #mainframe #gr-container a.slideb {
	background-image: url(graphic/thumb/Cabrini.gif);
	height: 60px;
	width: 60px;
}




#outer-frame #mainframe #gr-container a.slidec {
	background-image: url(graphic/thumb/Incarnational.gif);
	height: 60px;
	width: 60px;
}

#outer-frame #mainframe #gr-container a.slided {
	background-image: url(graphic/thumb/Inquire.gif);
	height: 60px;
	width: 60px;
}





#outer-frame #mainframe #gr-container a.slidee {
	background-image: url(graphic/thumb/Key_to_Wisdom.gif);
	height: 60px;
	width: 60px;
}

#outer-frame #mainframe #gr-container a.slidef {
	background-image: url(graphic/thumb/Language_of_Numbers.gif);
	height: 60px;
	width: 60px;
}

#outer-frame #mainframe #gr-container a.slideg {
	background-image: url(graphic/thumb/OC.gif);
	height: 60px;
	width: 60px;
}

#outer-frame #mainframe #gr-container a.slideh {
	background-image: url(graphic/thumb/Secret.gif);
	height: 60px;
	width: 60px;
}



#outer-frame #mainframe #gr-container a.slidei {
	background-image: url(graphic/thumb/Spiritual.gif);
	height: 60px;
	width: 60px;
}

#outer-frame #mainframe #gr-container a.slidej {
	background-image: url(graphic/thumb/Ten_Elements.gif);
	height: 60px;
	width: 60px;
}
#outer-frame #mainframe #gr-container a.slidek {
	background-image: url(graphic/thumb/Theosophy_101.gif);
	height: 60px;
	width: 60px;
}

#outer-frame #mainframe #gr-container a.slidel {
	background-image: url(graphic/thumb/Theosophy_102.gif);
	height: 60px;
	width: 60px;
}



#outer-frame #mainframe #gr-container a.slidem {
	background-image: url(graphic/thumb/Thought_Forms.gif);
	height: 60px;
	width: 60px;
}

#outer-frame #mainframe #gr-container a.sliden {
	background-image: url(graphic/thumb/TILT.gif);
	height: 60px;
	width: 60px;
}

#outer-frame #mainframe #gr-container a.slideo {
	background-image: url(graphic/thumb/Transformation.gif);
	height: 60px;
	width: 60px;
}

#outer-frame #mainframe #gr-container a.slidep {
	background-image: url(graphic/thumb/Wesak.gif);
	height: 60px;
	width: 60px;
}


#outer-frame #mainframe #gr-container a.slideq {
	background-image: url(graphic/thumb/Winter.gif);
	height: 60px;
	width: 60px;
}

#outer-frame #mainframe #gr-container a.slider {
	background-image: url(graphic/thumb/Wisdom.gif);
	height: 60px;
	width: 60px;
}









#outer-frame #mainframe #gr-container .gallery span {
	width: 1px;
	height: 1px;
	top: 5px;
	left: 5px;
	position: absolute;
	overflow: hidden;
	background-color: #FFFFFF;
}



#outer-frame #mainframe #gr-container ul {
	margin: 5px;
	padding: 0px;
	list-style-type: none;
	height: 320px;
	width: 264px;	 
    float:right;
}

#outer-frame #mainframe #gr-container li {
	float: left;
}








#outer-frame #mainframe #logo-container {
	width: 690px;
	height: 320px;
	margin: 10 auto 0 auto;
	position: absolute;
	padding-left: 15px;
	background: #ffffff url(logo/logo-bg.gif) 30px 10px no-repeat;
	
}


#outer-frame #mainframe #logo-container a.gallery,#outer-frame #mainframe #logo-container a.gallery:visited  {
	color: #000000;
	display: block;
	text-decoration: none;
	margin-top: 1px;
	margin-right: 2px;
	margin-bottom: 1px;
	margin-left: 2px;
	border: 1px solid #000000;
	text-align: left;
	cursor: default;
}

#outer-frame #mainframe #logo-container a.gallery:hover  {
border:1px solid #ffffff;
}


#outer-frame #mainframe #logo-container a.gallery:hover span {
position:absolute; 
width:380px; 
height:320px; 
top:10px; 
left:30px; 
color:#000000; 
background:#fff;
}

#outer-frame #mainframe #logo-container a.gallery:hover img {
border:1px solid #ffffff; 
float:left; 
margin-right:2px;
}





#outer-frame #mainframe #logo-container a.slidea {
	background-image: url(logo/thumb/accra.gif);
	height: 60px;
	width: 60px;
}



#outer-frame #mainframe #logo-container a.slideb {
	background-image: url(logo/thumb/human-traffic.gif);
	height: 60px;
	width: 60px;
}




#outer-frame #mainframe #logo-container a.slidec {
	background-image: url(logo/thumb/podium.jpg);
	height: 60px;
	width: 60px;
}


#outer-frame #mainframe #logo-container .gallery span {
	width: 1px;
	height: 1px;
	top: 5px;
	left: 5px;
	position: absolute;
	overflow: hidden;
	background-color: #FFFFFF;
}



#outer-frame #mainframe #logo-container ul {
	margin: 5px;
	padding: 0px;
	list-style-type: none;
	height: 320px;
	width: 264px;	 
    float:right;
}

#outer-frame #mainframe #logo-container li {
	float: left;
}







#outer-frame #mainframe #anim-container {
	width: 690px;
	height: 320px;
	margin: 10 auto 0 auto;
	position: absolute;
	padding-left: 15px;
	background: #ffffff url(anim/anim-bg.gif) 30px 10px no-repeat;
	
}


#outer-frame #mainframe #anim-container a.gallery,#outer-frame #mainframe #anim-container a.gallery:visited  {
	color: #000000;
	display: block;
	text-decoration: none;
	margin-top: 1px;
	margin-right: 2px;
	margin-bottom: 1px;
	margin-left: 2px;
	border: 1px solid #000000;
	text-align: left;
	cursor: default;
}

#outer-frame #mainframe #anim-container a.gallery:hover  {
border:1px solid #ffffff;
}


#outer-frame #mainframe #anim-container a.gallery:hover span {
position:absolute; 
width:380px; 
height:320px; 
top:10px; 
left:30px; 
color:#000000; 
background:#fff;
}

#outer-frame #mainframe #anim-container a.gallery:hover img {
border:1px solid #ffffff; 
float:left; 
margin-right:2px;
}





#outer-frame #mainframe #anim-container a.slidea {
	background-image: url(anim/thumb/kerala.gif);
	height: 60px;
	width: 60px;
}



#outer-frame #mainframe #anim-container a.slideb {
	background-image: url(anim/thumb/monsanto.gif);
	height: 60px;
	width: 60px;
}




#outer-frame #mainframe #anim-container a.slidec {
	background-image: url(anim/thumb/thumbelina.gif);
	height: 60px;
	width: 60px;
}


#outer-frame #mainframe #anim-container .gallery span {
	width: 1px;
	height: 1px;
	top: 5px;
	left: 5px;
	position: absolute;
	overflow: hidden;
	background-color: #FFFFFF;
}



#outer-frame #mainframe #anim-container ul {
	margin: 5px;
	padding: 0px;
	list-style-type: none;
	height: 320px;
	width: 264px;	 
    float:right;
}

#outer-frame #mainframe #anim-container li {
	float: left;
}






#outer-frame #mainframe #med-container {
	width: 690px;
	height: 320px;
	margin: 10 auto 0 auto;
	position: absolute;
	padding-left: 15px;
	background: #ffffff url(medvis/med-bg.gif) 30px 10px no-repeat;
	
}


#outer-frame #mainframe #med-container a.gallery,#outer-frame #mainframe #med-container a.gallery:visited  {
	color: #000000;
	display: block;
	text-decoration: none;
	margin-top: 1px;
	margin-right: 2px;
	margin-bottom: 1px;
	margin-left: 2px;
	border: 1px solid #000000;
	text-align: left;
	cursor: default;
}

#outer-frame #mainframe #med-container a.gallery:hover  {
border:1px solid #ffffff;
}


#outer-frame #mainframe #med-container a.gallery:hover span {
position:absolute; 
width:380px; 
height:320px; 
top:10px; 
left:30px; 
color:#000000; 
background:#fff;
}

#outer-frame #mainframe #med-container a.gallery:hover img {
border:1px solid #ffffff; 
float:left; 
margin-right:2px;
}





#outer-frame #mainframe #med-container a.slidea {
	background-image: url(medvis/thumb/temp.gif);
	height: 60px;
	width: 60px;
}

#outer-frame #mainframe #med-container .gallery span {
	width: 1px;
	height: 1px;
	top: 5px;
	left: 5px;
	position: absolute;
	overflow: hidden;
	background-color: #FFFFFF;
}



#outer-frame #mainframe #med-container ul {
	margin: 5px;
	padding: 0px;
	list-style-type: none;
	height: 320px;
	width: 264px;	 
    float:right;
}

#outer-frame #mainframe #med-container li {
	float: left;
}


















#outer-frame #white #golden {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-top: 1px;
	margin-left: 55px;
	position: absolute;
}
#outer-frame #white #ego {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-top: 12px;
	margin-left: 100px;
	position: absolute;
}
.poem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}


#outer-frame #white #nightingale {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-top: 1px;
	margin-left: 180px;
	position: absolute;
}
#outer-frame #white #sunset {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-left: 310px;
	margin-top: 1px;
	position: absolute;
}
#outer-frame #white #drift {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-left: 375px;
	margin-top: 1px;
	position: absolute;
}
#outer-frame #white #eyes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-left: 510px;
	margin-top: 1px;
	position: absolute;
}
#outer-frame #white #why {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-top: 1px;
	margin-left: 610px;
	position: absolute;
}
