@charset "UTF-8";

body 				{margin: 0; padding: 0;	color: #999; background: #FE82A7;	text-decoration: none;	font-family: "Lucida Grande", "Trebuchet MS", sans-serif;	font-size: x-small; /*for IE5/Win */	voice-family: "\";}\"";voice-family: inherit;font-size: small;}

html>body 		{font-size: small; } /* be nice to Opera */

/* table settings 
----------------------------------------------- */
table				{font-family: Verdana, Arial, Helvetica, sans-serif;  font-style: normal;	font-size: 100%; text-align: centre;	color: #000; border:0; border: collapse; width:50%;}
table th			{font-family: Verdana, Arial, Helvetica, sans-serif;	font-style: normal;	padding-top: 5px;	padding-bottom: 10px;
	border: 0;	font-size: 100%;	color: #000;	text-align: center;}
table td			{font-family: Verdana, Arial, Helvetica, sans-serif;		font-style: normal;	border:0; font-size: 100%;	color: #000;	text-align: left;}
table td		li {padding: 0;  list-style-type: none; text-align: left;}


/* image settings 
----------------------------------------------- text-align: center;	border-top : 20px;		padding-top: 20px;  padding-top: 15px ; margin-bottom: 15px */
#centeredImage { solid #404040;	float: centre; text-align: center; padding-top: 32px ;}
#centeredPhoto { solid #404040;	float: centre; text-align: center; padding-top: 5px ;}
#centeredFlash { solid #404040;	float: centre; text-align: center; padding-top: 5px ;}

img 				{border: 0; text-align: center;}
hr					{color: #0099ff;	width: 90%;	height: 1px;	text-align: center;}

/* top menu settings 
----------------------------------------------- */	
#menu 			{font-size: 85%;	background: #0099ff;	color: #000;	width: 700px;	border: 1px solid;}
#menu ul 		{padding-right: 2px; padding-left: 2px; padding-bottom: 5px; margin: 0px; padding-top: 5px; text-align: center}
#menu li 		{display: inline; font-weight: bold; color: #000;}
#menu li a 		{font-weight: bold; color: #000;}


/* contact and footer menu settings 
----------------------------------------------- */	
.contact {font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;	text-align: center;	padding-top: 5px;	padding-bottom: 5px;	color: #000;}

.footnav {font-family: Arial, Helvetica, sans-serif; font-size: 90%;	text-align: center;	padding-top: 5px;	padding-bottom: 5px;	color: #000;}

/* frontpage flash slideshow  settings 
----------------------------------------------- */
#scroller 		{font-size: 85%;	background: #0099ff;	color: #000;	border: 2px solid #0099ff; width: 400px; text-align: center}

/* normal link settings 
----------------------------------------------- */ 
a:link			{color: #fff; font-weight: bold;text-decoration: none}
a:visited		{color:#fff; font-weight: bold; text-decoration: none} 
a:active			{color: #fff; font-weight: bold; text-decoration: none} 
a:hover			{color: #fff; font-weight: bold; text-decoration: underline}

a img 			{border-style: none;	text-align: center;}
 
/* list settings
----------------------------------------------- */
li 				{padding: 0; list-style-type: none}

/* paragraph headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight: normal; }
h1 				{font-size: 120%;	text-align: centre;	color: #000;	font-weight: bold;	padding-top: 2px;}
h2 				{font-size: 100%; text-align: left; color: #000; font-weight: bold;}
p 					{margin:0.375em 0; }

/* layout rules
----------------------------------------------- #wrap*/
#wrap {	padding-top: 0px;	margin: 0 20px;	text-align: center;}
#codesample  { width: auto; }
#header {	margin-bottom: 2em;	text-align: left;	padding-left: 0.5em;}
.text {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;	font-weight: normal;	color: #000000;}
.subheader {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: bold;	color: #000000;}
.link1 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: bold;	color: #FFFFFF;	text-decoration: none;}

/* gallery and playback controls
----------------------------------------------- */
#gallerySelect { width: 175px; }
#controls {	margin:0 auto 5px auto; }
#galleries {	margin: 0 auto 2px auto;}
#galleries label { padding-bottom: 2px; }
#galleryLinks a {	color: white;	text-decoration: none;}

#transport {float: right;width: 300px; 	margin: 0;	padding: 0;	list-style: none;}
#transport li {	float: left;	margin: 0;	padding: 0;	text-align: center;}
#transport a {	text-decoration: none;	text-transform: uppercase;	font-size: 85%;	font-weight: bold;	letter-spacing: 0.1em;	margin: 0 1px 0 0;	padding: 4px 8px;	width: 64px;	float: left;	display: block;	-moz-user-select: none;	-khtml-user-select: none;}
#transport a:link {	background: #666 url('../images/bg_grad_gray1.gif') repeat-x;	color: #fff;	border-top: solid 1px #999;	border-right: solid 1px #404040;	border-bottom: solid 1px #3a3a3a;	border-left: solid 1px #404040;}
#transport a:visited {	background: #666 url('../images/bg_grad_gray1.gif') repeat-x;	color: #fff;	border-top: solid 1px #999;	border-right: solid 1px #404040;	border-bottom: solid 1px #3a3a3a;	border-left: solid 1px #404040;}
#transport a:hover {	background: #666 url('../images/bg_grad_gray2.gif') repeat-x;	color: #000;	border-top: solid 1px #999;	border-right: solid 1px #404040;	border-bottom: solid 1px #3a3a3a;	border-left: solid 1px #404040;}
#transport a:focus {	-moz-user-select: none;	-khtml-user-select: none;}

#transport .playBtn .pauseLabel, #transport .pauseBtn .playLabel {	display: none;}

#previews {
	background-color: #0099FF;
	border-top: solid 1px #404040;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: 1px solid #404040;
	padding: 2px 5px 2px 5px;
	margin-bottom: 5px; 
	width: 840px;
	float: centre;
	margin-left: 10px;
}
#thumbnails {	clear: both;	margin: 5px auto;}
#thumbnails div {	position: relative;	width: 24px;	height: 24px;	float: left;	margin: 8px;	padding: 0;	float: left;
	display:inline;}
#thumbnails img {	width: 24px;	height: 24px;	position: absolute;	border-top: solid 1px #999;	border-right: solid 1px #404040;	border-bottom: solid 1px #333;	border-left: solid 1px #404040;}

#picture {	padding: 0px;	width: 800px;	float: centre;}
#mainImageOutline {
	margin: 0 auto;
	padding: 0;
	background-color: #0099FF;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #333;
	border-left: solid 1px #404040;
	overflow: hidden;
	width: 0px;
	height: 0px;
	text-align: center;
	
}
#mainImage {width: 100%;	height: 100%; padding: 0px; margin: 0px;}

#picture img {	border: 1px solid #999; }
.selectedThumbnail {  border: solid 2px #fc0 !important; }
.inFocus {  border: solid 1px #fc0 !important; }