/*Basics*/

* {
margin: 0px;
padding: 0px;}

html, body {
height:100%;  }

body {
text-align: center;
height: 100%; }

html { }

/*basic text*/

a {
outline: none;
color: #e7e7e7;
line-height: 18px;
font-family: Verdana, Helvetica, Arial, sans-serif; }

a img {
border: none; }

p {
margin: 5px;
font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 12px;
line-height: 18px;
text-align: justify;
letter-spacing: 0px;
word-spacing: 0px;
text-indent: 0px; }

p.thanks {
text-align: center;
font-weight: bold;
font-size: 1em; }

p.quote {
text-align: center;
font-weight: bold;
font-style: italic;
font-size: 1.5em;
color: #3333cc;
letter-spacing: 1px; }

ul li {
line-height: 18px;}

p.center-bold {
text-align: center;
font-weight: bold;
color: #003366;
margin-top: -5px; }

h1, h2, h3, h4, h5 {
margin: 5px;
text-decoration: underline;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 20px; }

h2 {

color: #660066;
font-size: 13px;
text-decoration: underline;
font-family: Chalkboard, Verdana;
font-weight: bold;
letter-spacing: 1px; }

h1 {
text-align: center;
font-size: 1.4em;
color: #0700af;
font-weight: bold;
letter-spacing: 2px;
font-family: Arial, "Bitstream Vera Sans", Verdana;
font-style: italic;
text-decoration: none; }

h3 {
font-size: 0.9em;
text-align: center;
color: #fb3308;
margin-right: 0px;
margin-left: 0px;
text-decoration: none;
margin-bottom: 10px;
margin-top: -5px;
font-style: italic; }

h4 {
font-size: 0.7em;
text-align: left;
color: #082b60;
text-decoration: none;
margin: 20px;
margin-left: 10px;
font-style: italic; }

span.cap {
color: #1b51ad;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.7em;
float: left;
padding: 5px;
border: 1px #3e6db9 solid;
margin-bottom: 0px;
margin-top: 3px;
margin-right: 3px;
margin-left: -3px; }

span.red {
color: #ff0000;
letter-spacing: 0px; }

span.tm {
font-size: 7px;
position: relative;
top: -0.6em;
font-weight: normal; }

h1 span.tm {
font-size: 13px; }

p.small-italic {
font-style: italic;
font-size: 10px;
text-align: center; }

/*centering trick*/

div#distance { 
width:1px;
height:50%;
margin-bottom:-313px; /* half of container's height */
float:left;}

div#container {
margin: 0px auto 0px auto;
position:relative; /* puts container in front of distance */
text-align:left;
height: 626px;
width: 800px;
clear:left; }

/*layout*/

div#wrapper {
width: 800px;
height: 600px;
background-image: url(../images/background.jpg);
position: relative;
background-repeat: no-repeat;
background-position: center top; }

div.text1 {
width: 363px;
height: 145px;
position: absolute;
top: 205px;
left: 208px;}

div.text1 p {
font-family: Chalkboard, Verdana;
margin-bottom: 7px;
font-size: 13px;
text-align: center; }

div.text2 {
position: absolute;
top: 385px;
width: 220px;
height: 190px;
left: 70px;
overflow: hidden; }

div.text2 p {
text-align: left;
font-family: Chalkboard, Verdana;
color: #68005a; }

div.text2 p:hover {
background-color: #fbc6f6;
padding-left: 5px; }

div.text3 {
position: absolute;
top: 385px;
width: 220px;
height: 190px;
left: 500px;
overflow: hidden; }

div.text3 p {
text-align: right;
font-family: Chalkboard, Verdana;
color: #68005a;
font-size: 12px;
}

div.text3 h2 {
text-align: right; }

div.buy {
position: absolute;
top: 360px;
height: 20px;
left: 286px;
color: #fdd2f8;
background-color: #fdd2f8;
padding-right: 20px;
padding-left: 20px; }

div.buy a {
color: #790063;
font-weight: bold;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px; }

div.buy a:hover {
text-decoration: underline; }

p.private a {
text-align: center;
display: block;
margin-left: 30px;
background-color: #fdd2f8;
color: #8d0076;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-decoration: none;
font-weight: bold;
letter-spacing: 2px; }

p.private a:hover {
background-color: #8d0076;
color:#fdd2f8; }

div.footer {
text-align: center; }

div.footer p {
text-align: center;
color: #68005a; }

div.footer a {
color: #cc99cc;
font-weight: bold;
text-decoration: none;
font-size: 10px;
letter-spacing: 1px; }

div.footer a:hover {
text-decoration: underline; }

/*mootips*/

div.tip-holder {
display: none;}

.tool-tip {
color: #000000;
width: 193px;
z-index: 13000;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 18px; }		 
		
.tool-title {
font-weight: bold;
font-size: 14px;
margin: 0;
color: #6633cc;
padding: 8px 8px 4px;
background: url(../images/tip.png) top left;
font-family: Chalkboard, Verdana; }
		 
.tool-text {
font-size: 11px;
padding: 4px 15px 8px 15px;
background: url(../images/tip.png) bottom right;
text-align: center;
font-family: Chalkboard, Verdana; }

.tool-text A {
color:#069;}