@charset "UTF-8";
/* CSS Document */
 
body, html {margin:0; padding:0;}
body {background:#FFF url(../images/crowd-bg.jpg) fixed repeat-x center bottom; text-align:left; cursor:default; }
body, table {font:9pt Arial, Helvetica, sans-serif; color:#000; width:100%; min-height:900px; margin:0 auto;}
.buy table {min-height: 20px;}

div#gui3 h3 span,div#gui3 h4 span, hr {display:none}

div.clear {height:1px; width:100%; overflow:hidden; clear:both;}
div.guispacer1 {height:19px; overflow:hidden;}

div.colspace {height:2px; width:100%; overflow:hidden; clear:both;}

abbr {border:none;}

div#homelogo {width:771px; height:93px; background:url(../images/logo-home.jpg) no-repeat 1px;}

div#pageslogo {width:771px; height:93px; background:url(../images/logo-pages.jpg) no-repeat 1px;}


div#home-text {width:771px; height:83px; background:url(../images/home-text.jpg) no-repeat 1px;}


div#gui1 {}
div#gui2 {width:771px; margin:0 auto; padding:60px 0 0;}
div#gui3 {display:none; background:url(../images/logo-pages.jpg);}
div#gui3 h3, div#gui3 h4 {margin:0 auto; padding:0 0 22px; width:771px;}

h3.heading1  {background:url(../images/logo-home.jpg) no-repeat 0px 0px; color:#000; height:30px; font:9pt/30px Arial; text-transform:uppercase; margin:0;}

div#gui3 h3, div#gui3 h3 a {display:block; height:31px;}
div#gui3 h3 a {width:771px; background:url(../images/logo-home.jpg) no-repeat left top; margin:0 0 0 8px}
div#gui3 h4, div#gui3 h4 a {display:block; height:13px;}
div#gui3 h4 a {width:771px; background:url(../images/logo-pages.jpg) no-repeat left top; margin:0 0 0 33px}

div#navigation {padding:1px 0 0;}
div#navigation div.sub1 {padding:88px 16px 1px; width:771px;}
div#navigation ul {margin:0 0 0 0; padding:0 0 0 28px; height:35px; }
div#navigation ul li {list-style-type:none; display:block; width:auto; float:left; padding:0 25px;}
div#navigation ul li.first {background:none;}
div#navigation ul li a {text-decoration:none; color:#000; font:11px Arial, Sans-Serif;font-weight:bold;}
div#navigation ul li a:hover {color:#4f1e91;text-decoration:none; font-weight:bold;}
div#navigation ul li.active {color:#4f1e91;}




div#page { margin-top:20px;height:372px; min-height:372px; height:auto !important; text-align:left; padding-left:0px; border-top:4px solid #4f1e91; display:block; margin-right:0px; font-size:7pt; padding:8px 0;}

div#page.media div.nav { width:175px; float:left; display:block; background-color:#cccccc;font-size:9pt;line-height:22px;}
div#page.media div.nav ul {margin:0; padding-left:10px;}
div#page.media div.nav ul li {list-style-type:none;padding:10px 0 0 7px; margin:0; }
div#page.media div.nav ul li a {text-decoration:none; font-size:9pt; color:#000000;}
div#page.media div.nav ul li a:hover {color:#4f1e91;}
div#page.media div.nav ul li.navtop { padding-top:10px; font-weight:bold;}
div#page.media div.nav ul li.last {background:url(../images/media-nav-bottom.jpg) no-repeat; height:23px;padding:0;}
div#page.media div.nav ul li.active {color:#4f1e91; }

div#page.media div.cont { width:585px; float:right;}
div#page.media div.cont h2 {display:block; background-color:#4f1e91; font-size:14pt; color:#FFFFFF; margin:0; padding:15px 10px 15px 30px;}
div#page.media div.cont p { padding-left:30px; padding-right:15px;font-size:9pt;line-height:14pt; }
div#page.media div.cont p span { font-weight:bold; line-height:18pt; }

div#homepage {padding:0 0 0; line-height:26px;}
div#homepage h1 {display:inline; margin:0; font-size:14pt; color:#4f1e91;}
div#homepage h2 {font:32pt Arial, Helvetica, sans-serif; letter-spacing:1px; margin:15px 0 0;}
div#homepage h3 {font:18pt Arial, Helvetica, sans-serif; letter-spacing:1px; margin:10px 0 20px; color:#000;}
div#homepage p.content {font-size:12pt; line-height:26px; margin:15px 0; padding:0 10px 0 0;}
div#homepage p.content span {font-size:14pt; font-weight:bold; color:#4f1e91; }

div#homepage div.cat a {display:block; width:181px; height:24px; background:url(../images/download-catalogue.jpg) no-repeat left top; line-height:37px; text-align:center; text-decoration:none; font-size:8pt; margin-top:5px; }


div#homepage div.cat a:hover {background:url(../images/download-catalogue-over.jpg) no-repeat left top;}

div#preloader {width:1px; height:1px; overflow:hidden; left:-9999px; top:-9999px; position:absolute;}
div#footer {font-size:7pt; text-align:left; color:#000; float:left; line-height:18px; margin-top:50px;}


div#imageThumbs { margin:0px 0 0}
div#imageThumbs span {display:block;}
div#imageThumbs span.timage, div#imageThumbs span.firsttimage, div#imageThumbs span.firsttimage a, div#imageThumbs span.timage a {width:118px;height:176px;display:block;float:left;}
div#imageThumbs span.timage {margin:0 0 12px 12px;}
div#imageThumbs span.firsttimage {margin:0 -1px 0 0;}


h1.aligned {font-size:18pt; color:#4f1e91; line-height:16pt; margin:0 0 15px;border-bottom:1px solid #ccc ;}
h1.aligned, div#content div#contact h3.thicker {padding-top:0px; padding-bottom:12px;}


div#page.media div.image { width:294px; height:450px; float:left; display:block; background-color:#cccccc; margin-right:10px;}


div#page.media div.bookcont { width:321px; float:left;  }
div#page.media div.bookcont h2 {display:block; background-color:#4f1e91; font-size:13pt; color:#FFFFFF; margin:0; padding:10px 10px 10px 15px; border-bottom:thick #FFFFFF;}
div#page.media div.bookcont h2 span {font-size:9pt; color:#FFFFFF; margin:0;}
div#page.media div.bookcont div.text {background-color:#666666; padding-top:0px;}
div#page.media div.bookcont div.text p { padding-left:15px; padding-right:15px;font-size:9pt; color:#FFFFFF;line-height:14pt;  }
div#page.media div.bookcont div.text p span { font-weight:bold; line-height:14pt; }

div#page.media div.bookcont div.text p a.musicback {display:block; width:145px; height:37px; background:url(../images/backtomusic.jpg) no-repeat left top; line-height:37px; text-align:center; text-decoration:none; font-size:8pt;}
div#page.media div.bookcont div.text p a.musicback:hover {background:url(../images/backtomusic-over.jpg) no-repeat left top;}

div#page.media div.bookcont div.text p a.IMP-new-titles {display:block; width:145px; height:37px; background:url(../images/backtomusic.jpg) no-repeat left top; line-height:37px; text-align:center; text-decoration:none; font-size:8pt;}
div#page.media div.bookcont div.text p a.IMP-new-titles:hover {background:url(../images/backtomusic-over.jpg) no-repeat left top;}
div#page.media div.bookcont div.text p a.IMP-back-catalogue {display:block; width:145px; height:37px; background:url(../images/backtomusic.jpg) no-repeat left top; line-height:37px; text-align:center; text-decoration:none; font-size:8pt;}
div#page.media div.bookcont div.text p a.IMP-back-catalogue:hover {background:url(../images/backtomusic-over.jpg) no-repeat left top;}
div#page.media div.bookcont div.text p a.music-subculture {display:block; width:145px; height:37px; background:url(../images/subculture-back.gif) no-repeat left top; line-height:37px; text-align:center; text-decoration:none; font-size:8pt;}
div#page.media div.bookcont div.text p a.music-subculture:hover {background:url(../images/subculture-back-on.gif) no-repeat left top;}
div#page.media div.bookcont div.text p a.music-fiction {display:block; width:150px; height:37px; background:url(../images/fiction-back.gif) no-repeat left top; line-height:37px; text-align:center; text-decoration:none; font-size:8pt;}
div#page.media div.bookcont div.text p a.music-fiction:hover {background:url(../images/fiction-back-on.gif) no-repeat left top;}

div#page.media div.bookcont div.text em {border-bottom:1px solid #fff; display:block; margin-left:15px; margin-right:15px; font-size:7pt; padding:2px 0;}


div#page.media div.spec {width:135px; float:left; margin-left:10px; display:block; }
div#page.media div.spec ul {margin:0; padding-left:15px; padding-top:10px;background-color:#cccccc;}
div#page.media div.spec ul li {list-style-type:none;font-size:8pt; color:#4c4c4c; line-height:12pt;}
div#page.media div.spec ul li.last {background:url(../images/specs-bottom.jpg) no-repeat; height:23px;padding:0;}
div#page.media div.spec h1 {margin:0 0 10px;font-size:8pt;}
div#page.media div.spec h4 {margin:10px 0 2px; color:#4c4c4c;}

div#page.media div.spec div.buy a {display:block; width:145px; height:37px; background:url(../images/buy.jpg) no-repeat left top; line-height:37px; text-align:center; text-decoration:none; font-size:8pt; margin-top:5px; }


div#page.media div.spec div.buy a:hover {background:url(../images/buy-over.jpg) no-repeat left top;}


div#consul {padding:0 0 0; line-height:14pt;}
div#consul h1 {display:inline; margin:0; font-size:14pt; color:#4f1e91;}
div#consul h2 {font:32pt Arial, Helvetica, sans-serif; margin:15px 0 0;}
div#consul h3 {font:14pt Arial, Helvetica, sans-serif; margin:10px 0 20px; color:#4f1e91; font-weight:bold;}
div#consul p.text {font-size:9pt; color:#000000; line-height:16pt; }
div#consul p.quote {font-size:9pt; margin:15px 0; padding:0 10px 0 0;color:#4f1e91; font-weight:bold;}
div#consul p.quote span {font-size:9pt; font-weight:bold; color:#000; }

div#consul div.pic { width:207px; height:226px; float:left; margin-right:10px; background:url(../images/consultancy-pic.jpg) no-repeat 1px; border:thin solid #CCCCCC;  }

div#consul div.text { width:540px; float:left; margin-right:10px; font-size:9pt; color:#000000; line-height:16pt; padding-bottom:15px;  }


div#page.media div.contact1 { width:200px; height:400px; float:left; display:block; border-right:thin solid #CCCCCC;  margin-right:10px; color:#000000; font-size:9pt; }
div#page.media div.contact1 h2 {font-size:9pt; padding:0px;color:#4f1e91; font-weight:bold;}
div#page.media div.contact1 p {color:#000; padding-top:0px; line-height:14pt;}
div#page.media div.contact1 p span {color:#4f1e91;}
div#page.media div.contact1 p em {font-style:normal; font-weight:bold;}
div#page.media div.contact1 p a {color:#000; text-decoration:none;}
div#page.media div.contact1 p a:hover {color:#4f1e91;}


div#page.media div.contact2 { width:330px;height:400px; float:left; display:block; border-right:thin solid #CCCCCC;  margin-right:10px;color:#000000;font-size:9pt;line-height:14pt; padding-left:30px;}
div#page.media div.contact2 h2 {font-size:9pt; padding:0px; color:#4f1e91; font-weight:bold;}
div#page.media div.contact1 p {color:#000; padding-top:0px;line-height:14pt;}
div#page.media div.contact2 p span {color:#4f1e91;}
div#page.media div.contact2 p em {font-style:normal; font-weight:bold;}
div#page.media div.contact2 p a {color:#000; text-decoration:none;}
div#page.media div.contact2 p a:hover {color:#4f1e91;}

div#page.media div.contact3 { width:176px; float:left; display:block;color:#000000; font-size:9pt; padding-left:10px;}
div#page.media div.contact3 p {color:#000; padding-top:0px;line-height:14pt;}

.timage-bg 	{
		background-color:	#000000 !important; 
   		width:			118px;
   		height:			176px;
		}
.timage 	
{
        float: left;
   		width:			118px;
   		height:			176px;
   		background-repeat:	no-repeat;
		}
.timage:hover 	{
   		background-color:	#000000 !important; 
   		filter:			alpha(opacity=80); /* Internet Explorer */
		-moz-opacity:		0.8; /* Mozilla 1.6 and below */
		opacity:		0.8; /* newer Mozilla and CSS-3 */
		}
.firsttimage-bg 	{
		background-color:	#000000 !important; 
   		width:			118px;
   		height:			176px;
		}
.firsttimage 	{
   		float: left;
   		width:			118px;
   		height:			176px;
   		background-repeat:	no-repeat;
		}
.firsttimage:hover 	{
   		background-color:	#000000 !important; 
   		filter:			alpha(opacity=80); /* Internet Explorer */
		-moz-opacity:		0.8; /* Mozilla 1.6 and below */
		opacity:		0.8; /* newer Mozilla and CSS-3 */
		}