.cyoa_content {
    /* something reasonable here about size, mojowidth is 632px */
    width: 628px; 
    text-align: center;
	font-family: verdana;
	color: #333333;
}
.cyoa_content img {
    height: 400px; 
}

.cyoa_page p {
    text-align: left;
    font-weight: bold;
    font-size: 15px;
	line-height: 21px;
}

.cyoa_page {
    width: 632px; 
}

.cyoa_controls {
    width: 632px; /* mojo width ( 632px ) - img width */
    list-style-type: none;
    padding: 0;
    margin: 13px 0 0 0;
    text-align: center;
    cursor : pointer;
    clear: both;
    display: table;
}
.cyoa_controls li {
    float: left;
    width: 276px;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: bold;
	font-family: verdana;
	
}

.cyoa_controls li span{
		border-top: 1px solid #96d1f8;
	   background: #65a9d7;
	   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
	   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
	   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
	   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
	   background: -o-linear-gradient(top, #3e779d, #65a9d7);
	   padding: 6.5px 13px;
	   -webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	   border-radius: 8px;
	   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	   box-shadow: rgba(0,0,0,1) 0 1px 0;
	   text-shadow: rgba(0,0,0,.4) 0 1px 0;
	   color: white;
	   font-size: 14px;
	   text-decoration: none;
	   vertical-align: middle;
	   }
	
.cyoa_controls li span:hover {
	   border-top-color: #28597a;
	   background: #28597a;
	   color: #ccc;
	   }
	
.cyoa_controls li span:active {
	   border-top-color: #1b435e;
	   background: #1b435e;
}
.disabled {
    color: grey;
}
.cyoa_top_controls {
    margin: 4px;
    height: 22px;
    padding: 0;
    text-indent: -9999px;
    width: 22px;
    border: none;
}

#cyoa_reset_button {
    background: url("img/photoessay_control_sprite_20110714.png") no-repeat scroll 0 -4px transparent
}

#cyoa_back_button {
    background: url("img/photoessay_control_sprite_20110714.png") no-repeat scroll -25px -4px transparent;
}
.cyoa_container {
    width: 632px;
    clear: both;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    margin: 1.25em 0;
    padding: 1.25em 0;
}

#start_controls {
	

}