@import url(undohtml.css);

body		{font: 1em Arial, Helvetica, sans-serif;
			 text-align: center;
			 margin: 0;
			 padding: 0;
			 color: #CFA97E;
			 background-color: #000000;
			 background-image: url(soulvision/texture.jpg);
			 width:100%;
			}	
			 
#container	{margin: 1em auto 1em auto;
				 width: 800px;
				 text-align: left;
				 line-height: 1.25em;
				}			  						
				
/*Masthead styles*/
#header-wrapper {
	background: url(soulvision/bluetexture.jpg) repeat-x;	
	background-color: #2a505b;
	height:200px;
}
#header   {background: url(soulvision/HeaderBlue.jpg) no-repeat;
			     position: relative;
			     height: 200px;
				  width:1000px;
			    }
			    
#horizbartop {
	background: url(soulvision/NarrowBar.jpg) no-repeat;
	position:relative;
	height: 10px;
	width:100%;
}
				 
#horizbar {background: url(soulvision/TopBar.jpg) repeat-x;
			  position: relative;
			  height: 25px;
			  width: 100%;
			  border-top: 1px solid #710000;
			  border-bottom:1px solid #710000;
			 }				 
/*End Masthead styles*/		

				 
			  		 
/*Main Navigation styling*/	
#menu	{   clear:both;
			 float: left;
			 top:-20px;
			 font: bold small-caps .85em Verdana, Geneva, Arial, Helvetica, sans-serif;
			 text-align: center;
			 width: 120px;
			 height:25px;
			 margin: auto;
			 color: inherit;
			 background-color: inherit;
			 position: relative;
			 z-index: 100; /* For IE - IMPERATIVE to ensure that the flyouts stay above the page content. Otherwise, the flyout will place itself under the content. Make sure the z-index is suffciently high so nothing will knock it off the top of the stack. The flyout stacked as expected without the  z-index in FF, NS, Opera, but not IE7 - this fixed it.*/
			}
			 
#menu a.image 	   {
				 background: url(soulvision/h2-bg.jpg) repeat-x;
			 	 background-color: inherit;
				 width: 120px;
				 height:25px;
				 line-height:25px;
				 color: #CFA97E;
				 text-decoration: none;
				 display: block;
				 margin: auto;
				 border:1px solid #8E6140;
				} /*Menu with rollover-image styling*/
			 
			 
#menu a:hover.image    {
						background: url(soulvision/h2-bg.jpg) repeat-x;
			 		   background-color: inherit;
						width: 120px;
						height:25px;
						height:25px;
						color:#8E6140;
				 		text-decoration: underline;
						display: block;
						margin: auto;
						border:1px solid #8E6140;
					  } /*Menu with rollover-image styling*/

#menu a.submenu    {background: url(Images/Nav/MenuPopUp2.jpg) no-repeat;
			 		     background-color: #CFA97E;
						  color: black;
						  width: 200px;
				 		  text-decoration: none;
						  display: block;
						  margin: auto;
					    }	/*First Flyout Submenu styling*/			  
					  
#menu a:hover.submenu    {background: url(Images/Nav/MenuPopUp1.jpg) no-repeat;
			 		           background-color: #CFA97E;
						        color: black;
						        width: 200px;
				 		        text-decoration: none;
						        display: block;
						        margin: auto;
					          }	/*First Flyout Submenu styling*/				  
				   
#menu ul		 {list-style: none;
		  	  		  padding: 0;
					 }
			  
#menu li {text-align: center;
			 position: relative;
			}	
				
#menu li ul {
			    line-height: 24px;
				 position:relative;
				 width: 200px;
				}

#menu ul a {display: block;
	 			padding: 0;
				vertical-align: top; 
			  }	/* IE5 Windows*/			
				
#menu ul ul    {color: inherit;
					 background: black;
					 position: absolute;
					 left: -3000px;
					} /*Sets Flyout BG color and presets the positioning*/	
					
#menu li:hover ul {
						 left: 110px;
						 top: 2px;
						}		/*Make Flyout appear when the LI is hovered*/	
						
a span {display: none;
		 } /*Menu Item Description Popup - needed to make the span text invisible. The styling below makes the span text visible upon hover*/
	
/*Menu Item Description Popup*/ 	 
a:hover span {display: block;
				  border: 2px solid rgb(173,59,18);
				  position: absolute;
				  color: black;
				  background-color: #CFA97E;
				  background-image: url(Images/Misc/Dkgoldbackground.jpg);
				  left: 100%;
				  top: 5px;
				  width:200px;
				  font: bolder small-caps 1em Arial, Helvetica, sans-serif; 
				  line-height: 1.25em;
				  padding: 5px;
				 }	
/*End of Main Navigation styling*/


.look-inside {background: url(soulvision/h2-bg.jpg) repeat-x;
					 color: #CFA97E;
					 border:1px solid #8E6140;
					 background-color: inherit;
					 font-variant: small-caps;
					 position: relative;
					 font-size: .9em;
					 min-height:25px !important;
					 z-index: 1;
					 padding:5px;
					 margin-left:15px;
				   }


.look-inside a:hover  {background: url(soulvision/h2-bg.jpg) repeat-x;
						    color: #8E6140;
						    border:1px solid #8E6140;
							 background-color: inherit;
							 font-variant: small-caps;
							 position: relative;
							 font-size: .9em;
							 min-height:25px !important;
							 text-decoration:underline;
							 z-index: 1;
							 padding:5px;
							 padding:5px;
							 margin-left:10px;
				  			}
						
						

/*Contents styling*/
#contents {margin-left: 120px;
			  margin-right: 10px;
			  }
			  
.textarea {background-image: url(Images/Misc/TextAreaBG.jpg);
			  color: black;
			  background-color: inherit;
			  text-align: left;
			  letter-spacing: .04em;
			  float:left;
			  width: 650px;	 
			  padding: 10px;
			  border: 1px solid rgb(209,103,9);
			 }	
			 
.textarea h5 {font-size: .9em;
				  font-weight: normal;
				 }			 	
			 
.textarea h5:first-letter {font-size: 1.5em;
									font-weight: bolder;
								  }							  
								  
.textarea ul {list-style: disc;
			     list-style-position: inside;
				  font-size: .9em;
				  font-weight: bold;
				 }	
				 
.textarea a {font-weight: bold;
				 text-decoration: underline;
				 color: #CFA97E;;
				 background-color: inherit;
				}	
				
.textarea a:hover {text-decoration: underline;
						}	
						
.textarea img {border: 1px solid black;
				  }		

div.clear {clear:both;
			 }	/* Required in order to create a space bewtween DIVs for Firefox, Netscape, Opera, Safari for Windows */									 							    
/*End Contents styling*/

/* Guestbook styling - mostly to center without using <center> tags, which are prohibited in XHTML Strict */
 #guestbook { margin-left:350px;
 				  width: 115px; }
				  
#guestbook h3 { margin-left: -20px; }
/* End Guestbood styling */

/*Footer styling*/
#footer  {clear: both;
			 font-weight: bolder !important;
		    color: inherit;
			 background-color: inherit;
	       height: 200px;	
			 letter-spacing: .08em;
			 line-height: 1em;
			 
			}
			
#footer-horizbar {background: url(soulvision/FooterBar.jpg) repeat-x;
			  			position: relative;
			  			height: 10px;
			  			border-top: 1px solid #710000;
			  border-bottom:1px solid #710000;
					  }			

/*Main Text styling*/
h2  {font-size: .9em;
	  font-weight: normal;
	  text-align: left;
	  color: #CFA97E;
	  background-color: inherit;  
	 } /*Straw*/
	 
.quotes {font-size: .75em;
	 		text-align: center;
			
	 			}
/*End Text styling*/

/*Main Hyperlink styling*/			 
a:link 		 {font-style: normal;
   			  color: #b0c4de;
              background-color: inherit;
              font-weight: bold; 
				 }
			  
a:visited	 {font-style: normal;
    		     color: #b0c4de;
			     background-color: inherit;
			     font-weight: bold; 
				 }			  

a:hover		 {font-style: normal;
			  color: #CFA97E;  
			  background-color: inherit;
			  font-weight: bold;} 
			  
a:active 	 {font-style: normal;
			     color: #b0c4de;
			     background-color: inherit;
			     font-weight: bold; 
				 }			  
/*End of Main Hyperlink styling*/	

/*Copyright notice at bottom of page*/
h3				 {font: normal .65em Arial, Helvetica, sans-serif;  
		        color: #CFA97E;
		        background-color: inherit;
		        text-align: center;
			     letter-spacing: 0.08em;
				 }		  
		   
h4	        {font: normal .65em Arial, Helvetica, sans-serif;
				color: #CFA97E; 
	         background-color: inherit;
			   letter-spacing: 0.08em;
			  }		   
		   
h4.whuppin  	{font-size: .65em;
		   	 font-weight: bold;
		   	 color: #CFA97E;
		   	 background-color: inherit;
		   	 text-align: center;
				}
				
h4 a:link { color: #CFA97E;
				background-color: inherit; }	
				
h4 a:visited { color: #CFA97E;
				background-color: inherit; }	
				
a.notice { font-weight: bold;
		   }											
/*End Copyright notice styling*/

.imagefloatR {padding: 2px;
			     border: none;
              margin: 3px;
				  float: right;
				  width: auto;
				 }
				 
.imagefloatR h2 {margin-right:5px;
					 }				 
				 
.imagefloatL {padding: 2px;
			     border: none;
              margin: 3px;
				  float: left;
				  width: auto;
				 }	
					 
		
					 
.imagefloatR-wide img {padding: 2px;
			     border: none;
              margin: 0 0 10px 10px;
				  float: right;
				  width: auto;
				 }
				 
 .imagefloatR-wide h2 {margin-left: 5px;
 						     letter-spacing: .07em;
					 		 }
					 
.imagefloatR-wide ul {font: normal.9em Arial, Helvetica, sans-serif;
							 color: #b0c4de;
							 background-color: inherit;
							 margin-left: 3em;
							 list-style: disc;
					 		} 				 
				 
.imagefloatL-wide img {padding: 2px;
			     border: none;
              margin: 0 10px 10px 0;
				  float: left;
				  width: auto;
				 }	
				 
.imagefloatL-wide h2 {margin-left: 5px;
							 letter-spacing: .05em;
					 		}				 
					 
.imagefloatL-wide ul {font: normal.9em Arial, Helvetica, sans-serif;
							 color: #b0c4de;
							 background-color: inherit;
							 margin-left: 3em;
							 list-style: disc;
					 		}				  

	.bodytext {line-height: 1.25em;
				  text-align: left;   
				  margin-top: 1em;
				  margin-right: 5px;
				  width: auto;
				 }
				 
 div.bottom-nav {text-align: center;
                 position: relative;
					  clear: both;
					  border-top: 1px solid rgb(173,59,18); 
 					 }
					 
.gallery-nav {text-align: center;
                 position: relative;
					  clear: both;
 				 } 
 				 
.work-title {
	background: url(soulvision/h2-bg.jpg) repeat-x;
			border:1px solid #8E6140;
			width:490px;
			height:25px;
			top:-18px;
			margin-left:35px;
			text-align:center !important;
			vertical-align: middle;
			font-variant: small-caps;
			font-weight: bold;
			font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
			padding-top:5px;
			color:#CFA97E;
			background-color:inherit;
			position:relative;
}

.right-title {
	background: url(soulvision/h2-bg.jpg) repeat-x;
			border:1px solid #8E6140;
			min-width:100px;
			height:25px;
			top:-23px;
			text-align:center !important;
			vertical-align: middle;
			font-variant: small-caps;
			font-weight: bold;
			font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
			padding-top:5px;
			color:#CFA97E;
			background-color:inherit;
			position:relative;
}