@charset "UTF-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	border: 0;
	color: #141414;
}

html, body {
	height:100%;
	width: 100%;
}

body {
	background-color: #fff;
	text-algin: center;
	min-height:468px;/* for good browsers*/
	min-width:552px;/* for good browsers*/
}

p {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color:#141414;
	line-height: 20px;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

h1 {
	font-size: 22px;
	font-weight: normal;
	font-variant:small-caps;
	text-align: left;
	color:#777777;
	letter-spacing: 3px;
}

.browserSafari h1 {
	font-size: 24px;
}

.browserChrome h1 {
	font-size: 24px;
}

h2 {
	font-size: 14px;
	font-weight: normal;
	font-variant:small-caps;
	text-align: left;
	color:#777777;
	letter-spacing: 2px;
	margin-bottom: 15px;
}

.browserSafari h2 {
	font-size: 18px;
}

.browserChrome h2 {
	font-size: 18px;
}

h3 {
	font-size: 12px;
	font-weight: normal;
	font-variant:small-caps;
	text-align: left;
	color:#777;
	letter-spacing: 2px;
	margin-bottom: 15px;
}

.browserSafari h3 {
	font-size: 14px;
}

.browserChrome h3 {
	font-size: 14px;
}

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

a:hover {
	color:#000;
	text-decoration: underline;
}

#container {
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	width: 972px;
	height: 2430px !important;
	padding-bottom: 30px;
	border-bottom: #737373 thin solid;
}

#header {
	height: 20px;
}

#footer {
	height: 20px;
	width: 972px;
	font-size: 9px;
	color: #999;
	text-align: right;
	padding: 5px;
	margin-left: auto;
	margin-right:auto;
	letter-spacing: 1px;
}

#footer em {
	color: #999;
}

#albums {
	height: 320px;
	padding-bottom: 10px;
	padding-top: 25px;
	width: 972px;
	border-top: #737373 thin solid;
	border-bottom: #737373 thin solid;
}

.title {
	color: #777;
}

img.banner {
	border: none;
	padding: 0;
	margin-left: 0px;
	margin-bottom: 50px;
}

img.portrait {
	float: right;
	padding: 0;
	margin: 10px 10px 10px 0px;
	border: 0;
}

img.membership {
	border: #737373 1pt solid;
	padding: 5px;
}

ul.toc {
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: 10px;
	display: block;
	border-top: #D2D2D2 thin solid;
}

li.toc {
	text-align: left;
	font-variant: small-caps;
	font-size: 14px;
	margin-top: 8px;
	color:#999;
	letter-spacing: 1px;
}

.browserSafari li.toc {
	font-size: 16px;	
}

.browserChrome li.toc {
	font-size: 16px;	
}

ul.teaser {
	list-style-type:square;
}

li.teaser {
	text-align: left;
	color:#FFF;
	font-size: 18px;
	margin-bottom: 10px;
}

a.teaser {
	color: #fff;
}

.column {
	margin-top: 30px;
	width: 30%;
	height: auto !important;
	float: left;
	padding: 0px 0px 0px 10px;
	border-right:  #737373 thin solid;
	text-align: left;
}

#teaserBox {
	width: 658px;
	background-color: #777;
	float: right;
	margin-top: 30px;
}


#teaserBox p {
	color: #fff;
	min-height: 250px;
}

#aboutBox {
	width: 355px;
}

#aboutBox p {
	font-size: 10px;
	margin-bottom: 0px;
}

#aboutBox td {
	font-size: 10px;
	vertical-align: top;
}

table {
	border-collapse: collapse;
}

td.statistics {
	padding: 3px;
	font-size: 12px;
	color: #ffffff;
}

.browserFirefox #aboutBox p {
	font-size: 9.5px;
	margin-bottom: 0px;
}

a.menu {
	color: #141414;	
}

a.menu:hover {
	text-decoration: underline;
}

.shopButton {
	width: 90%;
	margin-bottom: 20px;
	padding: 5px;
	border-radius: 5px;
	background: #D2D2D2;
	color: #919191;
	font-weight: bold;
}

.shopButton h1 {
	margin: 0px 0px 0px 50px;
}

#makeMeScrollable {
	width: 972px;
	height: 330px;
	position: relative;
}

#makeMeScrollable div.scrollableArea * {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#column1 {
	height: 2027px !important;
}

#column2 {
	height: 1696px !important;
}

#column3 {
	border: 0;
}

#membership {
	margin: 30px 10px 10px 0px;
	padding: 10px 10px 30px 0px;
	text-align: center;
	border-top: #D2D2D2 thin solid;
	border-bottom: #D2D2D2 thin solid;
}

#dynacloud {
	font-size: 9px;
	padding: 10px 10px 10px 10px;
	margin: 0px 10px 10px 0px;
	border: #D2D2D2 thin solid;
	text-align: justify;
	background-color: #777;
	position: relative;
	top: 50px;
}

#dynacloud a {
	cursor: default;
	text-decoration: none;
}

#dynacloud span {
	color: #eee;
}

.dynacloud {
	display: none;
}

.highlight { 
	background-color: yellow 
}


/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 970px;
	height: 300px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 970px;
	height: 300px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
 	width: 194px;
    height: 300px;
}