@charset "utf-8";
/* CSS Document */
/* ~~~~~~~~ Default CSS Properties ~~~~~~~~ */
img{border:0px; outline:0px;}
*{padding:0px; margin:0px;}
ul li{ list-style:none; padding:0px; margin:0px;}
a{ text-decoration:none; color:#0033cc; outline:none;}
a:hover{text-decoration: underline; color:#0033cc;}
button{outline:none;}
p{ margin:0px; padding:0px;}
.Clear{ clear:both}

/* ~~~~~~~~ Body CSS Properties ~~~~~~~~ */
body{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000;}

/* ~~~~~~~~ Wapper CSS Properties ~~~~~~~~ */
.Wapper{width:826px; margin:5px 201px auto; background: url(../images/main-background-image.jpg) no-repeat top right; min-height:766px; !important;}

/* ~~~~~~~~ Header CSS Properties ~~~~~~~~ */
.Header{ height:62px; width:100%;}
.LeaveMessage{ width:150px; padding:5px 0 0 0; float:left;}
.logoBBB{ float: left; width:31px; padding:5px 0 0 10px;}
.facebook{ float: left; width:170px; padding:5px 0 0 10px;}
.CallNumber{ float:right; width:361px; padding-top:5px;}
.CallNumber p{font-family:"Times New Roman", Times, serif; font-size:27px; font-weight:bold;}
.CallNumber span{ font-size:14px; display:block;}

/* ~~~~~~~~ Content CSS Properties ~~~~~~~~ */
.Content{ width:100%; position: relative; height:690px;}
.TheShows{ float:left; margin:67px 0 0 96px; display:inline; width:221px; height:100px;}

.spirit-of-america{width:150px; height:24px; float:left; text-indent:-9999px; display:block; }
.spirit-of-america a {display:block; width:100%; height:100%; background:url(../images/spirit-of-america.jpg) no-repeat top left; outline:none;}
.spirit-of-america a:hover {background-position:0 -24px;}
.spirit-of-america a.Active {background-position:0 -24px;}

.musicmania{width:110px; height:17px; float:left; text-indent:-9999px; display:block; }
.musicmania a {display:block; width:100%; height:100%; background:url(../images/musicmania.jpg) no-repeat top left; outline:none;}
.musicmania a:hover {background-position:0 -17px;}
.musicmania a.Active {background-position:0 -17px;}

.chrimahanu{width:221px; height:18px; float:left; text-indent:-9999px; display:block; }
.chrimahanu a {display:block; width:100%; height:100%; background:url(../images/chrimahanu.jpg) no-repeat top left; outline:none;}
.chrimahanu a:hover {background-position:0 -18px;}
.chrimahanu a.Active {background-position:0 -18px;}

.hip-hop-now{width:208px; height:22px; float:left; text-indent:-9999px; display:block; }
.hip-hop-now a {display:block; width:100%; height:100%; background:url(../images/btn-hip-hopnow-with-raggie.jpg) no-repeat top left; outline:none;}
.hip-hop-now a:hover {background-position:0 -22px;}
.hip-hop-now a.Active {background-position:0 -22px;}


.MyBio{ float:right; margin:69px 0 0 0;  display:inline; position:absolute; z-index:5; right:2px;}
.mybiotitle{ text-align:right;}
.who-is-david-jack{width:177px; height:16px; float:left; text-indent:-9999px; display:block;  padding:13px 0 0 0; }
.who-is-david-jack a {display:block; width:100%; height:100%; background:url(../images/who-is-david-jack.jpg) no-repeat top left; outline:none;}
.who-is-david-jack a:hover {background-position:0 -16px;}
.who-is-david-jack a.Active {background-position:0 -16px;}



.theshowstittle{ text-align:right; padding-right:37px;}
.logo{ padding:13px 0 0 85px;  width:276px; z-index:5; position:absolute;}
.CheckAvailability{ width:134px; padding:217px 0 0 123px;}

.videobox{ width:206px; height:182px; margin:31px 0 0 95px; position: relative;}
.VideoFremLeft{ position: absolute; z-index:20px; left:25px;}
.VideoFremRight{ position: absolute; z-index:20px; right:-2px;}
.WelcomeVideo{ width:206px; height:44px; padding-left:2px; position:relative; z-index:20; display:block;}
.VideoPart{ padding-left:14px; margin-top:-26px;}
.ContentPart{position:absolute; top:0px; right:0px; /*border:red solid 1px; */width:501px; height:520px; margin-top:85px; z-index:1;}
.ContactBox{ width:135px; height:35px; position:absolute; left:93px; z-index:5; bottom:45px;}
.contactus{ width:135px; height:18px;}
.Box2{ width:146px; height:127px; position:absolute; right:68px; z-index:5; bottom:13px;}
.contectinfo{width:45px; height:19px; float:left; text-indent:-9999px; display:block; padding:0 0 0 30px; }
.contectinfo a {display:block; width:100%; height:100%; background:url(../images/contect-info.jpg) no-repeat top left; outline:none;}
.contectinfo a:hover {background-position:0 -19px;}
.contectinfo a.Active {background-position:0 -19px;}

.yourschools{ padding:2px 0 0 39px; =padding:2px 0 0 39px;}
.TheShowsText{ padding:0px 0 0 50px;}

.homepagephoto-1{ width:112px; height:139px; float:left; margin:0px 0 0 65px;}
.homepagephoto-2{ width:122px; height:131px; float:left; margin-left:8px;}
.homepagephoto-3{width:177px; height:124px; margin-left:260px; margin-top:-8px;}
.homepagephoto-3 p{ padding:0 0 0 57px;}
.homepagephoto-4{ width:122px; height:131px; float:left; margin-left:-6px; margin-top:6px;}
.Footer{ text-align:center; text-transform:uppercase; position:relative; z-index:50;}

/* inner pages Css */
.yourschoolsInner{ padding:2px 0 20px 30px; =padding:2px 0 20px 31px;}

/* Commen Listting Css */

.listing ul{ padding:0px; margin:0px;}
.listing li{ list-style:square; padding:0 0 0 10px; background:url(../images/bullets.png) no-repeat left 6px;}