body {
	padding: 0px;
	margin: 0px;
	color: #555;
	font-size: 16px;
	background: url(../images/bg_body.jpg) repeat-x #F2F2F2;
	font-family: Arial, Helvetica, sans-serif;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #069;
}
p {
	padding: 0px 0px 12px 0px;
}
.clearfix {
	clear: both;
}
.clearpad {
	clear: both;
	padding: 0px 0px 20px 0px;
}
.required {
	color: #900;
	font-size: 10px;
}
.errors {
	color: #F00;
	font-style: italic;
}
.lf {
	float: left;
}
.rt {
	float: right;
}
h1 {
	font-size: 40px;
	letter-spacing: -1px;
	font-weight: normal;
	text-shadow: 0px 2px 0px #FFF;
	color: #036;
	font-family: 'Quattrocento', serif;
	padding: 0px 0px 24px 0px;
	text-indent: -2px;
}
h2 {
	font-size: 24px;
	color: #069;
	text-shadow: 0px 1px 0px #FFF;
	padding: 0px 0px 16px 0px;
}
h3 {
	font-size: 18px;
	color: #000;
	text-shadow: 0px 1px 0px #FFF;
	padding: 0px 0px 12px 0px;
	font-family: 'Quattrocento', serif;
	text-indent: -1px;
}
.c_masthead {
	padding: 0px;
	margin: 0px auto 10px auto;
	height: 120px;
	background: url(../images/logo_scorefolio.jpg) no-repeat;
}
.c_nav {
	padding: 5px 0px;
	margin: 0px;
}
.c_nav ul {
	padding: 0px;
	margin: 0px;
}
.c_nav li {
	padding: 5px;
	margin: 0px;
	text-transform: uppercase;
	font-size: 12px;
	text-shadow: 0px 1px 0px #FFF;
	float: right;
	display: inline;
}
.c_social {
	padding: 0px;
	margin: 0px;
}
.c_social li {
	padding: 5px;
	margin: 0px;
	float: right;
	height: 32px;
	width: 32px;
}
.c_all {
	padding: 0px;
	margin: 0px auto;
	width: 980px;
}
.c_main {
	padding: 0px;
	margin: 0px;
}
.c_content {
	padding: 20px 0px;
	margin: 0px;
}
.c_txt {
	padding: 10px 0px 20px 0px;
	margin: 0px;
	line-height: 24px;
}
.c_txt ul {
	padding: 0px 0px 0px 30px;
}
.c_txt li {
	list-style-image: url(../images/circle_ok.png);
	padding: 0px 0px 10px 0px;
}
.c_txt_co_rt {
	float: right;
	width: 400px;
	padding: 0px;
	margin: 0px 0px 0px 20px;
}
.c_txt_co {
	float: right;
	margin: 0px 0px 20px 20px;
	padding: 10px;
	width: 380px;
	background: #EEE;
	border: 1px solid #666;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	-webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.c_txt_img {
	float: right;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 400px;
	height: 200px;
	border: 1px solid #666;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	-webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.img_football_field {
	background: url(../images/img_co_football_field.jpg);
}
.img_little_league {
	background: url(../images/img_co_little_league.jpg);
}
.img_iphone {
	background: url(../images/img_co_iphone.jpg);
}
.img_cell {
	background: url(../images/img_co_cell.jpg);
}
.c_callouts {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
}
.c_co {
	padding: 5px;
	margin: 0px 5px 0px 0px;
	width: 308px;
	height: 110px;
	background: #FFF;
	line-height: 18px;
	-moz-box-shadow: 0 0 3px #AAA;
	-webkit-box-shadow: 0 0 3px #AAA;
	box-shadow: 0 0 3px #AAA;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #FFF;
	display: inline-block;
}
.c_co p {
	padding: 0px 0px 6px 0px;
}
.img_co {
	float: left;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	height: 80px;
	width: 80px;
}
.bg_baseball {
	background: url(../images/bg_baseball.jpg) 50% 50% no-repeat;
}
.bg_volleyball {
	background: url(../images/bg_volleyball.jpg) 50% 50% no-repeat;
}
.bg_football {
	background: url(../images/bg_football.jpg) 50% 50% no-repeat;
}
.c_footer {
	padding: 10px 0px;
	margin: 20px 0px;
	border-top: 1px solid #AAA;
}
.c_footer li {
	display: inline;
	padding: 0px 10px 0px 0px;
}
/* Gallery styles */
#gallery {
	/* CSS3 Box Shadow */
	-moz-box-shadow: 0 0 3px #AAA;
	-webkit-box-shadow: 0 0 3px #AAA;
	box-shadow: 0 0 3px #AAA;
	/* CSS3 Rounded Corners */
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #FFF;
	background: url(../images/panel.jpg) repeat-x bottom center #FFF;
	/* The width of the gallery */
	width: 978px;
	overflow: hidden;
	margin: 0px auto;
	text-align: center;
}
#slides {
	/* This is the slide area */
	height: 300px;
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width: 980px;
	overflow: hidden;
}
.slide {
	float:left;
}
#menu {
	/* This is the container for the thumbnails */
	height: 45px;
}
#menu ul {
	margin: 0px;
	padding: 0px;
}
#menu li {
	/* Every thumbnail is a li element */
	width: 60px;
	display: inline-block;
	list-style: none;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
#menu li.inact:hover {
	/* The inactive state, highlighted on mouse over */
	background: url(../images/hover_bg.png)  no-repeat;
}
#menu li.act, li.act:hover {
	/* The active state of the thumb */
	background: url(../images/active_bg.png) no-repeat;
}
#menu li.act a {
	cursor: default;
}
#menu li a {
	display: block;
	width: 60px;
	height: 45px;
}
#menu a img {
	border: none;
}
.tn_slide_01 {
	background: url(../images/tn_slide_01.png) no-repeat 50% 50%;
}
.tn_slide_02 {
	background: url(../images/tn_slide_02.png) no-repeat 50% 50%;
}
.tn_slide_03 {
	background: url(../images/tn_slide_03.png) no-repeat 50% 50%;
}
.tn_slide_04 {
	background: url(../images/tn_slide_04.png) no-repeat 50% 50%;
}

/* Buttons */
.button {
    padding: 10px 15px;
    background: #4479BA;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
	cursor: pointer;
	position: relative;
	top: 14px;
	font-size: 14px;
	text-shadow: 0px -1px 0px #003;
	text-transform: uppercase;
}
.button:hover {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
	color: #FFF;
}
.button:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}
.form {
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	-webkit-box-shadow: inset 0 2px 3px rgba(51, 51, 51, 0.4);
    -moz-box-shadow: inset 0 2px 3px rgba(51, 51, 51, 0.4);
    box-shadow: inset 0 2px 3px rgba(51, 51, 51, 0.4);
	padding: 5px;
	border: 1px solid #FFF;
}