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

body {
margin: 0; padding: 0px; /* Need to set body margin and padding to get consistency between browsers. */
text-align: center; /* Hack for IE5/Win */
font-family: Helvetica, Geneva, Freesans, Swiss, sans-serif;
background: #fff
}

/* HIDDEN ELEMENTS */
#logo1 h1, #logo1 h2, #logo1 p, #logo2 h1, #logo2 h2, #logo2 p  {
/* The equivalent of 'display: none' but leaves the elements readable by some screen readers */
position: absolute;
overflow: hidden;
clip: rect(0,0,0,0);/* because 'height: 0' doesn't have any fun in IE5.5 */
height: 0;/* because clip doesn't have any fun in IE6 */
}

/* POSITIONING ITEMS */
#container {
position: absolute; overflow:hidden; left: 50%; top: 50%; margin-left:-435px; margin-top:-260px; width: 867px; height: 560px; text-align:left; /* Counteract to IE5/Win Hack */ padding: 0; background: transparent; z-index: 1; }
#content {
position: absolute; left: 10px; top: 0; width: 847px; height: 550px; text-align:left; /* Counteract to IE5/Win Hack */ padding: 0; margin: 0; overflow: hidden; background: transparent; z-index: 2; }

/* LOGO */
#logo1 {
position: absolute; left: 0; top: 0; width: 210px; height: 130px; z-index: 50; }
#logo1 ul {
border: 0; margin: 0; padding: 0; list-style-type: none; text-align: left; overflow: hidden; }
#logo1 ul li {
display: block; float: left; text-align: center; padding: 0; margin: 0; font-size: 11px; text-indent: -9999px; background: #fff url(../img/logo1.gif) top left no-repeat; }
#logo1 ul li a {
width: 210px; height: 130px; padding: 0; margin: 0;; color: #999; text-decoration: none; display: block; text-align: left; background: transparent; }
#logo1 ul li a:hover {
color: #666; background: #fff url(../img/logo1-over.gif) top left no-repeat; }

#logo2 {
position: absolute; left: 0; top: 0; width: 580px; height: 30px; z-index: 3; }
#logo2 ul {
border: 0; margin: 0; padding: 0; list-style-type: none; text-align: left; overflow: hidden; }
#logo2 ul li {
display: block; float: left; text-align: center; padding: 0; margin: 0; font-size: 11px; text-indent: -9999px; background: #fff url(../img/logo2.gif) top left no-repeat; }
#logo2 ul li a {
width: 580px; height: 30px; padding: 0; margin: 0;; color: #999; text-decoration: none; display: block; text-align: left; background: transparent; }
#logo2 ul li a:hover {
color: #666; background: #fff url(../img/logo2-over.gif) top left no-repeat; }

/* PHOTOS */
#main {
position: absolute; left: 5px; top: 35px; width: 832px; height: 373px; overflow: hidden; text-align: left; padding: 10px 0 5px 0; border-top: 1px solid #999; border-bottom: 1px solid #999; z-index: 4; }
img {
border-width: 0; }
.image {
max-width: 832px; max-height: 358px; margin: 0; }
.image img {
float: left; padding: 0; border: 0; background-color: #fff; margin: 0; }

/* TEXT */
#profile {
position: absolute; left: 5px; top: 35px; width: 832px; height: 472px; overflow: hidden; text-align: left; padding: 5px 0 0 0; border-top: 1px solid #999; border-bottom: 1px solid #999; font-family: "Trebuchet MS", Helvetica, Geneva, Freesans, Swiss, sans-serif; color: #666; z-index: 4; }
#profile p {
font-size: 13px; line-height: 24px; margin: 26px 0 -14px 0; }
#profile h3 {
font-weight: normal; font-size: 21px; line-height: 24px; margin: 0 0 8px 0; letter-spacing: 1px; color: #999; }
#profile h4 {
font-size: 16px; line-height: 24px; margin: 0; }
#profile img {
float: left; margin: 7px 60px 8px 0; }
#profile .fltr {
float: left; width: 24px; }
#profile a {
text-decoration: none; color: #666; }
#profile a:hover {
color: #999; }
#profile .img {
float: left; margin: 0 10px 0 0;
}

#contact {
position: absolute; left: 5px; top: 35px; width: 832px; height: 472px; overflow: hidden; text-align: left; padding: 5px 0 0 0; border-top: 1px solid #999; border-bottom: 1px solid #999; font-family: "Trebuchet MS", Helvetica, Geneva, Freesans, Swiss, sans-serif; color: #666; z-index: 4; }
#contact p {
font-size: 13px; line-height: 24px; margin: 12px 0 0 180px; }
#contact h3 {
font-weight: normal; font-size: 21px; line-height: 24px; margin: 0 0 14px 180px; letter-spacing: 1px; color: #999; }
#contact h4 {
font-size: 16px; line-height: 24px; margin: 0 0 8px 180px; }
#contact img {
float: left; margin: 7px 18px 8px 0; }
#contact .fltr {
float: left; width: 24px; }
#contact a {
text-decoration: none; color: #666; }
#contact a:hover {
color: #999; }
#contact .img {
float: left; margin: 0 10px 0 0;
}

/* INTRO */
#introthumbs {
position: absolute; left: 2px; top: 2px; width: 842px; height: 515px; overflow: hidden; z-index: 5; }

/* THUMBNAILS */
#thumbs {
position: absolute; left: 5px; top: 432px; width: 832px; height: 101px; overflow-x: auto; overflow-y: hidden; z-index: 5; }
.thumbnail_row {
width: 6738px; margin: 0 -3px; }
.thumbnail_row img {
border: 0; margin: 3px; }
.thumbnail_row2 {
margin: 0; }
.thumbnail_row2 img {
border: 0; margin: 3px; }
.thumbnail_center {
padding: 0; border: 0px solid #fff !important; }
/* flexcroll styles */
.scrollgeneric {
line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.hscrollerbase {
height: 15px; background-color: white; }
.hscrollerbase {
background: #D7EBDF url(../img/scrollbar.png) repeat-x; }
.hscrollerbasebeg {
/* Horizontal scrollbar's left-cap */
/* This may be used for holding the left arrow */
background: url(../img/scrollbar.png) 0 -30px no-repeat; height: 15px; /* width of this element is normally auto set by the script to fit the scrollbase, to cover the base... */
width: 18px !important; /* Safari BG repeat fix */ }
.hscrollerbaseend {
/* Horizontal scrollbar's right-cap */
/* This may be used for holding the right arrow */
height: 15px; width: 18px; background: url(../img/scrollbar.png) -32px -30px no-repeat; }
.hscrollerbar {
height: 15px; background-color: black; }
.hscrollerbar {
background: #fff url(../img/scrollbar.png) 0 -15px repeat-x; }
.hscrollerbarbeg {
/* Left image holder for horizontal scrollbar */
background: url(../img/scrollbar.png) -10px -45px no-repeat;
height: 15px;
/* Width of this class is normally set by the script, to fit the scrollbar, but Webkit (Safari's rendering
engine) currently has a bug on no-repeat for negatively positioned backgrounds, causing the top
image to repeat on certain sizes. In this style, we do not need our script to strech the
vscrollerbarbeg, so we can fix the problem by forcing the size using CSS with an !important decleration: */
width: 40px !important;}
.hscrollerbarend {
/* Right image holder for horizontal scrollbar */
background: url(../img/scrollbar.png) 0 -45px no-repeat; height: 15px; width: 40px; }

/* NAVIGATION */
#navtop {
position: absolute; left: 544px; top: 12px; width: 300px; height: 20px; text-align: right; margin: 0 0 0 -1px; z-index: 98; }
/*******************************************************************************
 LAYOUT INFORMATION: describes box model, positioning, z-order
 *******************************************************************************/
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
#navtop ul.MenuBarHorizontal {
float: right; margin: 0 0 5px 0; padding: 0; list-style-type: none; cursor: default; width: auto; font-size: 10px; letter-spacing: 1px; }
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
#navtop ul.MenuBarActive {
z-index: 1000; }
/* Menu item containers, position children relative to this container and are a fixed width */
#navtop ul.MenuBarHorizontal li {
margin: 4px 0 0 0; padding: 0; list-style-type: none; position: relative; text-align: left; cursor: pointer; float: left; }
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
#navtop ul.MenuBarHorizontal ul {
margin: 1px 0 0 -1px; padding: 0; list-style-type: none; z-index: 1020; cursor: default; position: absolute; left: -1000em; background-color: #fff; }
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
#navtop ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
left: auto; }
/* Menu item containers are same fixed width as parent */
#navtop ul.MenuBarHorizontal ul li {
width: 80px; height: 15px; }
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
#navtop ul.MenuBarHorizontal ul ul {
position: absolute; margin: 0; }
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
#navtop ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
left: auto; top: 0; }
/*******************************************************************************
 DESIGN INFORMATION: describes color scheme, borders, fonts
 *******************************************************************************/
/* Submenu containers have borders on all sides */
#navtop ul.MenuBarHorizontal ul {
width: 86px; margin: 8px 0 0 0; }
#navtop ul.MenuBarHorizontal ul li {
padding: 0 0 0 6px; border-bottom: 1px solid #999; }
#navtop ul.MenuBarHorizontal ul li a {
padding: 1px 0 0 12px; background-image: url(../img/aro_rt.gif); background-repeat: no-repeat; background-position: 0 50%; }
	/* Menu items are a light gray block with padding and no text decoration */
#navtop ul.MenuBarHorizontal a {
display: block; cursor: pointer; background-color: #fff; color: #999; text-decoration: none; padding: 1px 6px 0 7px; }
/* Menu items that have mouse over or focus have a blue background and white text */
#navtop ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
background-color: #fff; color: #666; }
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
#navtop ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
background-color: #fff; color: #666; }
/*******************************************************************************
 SUBMENU INDICATION: styles if there is a submenu under a given menu item
 *******************************************************************************/
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
#navtop ul.MenuBarHorizontal a.MenuBarItemSubmenu {
background-image: url(../img/aro_dwn.gif); background-repeat: no-repeat; background-position: 95% 50%; padding: 1px 12px 0 8px; 
margin: 0 3px 0 0; border: none; }
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
#navtop ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {
background-image: url(../img/aro_rt.gif); background-repeat: no-repeat; background-position: 5% 50%; }
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
#navtop ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {
color: #666; background-image: url(../img/aro_dwn-over.gif); background-repeat: no-repeat; background-position: 95% 50%; }
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
#navtop ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {
background-image: url(../img/aro_rt-over.gif); ; background-repeat: no-repeat; background-position: 95% 50%; }
/*******************************************************************************
 BROWSER HACKS: the hacks below should not be changed unless you are an expert
 *******************************************************************************/
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
#navtop ul.MenuBarHorizontal iframe {
position: absolute; z-index: 1010; filter:alpha(opacity:0.1); }
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
#navtop ul.MenuBarHorizontal li.MenuBarItemIE
{
	display: inline; 	f\loat: left; 	background: #FFF; }
}
.lnrt {
border-right: 1px solid #999; }
.subtop {
}

#navleft {
position: absolute; left: 1px; top: 519px; width: 300px; height: 20px; text-align: left; margin: 0 0 0 -1px; z-index: 98; }
#navleft ul {
border: 0; margin: 0; padding: 0; list-style-type: none; text-align: left; overflow: hidden; }
#navleft ul li {
display: block; float: left; text-align: center; padding: 0; margin: 0; font-size: 10px; }
#navleft ul li a {
padding: 1px 4px 0 5px; margin: 0; color: #999; text-decoration: none; display: block; text-align: left; letter-spacing: 1px; }
#navleft ul li a:hover {
color: #666; }
#navleft a:active {
color: #666; }
#navleft li#active a {
color: #999; }
.lnrt {
border-right: 1px solid #999; }
#currentpage {
font-weight: bold; }

#navright {
position: absolute; left: 537px; top: 409px; width: 300px; height: 20px; text-align: right; z-index: 97; }

#navbottomright {
position: absolute; left: 537px; top: 519px; width: 300px; height: 26px; text-align: right; z-index: 97; }

#photo_info {
position: absolute; left: 5px; top: 409px; width: 380px; height: 50px; text-align: left; font-size: 10px; color: #999; z-index: 98; }
#photo_info p {
margin: 0; font-size: 12px; }
#photo_info strong {
font-weight: normal; letter-spacing: 0.5px; color: #666; margin: 0 18px 0 0; }

#position {
position: absolute; left: 396px; top: 408px; width: 50px; text-align: center; z-index: 99; }
.pos {
display: block; height: 11px; font-size: 10px; color: #999; border-left: 1px solid #999; border-right: 1px solid #999; padding: 1px 4px 0 4px; background: #fff; }

/* PHP SLIDESHOW CLASSES */
.wrapper {
margin: 0; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; border: 0; text-align:left; }
.show_title a {
font-size:12px; text-decoration:none; color:#999; }
.image_info {
display: block; font-size: 10px; color: #999; border: 0px; }
.image_info a {
text-decoration:none; color:#999; letter-spacing: 0.5px; }
.image_info a:hover {
color:#666; }
.lnrt2 {
border-right: 1px solid #999; padding: 1px 1px 0 0; }
.lnrt3 {
border-right: 1px solid #999; padding: 1px 4px 0 5px; }
.lnrt4 {
border-right: 1px solid #999; padding: 1px 4px 0 2px; margin: 0 2px 0 0; }
.navigation, .navigation a {
text-decoration: none; color: #999; margin-top: 9px; font-weight: bold; }
.small, .small a {
margin-top: 20px; text-decoration:none; color:#777; }