@import "reset.css";
@import "contentslider.css";


/*---------- ESSENTIAL ----------*/ 
html {
     overflow: auto;
}
body {
	padding-top: .5em; 
	font: 62.5% "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	color: #444;
	background: #222 url('images/bg.jpg') 0 0 repeat-x;
	text-align: center;
	overflow: hidden;
	margin-bottom: 1px;
}
p {
	text-align: left;
	font-size: 1.1em;
	margin-bottom:10px;
	
}
.clear {
	height: 0em;
	clear: both;
}
#container {
	width:822px;
	height: 742px;
	background: transparent url(images/contentBg.png) 0 0 no-repeat;
	margin: 0 auto;
	text-align: left;
	padding-top:22px;
}
#content {
	width: 778px;
	height: 711px;
	background: #fff;
	margin: auto auto;
	
}
a {
	color:#7a7a7a;
	text-decoration:none;
}
a:hover {
	color:#ccc;
	text-decoration: none;
}
#header {
	width: 778px;
	height: 119px;
	background: #222 url(images/headerBg.png) 0 0 no-repeat;
}
#logo {
	padding:34px 0 24px 27px;
}
h1 {
	text-align: left;
	width: 230px;
	height: 34px;
}

h1 a {
	text-indent: -3000px;
	overflow: hidden;
	background: transparent;
	display: block;
	height: 34px;
	width: 227px;
}
h2 {
	color:#444;
	font:16px Verdana;
	font-weight:600;
}
h3 {
	color:#cc0000;
	font:12px Verdana;
}
h2.red {
	color:#cc0000;
	font:12px Verdana;
}
#siteContentHOMEPAGE {
	width:475px;
	height:330px;
	padding:38px 275px 38px 28px;
	background: #fff url('images/homepageBG.jpg') 0 0 no-repeat;
	overflow: hidden;
	
}
#siteContent {
	width:475px;
	height:481px;
	padding:38px 275px 38px 28px;
	background: #fff url('images/homepageBG.jpg') 0 0 no-repeat;
	overflow: hidden;
	
}

#siteContentIV {
	width:778px;
	height:592px;
	background: #fff url('images/recordbg.jpg') 0 0 no-repeat;
	overflow: hidden;
	margin-bottom: 8px;
}
#siteContentIII {
	width:778px;
	height:443px;
	background: #fff url('images/location_bg.jpg') 0 0 no-repeat;
	overflow: hidden;
}
#siteContentLinks {
	width:778px;
	height:406px;
	background: #fff url('images/links_bkd.jpg') 0 0 no-repeat;
	overflow: hidden;
}
#siteContentII {
	width:778px;
	height:592px;
	background: #fff url('images/homepageBgII.jpg') 0 0 no-repeat;
	overflow: hidden;
}
#siteContentLocation {
	width:778px;
	height:592px;
	background: #fff url('images/location_bg.jpg') 0 0 no-repeat;
	overflow: hidden;
}
#contentFull {
	width:702px;
	height:491px;
	overflow:hidden;
	padding:38px 48px 38px 28px;
	float: left;
}
#contentFullII {
	width:702px;
	height:567px;
	overflow:hidden;
	padding:38px 48px 38px 28px;
	float: left;
}
#contentFullLocation {
	width:778px;
	height:601px;
	overflow:hidden;
	float: left;
}
#contentLeft {
	width:443px;
	height:491px;
	overflow:hidden;
	padding:38px 48px 38px 28px;
	float: left;
}
#contentRight {
	width:259px;
	height:567px;
	float: left;
	background-color: #272c30;
	
}
#tickerContainer {
	width:722px;
	height:31px;
	padding-left:56px;
	background: #323232 url(images/tickerBg.jpg) 0 0 no-repeat;
}
#TICKER {
	width:712px;
	margin-right:0px;
	overflow: hidden;
	padding-top: 8px;
	position:relative;
	white-space: no-wrap; !important
}
#TICKER a {
	text-decoration: none;
	color: #cc0000;
	font-size:1.1em;
}
#adpanel {
	width:100%;
	height:152px;
	border-top:1px solid #000;
	border-bottom:2px solid #323232;
	background: #000;
}
#contactmenu {
	float: right;
	padding: 12px 14px 0 0;
	font-size: 10px;
}
#contactmenu a {
	color: #96959d;
	text-decoration: underline;
}
#contactmenu a:hover {
	color: #e1e1e1;
	text-decoration: underline;
}
.d80008 {
	color: #d80008;
	font-style: normal;
}
/*#adpanelslide {
	width:100%;
	height:auto;
	border-top:1px solid #000;
	border-bottom:2px solid #323232;
	background: #000;
}*/
#contactleft {
	float: left;
	padding:38px 5px 0px 28px;
    height: 531px;
}
#contactright {
	float: left;
	padding-top: 82px;
}
.box {
	width:258px;
	height:131px;
	margin-right:2px;
	float: left;
}
.boxslide {
	width:258px;
	height:auto;
	margin-right:2px;
	float: left;
}
.boxend {
	width:258px;
	height:131px;
	float:left;
}
.boxendslide {
	width:258px;
	height:auto;
	float:left;
}
.boxtop {
	border-bottom:1px solid #000;
	height:20px;
	width:258px;
}
.boxcontent {
	height: 134px;
	width:258px;
}
/* ---------- MEDIA BOX ---------- */
.boxcontentMedia {
	height:115px;
	width:220px;
	padding:13px 18px 0 20px;
	background:#fff url('images/mediaBg.jpg') 0 0 no-repeat;
}
.mediaThumb {
	width:64px;
	height:44px;
	padding:0 9px 9px 0;
	float:left;	
}
/* ---------- BOXTOP REPLACEMENTS ----------*/
h3.newstop em {
	text-indent: -3000px;
	overflow: hidden;
	background:url('images/news0.jpg') 0 0 no-repeat;
	display: block;
	height: 20px;
	width: 258px;
}
h3.mediatop em {
	text-indent: -3000px;
	overflow: hidden;
	background:url('images/media0.jpg') 0 0 no-repeat;
	display: block;
	height: 20px;
	width: 258px;
}
h3.directionstop em {
	text-indent: -3000px;
	overflow: hidden;
	background:url('images/directions0.jpg') 0 0 no-repeat;
	display: block;
	height: 20px;
	width: 258px;
}
h3.tuition em {
	text-indent: -3000px;
	overflow: hidden;
	background:url('images/us_tuition.gif') 0 0 no-repeat;
	display: block;
	height: 46px;
	width: 244px;
}
/* ---------- MENU ---------- */
#menuContent {
	width: 778px;
	height: 24px;
	background-color: #25262A;
	position: relative;
	float: left;
	}
	
ul#menu {
	width: 778px;
	height: 24px;
	background: #25262A url(images/menu.jpg) 0 0 no-repeat;
	}

#menu li {
	list-style: none;
	position: absolute;
	top: 0px;
	}
	
#menu li, #menu a {
	display: block;
	height: 24px;
	}

#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	height: 24px;
	}
	
#home { left:0px; width: 129px; }
#recording { left:129px; width: 130px; }
#rehersals { left:259px; width: 130px; }
#prices { left: 389px; width: 130px; }
#links { left: 519px; width: 130px; }
#contact { left:649px; width: 129px; }


#home a:hover, #home .act { background: transparent url(images/menu.jpg) 0px -24px no-repeat; }
#recording a:hover, #recording .act { background: transparent url(images/menu.jpg) -129px -24px no-repeat; }
#rehersals a:hover, #rehersals .act { background: transparent url(images/menu.jpg) -259px -24px no-repeat; }
#prices a:hover, #prices .act { background: transparent url(images/menu.jpg) -389px -24px no-repeat; }
#links a:hover, #links .act { background: transparent url(images/menu.jpg) -519px -24px no-repeat; }
#contact a:hover, #contact .act { background: transparent url(images/menu.jpg) -649px -24px no-repeat; }

/* ---------- MENU ---------- */
#menuContentLower {
	width: 778px;
	height: 21px;
	background-color: #25262A;
	position: relative;
	float: left;
	border-bottom:2px #272c30 solid;
	border-top:2px #000 solid;
}
	
ul#menuLower {
	width: 778px;
	height: 21px;
	background: #25262A url(images/menuLower.jpg) 0 0 no-repeat;
	}

#menuLower li {
	list-style: none;
	position: absolute;
	top: 0px;
	}
	
#menuLower li, #menuLower a {
	display: block;
	height: 21px;
	}

#menuLower li a {
	text-indent: -9999px;
	text-decoration: none;
	height: 21px;
	}
	
#specials { left:0px; width: 258px; }
#media { left:259px; width: 258px; }
#location { left:519px; width: 258px; }


#specials a:hover, #specials .act { background: transparent url(images/menuLower.jpg) 0px -21px no-repeat; }
#media a:hover, #media .act { background: transparent url(images/menuLower.jpg) -259px -21px no-repeat; }
#location a:hover, #location .act { background: transparent url(images/menuLower.jpg) -519px -21px no-repeat; }


h3.section {
	margin-top: 1em;
}

#vertical_slide {
	color: #8A7575;
	padding-bottom: 128px;
	font-weight: bold;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 118px;
}
#v_toggle {
	height:20px;
}
/* ---------- IMAGE SLIDE ---------- */
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}
span img{
	display:block;
	border:none;
}
.mask1{
	position:relative;
	width:257px;
	height:164px;
	overflow:hidden;
	border-left: 2px #000 solid;
}
.pic{
	width:257px;
	height:164px;
	overflow:hidden;
	border-left: 2px #000 solid;
}
#recordingAd, #rehersalAd {
	width:258px;
	height:79px;
	border-top: 2px #000 solid;
	border-bottom: 2px #000 solid;
	border-left: 1px #000 solid;
}
#newOffers {
	background:#272c30 url('images/offerslist.jpg') 0 0 no-repeat;
	padding-top:33px;
	width:259px;
	border-left: 2px #000 solid;
}
#clients, #equipment, #video, #music {
	padding-top:33px;
	width:259px;
	height:200px;
}
.clientText {
	width:114px;
	color:#fff;
	padding:0 0 10px 15px;
	line-height:1.5em;
	float:left;
}
.equipmentText, .videoText, .musicText {
	width:244px;
	color:#fff;
	padding:0 0 10px 15px;
	line-height:1.5em;
}
#clients {
	background:#272c30 url('images/clientlist.jpg') 0 0 no-repeat;
}
#equipment {
	background:#272c30 url('images/equipmentlist.jpg') 0 0 no-repeat;
}
#video {
	background:#272c30 url('images/videolist.jpg') 0 0 no-repeat;
}
#music {
	background:#272c30 url('images/audiolist.jpg') 0 0 no-repeat;
}
/* ---------- FOOTER ---------- */
#footer {
	width:778px;
	padding:0 22px;
	height:23px;
	font-size:.9em;
}
#footer a {
	color:#333;
	text-decoration:none;
}
#footer a:hover {
	color:#fff;
	text-decoration: none;
}
.footerBox {
	position:relative;
	width:258px;
	float:left;
	padding-top:4px;
}
p.footerA {
	text-align:left;
	color: #333;
}
p.footerB {
	text-align:center;
	color: #333;
}
a.at em {
	padding-left: 20px;
	text-indent: -3000px;
	overflow: hidden;
	background:url('images/at.png') 0 50% no-repeat;
	height: 23px;
	width: 200px;
}
p.footerC {
	text-align:right;
}
#mediaPics {
	padding-top:24px;
}
.mediaImg {
	float:left;
	padding:9px 9px 0 0;	
}
a.newsOfferText {
	font-weight:600;
	color:#272c30;
}
a.linksText {
	font-weight:600;
	color:#272c30;
}
#tuition-link {
	margin: 20px 0 0;
	padding: 5px;
	width: 152px;
	color: #fff;
}
#tuition-link a {
	color: #fff;
	text-decoration: none;
}
#tuition-link a {
	color: #7a7a7a;
	text-decoration: none;
}
/* ---------- PAGINATION ---------- */

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
	border: 1px solid black;
	padding: 1px 5px 2px;
	margin-right: 1px;
	background-color: #FF0000;
	color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ddd;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
	border: 1px solid #ff000;
	padding: 1px 5px 2px;
	margin-right: 1px;
	text-decoration: none !important;
	color: black;
}
#ditto_pages a:hover {
    background-color: #ccc;
    color: #000;
}