/* Photo gallery template ||| Joshuaink.com ||| March 2005 ||| Free to use but this credit must remain in place */

x*{
	margin:0;
	padding:0;
	font-size:100%;}
	
xhtml { min-height: 100%;margin-bottom: 1px; }	

xbody  {
	font:75% Verdana, Helvetica, sans-serif;
	color:#666;
	margin-top:10px;
	background:#F6F5F0;
	background-image: url('images/button.gif');
	//text-align:center; /* for IE */padding: 0px;	margin:0px;}
	
x#wrapper {  position:relative; top:0; text-align:left; margin: 0px auto 0px; width: 776px;  background-image: url(images/bg.gif);}

x#wrapper {  position: relative; top:0; text-align: center; margin: 0px auto 1px; width: 776px; background-image: url(images/bg.gif);height: 100%; margin-bottom: 0px; border: 1px solid red;}
	
x#header  { text-align: center;background-image: url(images/grad66.jpg);background-repeat: repeat;}		
x#headerlogo  {margin: 0px auto 0px;padding: 0px;}

x#content { /* this is the div you want to fill the window */ margin-top: 1px; width: 776px; xheight:80%; background-image: url(images/bg_grad3.gif); background-repeat: repeat-x; border: solid green 1px;}



xul.galleries { vertical-align:middle; text-align:left;}

ul.galleries { clear:both; display: block; float:left; vertical-align:middle; text-align:left; font-size:80%; color:#333; list-style-type:none; list-style-position:inside; 
line-height:3.5em; margin:0; padding:1em 0 0 16em; border: 0px solid red;}
		
ul.sitemapText { float:left; font-size: 75%;position:relative;top: 10px;left:90px;width: 550px;line-height: 1.8em;
color: #333;text-align:left;letter-spacing: 0.02em;background: none;}		

/* ---- Full photo plate ---------------------------------- */
body {font-family: Arial, Helvetica, sans-serif; padding: 0; margin: 0; 
		background: #fff url(images/button.gif); }
	
#fullplatewrap { position: relative; top:0; margin: 0 auto; text-align: center; width: 776px; }	
		
#fullplate-navigation ul li	{
	padding-top: 0px;
	margin: 0 auto 0;
	text-align: center;
	color: red; }		
	
#fullplate-navigation li {
	color: red;}	

xa { color: #fff; text-decoration: none; }

p, h2{ margin: 15px 5px; }
	
img  { border: none; }	
	
#fullplateTitle {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 85%;
	line-height: 1.5em;
	color: #fff;
	width: 540px;
	text-align: center;
	margin: 0 auto 0;
	padding: 15px 5px; }			
	
#fullplate  { 
	padding: 5px 0 5px 0; 
	margin: 0 auto 0; 
	text-align: center; }			
	/* ------------------------------------------- */

#main-content { top:0; text-align:center;  margin:0 auto; padding: 0; background: #fff;}

#main-content li { width: 115px; border: solid #333; border-width: 0 1px 1px 0;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
 	background: #F0F0F0;
	padding: 15px 9px 9px 11px;
	text-align: center;
	position: relative;
	float: left;
	display: inline;
	margin: 5px; }

#main-content  a span{
/*\*/
	position: absolute;
	left: -9999px; }

#main-content a:hover span  {	
	top: 10px;
	left: 10px;
	width: 120px;
	font-weight: bold;
	background: #fff;
	color: #666;
	padding: 5px 0 5px 0;
	font-size: 70%;
	border: 1px solid #000;
	border: 1px;
	filter: alpha(opacity:.100%);
	/*-moz-opacity:.8;
		opacity:.80;*/
/**/ } 

img {
	border: 0px solid #000;
/* delete line above and uncomment this for an inset effect
	border:1px solid;
	border-color:#666 #EEE #EEE #666;
 */ }

.pic { border: 0px solid #999; margin: 0; padding: 0}
		
#text  {
	display: block;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 70%;
	position: relative;
	width: 520px;
	top: 10px;	
	line-height: 1.0em;
	color: #333;
	padding: 0 60px 0 0;
    margin: 0;
	z-index: 8; }		

/* --- To top of PAGE ---------------------------------- */
.toTop  { float: right; width: 100px; display: inline; font-size: 70%; padding: 5px 10px 0px 0; }

/* ---- main pic gallery ------------------------------ */	
#gallerynav {
	font-size: 75%;
	text-align: center;
	color: #333;
	padding-top: 15px;
	margin:0 auto;
	border: 0px solid red;}
	
/* --- Gallery anchor links ---------------------------------------- */
ul.owners {
	clear: both;
	position: relative;
	text-align: center;
	width: 586px;
	height: 100%;
	margin: 0 auto;
	padding: 0 0 20px 0;
	border: 0px solid red; }
	
ul.wedge1 {
	clear: both;
	position: relative;
	text-align: center;
	width: 586px;
	height: 100%;
	margin: 0 auto;
	padding: 0 0 20px 0;
	border: 0px solid red; }		
	
.examples {
	clear: both; display:block;
	position: relative;
	text-align: center;
	width: 586px;
	height: 100%;
	margin: 0 auto;
	padding: 0 20px 0 20px;
	border:0px solid red; }		
		
/* -------------------------------------- */
#owners  {
	float: left;
	font-size: 75%;
	width: 100px;
	top: 0;
	font-weight: bold;
	text-align: left;
	color: #333;
	padding: 20px 0 10px 99px;
	margin: 0; }		

#wedge1  {
	float: left;
	font-size: 75%;
	width: 250px;
	font-weight: bold;
	text-align: left;
	color: #333;
	padding: 10px 0 10px 99px;
	margin: 0; }

#examples  {
	float: left;
	font-size: 75%;
	width: 100px;
	font-weight: bold;
	text-align: left;
	color: #333;
	padding: 10px 0 10px 99px;
	margin: 0; }	
/* ------------------------------------------------------------------------------- */	
.NB { position: relative; float:left; width:776px; font-size: 75%; color: #333; padding-bottom: 10px; border: 0px solid red;}

a:link, a:visited, a:hover { color: #ff0000; font-weight: normal; text-decoration: underline; }
a:hover { text-decoration: underline; color: #ffffff; background: inherit; }
/* overrides decoration from previous rule for hovered links */

xa:link { color: #000;text-decoration: underline; background:inherit; } 
xa:active { color: #000; text-decoration : underline; background:inherit; } 
xa:visited { color: #999;text-decoration : underline; background:inherit; } 
xa:hover { color: #ff0000; text-decoration: underline; background:inherit; } 
x.linethrough  { text-decoration: line-through; color:#999; background-color: #F3EEEE;}

x.plate a:link { color : #FF0000; text-decoration: none; } 
x.plate a:active { color : #FF0000; text-decoration: none; } 
x.plate a:visited { color : #FF0000;  text-decoration: none; } 
x.plate a:hover { color: #fff; text-decoration: underline; }