@charset "UTF-8";
/* CSS Document */

body {
	padding:0;
	margin:0;	/* necesarry for the raster to fill the screen */
	/*background-color:#000000;*/
	font:80%/2 "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color:#afb0bb;
}
body div#background {
	z-index: -1000;
	position:fixed;
	top: 0px;
	right:0px;
	left:0px;
	bottom:0px;
	text-align:center;
	padding:0px;
}
body#black div#background { background-color:#000000;
}
body#main div#background {
	background: black url('http://www.johnlefebvre.com/ssp_director/albums/album-5/lg/001.jpg') center center fixed no-repeat;
}
body#biography div#background {
	background: black url('http://www.johnlefebvre.com/ssp_director/albums/album-6/lg/bio06.jpg') center center fixed no-repeat;
}
body#music div#background {
	background: black url('http://www.johnlefebvre.com/ssp_director/albums/album-7/lg/music06.jpg') center center fixed no-repeat;
}
body#musicinitial div#background {
	background: black url('http://www.johnlefebvre.com/ssp_director/albums/album-11/lg/01.jpg') center center fixed no-repeat;
}
body#musicpsalngs div#background {
	background: black url('http://www.johnlefebvre.com/ssp_director/albums/album-10/lg/psanlgs13.jpg') center center fixed no-repeat;
}
body#multimedia div#background {
	background: black url('http://www.johnlefebvre.com/ssp_director/albums/album-19/lg/03.jpg') center center fixed no-repeat;
}
body#conscience div#background {
	background: black url('http://www.johnlefebvre.com/ssp_director/albums/album-12/lg/conscience07a.jpg') center center fixed no-repeat;
}
body#tour div#background {
	background: black url('http://www.johnlefebvre.com/ssp_director/albums/album-9/lg/tour03.jpg') center center fixed no-repeat;
}
body#press div#background {
	background: black url('http://www.johnlefebvre.com/ssp_director/albums/album-8/lg/IMG_0533.jpg') center center fixed no-repeat;
}
body#contact div#background {
	background: black url('http://www.johnlefebvre.com/ssp_director/albums/album-19/lg/music03.jpg') center center fixed no-repeat;
}
body#store div#background {
	background: black url('http://www.johnlefebvre.com/ssp_director/albums/album-8/lg/022.jpg') center center fixed no-repeat;
}
body#introducing div#background {
	background: black url('http://www.johnlefebvre.com/ssp_director/albums/album-8/lg/022.jpg') top center fixed no-repeat;
}
object { outline:none}

/*body#store div#background {
	z-index: -1000;
	position:fixed;
	top: 0px;
	right:0px;
	left:0px;
	bottom:0px;
	text-align:center;
	padding:0px;
	opacity:1;
	-moz-opacity:1;
}*/
#realBody {
	position:absolute;
	z-index: 5;				/* Place the new body above the background image */
	overflow:auto; 			/* restore scrollbars for the content */
	height:100%;
	width:100%;	/* Make the new body fill the screen */
	background: url('../images/raster.png'); /* this is just a fancy raster, you can remove it; I kinda like it though */
}
h1 {
	margin:0;
	font:normal 26px/1.1 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-align:left;
	letter-spacing:1px;
	text-transform:none;
	color:#FFFFFF;
	margin-bottom: 0;
	padding-bottom: 0;
}
h2 {
	margin:0;
	font:normal 18px/1.1 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	color:#FFF;
	text-align:left;
	letter-spacing:0px;
	text-transform:uppercase;
	margin-bottom: 0;
	padding-bottom: 0;
}
h3 {
	margin:0;
	font:normal 18px/1.1 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	color:#FFFFFF;
	text-align:left;
	letter-spacing:0px;
	text-transform:uppercase;
	margin-bottom: 0;
	padding-bottom: 0;
}
h4 {
	margin:0;
	font:normal 10px/1.1 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-align:left;
	letter-spacing:0px;
	text-transform:uppercase;
	margin-bottom: 0;
	padding-bottom: 0;
}

h5 {
	margin:0;
	font:normal 16px/1.4 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	color:#FFFFFF;
	text-align:left;
	letter-spacing:0px;
	text-transform:uppercase;
	margin-bottom: 0;
	padding-bottom: 0;
}

blockquote {
	font-family: Georgia, serif;
	font-size: 24px;
	line-height:28px;
	text-align: left;
	font-style:italic;
	color: FFF;
}
.pullquote, .article-pullquote {
	width:350px;
	text-align:left;
	float:left;
	font-family:georgia, serif;
	font-style:italic;
	padding-left:20px;
	padding-bottom:18px;
	padding-top:20px;
	padding-right:20px;
	font-size:30px;
	line-height:35px;
	color:#ffffff;
	letter-spacing:-1px;
}

.text_large {
	font:normal 13px/1.7 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	color:#afb0bb;
	text-align:left;
	letter-spacing:0px;
}
.text_small {
	font:normal 10px/1.5 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	color:#afb0bb;
	text-align:left;
	text-transform:uppercase;
	letter-spacing:0px;
}
.text_small_red {
	font:normal 12px/1.7 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	color:#CC1144;
	text-align:left;
	text-transform:uppercase;
	letter-spacing:0px
}
.text_store {
	font:normal 11px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	line-height:9px;
	color:#afb0bb;
	text-align:left;
	letter-spacing:0px;
}
a:link, a:visited {
	color:#CC8844;
	text-decoration:none;
}
a:focus, a:hover {
	color:#CC1144;
}
a {
	outline: none;
}
/* Styling */

.download {
	margin:0;
	font:normal 9px/1.1 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-align:left;
	letter-spacing:0px;
	text-transform:uppercase;
	margin-bottom: 0;
	padding-bottom: 0;
}
#header_main {
	background-image:url(../images/headerbg.jpg);
	position:fixed;
	bottom:0px;
	width:800px;
	opacity:1;
	-moz-opacity:1;
	padding:20px 50px 20px 50px;
	text-align:left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	CCborderradius: 3px;
}
#header_main h1 {
	margin: 0;
	font:normal 32px/1.1 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-align:left;
	letter-spacing:1px;
	text-transform:none;
	color:#ffffff;
	margin-bottom: 0;
	padding-bottom: 0;
}
#header_main h2 {
	margin: 0;
	font:normal 14px/1.1 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-align:left;
	letter-spacing:1px;
	text-transform:none;
	color:#cccccc;
	margin-bottom: 0;
	padding-bottom: 0;
}



#header_holder {background-image:url(../images/headerbg.jpg);
	position:fixed;
	bottom:0px;
	width:800px;
	opacity:1;
	-moz-opacity:1;
	padding:30px 30px 30px 30px;
	text-align:center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	CCborderradius: 3px;
}
#header_holder h1 {
	margin: 0;
	font:normal 32px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	line-height:36px;
	color:#ffffff;
}
#header_holder h2 {
	margin: 0;
	font:normal 24px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	line-height:36px;
	color:#ffffff;
}


#header {
	background-image:url(../images/headerbg.jpg);
	width:800px;
	opacity:1;
	-moz-opacity:1;
	padding:40px 50px 40px 50px;
	text-align:left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	CCborderradius: 3px;
}
#header h1 {
	margin: 0;
	font:normal 32px/1.1 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-align:left;
	letter-spacing:1px;
	text-transform:none;
	color:#ffffff;
	margin-bottom: 0;
	padding-bottom: 0;
}
#header h2 {
	margin: 0;
	font:normal 14px/1.1 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-align:left;
	letter-spacing:1px;
	text-transform:none;
	color:#cccccc;
	margin-bottom: 0;
	padding-bottom: 0;
}
#footer { clear:both;
	width:800px; height:50px;
	background:#131010;
	padding:0px 50px 0px 50px;
	text-align:left;
	bottom:0px;
	position:fixed;
	z-index:500;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	CCborderradius: 3px;
}
#footer h1 {
	font:normal 24px/1.1 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-align:left;
	letter-spacing:1px;
	text-transform:none;
	color:#ffffff;
	margin-bottom: 0;
	padding-bottom: 0;
}
#footer h2 {
	margin: 0;
	font:normal 12px/1.1 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-align:left;
	letter-spacing:1px;
	text-transform:none;
	color:#cccccc;
	margin-bottom: 0;
	padding-bottom: 0;
}
#footer_logo { float:left;
	z-index: 500;
	position:absolute;
	bottom: 0px;
	left:50px;
	padding:0px 0px 20px 0px
}
#social { float:right;
	z-index: 500;
	position:absolute;
	bottom: 0px;
	right:50px;
	padding:0px 0px 5px 0px
}
#logo {
	background-color:#000000;
	z-index: 500;
	width:70px;
	height:98px;
	position:absolute;
	top: 0px;
	right:200px;
}

#social2 {
	z-index: 500;
	position:absolute;
	top: 0px;
	right:15px;
}

#navigation a {
	letter-spacing:1px;
	margin: 0;
	color:#CC8844;
	text-decoration:none;
}
#navigation ul {
	margin: 0;
	padding: 0;
}
#navigation ul li {
	margin: 0;
	list-style-type: none;
	display: inline;
}
#navigation li a {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 25px 10px 0px;
	color: #CC8844;
	text-decoration: none;
	border-right: 5px;
}
#navigation li a:hover {
	margin: 0;
	color:#CC1144;
}

#navigation h2 {
	margin:0;
	font:normal 14px/1.1 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	font-weight:900;
	color:#FFF;
	text-align:left;
	letter-spacing:-2px;
	text-transform:uppercase;
	margin-bottom: 0;
	padding-bottom: 0;
}


#container {
	margin: 0 auto;
	width: 900px;
	z-index:1000;
}

#header_long {
	background-image:url(../images/bg_brown90.png);
	width:800px;
	opacity:1;
	-moz-opacity:1;
	padding:10px 50px 10px 50px;
	text-align:left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	CCborderradius: 3px;
}
#header_long h1 {
	margin: 0;
	font:normal 26px/1.1 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-align:left;
	letter-spacing:1px;
	text-transform:none;
	color:#dedede;
	margin-bottom: 0;
	padding-bottom: 0;
}
#sub_fullcontent {
	background-image:url(../images/bg_brown80.png);
	width:800px;
	opacity:1;
	-moz-opacity:1;
	padding:30px 50px 30px 50px;
	text-align:left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	CCborderradius: 3px;
}
#sub_fullcontent_media {
	background-image:url(../images/bg_brown80.png);
	width:800px;
	opacity:1;
	-moz-opacity:1;
	padding:0px 50px 30px 50px;
	text-align:left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	CCborderradius: 3px;
}
#sub_fullcontent_tall {
	background-image:url(../images/bg_brown80.png);
	width:800px; height:540;
	opacity:1;
	-moz-opacity:1;
	padding:30px 50px 30px 50px;
	text-align:left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	CCborderradius: 3px;
}
#sub_fullcontent_music {
	background-image:url(../images/bg_brown80.png);
	width:800px;
	height:360px;
	opacity:1;
	-moz-opacity:1;
	padding:20px 50px 20px 50px;
	text-align:left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	CCborderradius: 3px;
	margin-bottom:0px;
}
#sub_halfcontent_left {
	background-image:url(../images/bg_brown80.png);
	float:left;
	width:345px;
	opacity:1;
	-moz-opacity:1;
	padding:30px 50px 30px 50px;
	margin-bottom:100px;
	text-align:left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	CCborderradius: 3px;
}
#sub_halfcontent_right {
	background-image:url(../images/bg_brown80.png);
	float:right;
	width:345px;
	opacity:1;
	-moz-opacity:1;
	padding:30px 50px 30px 50px;
	margin-bottom:100px;
	text-align:left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	CCborderradius: 3px;
}

#sub_aside {
	background-image:url(../images/bg_brown_fade2.png);
	background-repeat:no-repeat;
	clear: left;
	float: left;
	width: 210px;
	height:800px;
	padding:40px 50px 50px 50px;
	margin-top:0px;
	display: inline;
	margin-bottom:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	CCborderradius: 3px;
	z-index:1000;
}
#sub_aside h1 {
	font:normal 18px/1.1 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-align:left;
	letter-spacing:1px;
	text-transform:none;
	color:#ffffff;
	margin-bottom: 0;
	padding-bottom: 0;
}
#sub_aside h2 {
	margin: 0;
	font:normal 16px/1.1 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-align:left;
	letter-spacing:1px;
	text-transform:none;
	color:#CC1144;
	margin-bottom: 0;
	padding-bottom: 0;
}
#sub_aside h3 {
	margin: 0;
	font:normal 14px/1.1 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-align:left;
	letter-spacing:1px;
	text-transform:none;
	color:#CCCCCC;
	margin-bottom: 0;
	padding-bottom: 0;
}
#sub_aside h5 {
	margin: 0;
	font:normal 14px/1.1 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-align:left;
	letter-spacing:1px;
	text-transform:none;
	color:#CCCCCC;
	margin-bottom: 0;
	padding-bottom: 0;
}

#sub_rightcontent_header {
	background-image:url(../images/bg_brown90.png);
	float:right;
	width: 500px;
	padding:30px 50px 30px 40px;
	margin:0px 0px 0px 0px;
	text-align:left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3
}
#sub_rightcontent {
	background-image:url(../images/bg_brown80.png);
	float:right;
	width: 500px;
	padding:40px 50px 50px 40px;
	margin-top:0px;
	display: inline;
	text-align:left;
	margin-bottom:100px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3
}
#sub_rightcontent h1 {
	font:normal 32px/1.1 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-align:left;
	letter-spacing:1px;
	text-transform:none;
	color:#CC1144;
	margin-bottom: 0;
	padding-bottom: 0;
}
#sub_rightcontent h2 {
	margin: 0;
	font:normal 16px/1.1 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-align:right;
	letter-spacing:1px;
	text-transform:none;
	color:#cccccc;
	margin-bottom: 0;
	padding-bottom: 0;
}
#sub_rightcontent h3 {
	margin: 0;
	font:normal 24px/1.1 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-align:left;
	letter-spacing:1px;
	text-transform:none;
	color:#dedede;
	margin-bottom: 0;
	padding-bottom: 0;
}
#sidecontainer {
	clear: left;
	float: right;
	height:200px;
	width:250px;
	padding:0px 0px 0px 0px;
	margin-top:0px;
	display: inline;
	text-align:justify;
	margin-bottom:5px;
	opacity:0.9;
	-moz-opacity:0.9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	CCborderradius: 3px;
	background-image:url(../images/bg_black.png);
	z-index: 500;
	position:relative;
}
#video {
	background-color:#CCCCCC;
	clear: left;
	margin:10px;
	display: inline;
	text-align:justify;
	margin-bottom:5px;
	opacity:0.9;
	-moz-opacity:0.9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	CCborderradius: 3px;
	z-index: 510;
	position:relative;
}
#sub_hr { height:100px;
	background-image:url(../images/hr_wide.png);
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
/* TOUR DATES */

.date {
	color:afb0bb;
	width: 510px;
	height: 120px;
	line-height: 18px;
	padding: 0px 0px 0px 0px;
	clear: left;
}
.date .day, .date .day a {
	font-size: 18px;
	clear: left;
	float: left;
	width: 510px;
	color: #CC8844;
	text-decoration: none;
	text-align:left;
}
.date .venue {
	font-size: 14px;
	color:#FFF;
	float: left;
	width: 510px;
	text-decoration: none;
	text-align:left;
	padding:0px;
}
.date .venue a {
	text-decoration: none;
	text-align:left;
	color: #FFFFFF;
	background-color: #222222;
	padding: 3px 6px 3px 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	CCborderradius: 3px;
}
.date .venue a:hover {
	margin: 0;
	color:#FFFFFF;
	background-color: #CC1144;
	padding: 3px 6px 3px 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	CCborderradius: 3px;
}
.date .venue .name {
	color: #FFFFFF;
	clear: left;
	float: left;
	width: 510px;
	text-align:left;
	padding: 0px 0px 0px 0px;
	margin:0px;
}
.date .venue .locale {
	color: #CC1144;
	clear: left;
	float: left;
	width: 510px;
	text-align:left;
	padding: 0px 0px 0px 0px;
}
.date .venue .country {
	color: #CC1144;
	float: left;
	width: 50px;
	text-align:left;
	padding: 0px 0px 0px 0px;
}
.date .venue .tix {
	float: left;
	width: 510px;
	text-align:left;
	padding: 0px 0px 0px 0px;
}
/* here is the CONTENT ON/OFF NAVIGATION style*/

#contentonoff_navigation {
	float: left;
	background: #000000;
	padding: 0px 0px 6px 0px;
	margin-bottom:5px;
	color:#D03900;
	opacity:0.9;
	-moz-opacity:0.9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	CCborderradius: 3px;
}
#contentonoff_navigation ul {
	margin: 0;
	padding: 0;
}
#contentonoff_navigation ul li {
	list-style-type: none;
	display: inline;
}
#contentonoff_navigation li a {
	float: left;
	margin: 0px 10px 0px 10px;
	padding: 3px 10px 6px 10px;
	color: #D03900;
	background-color: #000000;
	text-decoration: none;
	border-right: 5px;
}
#contentonoff_navigation li a:hover {
	color:#FFFFFF;
	background-color: #D03900;
	padding: 3px 10px 6px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	CCborderradius: 3px;
}
#contentonoff_navigation h2 {
	margin:0;
	font:normal 10px/1.1 "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-align:left;
	letter-spacing:0px;
	text-transform:uppercase;
	margin-bottom: 0;padding-bottom: 0;
}