body { 
background-color: black;
font-family: Arial,Helvetica,sans-serif;
color: white;
width: 960px;
}

.spacer {
    width: 0px;
    height: 10px;
    clear: both;
}

.header {
    width: 950px;
    height: 99px;
}

.phone {
    text-align: center;
    font-size: 1.2em;
}

.contact {
    
    text-align: center;
    border-style: solid;
}

.sketchcard {
    
    text-align: center;
    padding: 1.0em;
}


.topictext {
    display: block;
    color: gray;
    padding: 1.0em;
    font-size: 1.2em;
    text-align: center;
}

h1 {
    text-align: center;
}


hr.separatorline {
    border-bottom-width: 1px; 
    border-style: solid; 
    border-color: #cccccc; 
    width: 80%; font-size: 1.8em; 
    font-weight: bold;
    margin-bottom: 1.0em;
    
} 

.spacetop {
    margin-top: 1em;
}


.bioright {
    float: right; 
    padding-left: 1.0em;  
    margin-bottom: 1.0em; 
    border: none; 
}

.bio {
    clear: both; 
    position: relative; 
    padding-right: 5%; 
    padding-left: 5%; 
    margin-bottom: 8.0em;
}


.bioleft {
    float: left; 
    padding-right: 1.0em;  
    margin-bottom: 1.0em; 
    border: none;
}

.pfsbanner {
    text-align: center; 
    margin-top: 2.0em;
}

.pfsdesc {
    margin: auto; 
    width: 272px; 
    text-align: center;
}

a {
font-size: 1.1em;
}

a:link {
text-decoration: none;
color : white;
background-color: black;

}

a:visited  {
font-weight:   normal;
color : white;
text-decoration: none;
}

a:hover {
color : red;
text-decoration: underline;

}



.nav {vertical-align: middle;
font-size: 1.1em;
}


.logos a {
background: url("logos.gif") 0 0 no-repeat;
}
.logos a:hover {
background-position: 0 -40px;
}


.rollover a {
display:block;
width: 237px;
height: 237px;
}
.rollover a:hover {
background-position: 0 -237px;
}

.i11 a {
background: url("img11.jpg") 0 0 no-repeat;
}
.i11 a:hover {
background-position: 0 -237px;
}

.i12 a {
background: url("img12.jpg") 0 0 no-repeat;
}
.i12 a:hover {
background-position: 0 -237px;
}

.i13 a {
background: url("img13.jpg") 0 0 no-repeat;
}
.i13 a:hover {
background-position: 0 -237px;
}



.i21 a {
background: url("img21.jpg") 0 0 no-repeat;
}
.i21 a:hover {
background-position: 0 -237px;
}

.i22 a {
background: url("img22.jpg") 0 0 no-repeat;
}
.i22 a:hover {
background-position: 0 -237px;
}

.i23 a {
background: url("img23.jpg") 0 0 no-repeat;
}
.i23 a:hover {
background-position: 0 -237px;
}

.i31 a {
background: url("img31.jpg") 0 0 no-repeat;
}
.i31 a:hover {
background-position: 0 -237px;
}

.i32 a {
background: url("img32.jpg") 0 0 no-repeat;
}
.i32 a:hover {
background-position: 0 -237px;
}

.i33 a {
background: url("img33.jpg") 0 0 no-repeat;
}
.i33 a:hover {
background-position: 0 -237px;
}

.i41 a {
background: url("img41.jpg") 0 0 no-repeat;
}
.i41 a:hover {
background-position: 0 -237px;
}

.i42 a {
background: url("img42.jpg") 0 0 no-repeat;
}
.i42 a:hover {
background-position: 0 -237px;
}

.i43 a {
background: url("img43.jpg") 0 0 no-repeat;
}
.i43 a:hover {
background-position: 0 -237px;
}

.i51 a {
background: url("img51.jpg") 0 0 no-repeat;
}
.i51 a:hover {
background-position: 0 -237px;
}

.i52 a {
background: url("img52.jpg") 0 0 no-repeat;
}
.i52 a:hover {
background-position: 0 -237px;
}

.i53 a {
background: url("img53.jpg") 0 0 no-repeat;
}
.i53 a:hover {
background-position: 0 -237px;
}


#navlist {
position: absolute;
float: left;
left: 760px;
top: 130px;
width: 186px;
font-size: .9em;

}

#navlist ul {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
font-size: .9em;
}

#navlist li {
margin: 0;
width: 186px;
}

#navlist a {
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid;
border-color: #ddd #000 #000 #ddd;
background-color: #999999;
background-image:  url(dbuta.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
}



#navlist a:link, #navlist a:visited {
color: #EEE;
text-decoration: none;
}

#navlist a:hover, #navlist a:active {
background-color: #9F6F9F;
background-image:  url(hbuta.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
color: #2D1E2D;
}


#navlist a img {
border: none;
position: relative;
margin-left: -25px;
margin-top: -10px;
margin-bottom: -10px;
padding-top: 5px;
padding-bottom: 5px;
clear: both;
}




#uberlink a:link, #uberlink a:visited,
#uberlink a:hover, #uberlink a:active {
background-color: #9F6F9F;
background-image:  url(hbuta.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
color: #2D1E2D;
}

.khbcon {
    width: 728px;
}


.bbmain {
    background: url("baseball.jpg") 0 0 no-repeat;
    background-position: center;
}

.bb {
    width: 719px;
}

.bby {
    width: 50%;
    background: url("nyy.jpg") 0 0 no-repeat;
    background-position: center;
    height: 200px;
    text-align: center;
}

.bbm {
    width: 50%;
    background: url("nym.jpg") 0 0 no-repeat;
    background-position: center;
    height: 200px;
    text-align: center;
}
.bbo {
    width: 50%;
    background: url("bbo.jpg") 0 0 no-repeat;
    background-position: center;
    height: 200px;
    text-align: center;
}
.bbgu {
    width: 50%;
    background: url("bbgu.jpg") 0 0 no-repeat;
    background-position: center;
    height: 200px;
    text-align: center;
}

.fbmain {
    width: 728px;
}


.fb {
    width: 50%;
    height: 400px;
    text-align: center;
}

.fbback {
    background: url("football.gif") 0 0 no-repeat;
    background-position: center;
    height: 272px;
}

.nav {
    width: 231px;
}


.khbportfolio {
    text-align: center; 
    width: 100%; 
    text-align: center;
    border-spacing: 0px;
}

.storcol {
    width: 50%;
    vertical-align: bottom;
; text-align: left
}

.soldout {
    margin-bottom: 0.0em;;
}

.khblink {
    font-size: 0.9em;
    color: gray;
}
.khblink:hover {
    color : black;
    background-color: white;
    text-decoration: none;
}