/* ----------------- COLOURS  ----------------- *
Beige : #b6a79c
Denim : #8796a7
Dark Denim : #354455
*/

/* ----------------- PAGE STYLES ----------------- */
body { background-color: #fff; margin: 0px 10px 10px 10px; }
#frame { width: 760px; margin-left: auto; margin-right:auto; }

/* ----------------- MISC STYLES ----------------- */
.clear { clear: both; }
hr { height: 1px; border:0; border-top: 1px solid #fff; }
.error { color: #c00; }

/* ----------------- DEFAULT FONT STYLES ----------------- */
body, td, div, h3, p, li, input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; }

h3 { font-size: 80%; line-height: 1.3em; margin: .5em 0 .8em 0; color: #fff; font-weight:bold; }
p { font-size: 80%; line-height: 1.5em; margin: .5em 0 .8em 0; color: #fff;  }
li { font-size: 80%; line-height: 1.3em; margin: .5em 0 1em 0; color: #fff; }
a:link, a:visited { color: #fff; }
a:active, a:hover { color: #b6a79c; }
a { outline: none; }
.tiny { font-size: 70%; }

/* ----------------- HEADER ----------------- */
#header { width: 760px; height: 155px; }
#header h1 { display: none; visibility: hidden; }
#logo { width: 300px; height: 120px; float: left; }
#header-image { width: 460px; height: 120px; float: left; }

/* navigation */
#navigation-container { width: 760px; height: 34px; background: url(../images/nav_tile.gif) bottom left repeat-x; margin-bottom:1px; }
#navigation { width: auto; float:right; height: 34px; }
#navigation div { height: 34px; float:left; background-position: top left; background-repeat: no-repeat; margin-right: 20px; }
#navigation a { height: 34px; display: block; outline: none; } 
#navigation a:hover { background-position: bottom left; background-repeat: no-repeat; }
#navigation span { display: none; visibility: hidden; }
#navigation .selected { background-position: bottom left; }

/* navigation buttons */
#navigation .home, #navigation .home a:hover { width: 42px; background-image: url(../images/nav_home.gif); }
#navigation .lorenz, #navigation .lorenz a:hover { width: 47px; background-image: url(../images/nav_lorenz.gif); }
#navigation .musicvideo, #navigation .musicvideo a:hover { width: 83px; background-image: url(../images/nav_musicvideo.gif); }
#navigation .publicity, #navigation .publicity a:hover { width: 58px; background-image: url(../images/nav_publicity.gif); }


/* ----------------- BODY ----------------- */
#body { width: 760px; }
.body-full { background-color:#000; }
.body-split { background: url(../images/body_tile.gif) top left repeat-y; }
#side-content { width: 266px; float: left; margin-right: 1px; padding: 0; }
#content { width: 453px; float: left;  padding: 20px 20px 10px 20px; background: url(../images/content_tile.gif) top left repeat-x; }
#full-content { width: 720px; padding: 20px 20px 10px 20px; background: url(../images/content_tile.gif) top left repeat-x; }

/* page titles */
#page-title { width: 453px; height: 24px; margin: 0 0 0 0; background-repeat:no-repeat; background-position: top left; }
#page-title h2 { display: none; visibility: hidden; }
#publicity-title { width: 300px; float:left; height: 24px; margin: 0 0 0 0; background-repeat:no-repeat; background-position: top left; }
#publicity-title h2 { display: none; visibility: hidden; }
.title-home { background-image: url(../images/title_home.gif); }
.title-lorenz { background-image: url(../images/title_lorenz.gif); }
.title-musicvideo { background-image: url(../images/title_musicvideo.gif); }
.title-musicvideo-setmefree { background-image: url(../images/title_musicvideo_setmefree.gif); }
.title-musicvideo-goodboygonebad { background-image: url(../images/title_musicvideo_goodboygonebad.gif); }
.title-musicvideo-turnthebeataround { background-image: url(../images/title_musicvideo_turnthebeataround.gif); }
.title-publicity-nationalpress { background-image: url(../images/title_publicity_nationalpress.gif); }
.title-publicity-regionalpress { background-image: url(../images/title_publicity_regionalpress.gif); }
.title-publicity-celebs { background-image: url(../images/title_publicity_celebs.gif); }
.title-publicity-billboards { background-image: url(../images/title_publicity_billboards.gif); }

/* sub titles */
#sub-title { width: 453px; height: 17px; margin: 0 0 0 0; background-repeat:no-repeat; background-position: top left; }
#sub-title h3 { display: none; visibility: hidden; }
.subtitle-latestnews { background-image: url(../images/subtitle_latestnews.gif); }

/* quotes on home page */
.home-quote { width: 453px; margin:10px 0 10px 0;  background-repeat:no-repeat; background-position: top left; }
.home-quote p { display: none; visibility: hidden; }
.quote-1 { background-image: url(../images/quote_1.gif); height: 74px; }
.quote-2 { background-image: url(../images/quote_2.gif); height: 30px; }
.quote-3 { background-image: url(../images/quote_3.gif); height: 30px; margin-bottom: 15px; }

/* publicity */
#sub-menu { width: 420px; float: left; text-align: right; }
#sub-menu p { margin: 0; color: #8796a7; }
#sub-menu a:link, #sub-menu a:visited { color: #fff; text-decoration: none; }
#sub-menu a:active, #sub-menu a:hover { color: #8796a7; text-decoration: none; }

#thumbnails { margin: 20px 0 0 0; }
#thumbnails div { float: left; padding: 0 17px 17px 0;  }
#thumbnails div.right { padding-right:0; }
#thumbnails img { border-width: 1px; }
#thumbnails a:link, #thumbnails a:visited { color: #fff; }
#thumbnails a:active, #thumbnails a:hover { color: #8796a7; }

/* music / video */
#music-player { width: 320px; height:180px; margin: 30px auto 28px auto; border: 1px solid #354455; }
#movie-thumbnail-container { width: 320px; margin: 0 auto 0 auto; }
.movie-thumbnail { width: 145px; float: left; text-align: center; font-size: 70%; }
.movie-thumbnail img { border: 1px solid #354455; }
#movie { width: 320px; margin: 30px auto 0 auto; }


/* ----------------- FOOTER ----------------- */
#footer { width: 760px; padding: 10px 0 0 0; background: url(../images/footer_tile.gif) top left repeat-x; }

#footer-copyright {
	width:610px;
	float: left;
	font-size: 70%;
	color:#999;
	text-align: left;
}

#footer-credit {
	font-size: 70%;
	width:150px;
	height: 22px;
	float: left;
	text-align:right;
	color:#999;
}
#footer-credit-logo{
	height: 22px; display:block;
	padding-right:36px;
	background: url(../images/credit_2c.gif) top right no-repeat;
}
#footer-credit-logo { text-decoration: none; color:#999; }
#footer-credit-logo:hover { background-position: bottom right; }
#footer-credit-logo span { display:none; }