/* Style sheet No. 2  */

/*  generic rules to remove browser differences  */
*{
   margin:					 	0;
   padding:					 	0;
   /* Temporary borders */
  }	
  

/* ****************************** */  
/*           BODY                 */
/* ****************************** */
/* Body style rule */
body {
		font-size:        	18px;				/* to standardize wrapper width between browsers 	*/
		background-color:		#181818;
		color:	 					 	#f0d58d;		/* bright gold  		dabf77												*/
	 }
	  
/* container for the web page.  page stays the same with different width monitors.	*/	  
#wrapper {	  
		position:						relative;   /* needed for absolutely positioned elements below*/   
		width:            	60em;				/* determines the width of the web page based on	*/
	 																/* the body font size.														*/
		Margin:							.5em auto auto auto;  	/* leave a little room outside the pg at 	*/
	 																/* the top and center the page on the monitor			*/
		padding:          	.2em;				/* space around the inside of the wrapper. helps	*/
	 																/* if background color different from body.				*/
		background-color:		#181818;
/*    border:           	.1em solid #0f0;  */
  }
	

/* ****************************** */  
/*           LOGO                 */
/* ****************************** */

/* container for the Header - room for navigation column to the left								*/	
#logowrap {	
	 position:					absolute;
	 top:								.3em;
	 left:							9.5em;
	 margin:           	0em;
	 width:            	47em;								/* use the full width of the wrapper  		*/
/*	 border:           	.16em dashed #f00;  */
	 padding:          	0;										/* added, then removed										*/
/*	 background-color:	#333; */
	 	}

/* clear the logo and the border The logo contains the name, the slogan, and				*/
/* the page title (pageinfo)																												*/	
#logo {
	 padding:					  .1em;
	 width:							46em;
	 margin-bottom:			.7em;
	 text-align:       center;
/*	 border:           	.16em dashed #ff0;  */
	}	
	
.logoimg {
	display: 					 	block; 
	background-color:  	#555;
	width:						  85%;
	padding:					 	.3em;
	border:						 	.3em solid #f0d58d;
	color:							#110000;
	margin:						 	0 auto;
	font-size:				 	.6em;
}

/*  This is the page title and is the next to the last thing in the logo						*/		
#pageinfo {	
	Position: 					absolute;
	top:								8em;
	left:								0;
	display:						block;
	width:							100%;
	margin:            	.4em auto;
	text-align:					center;
	font-size:         	1.8em;
	padding:           	0;
	color:             	#ff0000;
 } 
 
 
/* ****************************** */  
/*      LOGO  NAV                 */
/* ****************************** */

/* container for the navbar */	
#navwrap {	
	 position:					absolute;
	 top:								12.4em;
	 left:							9.5em;
	 margin:           	auto auto;   /* to help center logo														*/
	 width:            	100%;					/* to fit beside floated navigation column				*/
/* border:           	1px solid #f00; */	 /* used for testing.												*/
	 padding:          	0;						/* added, then removed														*/
	 	}

/* the navigation bar sits beneath the logo */
#navbar {
	height:							1.2em;
	margin-left:				3.5em;
/*  border:            	1px solid #00ff00;   */
	}
	
	/* Remove bullets from ul in the navbar */
#navbar ul{
  list-style-type:		none;
}

/* List items in the navbar */
#navbar li{
  float:							left;
  width:							8.9em;
  margin:             0 .4em;
}

/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
  text-decoration:		none;
  font-size:					1em;
  font-weight:				bold;
  color:							#dabf77;
/*  background-color:		#333;  */
  display:						block;
  height:							1.2em;
  width:							9.1em;
  border:             .12em solid #dabf77;
  padding:						.1em;
  text-align:					center;
	line-height:				1em;
	outline-style:			none;
}

/* Navbar hover and active links */
#navbar a:hover,
#navbar a:active{
  background-color:		#ccc;
  border:             .12em solid #f00;
  color:							#000;
}

/* current location indicator */
#navbar li.selected a:link,
#navbar li.selected a:visited{
	background-color:		#aaa;
	color:							#300;
  border:							.12em solid #f00;
}


/* ****************************** */  
/*      YOU ARE HERE              */
/* ****************************** */

#urhere {
	position:					absolute;
	top:								.5em;
	left:								1.8em;
	margin:           	auto auto;   /* to help center logo														*/
	width:            	11.6em;					/* to fit beside floated navigation column				*/
/* border:           	1px solid #f00; */	 /* used for testing.												*/
	padding:          	0;						/* added, then removed														*/
	 	}
#urhere ul{
  list-style-type:		none;
}

/* List items in the navbar */
#urhere li{
  margin:             0 0 .7em 0;
}

/* Applies to navbar links, unvisited and visited */
#urhere a,
#urhere a:link,
#urhere a:visited {
  text-decoration:		none;
  font-size:					0.95em;
  font-weight:				bold;
  color:							#dabf77;
/*  background-color:		#333;  */
  display:						block;
  height:							1.2em;
  width:							10em;
  border:             .12em solid #dabf77;
  padding:						.1em;
  text-align:					center;
	line-height:				1em;
	outline-style:			none;
}

/* Navbar hover and active links */
#urhere a:hover,
#urhere a:active{
  background-color:		#ccc;
  border:             .12em solid #f00;
  color:							#000;
}

/* current location indicator */
#urhere li.here a:link,
#urhere li.here a:visited{
	background-color:		#aaa;
	color:							#300;
  border:							.12em solid #f00;
}

.rtnto {
	padding:						0.3em 0 0 2.5em;
	color:							#f00;
}


/* ****************************** */  
/*                                */
/* ****************************** */

#titleleft {
	float:							left;
	width:							18em;
	text-align:					left;
	margin-left:				2em;
}

#titleright {
	float:							right;
	width:							18em;
	text-align:					right;
	margin-right:				2em;
}	
#imagecnt {
	width:							4em;
	text-align:					center;
}


 
	/*  This is the image title on the same line as the page title			*/		
.imginfo {	
	font-size:         	1.4em;
	color:             	#dabf77;
 }  /* 																							end of the logo division 				*/
 	
#workin {
	text-align:        center;
}	
	
#workin img {
	margin:            1em auto;
	border:						 3px solid #383838;
}	


/* ****************************** */
/*         CONTENT                */
/* ****************************** */

/* applies to the main content area of each page */
#content {
	position:						absolute;
	top:								18em;
	left:								2em;
/*	clear:            both; */
	font-size:          1.1em;
	margin:						 	0 auto;
	padding:					 	0 15px;
/*border:            	1px solid #cccc00;*/
}


#content li {
	margin-left:       5em;
}


/* ****************************** */
/*         Contact Me             */
/* ****************************** */

/* applies to the Contact Me form */
.contactme {
	display:						block;
	margin:							0 5em;
	text-align:					left;
	width:							90%;
} 
.eform {
/*	display:						block; */
	width:							100%;
	margin-left:				5em;
} 

/* background and text color for the "Contact Me" form  */
.email  {
	background-color:  	#c8c8c8;
	color:						 	#220000;
	line-height:				1em;
	margin:							.3em 0;
}

.firstltr {
	/* float:            left;
	width:             	1em; */ 
	font-size:         	2.0em;
	line-height:				80%; 
	color:             	#ff0000;
}


/* ****************************** */
/*          FRIENDS               */
/* ****************************** */

#friendr1, 
#friendr2, 
#friendr3, 
#friendr4,
#friendr5 {
	float:							left;
	width:							100%; 
	font-size:					.9em;
/*	margin              1em auto; */
}

#friendr1 div, 
#friendr2 div, 
#friendr3 div, 
#friendr4 div,
#friendr5 {
	float:							left;
	width:						 	16em;
	padding:					 	1em;
	margin-top:					.6em;  
/*	border:						 	1px solid #ffff00;   */
}

.friend  {
	display:					 	block;
	padding:					 	.3em;
	background-color:  	#999;
	text-align:				 	center;
	color:							#100;
	text-decoration:    none;
	border:						 	.15em solid #cbab56;
	margin:            	auto auto 0 auto;
	}
	
.friendimg {
	display: 					 block; 
	background-color:  #999;
	padding:					 .3em;
	border:						 .2em solid #000;
	margin:						 0 auto;
	text-align:				 center;
	font-size:				 .9em;
}

#friendr1 a:hover, 
#friendr2 a:hover, 
#friendr3 a:hover, 
#friendr4 a:hover, 
#friendr5 a:hover {
	background-color:  	#181818;
	color:							#ff0000;
}	
	
	


/* ****************************** */
/*          IMAGES                */
/* ****************************** */

#thumr1, 
#thumr2, 
#thumr3, 
#thumr4 {
	width:							100%;
	font-size:					1em;
}

#thumr1 div, 
#thumr2 div, 
#thumr3 div, 
#thumr4 div {
	float:							left;
	width:						 	9.5em;
	padding:					 	.2em;
	height:						 	10em;
	margin:							0;  /*.1em 0 .1em .5em;*/
	/* border:						 	1px solid #cbab56;  */
}

#thumr1 div a, 
#thumr2 div a, 
#thumr3 div a, 
#thumr4 div a {
	display:					 	block;
	padding:					 	.2em;
	background-color:  	#222;
	text-align:				 	center;
	font-size:				 .7em;
	color:							#f40;
	text-decoration:  	none;
	border:						 	.1em solid #000;
 	margin:            	auto auto 0 auto; /*auto auto 1em auto;*/
}

#thumr1 div a:hover, 
#thumr2 div a:hover, 
#thumr3 div a:hover, 
#thumr4 div a:hover {
	background-color:  	#999;
	color:							#211;
}	

.smport {
	display: 					 	block; 
	background-color:  	#100;
 	height:						 	11.5em;  /*70% doesn't work in firefox */
	padding:					 	.2em;
	border:						 	.4em solid #999;
	color:							#110000;
	margin:						 	0 auto;
}

.smland {
	display: 					 block; 
	background-color:  #100;
	width:						 90%;
	padding:					 .2em;
	border:						 .4em solid #999;
	margin:						 auto auto 0 auto;
	text-align:				 center;
}

/* applies to the main content area of each page */
#imgcontent {
	position:						absolute;
	top:								18em;
	left:								9em;
	width:							36em;
	text-align:					center;
/*	clear:            both; */
	font-size:          1.1em;
	margin:						 	auto auto;
	padding:					 	0 15px;
/*border:            	1px solid #cccc00;*/
}
#bigimage {
	display:						block;
	font-size:					1em;
	text-align:					center;
	margin:							auto auto;
/*	border:							.2em solid #000;*/
}

.lgport {
	display: 					  block; 
	background-color:  	#100;
	height:						 	35em;
	padding:					 	.2em;
	border:						 	.5em solid #999;
	margin:						 	auto;
}

.lgland {
	display: 					 block; 
	background-color:  #100;
	width:						35em;
	padding:					 .2em;
	margin:						 auto;
	border:							.5em solid #999;
}
	

.imgcaption {
	font-size: 				 1em;
	text-align: 			 center;
	color: 						 #f0d58d; 
	 }

.viewcart {
	display:					 block;
	margin:						 auto;
	text-align:				 center;
	}
	
.ppbutton {
	display:					 block;
  margin:						 auto;
  padding:					 10px 5px 5px;
  text-align:				 center;
 }		

/*   Clear floats   */	
.clearboth {
	clear:						 both;
}
	    

/* ****************************** */
/*    ORDERING INFORMATION        */
/* ****************************** */
	    
/*  Order information table  */
.order   { 
	display:						block;
	width:							28.9em;   
	border:							.15em solid #cbab56;
	background:					#999;
	margin:							auto; 
	font-size:					.8em;
			}
.orderhead {
	border-bottom:			2px solid #cbab56;
	font-size:					.7em;
	font-weight:   			bold;
	margin:				 			0.1em; 
	background:					#aaa;
	padding:						.3em;
			}

.w50 {
	width:             15em;
	background:				 #181818;
	color: 						 #f0d58d;
	text-align:				 center;
	  }
.w30 {
	width:             9em;
	background:				 #181818;
	color: 						 #f0d58d;
	text-align:				 center;
	  }
.w20 {
	width:             6em;
	background:				 #181818;
	color: 						 #f0d58d;
	text-align:				 center;
	  }
.w16 {
	width:             4.5em;
	background:				 #181818;
	color: 						 #f0d58d;
	text-align:				 center;
	  }
.w04 {
	width:						 1.5em;
	background:				 #181818;
	color: 						 #f0d58d;
	text-align:				 center;
	}	  			
	
.ctrtxt {
	background:				 #181818;
	color: 						 #f0d58d;
	text-align: 			 center;
	font-size:				.75em;
	 }	
				    
#footer {
	clear:							both;
	text-align:        	center;
	margin:            	2em auto 0 auto;
	color:             	#cbab56;
	font-size:         	.75em;
}
		 
#redcpy, .boldred {
	color:             #ff0000;
	font-weight:       bold;
}

#counter {
	display:					 block;
	padding:					10px;
	text-align:				 center;
	margin:            50px auto;
	}