a.head4:link {
	color: #E3C1EC;
	text-decoration: none;
}

a.head4:visited {
	color: #E3C1EC;
	text-decoration: none;
}

a.head4:hover {
	color: #FFFFFF;
	text-decoration: none;
}

a.tooltip {
	outline: none;
}
a.tooltip:hover {
	text-decoration: none;
}
a.tooltip span {
	z-index: 6;
	display: none;
	width: 150px;
	top: -25px;
	left: -160px;
	padding: 3px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 5px 5px 8px #000000;
	-webkit-box-shadow: 5px 5px 8px #000000;
	box-shadow: 5px 5px 8px #000000; 
}
a.tooltip:hover span { 
    position: absolute;
	display: inline;
	color: #00306A;
	text-shadow: 1px 1px 1px #AED9FF;
	font-weight: bold;
	border: 2px dashed #AED9FF;
	background-image: url(images/link_comment_tooltip.png);
} 
.linkbutton {
	z-index: 5;
	position: absolute;
	background-image: url(images/link_comment_1.png);
	width: 50px;
	height: 56px;
	right: 0;
	top: 30px;
	cursor: pointer;
}
.linkbutton:hover {
	background-image: url(images/link_comment_2.png);
}
.linkpic {
	width: 50px;
	height: 56px;
	border: 0;
}
/*--------------------------------------
       From here COLOR ONE
--------------------------------------*/
.textwithcomment {
	position: relative;
	width: 100%;
	max-width: 516px;
	height: auto;
	padding-top: 16px;
	margin-bottom: 30px;
	display: inline-block;
	word-wrap: break-word;
}
.wave {
	z-index: 4;
	position: absolute;
	top: 0;
	width: 100%;
	max-width: 500px;
	height: 53px;
	overflow: hidden;
}
.wavepic {
	width: 900px;
	height: 53px;
}
.visitortext{
	z-index: 3;
	position: relative;
	top: 0;
	text-align: left;
	width: 100%;
	max-width: 500px;
	height: auto;
	background-color: #5899D2;
	padding: 30px 0 0 0;
}
.borderroundtextfield{
    border: solid 8px #AED9FF;
    border-bottom: 0;
    border-top: 0;
}
.headvisitor {
    width: auto;
    height: auto;
    margin-top: 20px;
    padding: 5px;
    background-color: #00306A;
    color: #AED9FF;
    font-weight: bold;
    letter-spacing: 0.1em;
	word-spacing: 0.1em;
	text-shadow: 1px 1px 1px #000000;
	border: dashed 1px #AED9FF;
	border-left: 0;
    display: inline-block;
}
.visitorcomment {
	position: relative;
	left: 0;
	width: auto;
	height: auto;
	padding: 10px 10px 20px 10px;
}
.visitorname {
	position: relative;
	width: 100%;
	height: auto;
	padding: 3px 0 3px 0;
	font-weight: bold;
	background-color: #AED9FF;
	text-align: right;
}
.visitorbullet {
	vertical-align: text-bottom;
	width: 21px;
	height: 21px;
	margin: 2px;
}
.mycomment {
	z-index: 2;
	position: relative;
	font-size: 1.0em;
	width: 70%;
	bottom: 0;
	height: auto;
	border: solid 8px #AED9FF;	
	background-color: #00306A;
	color: #AED9FF;
	float: right;	
}
.mycommenthead {
	background-color: #AED9FF;
	color: #00306A;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 3px;
	font-size: 1.1em;
}
.mycommenttext {
	margin: 5px;
	padding: 5px 10px 30px 10px;
	line-height: 1.3em;
}
.picincomment {
    width: 100%;
	height: 33px;
	overflow: hidden;
}
.picincommentsize {
    width: 900px;
	height: 53px;
}
.keywords {
    position: relative;	
	width: 100%;
	height: 100%;
	text-align: right;
	margin bottom: 20px;
	bottom: 30px;
}
.keywordbig {
    position: absolute;
	z-index: 1;	
	width: 100%;
	height: auto;
	color: #2A588E;
	font-size: 1.4em;
	font-weight: bold;	
}
.keywordsmall {
    position: absolute;
	z-index: 2;
	width: 100%;
	height: auto;
	color: #3C77B1;
	font-size: 1.1em;
	font-weight: bold;	
	top: 0.5em;	
}
.keywordpic {
    position: absolute;
	z-index: 2;
	width: 100%;
	height: 52px;
	top: 15px;
	background-image: url(images/glimmer_on_wave.png);
	background-repeat: no-repeat;
	background-position: right;	
}
.arrowup {
    z-index: 5;
	position: absolute;
	width: 58px;
	height: 62px;
	vertical-align: bottom;	
	bottom: 0;
	left: 8%;
	border: none;
}
.arrowup:hover {
	bottom: 5px;
	cursor: pointer;
}

/*--------------------------------------
       From here COLOR TWO
--------------------------------------*/

.textwithcomment2 {
	position: relative;
	width: 100%;
	max-width: 300px;
	height: auto;
	padding-top: 16px;
	margin-bottom: 30px;
	display: inline-block;
	word-wrap: break-word;
}
.wave2 {
	z-index: 4;
	position: absolute;
	top: 0;
	width: 100%;
	max-width: 284px;
	height: 53px;
	overflow: hidden;
}
.wavepic2 {
	width: 900px;
	height: 53px;
}
.visitortext2 {
	z-index: 3;
	position: relative;
	top: 0;
	text-align: left;
	width: 100%;
	max-width: 284px;
	height: auto;
	background-color: #B59274;
	padding: 30px 0 0 0;
}
.borderroundtextfield2 {
    border: solid 8px #ECD5C1;
    border-bottom: 0;
    border-top: 0;
}
.headvisitor2 {
    width: auto;
    height: auto;
    margin-top: 20px;
    padding: 5px;
    background-color: #513819;
    color: #ECD5C1;
    font-weight: bold;
    letter-spacing: 0.1em;
	word-spacing: 0.1em;
	text-shadow: 1px 1px 1px #000000;
	border: dashed 1px #ECD5C1;
	border-left: 0;
    display: inline-block;
}
.visitorcomment2 {
	position: relative;
	left: 0;
	width: auto;
	height: auto;
	padding: 10px 10px 20px 10px;
}
.visitorname2 {
	position: relative;
	width: 100%;
	height: auto;
	padding: 3px 0 3px 0;
	font-weight: bold;
	background-color: #ECD5C1;
	text-align: right;
}
.visitorbullet2 {
	vertical-align: text-bottom;
	width: 21px;
	height: 21px;
}
.mycomment2 {
	z-index: 2;
	position: relative;
	font-size: 1.0em;
	width: 70%;
	bottom: 0;
	height: auto;
	border: solid 8px #ECD5C1;	
	background-color: #513819;
	color: #ECD5C1;
	float: right;	
}
.mycommenthead2 {
	background-color: #ECD5C1;
	color: #513819;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 3px;
	font-size: 1.1em;
}
.mycommenttext2 {
	margin: 5px;
	padding: 5px 10px 30px 10px;
	line-height: 1.3em;
}
.picincomment2 {
    width: 100%;
	height: 33px;
	overflow: hidden;
}
.picincommentsize2 {
    width: 900px;
	height: 53px;
}
.keywords2 {
    position: relative;	
	width: 100%;
	height: auto;
	text-align: right;
	margin bottom: 20px;
	bottom: 30px;
}
.keywordbig2 {
    position: absolute;
	z-index: 1;	
	width: 100%;
	height: auto;
	color: #765E41;
	font-size: 1.4em;
	font-weight: bold;	
}
.keywordsmall2 {
    position: absolute;
	z-index: 2;
	width: 100%;
	height: auto;
	color: #9A7A5B;
	font-size: 1.1em;
	font-weight: bold;	
	top: 0.5em;	
}
.keywordpic2 {
    position: absolute;
	z-index: 2;
	width: 100%;
	height: 52px;
	top: 15px;
	background-image: url(images/glimmer_on_wave.png);
	background-repeat: no-repeat;
	background-position: right;	
}
.arrowup2 {
    z-index: 5;
	position: absolute;
	width: 58px;
	height: 62px;
	vertical-align: bottom;	
	bottom: 0;
	left: 0;
	border: none;
}
.arrowup2:hover {
	bottom: 5px;
	cursor: pointer;
}

/*--------------------------------------
       From here COLOR THREE
--------------------------------------*/

.textwithcomment3 {
	position: relative;
	width: 100%;
	max-width: 416px;
	height: auto;
	padding-top: 16px;
	margin-bottom: 30px;
	display: inline-block;
	word-wrap: break-word;
}
.wave3 {
	z-index: 4;
	position: absolute;
	top: 0;
	width: 100%;
	max-width: 400px;
	height: 53px;
	overflow: hidden;
}
.wavepic3 {
	width: 900px;
	height: 53px;
}
.visitortext3 {
	z-index: 3;
	position: relative;
	top: 0;
	text-align: left;
	width: 100%;
	max-width: 400px;
	height: auto;
	background-color: #7EB574;
	padding: 30px 0 0 0;
}
.borderroundtextfield3 {
    border: solid 8px #C7ECC1;
    border-bottom: 0;
    border-top: 0;
}
.headvisitor3 {
    width: auto;
    height: auto;
    margin-top: 20px;
    padding: 5px;
    background-color: #1D5119;
    color: #C7ECC1;
    font-weight: bold;
    letter-spacing: 0.1em;
	word-spacing: 0.1em;
	text-shadow: 1px 1px 1px #000000;
	border: dashed 1px #C7ECC1;
	border-left: 0;
    display: inline-block;
}
.visitorcomment3 {
	position: relative;
	left: 0;
	width: auto;
	height: auto;
	padding: 10px 10px 20px 10px;
}
.visitorname3 {
	position: relative;
	width: 100%;
	height: auto;
	padding: 3px 0 3px 0;
	font-weight: bold;
	background-color: #C7ECC1;
	text-align: right;
}
.visitorbullet3 {
	vertical-align: text-bottom;
	width: 21px;
	height: 21px;
	margin: 2px;
}
.mycomment3 {
	z-index: 2;
	position: relative;
	font-size: 1.0em;
	width: 70%;
	bottom: 0;
	height: auto;
	border: solid 8px #C7ECC1;	
	background-color: #1D5119;
	color: #C7ECC1;
	float: right;	
}
.mycommenthead3 {
	background-color: #C7ECC1;
	color: #1D5119;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 3px;
	font-size: 1.1em;
}
.mycommenttext3 {
	margin: 5px;
	padding: 5px 10px 30px 10px;
	line-height: 1.3em;
}
.picincomment3 {
    width: 100%;
	height: 33px;
	overflow: hidden;
}
.picincommentsize3 {
    width: 900px;
	height: 53px;
}
.keywords3 {
    position: relative;	
	width: 100%;
	height: auto;
	text-align: right;
	margin bottom: 20px;
	bottom: 30px;
}
.keywordbig3 {
    position: absolute;
	z-index: 1;	
	width: 100%;
	height: auto;
	color: #34692F;
	font-size: 1.4em;
	font-weight: bold;	
}
.keywordsmall3 {
    position: absolute;
	z-index: 2;
	width: 100%;
	height: auto;
	color: #5E8C59;
	font-size: 1.1em;
	font-weight: bold;	
	top: 0.5em;	
}
.keywordpic3 {
    position: absolute;
	z-index: 2;
	width: 100%;
	height: 52px;
	top: 15px;
	background-image: url(images/glimmer_on_wave.png);
	background-repeat: no-repeat;
	background-position: right;	
}
.arrowup3 {
    z-index: 5;
	position: absolute;
	width: 58px;
	height: 62px;
	vertical-align: bottom;	
	bottom: 0;
	left: 4%;
	border: none;
}
.arrowup3:hover {
	bottom: 5px;
	cursor: pointer;
}

/*--------------------------------------
       From here COLOR FOUR
--------------------------------------*/

.textwithcomment4 {
	position: relative;
	width: 100%;
	max-width: 466px;
	height: auto;
	padding-top: 16px;
	margin-bottom: 30px;
	display: inline-block;
	word-wrap: break-word;
}
.wave4 {
	z-index: 4;
	position: absolute;
	top: 0;
	width: 100%;
	max-width: 450px;
	height: 53px;
	overflow: hidden;
}
.wavepic4 {
	width: 900px;
	height: 53px;
}
.visitortext4 {
	z-index: 3;
	position: relative;
	top: 0;
	text-align: left;
	width: 100%;
	max-width: 450px;
	height: auto;
	background-color: #A774B5;
	padding: 30px 0 0 0;
}
.borderroundtextfield4 {
    border: solid 8px #E3C1EC;
    border-bottom: 0;
    border-top: 0;
}
.headvisitor4 {
    width: auto;
    height: auto;
    margin-top: 20px;
    padding: 5px;
    background-color: #491951;
    color: #E3C1EC;
    font-weight: bold;
    letter-spacing: 0.1em;
	word-spacing: 0.1em;
	text-shadow: 1px 1px 1px #000000;
	border: dashed 1px #E3C1EC;
	border-left: 0;
    display: inline-block;
}
.visitorcomment4 {
	position: relative;
	left: 0;
	width: auto;
	height: auto;
	padding: 10px 10px 20px 10px;
}
.visitorname4 {
	position: relative;
	width: 100%;
	height: auto;
	padding: 3px 0 3px 0;
	font-weight: bold;
	background-color: #E3C1EC;
	text-align: right;
}
.visitorbullet4 {
	vertical-align: text-bottom;
	width: 21px;
	height: 21px;
	margin: 2px;
}
.mycomment4 {
	z-index: 2;
	position: relative;
	font-size: 1.0em;
	width: 70%;
	bottom: 0;
	height: auto;
	border: solid 8px #E3C1EC;	
	background-color: #491951;
	color: #E3C1EC;
	float: right;	
}
.mycommenthead4 {
	background-color: #E3C1EC;
	color: #491951;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 3px;
	font-size: 1.1em;
}
.mycommenttext4 {
	margin: 5px;
	padding: 5px 10px 30px 10px;
	line-height: 1.3em;
}
.picincomment4 {
    width: 100%;
	height: 33px;
	overflow: hidden;
}
.picincommentsize4 {
    width: 900px;
	height: 53px;
}
.keywords4 {
    position: relative;	
	width: 100%;
	height: auto;
	text-align: right;
	margin bottom: 20px;
	bottom: 30px;
}
.keywordbig4 {
    position: absolute;
	z-index: 1;	
	width: 100%;
	height: auto;
	color: #7E4D8A;
	font-size: 1.4em;
	font-weight: bold;	
}
.keywordsmall4 {
    position: absolute;
	z-index: 2;
	width: 100%;
	height: auto;
	color: #B892C1;
	font-size: 1.1em;
	font-weight: bold;	
	top: 0.5em;	
}
.keywordpic4 {
    position: absolute;
	z-index: 2;
	width: 100%;
	height: 52px;
	top: 15px;
	background-image: url(images/glimmer_on_wave.png);
	background-repeat: no-repeat;
	background-position: right;	
}
.arrowup4 {
    z-index: 5;
	position: absolute;
	width: 58px;
	height: 62px;
	vertical-align: bottom;	
	bottom: 0;
	left: 6%;
	border: none;
}
.arrowup4:hover {
	bottom: 5px;
	cursor: pointer;
}

/*--------------------------------------
       From here COLOR FIVE
--------------------------------------*/

.textwithcomment5 {
	position: relative;
	width: 100%;
	max-width: 350px;
	height: auto;
	padding-top: 16px;
	margin-bottom: 30px;
	display: inline-block;
	word-wrap: break-word;
}
.wave5 {
	z-index: 4;
	position: absolute;
	top: 0;
	width: 100%;
	max-width: 334px;
	height: 53px;
	overflow: hidden;
}
.wavepic5 {
	width: 900px;
	height: 53px;
}
.visitortext5 {
	z-index: 3;
	position: relative;
	top: 0;
	text-align: left;
	width: 100%;
	max-width: 334px;
	height: auto;
	background-color: #D5CC10;
	padding: 30px 0 0 0;
}
.borderroundtextfield5 {
    border: solid 8px #EAE465;
    border-bottom: 0;
    border-top: 0;
}
.headvisitor5 {
    width: auto;
    height: auto;
    margin-top: 20px;
    padding: 5px;
    background-color: #505300;
    color: #EAE465;
    font-weight: bold;
    letter-spacing: 0.1em;
	word-spacing: 0.1em;
	text-shadow: 1px 1px 1px #000000;
	border: dashed 1px #EAE465;
	border-left: 0;
    display: inline-block;
}
.visitorcomment5 {
	position: relative;
	left: 0;
	width: auto;
	height: auto;
	padding: 10px 10px 20px 10px;
}
.visitorname5 {
	position: relative;
	width: 100%;
	height: auto;
	padding: 3px 0 3px 0;
	font-weight: bold;
	background-color: #EAE465;
	text-align: right;
}
.visitorbullet5 {
	vertical-align: text-bottom;
	width: 21px;
	height: 21px;
	margin: 2px;
}
.mycomment5 {
	z-index: 2;
	position: relative;
	font-size: 1.0em;
	width: 70%;
	bottom: 0;
	height: auto;
	border: solid 8px #EAE465;	
	background-color: #505300;
	color: #EAE465;
	float: right;	
}
.mycommenthead5 {
	background-color: #EAE465;
	color: #505300;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 3px;
	font-size: 1.1em;
}
.mycommenttext5 {
	margin: 5px;
	padding: 5px 10px 30px 10px;
	line-height: 1.3em;
}
.picincomment5 {
    width: 100%;
	height: 33px;
	overflow: hidden;
}
.picincommentsize5 {
    width: 900px;
	height: 53px;
}
.keywords5 {
    position: relative;	
	width: 100%;
	height: auto;
	text-align: right;
	margin bottom: 20px;
	bottom: 30px;
}
.keywordbig5 {
    position: absolute;
	z-index: 1;	
	width: 100%;
	height: auto;
	color: #757618;
	font-size: 1.4em;
	font-weight: bold;	
}
.keywordsmall5 {
    position: absolute;
	z-index: 2;
	width: 100%;
	height: auto;
	color: #969308;
	font-size: 1.1em;
	font-weight: bold;	
	top: 0.5em;	
}
.keywordpic5 {
    position: absolute;
	z-index: 2;
	width: 100%;
	height: 52px;
	top: 15px;
	background-image: url(images/glimmer_on_wave.png);
	background-repeat: no-repeat;
	background-position: right;	
}
.arrowup5 {
    z-index: 5;
	position: absolute;
	width: 58px;
	height: 62px;
	vertical-align: bottom;	
	bottom: 0;
	left: 2%;
	border: none;
}
.arrowup5:hover {
	bottom: 5px;
	cursor: pointer;
}

/*--------------------------------------
       From here COLOR SIX
--------------------------------------*/

.textwithcomment6 {
	position: relative;
	width: 100%;
	max-width: 276px;
	height: auto;
	padding-top: 16px;
	margin-bottom: 30px;
	display: inline-block;
	word-wrap: break-word;
}
.wave6 {
	z-index: 4;
	position: absolute;
	top: 0;
	width: 100%;
	max-width: 260px;
	height: 53px;
	overflow: hidden;
}
.wavepic6 {
	width: 900px;
	height: 53px;
}
.visitortext6 {
	z-index: 3;
	position: relative;
	top: 0;
	text-align: left;
	width: 100%;
	max-width: 260px;
	height: auto;
	background-color: #D8647F;
	padding: 30px 0 0 0;
}
.borderroundtextfield6 {
    border: solid 8px #FFB5C5;
    border-bottom: 0;
    border-top: 0;
}
.headvisitor6 {
    width: auto;
    height: auto;
    margin-top: 20px;
    padding: 5px;
    background-color: #791423;
    color: #FFB5C5;
    font-weight: bold;
    letter-spacing: 0.1em;
	word-spacing: 0.1em;
	text-shadow: 1px 1px 1px #000000;
	border: dashed 1px #FFB5C5;
	border-left: 0;
    display: inline-block;
}
.visitorcomment6 {
	position: relative;
	left: 0;
	width: auto;
	height: auto;
	padding: 10px 10px 20px 10px;
}
.visitorname6 {
	position: relative;
	width: 100%;
	height: auto;
	padding: 3px 0 3px 0;
	font-weight: bold;
	background-color: #FFB5C5;
	text-align: right;
}
.visitorbullet6 {
	vertical-align: text-bottom;
	width: 21px;
	height: 21px;
	margin: 2px;
}
.mycomment6 {
	z-index: 2;
	position: relative;
	font-size: 1.0em;
	width: 70%;
	bottom: 0;
	height: auto;
	border: solid 8px #FFB5C5;	
	background-color: #791423;
	color: #FFB5C5;
	float: right;	
}
.mycommenthead6 {
	background-color: #FFB5C5;
	color: #791423;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 3px;
	font-size: 1.1em;
}
.mycommenttext6 {
	margin: 5px;
	padding: 5px 10px 30px 10px;
	line-height: 1.3em;
}
.picincomment6 {
    width: 100%;
	height: 33px;
	overflow: hidden;
}
.picincommentsize6 {
    width: 900px;
	height: 53px;
}
.keywords6 {
    position: relative;	
	width: 100%;
	height: auto;
	text-align: right;
	margin bottom: 20px;
	bottom: 30px;
}
.keywordbig6 {
    position: absolute;
	z-index: 1;	
	width: 100%;
	height: auto;
	color: #A2374B;
	font-size: 1.4em;
	font-weight: bold;	
}
.keywordsmall6 {
    position: absolute;
	z-index: 2;
	width: 100%;
	height: auto;
	color: #AF5464;
	font-size: 1.1em;
	font-weight: bold;	
	top: 0.5em;	
}
.keywordpic6 {
    position: absolute;
	z-index: 2;
	width: 100%;
	height: 52px;
	top: 15px;
	background-image: url(images/glimmer_on_wave.png);
	background-repeat: no-repeat;
	background-position: right;	
}
.arrowup6 {
    z-index: 5;
	position: absolute;
	width: 58px;
	height: 62px;
	vertical-align: bottom;	
	bottom: 0;
	left: 0;
	border: none;
}
.arrowup6:hover {
	bottom: 5px;
	cursor: pointer;
}