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

*{
	margin:0;
	padding:0;
	font-size:100%;

}

body{
	font:80%/110% Verdana, Helvetica, sans-serif;
	color:#666;
	margin-top:20px;
	background:#F6F5F0;
	text-align:center;
}

a{
	color:#666;
	text-decoration:none;
}

p,
h2{
	/* [disabled]margin:15px 5px; */
}

h2{
	color:#999;
}

#wrap{
	width:900px;
	margin:0 auto;
	position:relative;
}

#wrap_nogallery{
	width:894px;
	margin:0 auto;
	position:relative;
}

#headerbasic{
	margin-bottom:20px;
}

#header a{
	text-decoration:underline;
}




							#top-main-content li{
								width:195px;
								height:195px;
								border:solid #CCC;
								border-width:0px 0px 0px 0px;
							
								-webkit-border-radius:3px;
								-moz-border-radius:3px;
							
								background:#FFF;
								padding:11px;
								text-align:left;
								position:relative;
								float:left;
								display:inline;
								margin:4px;
							}

#fullplate-navigation{
	list-style:none;
	margin:5px 0 0 45px;

}

#fullplate-navigation li{
	display:block;
	float:left;
	width:210px;
		
}

#previous{
	text-align:left;
}

#next{
	text-align:right;
}


#fullplate-navigation li a{
	display:block;
	width:190px;
	padding:10px;
}

#fullplate-navigation li a:hover{
	color:#333;
}



#fullplate-photo{
	border:solid #EEE;
	border-width:0 0px 0px 0;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:#FFF;
	padding:5px 15px 15px 15px;
	margin:0 auto;
	width:600px;
}




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

}

							#top-main-content a:hover span{
	top:0px;
	left:0px;
	width:197px;
	background:#00dfed;
	color:#000;
	padding:0px 0px 0px 0px;
	text-transform:uppercase;
	font-size: 100%;
	font-weight: normal;
	border:1px solid #00dfed;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-width:10px 10px 90px 10px;
	opacity:.70;
	z-index: 2;
	filter: alpha(opacity=100);	/*-moz-opacity:.8;
									opacity:.80; */
							} 


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

#foot{
	padding-top:10px;
	margin-bottom:20px;
	clear:left;
}




  ///////////////// S L I D E V I E W E R   T I M E  \\\\\\\\\\\\\\\\\\  




/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; center: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 
border: 0px solid #000000;  
margin: 0 0 1px 0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 65px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: normal 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: rgba(0, 0, 0, 0.65);
color: #fff;
text-decoration: none;
display: block;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.stripTransmitter a:hover, a.current{
background: #343434;
color: #FFF;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}