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

@import url("navigation2.css");

body { 
	background: #1e1007 repeat 0 0;
	margin: 0 auto;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
}

.clear { clear:both;}

/*---------------------------------------------*/
/* TITLE HEADER 
/*---------------------------------------------*/
#Title_Wrapper {
	background:url(images/header_bg.jpg) repeat-x 0 0;
	width: 100%;
	height: 189px;
	margin: 0 auto;
	padding: 0;
}

#Title_Content_Wrapper {
	width: 800px;
	margin:0 auto;
}

#Title h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 34px;
	font-weight: bold;
	color: #542710;
	position: relative;
	top: 13px;
	left: 5px;
	float:left;
}
#Title h1 a {
		text-decoration: none;
}

#Title_logo_art {
	background:url(images/rhema_logo_symbol_top.png) no-repeat 0 0;
	width:105px;
	height:105px;
	position: relative;
	top: 5px;
	left: 10px;
	float:left;
}
#Title_verse {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #913303;
	position: relative;
	top: 42px;
	left: 18px;
	float:left;
}


/*---------------------------------------------*/
/* NAVIGATION
/*---------------------------------------------*/
.bluegreen_bar {
	background:url(images/blue_accentbar.jpg) repeat-x 0 0;
	width: 100%;
	height: 12px;
	margin: 0 auto;
	margin-top: -2px;
}
.bluegreen_bar_middle {
	background:url(images/blue_accentbar.jpg) repeat-x 0 0;
	width: 800px;
	height: 12px;
	margin: 0 auto;
	margin-top: -2px;
	position:relative;
	left: -1px;
	z-index: 600001;
	float:left;
}
#rhematagline {
	background:url(images/tag_7yearold_text.png) no-repeat 0px 0px;
	width:403px;
	height: 28px;
	float:right;
	position:relative;
	top: 23px;
	
}


/*---------------------------------------------*/
/* CONTENT
/*---------------------------------------------*/
.Content_Wrapper { /* all content that falls in to 1025px width */
	background:#FFF repeat 0 0;
	margin: 0 auto;
	width: 800px;
	clear:both;
	position:relative;
	z-index: 1;
}

.BrownBox_Wide {
	background:url(images/brownbox_lrg_wide2.jpg) no-repeat 0 0;
	width:682px;
	height:294px;
	float:left;
	position:relative;
	top:0;
	left:0;
	clear:both;
}

.BrownBox_TopRight {
	background:url(images/brownbox_top_right.png) no-repeat 0 0;
	width: 343px;
	height:	294px;
	float:left;
	position:relative;
}
#DoYouKnowJesus {
	float:left;
	position: relative;
	top: 10px;
	left: 10px;
}
#DoYouKnowJesus a {
	display:block;
	background:url(images/doyouknowjesus_sprite_bluebox2.jpg) no-repeat 0 0;
	width:249px;
	height:273px;
}
#DoYouKnowJesus a:hover {
	background-position: 0 -273px;
}
#WelcomeVideo {
	width: 407px;
	height: 245px;
	float:left;
	position:relative;
	top: 10px;
	left: 15px;
}
.WelecomeVideo a {
	display:block;
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	font-weight:bold;
	font-variant:small-caps;
	color:#84542f;
	text-decoration:none;
	margin:0 auto;
	width:407px;
	text-align:center;
}
.WelecomeVideo a:hover {
}
#FlashAnimation {
	position:relative;
	top: 10px;
	left: 6px;
}

/*--- 3 Bar Brown Box ----*/
.Content_RibbonMiddle { /* all content the falls into 1124px width */
	width: 800px;
	margin:0 auto;
	position:relative;
	right: -39px;
	z-index:1;
}

#BrownBox_3BtnLeft {
	background: #503721 url(images/brownbox_3barBtn_half.jpg) no-repeat 0 0;
	width:344px;
	height:294px;
	float:left;
	position: relative;
	left: -1px;
	z-index: 2;
}
#Btn_Music {
	position:relative;
	top: 15px;
	left: 6px;
	z-index: 3;
	}
#Btn_Music a {
	display:block;
	background: url(images/btn_lrg_music.jpg) no-repeat 0 0;
	width: 330px;
	height: 80px;
}
#Btn_Music a:hover {
	background-position: 0 -80px;
}
#Btn_Photos {
	position:relative;
	top: 27px;
	left: 6px;
	z-index: 3;
	}
#Btn_Photos a {
	display:block;
	background: url(images/btn_lrg_photos.jpg) no-repeat 0 0;
	width: 330px;
	height: 80px;
}
#Btn_Photos a:hover {
	background-position: 0 -80px;
}
#Btn_Videos {
	position:relative;
	top: 40px;
	left: 6px;
	z-index: 3;
	}
#Btn_Videos a {
	display:block;
	background: url(images/btn_lrg_video.jpg) no-repeat 0 0;
	width: 330px;
	height: 80px;
}
#Btn_Videos a:hover {
	background-position: 0 -80px;
}


/*---- BUY ONLINE ---*/
#BuyOnline_Box {
	/*background: url(images/brownbox_sep_horz_top.png) no-repeat 0 0;*/
	width: 373px;
	height: 294px;
	float:left;
	position:relative;
	top:0;
	left:0;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 2;
}
#BuyOnline_Wrapper {
	width: 185px;
	float:left;
	position:relative;
	top: 50px;
	left: -1px;
	z-index: 300001;
}
#BuyOnline_Top {
	display:block;
	width:185px;
	height:91px;
	background:url(images/buyonline_iTunesAmazon_box_sprite.png) no-repeat 0 0;
}
#BuyOnline_iTunes a {
	display:block;
	width:185px;
	height:72px;
	background:url(images/buyonline_iTunesAmazon_box_sprite.png) no-repeat 0 -91px;
}
#BuyOnline_iTunes a:hover {
	background-position: 0 -537px;
}
#BuyOnline_Amazon a {
	display:block;
	width: 185px;
	height: 58px;
	background:url(images/buyonline_iTunesAmazon_box_sprite.png) no-repeat 0 -164px;
}
#BuyOnline_Amazon a:hover {
	background-position: 0 -387px;
}

#iPhone_Rhema {
	background:url(images/rhema_iphone_1.png) no-repeat 0 0;
	width: 316px;
	height: 367px;
	float:left;
	position: absolute;
	top: 13px;
	left: 100px;
	clear:both;
	z-index: 1;
}

/*---- Twitter Box ----*/
#BrownBox_Twitter {
	background:url(images/brownbox_twitter.png) no-repeat 0 0;
	width:367px;
	height:273px;
	float:left;
	position:relative;
	z-index:2;
}
.BrownBox_Twitter_WhiteFill {

	width: 307px;
	height:24px;
	float:left;
	position:relative;
	top: -3px;
	z-index:0;
}
#twitter_div{position:absolute; left:10px; top:70px; width:239px; height:143px; text-align:left; line-height: 10px;}
#twitter-link{display:block; height:25px; width:130px; margin:0 0 0 30px;}
#twitter_update_list {width:220px; height:158px; margin:0 10px 0 10px; padding:5px 10px 0; overflow:hidden; overflow-y:auto; color:#59d9ea; cursor:default;}
#twitter_update_list ul{font-size:11px; color:#59d9ea;}
#twitter_update_list li{color: #CCC; display:block; font-size:10px; padding-bottom:10px;}
#twitter_update_list li a{color:#59d9ea;}

#BottomTwitter_MusicPlayer{
	position: absolute;
	right: 5px;
	bottom:240px;
}


/*---- CONTENT WHITE ----*/
.Content_White_Wrapper { /* all content that falls in to 1025px width */
	background:#FFF repeat 0 0;
	margin: 0 auto;
	padding:0;
	width: 800px;
	position:relative;
}
#CDCover_Rhema {
	background:url(images/cdcover_1.png) no-repeat 0 0;
	width:222px;
	height:240px;
	float:left;
	position: relative;
	top:38px;
	left: 188px;
}
#ContentPhoto_Rhema {
	background:  url(images/rhema_content_1.png) no-repeat 0 0;
	width:268px;
	height:231px;
	float:left;
	position: relative;
	top:34px;
	left: 148px;
}
#ContentPhoto2_Rhema {
	background: url(images/rhema_content_2.png)no-repeat 0 0;
	width:120px;
	height:266px;
	float:left;
	position: relative;
	top:34px;
	left: 208px;
}
#CDCover_Content {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	width: 800px;
	position: relative;
	top:88px;
	left:148px;
}

#TouchALife_Rhema_Logo a, #TouchALife_Rhema_Logo a:hover {
	clear: both;
	display:block;
	background:url(images/TouchALife_logo_sm.png) no-repeat 0 0;
	width:120px;
	height:31px;
	padding:0;
	margin:0;
	float:right;
	position: relative;
	bottom:2px;
	right:5px;
}
#Content_Verse {
	clear:both;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight:bold;
	color:#d8d8d8;
	text-align:right;
	position:relative;
	right: 10px;
	bottom:2px;
	letter-spacing: 0px;
	margin-bottom: 3px;
	padding:0;
	padding-top: 0px;
}
#FacebookLikeBtn {z-index:10001; position:relative; clear:left; float:left; top: 33px; left: 145px;}

#VineArt {
	display:block;
	background:url(images/flowery_art_vine_left.png) no-repeat 0 0;
	width: 577px;
	height:805px; /* org height 897px; */
	float:left;
	position: absolute;
	top: -179px;
	left: 0px;
}

/*---- FOOTER ----*/
#Footer_Wrapper {
	background:url(images/footer_bg.png) repeat-x 0 0;
	width: 800px;
	height: 106px;
	margin: 0 auto;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color:#fff;
	position:relative;
	top:-3px;
	left:0;
	z-index: 0;
}
#Footer_Copyright {
	clear: left;
	position:relative;
	bottom:5px;
	left: 5px;
}
#Footer_Copyright a {
	text-decoration:none;
	color:#FFF;
}
#Footer_Copyright a:hover {
	text-decoration:underline;
	color:#e8b459;
}

/*---- Social Icons ---*/
#Footer_Social_Icons {
	display:block;
	background:url(images/social_icons_transparent.png) no-repeat 0 0;
	width: 360px;
	height: 80px;
	margin: 0;
	padding: 0;
	float:left;
	position:relative;
	top: 5px;
	left: 5px;
}
#Footer_Social_Icons li {
	display:inline;
}
#Footer_Social_Icons li a {
	position: absolute;
	top: 0;
	height: 80px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
#Footer_Social_Icons .myspace a {
	left: 0px;
	width: 76px;
}
#Footer_Social_Icons .myspace a:hover {
	background:url(images/social_icons_transparent.png) no-repeat 0px -80px;
}
#Footer_Social_Icons .facebook a {
	left: 71px;
	width: 78px;
}
#Footer_Social_Icons .facebook a:hover {
	background:url(images/social_icons_transparent.png) no-repeat -71px -80px;
}
#Footer_Social_Icons .twitter a {
	left: 145px;
	width: 78px;
}
#Footer_Social_Icons .twitter a:hover {
	background:url(images/social_icons_transparent.png) no-repeat -145px -80px;
}
#Footer_Social_Icons .vimeo a {
	left: 219px;
	width: 78px;
}
#Footer_Social_Icons .vimeo a:hover {
	background:url(images/social_icons_transparent.png) no-repeat -219px -80px;
}
#Footer_Social_Icons .youtube a {
	left: 292px;
	width: 78px;
}
#Footer_Social_Icons .youtube a:hover {
	background:url(images/social_icons_transparent.png) no-repeat -292px -80px;
}

/*---- FOOTER NAV ----*/
.footerNavDivider {
	background-image: url(images/footerNav_divder.png);
	background-repeat:no-repeat;
	background-position: 10px;;
	height: 80px;
	width: 10px;
	float:left;
	margin-top: -5px;
	padding-right: 10px;
}
.footerNav {
	position:relative;
	top: 15px;
	left: 79px;
	text-align:left;
}
.footerNav ul {
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	top: 0;
	left: 0;
	list-style: none;
	display:block;
	float:left;
	margin: 0;
	padding: 0;
	width: 45px;
}
.footerNav li {
	float: left;
	margin: 0 0em;
}
.footerNav ul li a {
	color: #fff;
	text-decoration:none;
	height: 1em;
	line-height: 0em;
	float: left;
	width: 45px;
	font-size:13px;
	font-weight:bold;
	padding-bottom: 5px;
}
.footerNav ul li ul li a {
	color:#FFF;
	text-decoration:none;
	margin:0;
	font-size:10px;
	font-weight:normal;
}
.footerNav ul li ul li a:hover {
	text-decoration: none;
	color:#e8b459;
}
.footerNav2 {
	position:relative;
	top: 15px;
	left: 79px;
	text-align:left;
}
.footerNav2 ul {
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	top: 0;
	left: 0;
	list-style: none;
	display:block;
	float:left;
	margin: 0;
	padding: 0;
	width: 45px;
}
.footerNav2 li
{
float: left;
margin: 0 0em;
}
.footerNav2 ul li a {
	color: #fff;
	text-decoration:none;
	height: 1em;
	line-height: 0em;
	float: left;
	width: 45px;
	font-size:13px;
	font-weight:bold;
	padding-bottom: 5px;
}
.footerNav2 ul li ul li a {
	color:#FFF;
	text-decoration:none;
	margin:0;
	font-size:10px;
	font-weight:normal;
}
.footerNav2 ul li ul li a:hover {
	text-decoration: none;
	color:#e8b459;
}


/*---- FUN FACT BOX ----*/
#Footer_FunFactBox {
	width: 150px;
	height: 95px;
	background:url(images/footer_info_icon.png) no-repeat 0px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	text-align:left;
	color:#e2d0a8;
	float:left;
	position:relative;
	left: 125px;
	top:5px;
	margin:0;
	padding:0;
	padding-left: 45px;
}
#Footer_FunFactBox span {
	font-size: 24px;
	font-weight:bold;
	color:#e8b459;
	font-family: Arial, Helvetica, sans-serif;
}
#Footer_FunFactBox a {
	color:#e2d0a8;
	text-decoration:none;
}
#Footer_FunFactBox a:hover {
	color:#e8b459;
	border-bottom:1px dashed #e8b459;
}


/*---- YOUTUBE LOGO ----*/
#Footer_YouTube_Logo a {
	display:block;
	background:url(images/footer_youtube_logo.png) no-repeat 0 0;
	width: 88px;
	height: 89px;
	float:right;
	position:relative;
	right: 5px;
	top: 10px;
}



/*---------------------------------------------*/
/* STORE
/*---------------------------------------------*/
.BrownBox_Wide_Store {
	background:url(images/brownbox_lrg_wide2.jpg) no-repeat 0 0;
	width:682px;
	height:auto;
	float:left;
	position:relative;
	top:0;
	left:0;
	clear:both;
}
.BrownBox_TopRight_Store {
	background:url(images/brownbox_top_right.png) no-repeat 0 0;
	width: 343px;
	height:	294px;
	float:left;
	position:relative;
}
iframe {
	border: 0px solid #000000;
	padding:0;
}
.StoreVineArt_right {
	display:block;
	background:url(images/flowery_art_vine_right_long.png) repeat-y 0 0;
	width: auto;
	height:475px; /* org height 897px; */
	float:none;
	position: relative;
	top:-1px;
	left: 0px;
	z-index: 0;
}
#StoreNotes {
	display:block;
	width: 300px;
	height:auto;
	margin:0 auto;
	padding: 10px;
	position:relative;
	top: 25px;
	right: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#333;
	background: #eeeeee repeat 0 0;
	border: 3px #cccccc solid;
}
#StoreNotes h4 {
	padding: 0;
	border: 0;
	margin: 0;
	color:#777777;
	font-size:22px;
}



/*---------------------------------------------*/
/* PHOTO GALLERY
/*---------------------------------------------*/
#Title_PhotoGallery {
	font-family:Arial, Helvetica, sans-serif;
	color:#777777;
	font-size:22px;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:5px;
}
#BrownBox_GalleryTitle {
	width:682px;
	height:auto;
	float:none;
	position:relative;
}
#PhotoVineArt {
	display:block;
	background:url(images/flowery_art_vine_left.png) no-repeat 0 0;
	width: 577px;
	height:439px; /* org height 897px; */
	float:left;
	position: absolute;
	top: -1px;
	left: 0px;
	z-index: -1;
}
#PhotoVineArt_photo {
	display:block;
	background:url(images/flowery_art_vine_left.png) no-repeat 0 0;
	width: 577px;
	height:735px; /* org height 897px; */
	float:left;
	position: absolute;
	top: -1px;
	left: 0px;
	z-index: -1;
}
#PhotoVineArt_search,
#PhotoVineArt_archive,
#PhotoVineArt_404,
#PhotoVineArt_contact, 
#PhotoVineArt_slideshow,
#PhotoVineArt_image,
#PhotoVineArt_index,
#PhotoVineArt_album {
	display:block;
	background:url(images/flowery_art_vine_left_long.png) repeat-y 0 0;
	width: 577px;
	height:auto; /* org height 897px; */
	float:none;
	position: relative;
	top: -1px;
	left: 0px;
	z-index: -1;
}