html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; background: transparent; font-size: 100%; border: 0; outline: 0; vertical-align: baseline;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
@font-face {font-family: Avenir Demi; src: url(/fonts/AvenirNextLTPro-Demi.otf);}
@font-face {font-family: Avenir Heavy; src: url(/fonts/AvenirLTStd-Heavy.otf);}


html,body {background: #000 url(/img/page/s1-body-bg.png) repeat-x top left; color: #fff; text-align: left;}

#container {width: 980px; margin: 0 auto; font-size: 62.5%;}
#navbar {position: relative; float: right; width: 540px; height: 35px; margin: 65px 0; background: url(/img/page/navbar.gif) no-repeat;}
#navbar li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#navbar li, #navbar a {height: 35px; display: block;}
#panel1b {left: 0; width: 90px;}
#panel2b {left: 90px; width: 90px;}
#panel3b {left: 180px; width: 90px;}
#panel4b {left: 270px; width: 90px;}
#panel5b {left: 360px; width: 90px;}
#panel6b {left: 450px; width: 90px;}
#panel1b a:hover {background: transparent url(/img/page/navbar.gif) -0px -35px no-repeat;}
#panel2b a:hover {background: transparent url(/img/page/navbar.gif) -90px -35px no-repeat;}
#panel3b a:hover {background: transparent url(/img/page/navbar.gif) -180px -35px no-repeat;}
#panel4b a:hover {background: transparent url(/img/page/navbar.gif) -270px -35px no-repeat;}
#panel5b a:hover {background: transparent url(/img/page/navbar.gif) -360px -35px no-repeat;}
#panel6b a:hover {background: transparent url(/img/page/navbar.gif) -450px -35px no-repeat;}
#indexcontent {clear: both; height: 360px; background: url(/img/page/index_header_bg.jpg) no-repeat bottom center;}

/* Index Content */
#contentleft {float: left; width: 555px;}
#contentright {margin-left: 555px; padding: 30px 35px 0 35px;}
#indexmedia {clear: both; padding: 15px 0 20px 0; background: #1f1f1f; zoom: 1;}

/* Interior Content */
#interiorcontent {clear: both; background: url(/img/page/interior_content_bg.gif) repeat-y top center; color: #000; zoom: 1;}
#interiorcontentheader {background: url(/img/page/page_header.gif) no-repeat top left; border-bottom: 1px solid #d3d3d3;}
#interiorcontentleft {float: left; width: 710px; padding: 25px 30px 0 30px; background: #fff; border-top: 1px solid #d3d3d3;}
#sidebar {margin-left: 770px; padding-top: 30px; background: #1f1f1f; border-top: 1px solid #d3d3d3;}
#footer {clear: both; margin: 1em 0; border-top: 1px solid #d9d9d9;}

/* Misc Classes */
.spacer {clear: both; visibility: hidden;}
span.bold {font-weight: 600;}
span.orange {color: #f24405; font-weight: 600;}
span.darkgrey {color: #1e1a1b;}
span.medgrey {color: #575454;}
span.emphasis {color: #1f1f1f; font: italic 600 1.2em arial,sans-serif; text-align: right;}
.video {float: left; clear: right; margin-left: 30px;}
div.subcontentborder,div.subcontent {float: left; width: 160px; margin-left: 20px; padding-right: 10px; border-right: 1px solid #333;}
div.subcontent {border: none;}
div.staff {margin-bottom: 1.5em; border-bottom: 1px solid #d3d3d3;}
#hint {margin: -5px 0 0 5px; padding: 1em 10px; background: #1f1f1f; color: #f24405; font: 500 1.3em arial,helvetica,sans-serif;}
div.services {float: left; clear: right; width: 210px; margin: 1.75em 20px 3em 0;}

/* Text Classes */
h1#logo,h1#logo a {float: left; clear: right; width: 345px; height: 170px; margin: 0; background: url(/img/page/sportsone-management-logo.png) no-repeat; text-indent: -5000em;}
h1#logo a {display: block;}
h2 {padding: 15px 0 0 20px; color: #f56915; font: 500 2.4em "Avenir Heavy","Myriad Pro",arial,sans-serif; text-transform: uppercase;}
#contentleft h2 {padding: 30px 25px 0 0; color: #fff; font: 500 4.8em "Myriad Pro",arial,sans-serif; text-align: right;}
#contentright h2,#contentright h3 {margin: 0 0 15px 0; color: #f56915; font: 500 4em "Avenir Demi","Myriad Pro",arial,sans-serif; text-transform: uppercase;}
#sidebar h2 {margin: 0 15px; padding-bottom: 15px; color: #f24405; font: 600 1.8em arial,"Myriad Pro",sans-serif; border: 1px solid #1f1f1f;}
#contentleft h3 {padding-right: 25px; color: #f24405; font: 600 3em "Myriad Pro",arial,sans-serif; text-align: right;}
div.subcontent h3,div.subcontentborder h3 {margin-bottom: .5em; padding-left: 5px; color: #f24405; font: 600 1.8em arial,helvetica,sans-serif;}
h4 {margin: 0 0 5px 0; font: 600 1.6em arial,helvetica,sans-serif;}
#contentright h3 {font-size: 2em; text-transform: none;}
div.staff h4 {margin: 0 0 2em 0; font: 600 1.8em arial,helvetica,sans-serif; text-decoration: underline;}
div.subcontent p,div.subcontentborder p {margin-bottom: .5em; font: 500 1.2em arial,helvetica,sans-serif;}
div.subcontent p.more,div.subcontentborder p.more {color: #f78735; font: 600 1.3em arial,helvetica,sans-serif;}
#contentleft p {padding: 0 25px 0 0; color: #fff; font: italic 500 1.8em "Myriad Pro",arial,sans-serif; text-align: right;}
#contentright p {margin-bottom: 1em; color: #000; font: 500 1.5em "Avenir Demi","Myriad Pro",arial,sans-serif;}
p.content {margin-bottom: 1.5em; color: #000; font: 500 1.3em arial,helvetica,sans-serif;}
p.tagline {margin: 3em 0 4em 0; color: #f24405; font: 600 2.2em "Myriad Pro",arial,helvetica,sans-serif;}

/* Image Classes */
img.footer {float: left; clear: right; margin: 1em 0;}
div.staff img.left {float: left; margin: 0 20px .5em 0; border: 1px solid #d3d3d3;}
div.staff img.right {float: right; margin: 0 0 .5em 20px; border: 1px solid #d3d3d3;}
#indexheader {width: 355px; height: 40px; padding-bottom: 3em; background: url(/img/headers/index_header.gif) no-repeat; text-indent: -1000em;}
#services {float: left; width: 450px; height: 60px; background: url(/img/headers/services_header.gif) no-repeat top left; text-indent: -1000em;}
#clientroster {float: left; width: 450px; height: 60px; background: url(/img/headers/client_header.gif) no-repeat top left; text-indent: -1000em;}
#staff {float: left; width: 450px; height: 60px; background: url(/img/headers/staff_header.gif) no-repeat top left; text-indent: -1000em;}
#about {float: left; width: 450px; height: 60px; background: url(/img/headers/about_header.gif) no-repeat top left; text-indent: -1000em;}
#contact {float: left; width: 450px; height: 60px; background: url(/img/headers/contact_header.gif) no-repeat top left; text-indent: -1000em;}
#press {float: left; width: 450px; height: 60px; background: url(/img/headers/pressroom_header.gif) no-repeat top left; text-indent: -1000em;}

/* List Classes */
ul.content,div.services ul {margin-bottom: 1.25em; list-style: square; font: 500 1.3em arial,helvetica,sans-serif;}
ul.content li {margin-bottom: .25em;}
div.services ul {height: 260px; list-style: none; font-size: 1.2em;}
div.services ul li {margin-bottom: .5em; padding-left: 20px; background: url(/img/page/check_mark.gif) no-repeat top left; font-weight: bold; line-height: 140%;}
fieldset ol {}
fieldset li {float: left; clear: left; margin-bottom: 1.5em;}

/* Form Classes */
form {text-align: left;}
form.search {float: right; width: 192px; margin: 15px 10px 0 0; padding: 0; background: none;}
form.contact {}
#sidebar form {margin: 0 15px; padding: 10px 0; border-bottom: 1px solid #454545;}

/* Fieldset */
fieldset {position: relative; clear: both;}
fieldset.hidden {display: none;}
fieldset.left,fieldset.right,fieldset.textarea,fieldset.submit {float: left; clear: right; margin-top: 2em; border: none;}
fieldset.right {margin-left: 70px;}
fieldset.submit {width: auto; margin: 0;}
fieldset.textarea {margin: 0;}
#sidebar fieldset {clear: right;}
legend {position: relative; margin: 0; padding: 0; color: #000; font: 600 1.7em arial,helvetica,sans-serif;}

/* Input */
label {display: block; width: 230px; padding-bottom: .25em; color: #000; font: 500 1.3em arial,helvetica,sans-serif;}
input,select,textarea {width: 230px; padding: 4px 5px; background: #fff; border: 1px solid #d3d3d3;}
input.searchfield {width: 192px; height: 30px; padding: 5px 5px 0 5px; background: url(/img/page/search_field.gif) no-repeat; border: none;}
select {width: 242px; padding: 3px 5px;}
textarea {width: 545px; height: 236px;}
input.submit {width: 90px; height: 28px; margin: 0 0 3em 0; border: none;}
input.playersort {border-style: none; background-color: transparent;color: #f24405; font: 600 1.8em arial,"Myriad Pro",sans-serif;}

/* player table */
#playertable {width: 710px; margin: 0 auto 2em auto; color: #000; font: 500 1.3em "Trebuchet MS", helvetica,sans-serif;}
#playertable thead th.round-left {background: url(/img/page/table_header_left.png) no-repeat top left;}
#playertable thead th.round-middle {background: url(/img/page/table_header_middle.png) repeat-x top left;}
#playertable thead th.round-right {background: url(/img/page/table_header_right.png) no-repeat top right;}
#playertable th {height: 36px; padding-top: 7px;}
#playertable td {padding: 10px; background: #fff; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;}
playertable td.description {}
#playertable td.name {font-weight: bold; border-left: 1px solid #d3d3d3; text-align: left;}
#playertable td.name img {margin-right: 1em; border: 1px solid #d3d3d3; vertical-align: middle;}
#playertable tfoot td.rounded-foot-left{background: #e8edff url('table-images/botleft.png') left bottom no-repeat;}
#playertable tfoot td.rounded-foot-right{background: #e8edff url('table-images/botright.png') right bottom no-repeat;}
#playertable tbody tr:hover td {background: #f4f4f4;}

#playerbio {margin: 0 auto 2em auto; color: #000; font: 500 1.3em "Trebuchet MS", helvetica,sans-serif; border-bottom: 1px solid #d3d3d3;}
#playerbio h2 {padding: 7px 0 7px 15px; background: #e8e8e8 url(/img/page/table_header.gif) no-repeat top center; font: 600 1.4em arial, helvetica,sans-serif;}
#playerphotos {float: left; width: 253px; padding: 10px; border-left: 1px solid #d3d3d3;}
#teamlogo {margin-left: 253px; padding: 10px; border-right: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3;}
#playerbio img.large {float: left; width: 130px; height: 165px; border-right: 1px solid #fff;}
#playerbio img.small {float: left; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
#playerbio img.logo {padding: 15px 0; border: none;}

/* stats table */
#playerstats {width: 710px; margin: 0 auto 2em auto; color: #000; font: 500 1.3em "Trebuchet MS", helvetica,sans-serif; border-top: 1px solid #d3d3d3;}
#playerstats tr {background: #f8f8f8;}
#playerstats td {padding: 10px; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;}
#playerstats td.description {text-align: left;}
#playerstats td.left {border-left: 1px solid #d3d3d3;}

/* hcard */
div.vcard {float: left; clear: right; width: 300px; margin-bottom: 1.5em;  padding: 0 0 1.5em 0; color: #000; font: 500 1.2em arial,helvetica,sans-serif; border-bottom: 1px solid #d3d3d3;}
div.vcard img.photo {float: left; clear: right; margin: 0 10px 0 0; border: 1px solid #d3d3d3;}
div.vcard h5 {color: #000; font: 600 1.4em arial,helvetica,sans-serif;}
#hcard-Ray-Ivey {margin-left: 75px;}
#hcard-Xavrae-Burse {margin-left: 75px;}

/* links */

