body{ 
					margin: 0px;
					background-color: #f8f8f8;
					font-family: 'Dosis', sans-serif;
        			//font-size: 40px;
				}

				a:link {
					color: white;
					text-decoration:none;
				}
				a:visited {
					color: white;
					text-decoration:none;
				}
				a:hover {
					color: white;
					text-decoration:underline;
					//background-color:#FF704D;
				}
				a:active {
					color: white;
					text-decoration:underline;
					
				}
				
				
				 #buttons {
                    position: relative;
                    top: 5px;
                    left: 10px;
                  }
                  #buttons > input {
                    padding: 10px;
                    display: block;
                    margin-top: 5px;
                  }


				.center{
					margin: 0px auto auto 23px;
					display: block;
					width: 98%;
					//display: block;
					//min-width: 900px;
					width: 98%;
					//position:absolute;
					//float: center;
				}
				
				
				.centerbox{
					margin: auto;
					margin-top: 20px;
					margin-bottom: 20px;
					display: block;
					width: 98%;
					text-align: center;
					color: white;
					
				}


				.col1 {
					margin: 140px 0px 0px 0px;
					//padding: 20px;
					//margin-left: 0px;
					//margin-bottom: 0px;
					width: 70%;
					//background-color: #FFEBDA;
					background-color: #9C9894;
					-webkit-border-radius: 6px;
					border-radius: 6px;
					min-height: 725px;
					float: left;
					//border: solid 2px black;
					-webkit-box-shadow: 0 10px 30px rgba(34,25,25,0.4);
					box-shadow: 0 10px 30px rgba(34,25,25,0.4);
				}
	
	
				.col2{
					padding: 10px;
					margin: 140px 0px 0px 0px;
					margin-left: 20px;
					margin-bottom: 0px;
					width: 25%;
					height: 268px;
					float: left;
					text-align: center;
					//border: solid 2px black;
					text-align: center;
					font-size: 12pt;
					background-color: #9C9894;
					//background-color: #FFEBDA;
					-webkit-border-radius: 6px;
					border-radius: 6px;
					-webkit-box-shadow: 0 10px 30px rgba(34,25,25,0.4);
					box-shadow: 0 10px 30px rgba(34,25,25,0.4);
					}
					
				.col3{
					padding: 10px;
					margin: 14px 0px 0px 0px;
					margin-left: 20px;
					//margin-bottom: 0px;
					width: 25%;
					min-height: 405px;
					float: left;
					text-align: center;
					font-family: 'Dosis', sans-serif;
					font-size: 12pt;
					color: white;
					background-color: #9C9894;
					-webkit-border-radius: 6px;
					border-radius: 6px;
					-webkit-box-shadow: 0 10px 30px rgba(34,25,25,0.4);
					box-shadow: 0 10px 30px rgba(34,25,25,0.4);
					}	


				#empty {
					margin: 0px auto;
					padding: 0px 0px 1px 0px;
					width: 300px;
					height: 35;
					//background-color: #608E8E;
					//opacity: 0.93;
					//overflow: hidden;
					//-webkit-box-shadow: 0 6px 10px rgba(25,25,25,0.4);
					//box-shadow: 0 6px 10px rgba(25,25,25,0.4);
					z-index: 2;
					position: relative;
				
					}
					
				.empty {
					margin: 0px auto;
					padding: 0px 0px 1px 0px;
					width: 300px;
					height: 35;
					z-index: 2;
					position: relative;
					
				}
				
				.footempty {
					z-index: 2;
					position: relative;
					text-align: center;
					
				}



				.topbar {
					margin: 5px 1%;
					display: block;
					top: 1%;
					width: 98%;
					background-color: #608E8E;
					position: fixed;
					z-index: 100;
					box-shadow: 0 10px 30px rgba(34,25,25,0.4);
					opacity:0.93;
					-webkit-border-radius: 6px;
					border-radius: 6px;
				}

				.header {
					padding: 10px;
					height: absolute;
				}

				.headline1 {
					//margin-top: 160px;
					margin-left: 10px;
					padding: 10px;
					height: absolute;
					font-size: 1em;
					font-family: 'Dosis', sans-serif;
					font-weight: light;
					color: white;
				}

				.headline2 {
					//margin-top: 160px;
					margin-left: 10px;
					padding: 10px;
					height: absolute;
					font-size: 16px;
					font-family: 'Dosis', sans-serif;
					font-weight: light;
					color: white;
				}


				.headerlinks {
					float: left;
					margin-top: 85px;
					margin-left: 35px;
					padding: 2px;
					color: white;
					font-size: 1.3em;
					font-family: 'Dosis', sans-serif;
					font-weight: light;
				}
				
				.headerlink2 {
					float: left;
					margin-top: 85px;
					margin-left: 35px;
					padding: 2px;
					color: white;
					font-size: 1em;
					font-family: 'Dosis', sans-serif;
					font-weight: light;
				}
				
				

				
				.headline3 {
					margin-top: 80px;
					margin-left: 10px;
					padding: 5px;
					height: absolute;
					font-size: 20px;
					font-family: 'Dosis', sans-serif;
					font-weight: light;
					color: white;
				}

				
				.topbarlogo {
					float: right;
					margin: 10px;
					height: 109px;
					width: 200px;
					background-color: white;
					padding: 5px;
					//-webkit-box-shadow: 0 5px 8px rgba(34,25,25,0.4);
					//box-shadow: 0 5px 8px rgba(34,25,25,0.4);
					-webkit-border-radius: 6px;
					border-radius: 6px;
				}
				
				
				.topbarlogo:hover {
                    //width:300px;
                    //height:209px;
                    transform:rotate(360deg);
                    -moz-transform:rotate(360deg); /* Firefox 4 */
                    -webkit-transform:rotate(360deg); /* Safari and Chrome */
                    -o-transform:rotate(360deg); /* Opera */
                    transition-duration:3s;
                    -moz-transition-duration:3s;
                    -webkit-transition-duration:3s;
                    -o-transition-duration:3s;
                    z-index: 110;
                }

				.image1 {
					//margin-top: 170px;
					margin-left: 10px;
					margin-bottom: 20px;
					margin-right: 0px;
					//margin: 10px auto;
					padding: 8px 8px 15px 8px;
					font-size: 11px;
					background-color: white;
					//-webkit-box-shadow: 0 10px 20px rgba(25,25,25,0.6);
					//box-shadow: 0 10px 20px rgba(25,25,25,0.6);
					float:left;
					display: block;
					//webkit-border-radius: 15px;
					//border-radius: 15px;
					//margin-bottom: 15px;
				}
		

				.image2 {
					//margin-top: 170px;
					margin-left: 10px;
					margin-bottom: 20px;
					margin-right: 0px;
					//margin: 10px auto;
					width: absolute;
					padding: 8px 8px 15px 8px;
					font-size: 11px;
					background-color: white;
					//-webkit-box-shadow: 0 10px 20px rgba(25,25,25,0.6);
					//box-shadow: 0 10px 20px rgba(25,25,25,0.6);
					float:left;
					display: block;
					//webkit-border-radius: 15px;
					//border-radius: 15px;
					//margin-bottom: 15px;
				}
				
				
				.audioimage {
					margin-left: 10px;
					margin-bottom: 20px;
					margin-right: 0px;
					padding: 8px 8px 15px 8px;
					//font-size: 11px;
					float:right;
					display: block;
					text-align: right;
					webkit-border-radius: 6px;
					border-radius: 6px;
				}


				#video1 {
					//margin-top: 170px;
					margin-left: 10px;
					margin-bottom: 10px;
					margin-right: 0px;
					//margin: 10px auto;
					padding: 8px 8px 15px 8px;
					font-size: 11px;
					background-color: white;
					//-webkit-box-shadow: 0 10px 20px rgba(25,25,25,0.6);
					//box-shadow: 0 10px 20px rgba(25,25,25,0.6);
					float:left;
					display: block;
					//webkit-border-radius: 4px;
					//border-radius: 4px;
					//margin-bottom: 4px;

				}
				
				
				
				.resizable { 
				    width: 270px; 
				    height: 203px; 
				    padding: 8px 3px 3px 10px;
				    display: block;
				    float: left;
				    z-index: 10;
				    background-color: #a2b1b1;
				    margin: auto auto 30px 10px ;
				    //opacity: 0.8;
				    webkit-border-radius: 4px;
					border-radius: 4px;
					margin-bottom: 4px;
				}
	
		

				.video2 {
					//margin-top: 170px;
					margin-left: 10px;
					margin-bottom: 20px;
					margin-right: 0px;
					//margin: 10px auto;
					width: absolute;
					padding: 8px 8px 15px 8px;
					font-size: 11px;
					background-color: white;
					//-webkit-box-shadow: 0 10px 20px rgba(25,25,25,0.6);
					//box-shadow: 0 10px 20px rgba(25,25,25,0.6);
					float:left;
					display: block;
					//webkit-border-radius: 15px;
					//border-radius: 15px;
					//margin-bottom: 15px;
				}

				.caption {
					font-size: 10px;
					font-family: Helvetica Neue;
					font-weight: light;
					font-color: gray;
					position: absolute;
					padding-left: 10px;
				}
				
				.audiocaption {
					font-size: 15px;
					font-family: Dosis;
					text-align: right;
					float: right;
					position: absolute;
					padding-left: 10px;
				}
				
				
				.videocaption {
					font-size: 13px;
					font-family: Dosis;
					color: gray;
					align: right;
					float: right;
					position: absolute;
					padding-left: 10px;
					//margin-top: 248px;
					//margin-left: 180px;
					
				}

				.clear_div {
					width: 0px;
					height:  0px;
					margin:  0px;
					padding:  0px;
					border-width: 0px;
					clear: both;	
				}



				.item {
					text-align: center;
					font-family: 'Dosis', sans-serif;
					font-weight: light;
					color: white;
					border-color: white;
					padding: 10px;
					z-index: 2;
					-webkit-box-shadow: 0 1px 6px rgba(34,25,25,0.4);
					box-shadow: 0 1px 10px rgba(34,25,25,0.4);
					}
	
				.round {
					-webkit-border-radius: 6px;
					border-radius: 6px;
				}


				#menu {
					margin: 20px auto;
					padding: 0px 0px 1px 0px;
					width: 300px;
					height: 35;
					font-family: 'Dosis', sans-serif;
					font-weight: light;
					font-size: 18px;
					color: white;
					background-color: #608E8E;
					opacity: 0.93;
					overflow: hidden;
					//-webkit-box-shadow: 0 6px 10px rgba(25,25,25,0.4);
					//box-shadow: 0 6px 10px rgba(25,25,25,0.4);
					z-index: 2;
					position: absolute;
				}
		
				#menu:hover {
					cursor: pointer;
				}




			     .footer , .push {
					height: 55px;
					margin: 5px auto 20px auto;
					display: block;
					width: 95%;
					background-color: #608E8E;
					-webkit-box-shadow: 0 5px 8px rgba(34,25,25,0.4);
					box-shadow: 0 5px 8px rgba(34,25,25,0.4);
					opacity:0.93;
					-webkit-border-radius: 6px;
					border-radius: 6px;
					color: white;
					font-size: 15px;
					font-family: 'Dosis', sans-serif;
					font-weight: light;
					text-align: center;
					//float: right;
					padding: 10px;
					position: relative;
				}
			
				.footerlinks {
					//margin: 19px auto auto auto;
					//display: table;
					top: 38%;
					left: 45%;
                    //margin-left: auto;
                    //margin-right: auto;
					color: white;
					font-family: 'Dosis', sans-serif;
					text-align: center;
					position: absolute;
					z-index: 100;
				}


				#sky {
					width: 270px;
					height: 270px;
					display: block;
					margin: 50px auto;
					border: solid 1px black;
				}

			
				#drawtools {
					width: 270px;
					margin:10px auto;
					//position: absolute;
					//z-index: 2;
					-webkit-border-radius: 6px;
					border-radius: 6px;
				}

			     #drawcontainer {
					width: 270px;
					margin: auto;
					position: relative;
					z-index: 2;
					-webkit-border-radius: 6px;
					border-radius: 6px;
				}

				
				.footcontainer {
					//margin: 0px auto auto 0px;
					position: relative;
					//z-index: 2;
					//align:  center;
					//-webkit-border-radius: 6px;
					//border-radius: 6px;
					display:inline-block
				}

				/*#container { 
					position: relative; 
				}*/


				#clickdraw { 	
					//border: 1px solid #000;
					width: 270;
					//height: 270;
					//z-index: 2;
					//background: white;
					position: relative;
				}
		      	#imageTemp { 
					position: absolute; 
					top: 1px; 
					left: 1px;
					width: 270;
					height: 270;
									}

				#imageView { 
				border: 0px solid #000; 
				}
				

			#imagebox {
			
			}
			
			
	.rounded {
		border-radius:7px;
		-webkit-border-radius:7px;
		align: left;
	}

	.lyrics {
		width:98%;
		border:solid 2px #CCC;
		background-color:#516B6B;
		padding:7px;
		margin:5px auto 10px auto;
		//cursor:pointer;
	}
	
	.container{
	   border-radius:7px;
		-webkit-border-radius:7px;
		align: left;
		width:98%;
		min-height: 60px;
	}
	
	.lyrics .title {
		//background-color:#444;
		//text-align:center;
		padding:3px 0px;
	}
	
	.lyrics .contents {
		width:120px;
		margin:10px auto 5px 10px;
		display: block;
	}
	
	.lyrics .image {
		//background-color:orange;
		//border-radius:25px;
		//-webkit-border-radius:25px;
		width:150px;
		height:50px;
		margin:2px 10px 0px 10px;
		float:left;
		//display:inline-block;
	}

	
	.lyrics .text {
		width:auto;
		min-height:50px;
		float:left;
		
	}


	.lyrics .temp {
		display:inline-block;
		font-size:18px;
		color:white;
	}