.clr {
	clear: both;
	height: 1px;
}

.f-left {
	float: left;
	margin-right: 10px;
}

body {
	margin: 0;
	padding: 0 0 30px 0;
	background-color: #000;
	color: #FFF;
	background-image: url(../images/page-bgr4.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}

h1 {
	margin: 10px 0 0 10px;
	padding: 0;
}
h2 {
	margin: 0;
	padding: 0;	
}
h2.small {
	/* Dynamic and not swapped with graphic */
	font-size: 18px;
	font-weight: bold;
	color: #FAFAFA;
}
h3 {
	margin: 5px 0 5px 0;
	padding: 0;
	color: #FFF;
}

p {
	text-align: justify;
}
p.close {
	margin-top: 0;
}
p.quote {
	font-size: 18px;
	margin: 20px 3px 3px;
	font-style: italic;
}
p.cite {
	font-size: 14px;
	font-style: italic;
	margin: 0;
}
p.page_no {
	padding-top: 5px;
	padding-bottom: 5px;
}
p.lrg {
	font-size: 16px;
}

a:link, a:visited {
	color: #ff7800;
	text-decoration: none;
}
a:hover, a:active {
	color: #f5821f;
}	
a.underline {
	background-image: url(../images/link-underline.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 8px;
}
a.underline:hover {
	background-image: url(../images/link-underline-on.png);
}
a.pdf {
	background-image: url(../images/pdf.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}

img.border {
	padding: 7px;
	background-image: url(../images/band-image-bgr.jpg);
	background-repeat: repeat;
	border: 1px solid #572d15;
}

span.grey {
	color: #79431d;
}
span.on {
	color: #FFF;
}

#header {
	height: 200px;
}

#main-navigation {
	margin: 20px 0 0 30px;
	padding: 0;
}
#main-navigation li {
	margin-left: 0;
	padding: 3px 3px;
	list-style: none;
	float: left;
}
#main-navigation li a:link, #main-navigation li a:visited {
	padding: 3px 0 0 0;
	background-position: bottom;
}
#main-navigation li a:hover, #main-navigation li a:active {
	padding: 0 0 3px 0;
	background-position: top;
}

#container {
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 10px 0;
}

/* TOP AREA & LEFT AREA */
#left-area {
	margin: 36px 0 0 35px;
	width: 311px;
	float: left;
}
#top-area {
	margin: 36px auto 0 auto;
	width: 939px;
}
#top-area .col {
	width: 303px;
	float: left;
	margin: 0 4px 0 4px;
}
#left-area .col {
	width: 303px;
	margin: 0 4px 20px 4px;
}
#top-area .col .content, #left-area .col .content {
	background-image: url(../images/notepad.gif);
	background-repeat: repeat;	
	padding: 1px 10px 15px 10px;
	overflow: auto;
}

#top-area, #left-area, #top-area p, #top-area li, #top-area table, #left-area p, #left-area li, #left-area table {
	color: #222;
}
#top-area li,#left-area li {
	list-style-image: url(../images/bullet-black-tick.png);
}
#top-area h2.small,#left-area h2.small {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #000;
}
ul.none li {
	list-style: none;
}

/* RIGHT AND BLACK AREA */
#right-area {
	width: 510px;
	background-color: #000;
	border: 1px solid #3d1f0b;
	float: left;
	margin: 50px 20px 0 20px;
	padding: 10px 20px;
}

#black-area {
	background-color: #000;
	margin: 16px auto 0 auto;
	width: 951px;
	border: 1px solid #3d1f0b;
}
#black-area .col {
	width: 275px; /* 277 */
	float: left;
	padding: 10px 20px 10px 20px;
}
#black-area h2 {
	margin-bottom: 15px;
}
#black-area p, #black-area li {
	color: #DDD;
}

#black-area .col-wide {
	padding: 10px 20px 10px 20px;
}

#right-area.white {
	background-color: #FFF;
	color: #000;
}
#right-area.white h2, #right-area.white p, #right-area.white li {
	color: #000;
}
#right-area.white .border {
	border: 1px solid #CCC;
}
#right-area.white .testimonial {
	background-color: #ECECEC;
	border: 1px solid #DDD;
}

#footer {
	width: 920px;
	margin: 10px auto 15px auto;
	text-align: right;
	padding: 10px 0 30px 0;
}
#footer img, #footer #googleplus1 {
	margin: 1px 5px 10px 5px;
}

#footer #googleplus1 {
	float: right;
}

#pinit {
	margin: 0 5px 0 5px;
	padding: 0;
	float: right;
	width: 80px;
	overflow: hidden;
}

#footer p {
	color: #865d43;
	display: inline;
	padding: 5px;
/*	background-image: url(../images/black20.png);*/
}

/* Index only */
#genre-list {
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#genre-list li {
	list-style-image: none;
	list-style-type: none;
	padding: 3px 0 3px 0;
	margin: 0;
}
#genre-list a {
	padding: 0 0 0 30px;
}
#genre-list a:hover {
	background-image: url(../images/genre-list-marker.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

/* Band listings */
#band-list td {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #333;
}
#band-list img.thumb {
	padding: 3px;
	background-color: #222;
	border: 1px solid #333;
}
#band-list ul {
	list-style: none;
	list-style-image: none;
	padding: 0;
	margin: 6px 0 0 15px;
}
li.band-name {
	font-size: 18px;
	margin-bottom: 5px;
}
li.genre {
	color: #a35d26;
	font-size: 13px;
	margin-bottom: 5px;
}
li.band-about {
	color: #DDD;
	margin-bottom: 7px;
}
li.view-file {
	text-align: right;
}
#band-list li span {
	color: #FFF;
}

.testimonial {
	background-color: #222;
	padding: 5px;
	background-image: url(../images/quote-graphic.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 5px 0;
	border: 1px solid #111;
}

#videoPlayer {
	margin: 10px 0;
	text-align: center;
}


/* Magicians */
#playing-cards {
	margin-top: 25px;
}

/* Weddings */
#wedding-cards {
	margin: -25px 0 0 290px;
}

/* Text swaps */
a.txt-swap span, h2.txt-swap span { 
	display: none;
}
a.txt-swap {
	display: block;
	background-repeat: no-repeat;
}

#link-home {
	background-image: url(../images/link-home.png);
	height: 35px;
	width: 63px;
}
#link-bands {
	background-image: url(../images/link-bands.png);
	height: 36px;
	width: 65px;
}
#link-weddings {
	background-image: url(../images/link-weddings.png);
	height: 33px;
	width: 101px;
}
#link-magicians {
	background-image: url(../images/link-magicians.png);
	height: 33px;
	width: 112px;
}
#link-session-musicians {
	background-image: url(../images/link-session-musicians.png);
	height: 36px;
	width: 208px;
}
#link-mp3-shop {
	background-image: url(../images/link-mp3-shop.png);
	height: 35px;
	width: 104px;
}
#link-djs {
	background-image: url(../images/link-djs.png);
	height: 35px;
	width: 63px;
}
#link-contact {
	background-image: url(../images/link-contact.png);
	height: 37px;
	width: 106px;
}
#link-blog {
	background-image: url(../images/link-blog.png);
	height: 35px;
	width: 63px;
}
#link-faqs {
	background-image: url(../images/link-faqs.png);
	height: 35px;
	width: 63px;
}


#h2-choose-your-genre {
	background-image: url(../images/h2-choose-your-genre.png);
	height: 51px;
	width: 303px;
}
#h2-featured-band {
	background-image: url(../images/h2-featured-band.png);
	height: 51px;
	width: 303px;
}
#h2-featured-band-black {
	background-image: url(../images/h2-featured-bands.jpg);
	height: 41px;
	width: 175px;
}
#h2-about-the-morris-agency {
	background-image: url(../images/h2-about-the-morris-agency.png);
	height: 51px;
	width: 303px;
}
#h2-choose-your-area {
	background-image: url(../images/h2-choose-your-area.jpg);
	height: 38px;
	width: 244px;
}
#h2-our-clients {
	background-image: url(../images/h2-our-clients.jpg);
	height: 42px;
	width: 153px;
}
#h2-mailing-list {
	background-image: url(../images/h2-mailing-list.jpg);
	height: 39px;
	width: 166px;
}
#h2-submit-your-band {
	background-image: url(../images/h2-submit-your-band.jpg);
	height: 38px;
	width: 208px;
}
#h2-artist-videos {
	background-image: url(../images/h2-artist-videos.jpg);
	height: 41px;
	width: 213px;
}
#h2-artist-videos-top {
	background-image: url(../images/h2-artist-videos.png);
	height: 42px;
	width: 180px;
	margin-bottom: 15px;
}


/* Sub page text swaps */
#h2-our-contact-details {
	background-image: url(../images/h2-our-contact-details.jpg);
	height: 42px;
	width: 258px;
}
#h2-map-directions {
	background-image: url(../images/h2-map-directions.jpg);
	height: 36px;
	width: 197px;
}
#h2-view-bands {
	background-image: url(../images/h2-view-bands.png);
	height: 51px;
	width: 303px;
}
#h2-party-band {
	background-image: url(../images/h2-party-band.png);
	height: 51px;
	width: 303px;
}
#h2-wedding-bands {
	background-image: url(../images/h2-wedding-bands.png);
	height: 51px;
	width: 303px;
}
#h2-jazz-swing-bands {
	background-image: url(../images/h2-jazz-swing.png);
	height: 51px;
	width: 303px;
}
#h2-magicians {
	background-image: url(../images/h2-magicians.png);
	height: 51px;
	width: 303px;
}
#h2-contact-us {
	background-image: url(../images/h2-contact-us.png);
	height: 51px;
	width: 303px;
}
#h2-contact-form {
	background-image: url(../images/contact-form.png);
	height: 51px;
	width: 303px;
}
#h2-faqs {
	background-image: url(../images/h2-faqs.png);
	height: 51px;
	width: 303px;
}
#right-area #h2-contact-form {
	background-image: url(../images/h2-contact-form-black.jpg);
	height: 35px;
	width: 152px;
}
#h2-faq {
	background-image: url(../images/h2-faq.jpg);
	height: 34px;
	width: 301px;
}

#h2-cost {
	background-image: url(../images/h2-cost.jpg);
	height: 50px;
	width: 332px;
}

#h2-djs {
	background-image: url(../images/h2-djs.png);
	height: 51px;
	width: 303px;
}


/* Contact form */
.error {
	color: #FF3333;
}

#contactForm {
	font-size: 13px;
	margin: 10px 0 0 0;
	padding: 0;
}
#contactForm td {
	padding: 0 0 10px 0;
	color: #444;
}
#right-area #contactForm td {
	color: #ECECEC;
}
.box {
	border: 1px solid #CFCFCF;
	padding: 2px 0;
	margin: 0;
	width: 185px;
	font-size: 13px;
	background-color: #FFF;
	color: #222;
}
#interestedIn {
	width: 185px;
	overflow: auto;
}
#day {
	width: 47px;
	font-size: 12px;
}
#month {
	width: 83px;
	font-size: 12px;	
}
#year {
	width: 50px;
	font-size: 12px;
}

/* Home page area list */
#area-list {
	padding: 0;
	margin: 0;
	font-size: 12px;
	width: 280px;
}
#black-area .col-wide #area-list {
	width: 100%;
}
#area-list li {
	color: #444;
	list-style-type: none;
	list-style-position: inside;
	display: inline;
/*	float: left;*/
	padding: 1px 2px;
	margin: 2px;
}

/* Absolutely positioned items */
#contact-details {
	background-image: url(../images/business-card.jpg);
	width: 167px;
	height: 93px;
	position: absolute;
	top: 4px;
	left: 50%;
	margin: 0 0 0 226px;
	padding: 40px 15px 0 15px;

}
#contact-details p {
	font-size: 13px;
	margin: 2px 0;
	padding: 1px;
}
#contact-details p span {
	font-size: 18px;
}

.numbered_nav {
	margin: 10px 0;
	padding: 0;
}
.numbered_nav li {
	float: left;
	display: block;
	list-style: none;
	margin-right: 10px;
}
.numbered_nav li a {
	display: block;
	padding: 5px;
	border: 1px solid #CCC;
	background-color: #FAFAFA;
}



#stickerHome {
	background-image: url(../images/sticker.png);
	width: 156px;
	height: 155px;
	position: absolute;
	top: 530px;
	left: 50%;
	margin: 0 0 0 -318px;
	display: block;
	border: none;
}
#stickerHome span {
	display: none;
}

#stickerBands {
	background-image: url(../images/sticker.png);
	width: 156px;
	height: 155px;
	position: absolute;
	top: 226px;
	left: 50%;
	margin: 0 0 0 250px;
	display: block;
	border: none;
}
#stickerBands span {
	display: none;
}