/*RUBYMALA LAYOUT CSS*/
/*page layout excluding colour specs*/

html {
	height: 100%;
	margin-bottom: 1px
}
body {
	padding: 0;
	margin: 0;
	background: url(../images/layout/vesicapisces.jpg) no-repeat top left;
	font-family: Georgia, serif;
	font-size: 100%;
}

/*text tag properties*/
p, ul {
	font-size: 75%
}
h1, h2, h3 {
	font-family: Papyrus, Georgia, serif;
	font-weight: normal
}
h1 {
	font-size: 150%;
}
h2 {
	font-size: 120%;
	padding-bottom: 15px
}
h3 {
	font-size: 100%;
}
a:link, a:visited {  
	font-weight: bold;
	text-decoration: none
}
a:hover, a:active {
	font-weight: bold;
	text-decoration: none
}
.indent {
	padding: 0 20px 0 20px
}
.papyrus {
	font-family: Papyrus, Georgia, serif;
	text-align: center
}
.clear {
	clear: both
}
.cartText {
	font-size: 75%;
	padding-left: 20px;
	vertical-align: baseline
}
.payPal {
	margin-top: 0;
	padding-top: 0;
	vertical-align: top;
	font-size: 75%
}
a img {
	border-width: 0
}
.samples {
	font-size: 75%
}


/*page area properties*/
#nav {
	width: 100%;
	min-height: 25px;
	padding: 0;
	margin: 0;
	text-align: center;
	overflow: hidden
}
		#nav img {
			border-width: 0
		}
	#home {
		width: 30px;
		float: left;
		padding: 6px 0 0 20px
	}
#wrapper {
	margin: 0 auto;
	width: 800px;
	line-height: 125%;
	text-align: left;
}
		#wrapper img {
			border-width: 0
		}
	#leftDiv {
		width: 180px;
		float: left;
		background-image: url(../images/layout/title.jpg);
		background-repeat: no-repeat;
		padding-top: 180px;
		min-height: 250px;
		text-align: center
	}
		#leftDiv img {
			margin-bottom: 20px
		}
	#mainDiv, #mainIndex {
		width: 590px;
		float: left;
		background-repeat: no-repeat;
		margin-top: 30px
	}
	#mainDiv {
		background-image: url(../images/layout/rubymala10.jpg);
	}
	#mainIndex {
		background-image: url(../images/layout/rubymala.jpg);
	}
	#content {
		padding: 100px 20px 20px
	}
#footer {
	height: 30px;
	width: 100%;
	background-image: url(../images/layout/foot.jpg);
	background-repeat: repeat-x;
	font-size: 80%;
}
	#footer p {
		padding: 10px 20px
	}

/*page element properties*/
.pic-left {
	float: left;
	padding-right: 30px;
	padding-bottom: 10px
}
.pic-right {
	float: right;
	padding-left: 30px;
	padding-bottom: 10px
}


/* graphs and repertorisation images */
.fullsizeimg {
	float:left
}
.layer1, .layer2, .layer3 {
	position: fixed;
	top: 20px;
	visibility: hidden;
	width: 570px;
	padding: 0;
	z-index: 10
}
.layer1 {
	left: 30px;
}
.layer2 {
	left: 100px;
}
.layer3 {
	left: 170px;
}
.click {
	background-color: transparent;
	font-size: 70%;
	text-align: center;
	padding: 10px 20px
}
#full a img, #simple a img, #90degree a img {
	border-width: 0
}