﻿#skillsbody {
	max-width: 100%;
	background-image:url('../backgrounds/abstr-grey.jpg');
	background-repeat: repeat;
}

.box {
    background-color: lightblue;
    border: 2px solid blue;
    min-height: 50px;
    font-size: 2rem;
}

#header {
background-color: #050;
color: #fff;
font-weight: bold;
width: 100%;
margin: 0 auto;
height: 120px;
padding-top: 15px;
}

#logos {
width: 20%;
float: left;
padding-left: 15px;
}

#headerbar {
width: 75%;
float: left;
}

#headerbar h1{
font-size: 1.5rem;
padding-left: 30px;
}



h1 {
	font-size: 2.5rem;
}

h2 {
	font-size: 1.5rem;
}

.as-btn {
	background-color: #5d3838;
	color: #fff;
}

.cello-btn {
	background-color: #1100ff;
	color: #fff;
}

.clari-btn {
	background-color: #eb418f;
	color: #fff;
}

.flute-btn {
	background-color: #294435;
	color: #fff;
}

.frh-btn {
	background-color: #9a0af7;
	color: #fff;
}

.gtr-btn {
	background-color: #666666;
	color: #fff;
	font-weight: medium;
}

.keyb-btn {
	background-color: #000000;
	color: #fff;
}

.oboe-btn {
	background-color: #fa6509;
	color: #fff;
}

.picc-btn {
	background-color: #07ff13;
	color: #000;
}

.rcdr-btn {
	background-color: #c3f9d7;
	color: #000;
}

.tpt-btn {
	background-color: #f4d10e;
	color: #000;
}

.vla-btn {
	background-color: #6c9af2;
	color: #000;
}

.vln-btn {
	background-color: #89dddd;
	color: #000;
}

.playerbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #facf9b) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #facf9b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#facf9b');
	background-color:#ffffff;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ff0000;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:22px;
	line-height:22px;
	width:260px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cc9f52;
}
.playerbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #facf9b), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #facf9b 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#facf9b', endColorstr='#ffffff');
	background-color:#facf9b;
}.playerbutton:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */

#redirections {
	background-color: #050;
	color:#fff;
	font-weight:bold;
	width:100%;
	margin:0 auto;
	padding-top: 15px;
}

.center {
text-align: center;
}


