*{
	font-family:Helvetica;
	
}

body{
    background-image:url('images/background.png');
    margin:0px;

}
.hover:hover {
	cursor:pointer;
}

#mainbody {
	
	width:800px;
	height:600px;
	
	position:relative;
    border:solid 0px #000000;
}

#restart:hover {
	cursor: pointer;
}


.text_buble {
	font-weight:bold;
	font-style:italic;
	font-size:16px;
}

#arrows {
	
	position:absolute;
	width:880px;
    top:370px;
	left:-40px;
   
    border:solid 0px #000000;
	
	
}

#arrow_left{
	float:left;
    width:40px;
    z-index:1000;
}

#arrow_right{
	float:right;
    width:40px;
    z-index:1000;
}

#page1 {
	
	margin:auto auto;
	height:600px;
	
}

#page2 {
	
	margin:auto auto;
	height:600px;
	
}

#page3 {
	
	margin:auto auto;
	height:600px;
	
}

#page4 {
	
	margin:auto auto;
	height:600px;
	
}

.header {
	text-align:center;
}

.tip_text {
	font-weight:bold;
	color:#eb6b0b;
	border-style:dashed;
	border-color:#57585b;
	border-width:0;
	border-bottom-width: 3px;
	padding-bottom:17px;
	font-size:20px;
	width: 440px;
	margin:0 auto;
}


.playAgain 
{
	font-weight:bold;
	color:#eb6b0b;
	padding-top:20px;
	font-size:26px;
	width: 440px;
	margin:0 auto;
}


.tip{
	text-align:center;
}

.roundbox {
	
	position:relative;
	background-color:white;
	width:220px;
	border-radius:25px;
	border-style:dashed;
	border-color:#57585b;
	border-width:3px;	
	display:inline-block;
	text-align:center;
}

.roundbox_small {
	position:relative;
	background-color:white;
	width:55px;
	height:55px;
	border-radius:5px;
	border-style:dashed;
	border-color:#57585b;
	border-width:3px;	
	text-align: center;
}

.vertibox_small {
	position:relative;
	background-color:white;
	width:65px;
    height:65px;
	border-radius:8px;
	border-style:dashed;
	border-color:#57585b;
	border-width:2px;	
	text-align: center;
    float:left;
    margin-right:3px;
    margin-bottom:3px;
}


.vertibox_small .ticker {
	
	width: 30px;
}


.centerbox {
	text-align:center;
}

.borders {
	border-radius:25px;
	border-style:dashed;
	border-color:#57585b;
	border-width:3px;	
	padding:10px;
	background-color:white;
	
}

.image {
	}

#male_char{
	padding: 20px 0px;
	
}

#female_char {
	padding: 30px 0px 22px 0px;
}

.ticker {
	
	position:absolute;
	bottom:5px;
	right:0px;
	display:none;
	
}

.swsto {
	position: absolute;
    top: -25px;
    left:150px;
    border:solid 0px #000000;
}



.swsto_map{
    position:absolute;
    top: -15px;
    left:80px;
    border:solid 0px #000000;
}

.text_bubble {
	
	text-align: center;
    width: 100px;
    z-index: 10;
    position: absolute;
    top: 23px;
    left: -10px;
    padding:20px;
    border:solid 8px white;
    background-color:#94b6c4;	
    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

}

.results_bubble {

    text-align: center;
    width: 300px;
    z-index: 10;
    position: absolute;
    top: 23px;
    left: -350px;
    padding:20px;
    border:solid 8px white;
    background-color:#94b6c4;	
    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}




.bubble_arrow{
    position:relative;
    display:block;
    left:40px;
}

#paintArt, #sculptureArt, #paperArt{
    /*visibility:hidden;*/
}