@charset "utf-8";
/* CSS Document */

/* RESET THIS NONSENSE */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, form, 
 tbody, tfoot, thead, tr, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* END RESET YO */


/* FULL SCREEN IMAGE CODE -- CREDIT TO Michael Bester http://kimili.com */ 


/* body tag called in from seperate file for each page to enable different backgrounds */


		img#expando { 
			position: absolute; 
			display: none; 
			z-index: 1; 
			-ms-interpolation-mode: bicubic; 
		} 

		.wide img#expando, 
		.tall img#expando { 
			display: block; 
		} 

		.wide img#expando { 
			width: 100%; 
			height: auto; 
		} 

		.tall img#expando { 
			width: auto; 
			height: 100%; 
		}
	
		.ie6fixed {
			position: absolute;
			top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px') !important;
		}


/*
		h1 {
			position: absolute;
			width: 100%;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 2em;
			padding: 0.5em 0;
			margin-top: 30%;
			margin-bottom: 1em;
			color: #333;
			font-weight: normal;
			text-align: center;
			background-color: #fff;
			background-color: rgba(255,255,255,0.8);
			z-index: 2;
		}
*/

p a {font-family: Arial, Verdana, Geneva, sans-serif; font-size:x-small; color:#FFF; text-decoration:none; line-height:20px;}
p a:visited {font-family: Arial, Verdana, Geneva, sans-serif; font-size:x-small; color:#FFF; text-decoration:none; line-height:20px;}
p a:hover {font-family: Arial, Verdana, Geneva, sans-serif; font-size:x-small; color:#666; text-decoration:none; line-height:20px;}
p a:active {font-family: Arial, Verdana, Geneva, sans-serif; font-size:x-small; color:#FFF; text-decoration:none; line-height:20px;}

li a {font-family: Arial, Verdana, Geneva, sans-serif; font-size:x-small; color:#FFF; text-decoration:none; line-height:20px;}
li a:hover {font-family: Arial, Verdana, Geneva, sans-serif; font-size:x-small; color:#666; text-decoration:none; line-height:20px;}


/* MENU */
#menu-overlay {position:absolute; top:25px; width:100%; height:100px; background-image:url(images/menu-bg.png); background-repeat:repeat-x; z-index:10; }
/*#menu {position:absolute; top:50px; width:100%; height:100px; background-image:url(images/menu-bg.png); background-repeat:repeat-x; z-index:10;}*/
#menu {position:absolute; left:200px; top:25px; width:auto; height:100px;  z-index:20; padding: 10px 0px 10px 20px;}

ul{float:left; width:110px;}

/* CONTENT */


#content {position:absolute; background-image:url(images/content-bg.png); background-repeat:repeat-y; width:300px; height:auto; top:150px; left:200px; margin-bottom:40px;}
	#content h1 {font-family:Arial, Verdana, Geneva, sans-serif; color:#FFF; font-size:medium; padding:20px 0px 10px 20px;}
	#content h2 {font-family:Arial, Verdana, Geneva, sans-serif; color:#FFF; font-size:small; padding:0px 0px 10px 20px;}
	#content p {font-family:Arial, Verdana, Geneva, sans-serif; color:#FFF; font-size:small; line-height:18px; padding:20px;}
	#content a {font-family:Arial, Verdana, Geneva, sans-serif; color:#FFF; font-size:small; line-height:18px; text-decoration:underline;}
	#content a:hover {font-family:Arial, Verdana, Geneva, sans-serif; color:#666; font-size:small; line-height:18px; text-decoration:underline;}

#content_gallery_text {font-family:Arial, Verdana, Geneva, sans-serif; color:#FFF; font-size:small; line-height:18px; padding:0px 10px 10px 20px;}
	#content_gallery_text h1 {font-family:Arial, Verdana, Geneva, sans-serif; color:#FFF; font-size:medium; padding:20px 0px 10px 20px;}
	#content_gallery_text h2 {font-family:Arial, Verdana, Geneva, sans-serif; color:#FFF; font-size:small; padding:0px 0px 10px 20px;}
	#content_gallery_text p {font-family:Arial, Verdana, Geneva, sans-serif; color:#FFF; font-size:small; line-height:18px; padding:20px;}
	#content_gallery_text a {font-family:Arial, Verdana, Geneva, sans-serif; color:#FFF; font-size:small; line-height:18px; text-decoration:underline;}
	#content_gallery_text a:hover {font-family:Arial, Verdana, Geneva, sans-serif; color:#666; font-size:small; line-height:18px; text-decoration:underline;}


#content_gallery {position:absolute; background-image:url(images/content-bg.png); background-repeat:repeat; width:800px; height:auto; top:150px; left:200px; margin-bottom:40px;}
	#content_gallery h1 {font-family:Arial, Verdana, Geneva, sans-serif; color:#FFF; font-size:medium; padding:20px 0px 10px 20px;}
	#content_gallery h2 {font-family:Arial, Verdana, Geneva, sans-serif; color:#FFF; font-size:small; padding:0px 0px 10px 20px;}
	#content_gallery p {font-family:Arial, Verdana, Geneva, sans-serif; color:#FFF; font-size:small; line-height:18px; padding:20px;}
	#content_gallery a {font-family:Arial, Verdana, Geneva, sans-serif; color:#FFF; font-size:small; line-height:18px; text-decoration:underline;}
	#content_gallery a:hover {font-family:Arial, Verdana, Geneva, sans-serif; color:#666; font-size:small; line-height:18px; text-decoration:underline;}
	
#hidden-thumbs {position:absolute; visibility:hidden; overflow:hidden;}

#legal {position:absolute; background-image:url(images/content-bg.png); width:600px; height:60%; top:150px; left:200px; margin-bottom:40px; overflow:auto;}
	#legal h1 {font-family:Arial, Verdana, Geneva, sans-serif; color:#FFF; font-size:medium; padding:20px 0px 10px 20px;}
	#legal h2 {font-family:Arial, Verdana, Geneva, sans-serif; color:#FFF; font-size:small; padding:0px 0px 10px 20px;}
	#legal p {font-family:Arial, Verdana, Geneva, sans-serif; color:#FFF; font-size:small; line-height:18px; padding:20px;}
	#legal ul li a {font-family:Arial, Verdana, Geneva, sans-serif; color:#FFF; font-size:small; line-height:18px; padding-left:20px; float:left; width:150px;}
	#legal ul li a:hover {font-family:Arial, Verdana, Geneva, sans-serif; color:#666; font-size:small; text-decoration:underline; line-height:18px; padding-left:20px; float:left; width:150px;}

#pic_menu {position:relative; left:300px; top:25px; width:900px; height:100px;  z-index:30; padding: 10px 0px 10px 20px;}

a.gallery1 {display:block; float:left; width:81px; height:73px; background:url(images/pic1.jpg) no-repeat 0 0; overflow:hidden; text-indent:-10000px; font-size:0px; line-height:0px;}  
a:visited.gallery1 {background-position: 0 0px;}   
a:hover.gallery1 {background-position: 0 -73px;}  
a:active.gallery1 {background-position: 0 0px;}

a.gallery2 {display:block; float:left; width:81px; height:73px; background:url(images/pic2.jpg) no-repeat 0 0; overflow:hidden; text-indent:-10000px; font-size:0px; line-height:0px;}  
a:visited.gallery2 {background-position: 0 0px;}   
a:hover.gallery2 {background-position: 0 -73px;}  
a:active.gallery2 {background-position: 0 0px;}

a.gallery3 {display:block; float:left; width:81px; height:73px; background:url(images/pic3.jpg) no-repeat 0 0; overflow:hidden; text-indent:-10000px; font-size:0px; line-height:0px;}  
a:visited.gallery3 {background-position: 0 0px;}   
a:hover.gallery3 {background-position: 0 -73px;}  
a:active.gallery3 {background-position: 0 0px;}

a.gallery4 {display:block; float:left; width:81px; height:73px; background:url(images/pic4.jpg) no-repeat 0 0; overflow:hidden; text-indent:-10000px; font-size:0px; line-height:0px;}  
a:visited.gallery4 {background-position: 0 0px;}   
a:hover.gallery4 {background-position: 0 -73px;}  
a:active.gallery4 {background-position: 0 0px;}

a.gallery5 {display:block; float:left; width:81px; height:73px; background:url(images/pic5.jpg) no-repeat 0 0; overflow:hidden; text-indent:-10000px; font-size:0px; line-height:0px;}  
a:visited.gallery5 {background-position: 0 0px;}   
a:hover.gallery5 {background-position: 0 -73px;}  
a:active.gallery5 {background-position: 0 0px;}

a.gallery6 {display:block; float:left; width:81px; height:73px; background:url(images/pic6.jpg) no-repeat 0 0; overflow:hidden; text-indent:-10000px; font-size:0px; line-height:0px;}  
a:visited.gallery6 {background-position: 0 0px;}   
a:hover.gallery6 {background-position: 0 -73px;}  
a:active.gallery6 {background-position: 0 0px;}

a.gallery7 {display:block; float:left; width:81px; height:73px; background:url(images/pic7.jpg) no-repeat 0 0; overflow:hidden; text-indent:-10000px; font-size:0px; line-height:0px;}  
a:visited.gallery7 {background-position: 0 0px;}   
a:hover.gallery7 {background-position: 0 -73px;}  
a:active.gallery7 {background-position: 0 0px;}

a.gallery8 {display:block; float:left; width:81px; height:73px; background:url(images/pic8.jpg) no-repeat 0 0; overflow:hidden; text-indent:-10000px; font-size:0px; line-height:0px;}  
a:visited.gallery8 {background-position: 0 0px;}   
a:hover.gallery8 {background-position: 0 -73px;}  
a:active.gallery8 {background-position: 0 0px;}
/* FOOTER */
	
#footer {z-index:100; position:relative; background-image:url(images/content-bg.png); background-repeat:repeat-y; width:300px; height:auto; bottom:0px; left:200px;}
	#footer p {font-family:Arial, Verdana, Geneva, sans-serif; color:#FFF; font-size:x-small; line-height:18px; padding:5px 20px;}
	#footer a {font-family:Arial, Verdana, Geneva, sans-serif; color:#FFF; font-size:x-small; line-height:18px; text-decoration:underline;}
	#footer a:hover {font-family:Arial, Verdana, Geneva, sans-serif; color:#666; font-size:x-small; line-height:18px; text-decoration:underline;}