img {border: 0;}

body {
background-color: rgb(40,40,55);
color: rgb(50,50,50);
font-size: 14px;
font-weight: normal;
font-family: tahoma, verdana, microsoft sans serif, arial, helvetica;
margin: 0px;
/*overflow: hidden;*/
}

html {
/* *overflow: hidden;*/
}

a:link, a:visited, a:active {text-decoration: none; color: rgb(20,20,20); font-weight: normal;}
a:hover {color: rgb(50,50,50)); text-decoration: underline;}

a.menu:link, a.menu:visited, a.menu:active {margin: 0px 0px 25px 10px; color: rgb(20,20,20);}
a.menu:hover {color: rgb(50,50,50); text-decoration: none;}

a.footmenu:link, a.footmenu:visited, a.footmenu:active {margin: 0px 15px; color: rgb(20,20,20);}
a.footmenu:hover {color: rgb(50,50,50); text-decoration: none;}

#page {
position: relative; left: 50%; width: 990px; margin-left: -495px;
}

#inner {
position: relative; top: 30px; width: 990px; height: auto; background-color: rgb(255,255,255);
padding-bottom: 200px;
border: 1px solid black;
}

#logo {
	position: absolute;
	left: 20px;
	top: 6px;
}

#foot {
position: absolute; left: 14px; bottom: 0px; z-index: 1;
width: 965px; height: 32px;
}

#head {
position: absolute; left: 0px; top: 0px; z-index: 1;
}

#left {
position: absolute; left: 0px; bottom: 0px; z-index: 1;
}

#right {
position: absolute; right: 0px; bottom: 0px; z-index: 1;
}

#menus {
/*position: absolute; right: 130px; top: 40px; z-index: 2; text-align: right; width: 142px;*/
position: absolute;
left: 0;
top: 0;
z-index: 2;
text-align: right;
width: 100%;
background: #636371;
height: 120px;
border-bottom: 2px solid black;
font-family: 'Playfair Display', serif;
font-size: 17px;
font-weight: normal;
}

#menus .links {
	position: absolute;
	top: 88px;
	right: 30px;
}

#menus .links a {
	margin-left: 30px;
}

#footmenus {
/*position: absolute; left: 90px; bottom: 10px; z-index: 2; text-align: left;*/
position: absolute;
bottom: 0px;
left: 0px;
width: 970px;
padding: 10px;
background: #636371;
border-top: 2px solid black;
text-align: center;
font-family: 'Playfair Display', serif;
font-size: 17px;
}

#content {
position: relative; top: 140px; z-index: 2;
margin: 0 35px;
line-height: 150%;
margin-bottom: 15px;
}

p {
margin: 10px 0px 10px 0px;
}

img.titles {
margin-right: 15px; margin-top: 5px;
}

h1 {
clear: right; margin: 0px 0px 10px 0px; font-size: 20px;
font-family: 'Playfair Display', serif;
font-size: 20px;
font-weight: normal;
text-transform: uppercase;
}

h2 {
margin-bottom: 5px; font-size: 15px;
}

img.single {
float: right; margin-left: 25px;
}

#multi {
float: right; *position: absolute; *right: 0px; width: 300px;
}

#halfcontent {
float: left; width: 50%;
}

#gallery {
position: relative; left: 0px; top: 0px; overflow: hidden; 
height: 100%; width: 100%;
}

#galleryinner {
width: 6000px; position: relative;
}

img.gallery {
margin-right: 20px;
}

#loading {
color: red; font-size: 12px; font-weight: normal;
}

.sml {
font-size: 10px;
}

#pw {
position: absolute; bottom: -30px; left: 50%;
width: 600px; margin-left: -300px;
text-align: center;
}

a.pw:link, a.pw:visited, a.pw:active {color: rgb(70,70,70); text-decoration: none;} 
a.pw:hover {color: rgb(155,155,155); text-decoration: none;} 

#recentmenu {
width: 170px; position: absolute; right: 248px; bottom: 33px; visibility: hidden;
background-color: rgb(99,99,113); text-align: left; padding: 5px; border: rgb(0,0,0) 1px solid; z-index: 3;
line-height: 150%;
}

#recentmenu a:link, #recentmenu a:visited, #recentmenu a:active {
text-decoration: none;
padding: 2px;
}

#recentmenu a:hover {
background-color: rgb(113,113,127); text-decoration: none; width: 150px; height: 15px; color: rgb(0,0,0);
}

#leftshadow {
	position: absolute;
	top: 0px;
	left: -8px;
	width: 8px;
	height: 100%;
	background-image: url('/leftshadow.gif');
}

#rightshadow {
	position: absolute;
	top: 0px;
	right: -8px;
	width: 8px;
	height: 100%;
	background-image: url('/rightshadow.gif');
}

#topshadow {
	position: absolute;
	top: -8px;
	left: 0px;
	width: 100%;
	height: 8px;
	background-image: url('/topshadow.gif');
}

#bottomshadow {
	position: absolute;
	bottom: -8px;
	left: 0px;
	width: 100%;
	height: 8px;
	background-image: url('/bottomshadow.gif');
}

#topleft {
	position: absolute;
	top: -8px;
	left: -8px;
	width: 8px;
	height: 8px;
	background-image: url('/topleft.gif');
}

#topright {
	position: absolute;
	top: -8px;
	right: -8px;
	width: 8px;
	height: 8px;
	background-image: url('/topright.gif');
}

#bottomleft {
	position: absolute;
	bottom: -8px;
	left: -8px;
	width: 8px;
	height: 8px;
	background-image: url('/bottomleft.gif');
}

#bottomright {
	position: absolute;
	bottom: -8px;
	right: -8px;
	width: 8px;
	height: 8px;
	background-image: url('/bottomright.gif');
}

#pager {
position: absolute;
top: -5px;
right: 0px;
z-index: 100;
font-size: 10px;
}

#pager a {
margin-left: 3px;
border: 1px solid #777;
padding: 1px 3px;
text-decoration: none;
}

#pager a:hover, #pager a.activeSlide {
background-color: #ddd;
}

#pager a:hover {
background-color: #ccc;
}

/* THE OLD CSS

img {border: 0;}

body {
background-color: rgb(40,40,55);
color: rgb(50,50,50);
font-size: 12px;
font-weight: normal;
font-family: tahoma, verdana, microsoft sans serif, arial, helvetica;
margin: 0px;
overflow: hidden; width: 710px;
}

html {
*overflow: hidden; *width:710px;
}

a:link, a:visited, a:active {text-decoration: none; color: rgb(50,50,50); font-weight: bold;}
a:hover {font-weight: bold; color: rgb(100,100,100); text-decoration: underline;}

a.menu:link, a.menu:visited, a.menu:active {margin: 0px 0px 25px 10px; float: right;}
a.menu:hover {filter: alpha(opacity=40); opacity: 0.4; margin: 0px 0px 25px 10px; float: right;}

a.footmenu:link, a.footmenu:visited, a.footmenu:active {margin: 0px 30px 0px 30px; float: left;}
a.footmenu:hover {filter: alpha(opacity=40); opacity: 0.4; margin: 0px 30px 0px 30px; float: left;}

#page {
position: absolute; left: 50%; top: 50%; width: 710px; height: 504px;
}

#inner {
position: relative; left: -355px; top: -252px; width: 710px; height: 504px; background-color: rgb(255,255,255);
}

#foot {
position: absolute; left: 14px; bottom: 0px; z-index: 1;
width: 682px; height: 32px;
}

#head {
position: absolute; left: 0px; top: 0px; z-index: 1;
}

#left {
position: absolute; left: 0px; bottom: 0px; z-index: 1;
}

#right {
position: absolute; right: 0px; bottom: 0px; z-index: 1;
}

#menus {
position: absolute; right: 130px; top: 40px; z-index: 2; text-align: right; width: 142px;
}

#footmenus {
position: absolute; left: 90px; bottom: 10px; z-index: 2; text-align: left;
}

#content {
position: absolute; left: 35px; top: 140px; z-index: 2;
width: 630px; height: 325px;
}

p {
margin: 10px 0px 10px 0px;
}

img.titles {
margin-right: 15px; margin-top: 5px;
}

h1 {
width: 350px; clear: right; margin: 0px 0px 10px 0px; font-size: 20px;
}

h2 {
margin-bottom: 5px; font-size: 15px;
}

img.single {
float: right; margin-left: 25px;
}

#multi {
float: right; *position: absolute; *right: 0px; width: 300px;
}

#halfcontent {
float: left; width: 300px;
}

#gallery {
position: relative; left: 0px; top: 0px; overflow: hidden; 
height: 100%; width: 100%;
}

#galleryinner {
width: 6000px; position: relative;
}

img.gallery {
margin-right: 20px;
}

#loading {
color: red; font-size: 12px; font-weight: normal;
}

.sml {
font-size: 10px;
}

#pw {
position: absolute; bottom: -20px; left: 32%;
}

a.pw:link, a.pw:visited, a.pw:active {color: rgb(70,70,70); text-decoration: none;} 
a.pw:hover {color: rgb(155,155,155); text-decoration: underline;} 

#recentmenu {
height: 105px; width: 170px; position: absolute; right: 98px; bottom: 28px; visibility: hidden;
background-color: rgb(99,99,113); text-align: left; padding: 5px; border: rgb(0,0,0) 1px solid; z-index: 3;
}

#recentmenu a:link, #recentmenu a:visited, #recentmenu a:active {
text-decoration: none;
}

#recentmenu a:hover {
background-color: rgb(113,113,127); text-decoration: none; width: 150px; height: 15px; color: rgb(0,0,0);
}
*/