/* Tennis by Kruse Global Styles // copyright Diane Nardozzi 2006 */

body { margin: 0; padding:0; background:url(../images/body-bg.jpg) repeat-x; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; text-align: center;}
.redTxt { color: #ff0000;}
a {color: #0073a6; font-weight: bold;}
a:visited {color: #0073a6; font-weight: bold;}
a:hover {color: #333333; font-weight: bold;}

#content-wrapper { width: 790px; margin: 0 auto 0 auto; background: #fff; padding-top: 1px;}
#header { width: 786px; text-align: right; background:url(../images/header-bg.jpg) no-repeat; height: 62px; margin: 1px auto 1px auto;}
 #header .nav { font-size: 11px; color: #fff; padding: 35px 10px 0 0;}
 #header .nav a { color: #fff; text-decoration: none;} 
 #header .current a { font-weight: bold;}
#sub-header { margin: 5px 0 0 0; background:url(../images/logo-bg.gif) repeat-x;}
 #sub-header .logo {float: left; width: 412px;}
 #sub-header .phone-number {float: left; background:url(../images/phone-nmb-bg.jpg) no-repeat; width: 357px; height: 156px; margin-top: 15px;}
 #sub-header .phone-number p {margin: 70px 0 0 30px; font-size: 22px; color: #fff; text-align: left;} 
#content {}
 #content .main {font-size: 24px; width: 605px; margin: 20px auto; text-align: left;}
 #content .main h2 {margin: 0; padding: 0; font-size: 24px; font-weight: normal;}
 #content .main span {font-size: 12px;} 
 #content .title {font-size: 24px; text-align: left; margin: 0 0 10px 15px;} 
 #content .bullets {width: 525px; w\idth: 485px; line-height: 30px; padding: 0 0 0 40px; text-align:left; background:url(../images/tennis-bullet-bg.gif) repeat-y 0px 3px;  margin: 10px auto;}
 #content .bottom { width: 630px; margin: 30px auto;}
 #content .bottom div {float: left; margin: 0 30px 0 0; width: 189px;}
 #content .bottom .pricing { background:url(../images/pricing-bg.gif) no-repeat; width: 189px; w\idth: 179px; height: 232px; he\ight: 222px; text-align: left; padding: 10px 0 0 10px;} 
 #content .bottom .pricing strong { font-size: 24px; font-weight: normal;} 
 #content .bottom .pricing p { margin: 2px 5px 10px 5px;} 
 #content .col-A p {padding: 5px 20px 5px 0px; line-height: 16px;} 
#banner-ad {text-align: left; margin-left: 15px;}
 #banner-ad small {color: #333; margin-bottom: 5px;}
#footer { background:url(../images/footer-bg.jpg) no-repeat; width: 786px; height: 111px; margin: 10px auto 1px auto;} 
 #footer .nav { font-size: 11px; color: #fff; padding: 35px 10px 0 0;text-align: right; }
 #footer .nav a { color: #fff; text-decoration: none;} 
 #footer .copyright { text-align: left; margin: 22px 0 0 5px;} 
 
 /* Directions */
 
 .directions {float: left; width:330px; margin-top: 30px;}
 .map {margin-top: 10px; text-align: left; float: left; width:450px;}
 .contact {float: left; width: 310px; padding-left: 20px; margin-top: 30px; text-align: left; line-height: 24px;}
 .contact-photo {float: left; width: 450px; margin-top: 10px;}
 
  .col-A {float: left; width: 310px; padding-left: 20px; margin-top: 30px; text-align: left; line-height: 24px;}
 .col-B {float: left; width: 450px; margin-top: 10px;}
 
 
 
 /* Hacks/Misc */

.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }