/* JulieKodin.com */

* { margin: 0; padding: 0; outline: 0 }


body {

	font: 12px/165% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: white; 	
	margin: 0; 	padding: 0; 
	background: #000000;
	text-align: center;
	height: 100%;
}

/* Links */

a, a:active, a:link {
	text-decoration: none;
	color: #a7d6fb;			
}

a:visited {
	text-decoration: none;
}

a:hover {
	color: #fff;
	border-bottom: 0px dotted #438800;
}

/* headers */

h1, h2, h3, h4, h5 {
	font-family: 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	color: #ABABAB;
}

h1 {
	font-size: 3.4em;	
	font-weight: normal;
	letter-spacing: -2px;
	padding: 0px 10px 5px 10px;	
}

h2 {
	font-size: 3.4em;
	color: #895F30;
	color: #FFFFFF;
	padding: 0px 10px 5px 10px;
	font-weight: normal;
}

h2 a {
	color: #FFFFFF;
}

h4 {
	font-size: 2.0em;
	color: #895F30;
	color: #FFFFFF;
	padding: 0px 10px 5px 10px;
	font-weight: normal;
}

h5 {
	font-size: 2.6em;
	color: #ff7281;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
}

h4 a {
	color: #FFFFFF;
}

h3 {
	font-size: 1.7em;	
	font-weight: normal;
	padding: 0px 10px 5px 10px;	
}

h11 {
   font-size:20px;
}

p, dl { padding: 10px; margin: 0; }

ul, ol {
	margin: 10px 20px;
	padding: 0 20px;
}

ul { list-style: none; }

dt {
  font-weight: bold;
  color: #fff;
}

dd {
  padding-left: 0px; 
}

/* images */

img {
	background: #1B1B1B;
   	border: 1px solid #1B1B1B;
	padding: 5px;
}

img.img_1px {
	padding: 0px;
	margin: 0px;
	border: 1px solid #1B1B1B;
	background: none;
}

img.img_no {
	padding: 0px;
	margin: 0px;
	border: 0px solid #1B1B1B;
	background: none;
}

img.float-right {
  	margin: 5px 0px 10px 10px;  
}

img.float-left {
  	margin: 5px 10px 10px 0px;
}

code {
  	margin: 5px 0;
  	padding: 15px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace ;
  	background: #111;  
}

acronym {
  	cursor: help;
  	/*border-bottom: 1px dotted #5B5B5B;*/
}

blockquote {
	margin: 10px 6px;
 	padding: 10px 10px 14px 35px;  
  	background: #b53f01 url(images/quote.png) no-repeat 10px 10px;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.6em;
	font-style: italic;
	font-family: Georgia, 'Times New Roman', Times, serif;	
	color: #ffffff;	
}

#aqua {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 14px;
	color: black;
	margin: 10px 6px 14px 15px; 	
	background: #33768e;
	background: #44879f;
}

#sq_blue {
	color: #67bcff;
	text-align: center;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 14px;
	margin: 10px 6px 14px 15px; 	
	background: #22677d;
	height: 1100px;
}

/* start - table */

table {
	margin: 15px 10px; 
	border-collapse: collapse;			
}

th {
	background: #000;
	color: #fff;
	height: 38px;
	padding-left: 12px;
	padding-right: 12px;	
	text-align: left;
	border-left: 1px solid #211E20;
	border-right: 1px solid #211E20;
	border-bottom: 1px solid #211E20; 
	border-top: 1px solid #48780E;
}

tr {
	color: #5b5b5b;
	height: 34px;	
}

td {
	padding-left: 12px;
	padding-right: 12px;
	border: 1px solid #111;	
}

/* end - table */

/* form elements 

form {
	margin: 20px 10px; padding: 5px 10px 20px 10px;
	border: 1px solid #111; 
	background: #571f06; 	
}

label {
	display: block;
	font-weight: bold;
	margin: 8px 0;
	color: #fff;
}

input, select, textarea {
	padding: 5px 4px;
	font: normal 1em Verdana, Tahoma, sans-serif;
	color: #fffcfc;
	background: #571f06;  
	border: 1px solid #1C1C1C;
}

textarea {
	width: 400px;
	height: 100px;
	display: block;	
}

input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 30px;
	margin: 0;
	padding: 2px 3px; 
	color: #d78f3e;
	background: #000;
	border-width: 1px;
  	border-style: solid;
  	border-color: #1c1c1c;
}
*/

/* search form 

.searchform {
	display: none;
}

.searchform2 {
	background-color: transparent;
	border: none;	
	margin: 0; padding: 20px 0 15px 8px;	
	width: 270px;	
}

.searchform p { margin: 0; padding: 0 0 10px 0; }

.searchform input.textbox { 
	width: 185px;
	height: 18px;
	padding: 2px;	
	vertical-align: top;
}

.searchform input.button { 
	width: 60px;
	height: 24px;
	padding: 2px 5px;
	vertical-align: top;
}
*/
/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 

#content {
	position: relative;
	clear: both;
	width: 1040px;	
	padding: 0; 		
	margin-left: 5px;	
	background: transparent;
	float: left;	
	display: inline;	
}

#header {
	position: relative;
	width: 1040px;	
	height: 780px;	
	margin: 0; padding: 0;		
	background: transparent;
}

#header form#quick-search {
	position: absolute;
	top: 38px; right: 0;
	padding: 0; margin: 0;
	border: none;
	width: 262px; height: 30px;
	background: url(images/header-search.jpg) no-repeat;	
	z-index: 999999;
}

#header form#quick-search p {
	margin: 0; padding: 0;		
}

#header form#quick-search .tbox {
	margin: 2px 0 0 5px; 
	width: 210px;
	background: none;
	border: none;
}

#header form#quick-search label,
#header form#quick-search .btn {
	display: none;	
}

#nav {
	position: absolute;
	margin: 0; padding: 0;		
	height: 34px;
	width: 1080px;	
	left: 10px;	top: 16px;
	border: 0px #ffffff solid;
}

#nav ul {
	float: left;
	list-style: none;
	width: 1080px;		
	height: 40px;
	margin: 0 0 0 1px; padding: 0;	
	display: inline;
}

#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}

#nav ul li a {
	float: left;
	margin: 0;	padding: 0 16px;
	font: bold 15px/35px 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;
	text-decoration: none;	
	color: #b6dcd9;	
}















#nav ul li a:hover, 















#nav ul li a:active {















	color: #eee;















	background: none;















	border: none;















}















#nav ul li.current_page_item a {	















	color: 0xb6dcd9;	















}































#header h1#logo-text a {















	position: absolute;















	margin: 0; padding: 0;















	font: normal 72px Georgia, 'Times New Roman', Times, serif;















	letter-spacing: -1.5px;















	color: #fff;















	text-decoration: none;















	















	/* change the values of top and left to adjust the position of the logo*/















	top: 140px; left: 10px;	















}















#header h1#logo-text a:hover {















	background: none;	border: none;















}















#header p#intro {















	position: absolute;















	margin: 0; padding: 0;















	font-family: Georgia, 'Times New Roman', Times, serif;















	font-weight: normal;















	font-size: 18px;















	line-height: 1.6em;















	font-style: italic;















	text-transform: none;















	color: #cd9857;















	width: 400px;















	















	/* change the values of top and left to adjust the position */















	top: 245px; left: 15px;		















}































/* Main Column */















#main {















	position: absolute;



	top: 44px;

	

	left: 0px;











	width: 1040px;















	padding: 0; margin-top: 20px;















	display: inline;		















}











#main_wide {















	float: left;















	width: 900px;















	padding: 0; margin-top: 20px;















	display: inline;		















}















#main_gallery {















	float: left;















	width: 1000px;















	padding: 0; margin-top: 20px;















	display: inline;		















}















#hdr2 {















	margin-top: 0px;















	padding: 15px 5px 10px 5px; 















	font: normal 1.8em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;				











	color: #fefefe;























}















#main h2 {















	padding-bottom: 3px;















	margin-top: 0px;















	font: normal 3.4em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;	















	color: #fff; 















	letter-spacing: -2px;	















	text-transform: none;	















}















#main h2 a {















	color: #fff;















	text-decoration: none;		















	border: none;	















}







#main h4 {















	padding-bottom: 3px;















	margin-top: 0px;















	font: normal 2.0em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;	















	color: #fff; 















	letter-spacing: -2px;	















	text-transform: none;	















}















#main h4 a {















	color: #fff;















	text-decoration: none;		















	border: none;	















}











#main ul li {















	list-style-image: url(bullet.gif);















}































/* Sidebar */	















#sidebar {















	float: right;















	width: 330px;















	padding: 0; margin: 0px 0 0 0;		















	display: inline;	















}	







.sb2 {



	



	position: absolute;



	left: 570px;



	top: 72px;



}











#sidebar h3 {















	margin-top: 0px;















	padding: 15px 5px 10px 5px; 















	font: normal 1.8em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;				















	background: url(images/footer-top.jpg) no-repeat center bottom;















	color: #fefefe;















}















#sidebar ul {















	text-align: left;















	margin: 7px 5px 8px 0px; padding: 0;				















}







#sidebar ul li {















	list-style: none;















	padding: 8px 10px;















	margin: 0;		















	border-bottom: 1px solid #111;















}















* html body #sidebar ul li {















	height: 1%;















}















#sidebar ul li a {















	text-decoration: none;	















	border: none;















	color: #a7d6fb; 	















		















	font-weight: bold;		















	font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;















	font-size: 14px;	















	/* letter-spacing: .5px;  */















}















#sidebar ul li a span {















	color: #444;	















	font-family: Georgia, 'Times New Roman', Times, serif;















	font-style: italic;















	font-weight: normal;	















	font-size: 11px;















}











#sidebar ul li a:hover,















#sidebar ul li a:hover span {	















	color: #fff;	















}















#sidebar ul ul { margin: 0 0 0 5px; padding: 0; }















#sidebar ul ul li { border: none; }















/* footer */















#footer-wrap {















	position: relative;















	clear: both;















	padding: 1em 0 2.5em 0;















	margin-top: 10px;















	font: normal 1em 'Trebuchet MS', Tahoma, sans-serif;	















	background: #571f06; /*url(images/footer-top.jpg) no-repeat center top;*/







/*







  // for IE 







  filter:alpha(opacity=60);







  // CSS3 standard 







  opacity:0.6;







  







*/







	color: #d78f3e;















	width: 380px;















	float: left;	















	display: inline;















	border-bottom: 0px solid #070707;		















}















#footer-wrap h3 {















	font: normal 1.6em/1.6em 'Trebuchet MS', Tahoma, sans-serif;















	color: #ABABAB;	















}















#footer-content {	















	margin: 0 auto;		















	width: 360px;















	text-align: left;		















}















#footer-content ul.col-list {















	border-top: 1px solid #111;















	list-style: none;















	margin: 5px 0 0 5px; padding: 0;	















	width: 98%;















}











#footer-content ul.col-list li {















	border-bottom: 1px solid #111;















}















/* My Comment */















#footer-content ul.col-list li a {















	display: block;















	line-height: 1.5em;















	font-weight: normal;















	padding: 6px 20px 4px 8px;















	width: 98%;	















	color: #555;







	color: #d78f3e;







	border: none;















}















#footer-content ul.col-list li a div{



	



	color: #85c6d6;



	



	font-style: normal;



	text-decoration: none;







	font-weight: normal;



	



	padding: 0px;



	



	



	font-size: 15px;



	



	border-bottom: none;



	margin-left: -15px;



	padding-left: -15px;







}











#sb_post_hdr hover {



	



	color: #ffffff;



	



}







#footer-content ul.col-list li a:hover,















#footer-content ul.col-list li a:hover div {















	color: #fff;















	text-decoration: none;















}































#footer-content .col {















	width: 330px;















	padding: 0 0 30px 0;			















	display: inline;















}















#footer-content .col2 {















	width: 330px;















	padding: 0 0 30px 0;	















	display: inline;	















}















#footer-content .space-sep {















	margin-right: 12px;















}































/* postmeta */















.postmeta {	















	padding: 7px 5px; margin: 20px 10px 15px 10px;	















	font-size: 1em;	















	color: #a7d6fb;















	border: 1px solid #111;















	background: #571f06;















}















.postmeta .date{ margin: 0 10px 0 5px;	}















.postmeta a.comments { margin: 0 10px 0 5px;	}















.postmeta a.readmore { margin: 0 10px 0 5px;	}































.post-info { font-size: .95em; padding-top: 3px; margin-left: 5px; color: #444;	}















.post-info a { color: #BD4200; }































/* alignment classes */















.float-left  { float: left; }















.float-right { float: right; }















.align-left  { text-align: left; }















.align-right { text-align: right; }































/* display and additional classes */















.clearer { clear: both; }































.clear {















	display:inline-block;















}















.clear:after {















	display:block; 















	visibility:hidden; 















	clear:both; 















	height:0; 















	content: "."; 















}















.mnav_box {







font-family: Georgia, 'Times New Roman', Times, serif;	







	cursor: pointer;







	text-align: center;







	font-size: 14px;







	font-weight: bolder;















	position: absolute;







	left: 290px;







	top:  74px;







	width: 700px;







	height: 354px;















}















.mnav_box a {







	color: #b53f01;







	color: #a6d5fd;







	







	color: #bc4f0c;







}















.mnav_box a:hover {







	color: #ffffff;







}















.mnav_1 {







	cursor: pointer;







	float: left;







	width: 110px;







	height: 354px;







	border: 0px solid #000000;







}































.mnav_2 {







	cursor: pointer;







	float: left;







	width: 130px;







	height: 354px;







	border: 0px solid #000000;







}















.mnav_3 {







	cursor: pointer;







	float: left;







	width: 104px;







	height: 354px;







	border: 0px solid #000000;







}















.mnav_4 {







	cursor: pointer;







	float: left;







	width: 104px;







	height: 354px;







	border: 0px solid #000000;







}















.mnav_5 {







	cursor: pointer;







	margin-top: 6px;







	float: left;







	width: 134px;







	height: 354px;







	border: 0px solid #000000;







}















#sb-content {	















	margin: 0 auto;		















	width: 360px;















	text-align: left;		















}























.footer_box {
	position: relative;
	top: 40px;
	left: 1100px;
	width: 60px;
	height: 30px;
	border: 0px solid #ffffff;
}















.login {



	font-size: 16px;







	font-weight: normal;







	color: #555555;







	float: right;







	width: 90px;







	height: 30px;







}







.login a:link {







	color: #777777;







	text-decoration: none;







}



.login a:visited {







	color: #777777;







	text-decoration: none;







}





.wttw_box {







	cursor: pointer;







	position: absolute;







	left: 389px;







	top: 577px;







	width: 160px;







	height: 150px;







	background: #9b4f05 url(images/wttw3.jpg) no-repeat left top;







}















#imgopacity







{







filter:alpha(opacity=80);







-moz-opacity: 0.80;







opacity: 0.80;







-khtml-opacity: 0.80;







}















#imgopacity:hover







{







filter:alpha(opacity=100);







-moz-opacity: 1.0;







opacity: 1.0;







-khtml-opacity: 1.0;







}















#hideshow {







	width: 480px;







	position: absolute;







	top: 390px;







	left: 70px;







}







#fade {







	background: #000; 







	position: fixed; 







	width: 100%;







	height: 100%;







	filter:alpha(opacity=60);







	opacity: .60;







	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/







	left: 0;







	z-index: 10;







}















.popup_block .pp_indent {







	float: left;







	width: 20px;







	height: 280px;







	text-align: center;







 	font: 10pt Arial, sans-serif;	







}















.popup_block {















}















.popup_block .pp_hdr {







	position: absolute;







	top: 0px;







	left: 0px;







	width: 480px;







	height: 18px;







	background: #FEE9CE;







	font-weight: normal;







	font-size: 9pt;







	line-height: normal;







	font-family: Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;







	text-align: left;







	color: #000000;







}















.popup_block .pp_hld {







	position: absolute;







	top: 19px;







	left: 0px;







}















.popup_block .pp_close {







	position: absolute;







	top: 0px;







	left: 450px;







	width: 35px;







	height: 20px;







	font-size: 12pt;







	color: #FF0000;







	font-family: Arial, Helvetica, sans-serif;







	line-height: normal;







	text-align: center;







}















.popup_block .pp_close a:link {







	color: #ff0000;







	text-decoration: none;







}















.popup_block .pp_close a:visited {







	color: #ff0000;







	text-decoration: none;







}















.popup_block .pp_close a:hover {







	color: #0000ff;







	text-decoration: none;







}















.popup_block .popup {







	font: 11pt Arial, sans-serif;







	text-align: left;







	float: left;







	width: 100%;







	background: #ffcccc;







	margin: 10px 0;







	padding: 10px 0;







	border: 1px solid #bbb;







}







.popup h3 {







	margin: 0 0 20px;







	padding: 5px 10px;







	border-bottom: 1px solid #bbb;







	font-size: 1.5em;







	font-weight: normal;







}







.popup p {







	padding: 5px 10px;







	margin: 5px 0;







}







.popup img.cntrl {







	position: absolute;







	right: -20px;







	top: -20px;







}















/*--Making IE6 Understand Fixed Positioning--*/















*html #fade {







	position: absolute;







	top:expression(eval(document.compatMode &&







	document.compatMode=='CSS1Compat') ?







	documentElement.scrollTop : document.body.scrollTop);







}















*html .popup_block {























}















/*--IE 6 PNG Fix--*/















img{ behavior: url(iepngfix.htc) }











#sidebar3 {







	position: absolute;







	







	top: 0px;







	







	left: 570px;







	







	clear: both;











	margin-top: 0px;















	font: normal 1em 'Trebuchet MS', Tahoma, sans-serif;	















	background: #571f06 url(images/footer-top.jpg) no-repeat center top;







/*







  // for IE 







  filter:alpha(opacity=60);







  // CSS3 standard 







  opacity:0.6;







  







*/







	color: #d78f3e;















	width: 400px;















	float: left;	















	display: inline;



	







}











#sidebar2 {







	position: absolute;







	







	top: 72px;







	







	left: 565px;







	







	clear: both;















	padding: 1em 0 2.5em 0;















	margin-top: 10px;















	font: normal 1em 'Trebuchet MS', Tahoma, sans-serif;	















	background: #571f06;







/*







  // for IE 







  filter:alpha(opacity=60);







  // CSS3 standard 







  opacity:0.6;







  







*/







	color: #d78f3e;















	width: 440px;















	float: left;	















	display: inline;















	border-bottom: 0px solid #070707;		







}











.sidebar2_indent {







	float: left;







	width: 18px;







	height: 100px;







}











#sidebar_press {







	position: absolute;







	







	top: 78px;







	







	left: 565px;







	







	clear: both;











	margin-top: 4px;















	font: normal 1em 'Trebuchet MS', Tahoma, sans-serif;	















	background: #571f06;







/*







  // for IE 







  filter:alpha(opacity=60);







  // CSS3 standard 







  opacity:0.6;







  







*/







	color: #d78f3e;







	text-align: center;







	width: 340px;







	border-bottom: 0px solid #070707;		







}







.m_headshot {



	float: left;



	width: 360px;



	height: 410px;



	text-align: center;



	border: 0px solid red;



}











.article_hdr {



	margin-top: 5px;



	font: 11pt Arial, sans-serif;



	float: left;



	width: 100%;



	height: 28px;



	color: #ffffff;



	text-align: center;



}







.article_no_link {



	margin-top: 10px;



	text-align: center;



	color: #67bcff;



	float: left;



	width: 100%;



	height: 44px;



	border: 0px solid #070707;



}







.article_box {



	float: left;



	width: 100%;



	height: 100px;



}







.article_indent {



	float: left;



	width: 10px;



	height: 100px;



}
 
.article_title {



	text-align: left;



	margin-top: 20px;



	float: left;



	width: 390px;



	border: 0px solid #070707;



}







.article_pic {
	float: left;
	width: 90px;
}

.face_book {
	float: right;
	width: 44px;
	height: 38px;
	color: #ba6006;

}

.sign_up1 {

	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	color: black;
	border: 1px solid #000000;
	padding-top: 6px;
	text-align: center;
	background: #ba6006;
	float: left;
	width: 160px;
	height: 24px;

}

.visit_us {

	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	padding-top: 6px;
	text-align: center;
	float: right;
	width: 140px;
	height: 24px;

}

.s_update {

	float: left;
	width: 360px;
	text-align: left;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;

}

#tsign_up1 {

	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	color: black;
	border: 1px solid #000000;
	text-align: center;
	background: #ba6006;

}


.gallery{
	position: relative;
	margin-bottom: 60px;
	margin-left:0px;
	text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #ffffff;
}
.gallery .slideshow img {
	vertical-align:bottom;
}
.gallery .slideshow span.image-wrapper {
	bottom:0;
}
.gallery,
.gallery .thumnail_col,
.gallery .gal_content,
.gallery .loader,
.gallery .slideshow a.advance-link{
	width:420px;
}
.gallery .thumbs_wrap2{
	height:60px;
	width:100%;
	position:absolute;
	bottom:-70px;
	left: -20px;
	left:0
}
.gallery .thumbs_wrap{
    float: left;
    left: 50%;
    position: relative;
}
.gallery .pageLink.next{
	margin-right:0;
}
.gallery .thumnail_col {
	float: left;
    left: -50%;
	width:auto;
	position: relative;
}
.gallery ul.thumbs {
	float:left;
}
.gallery a.advance-link {
    line-height: 370px;
}
.gallery .slideshow img {
	vertical-align:bottom;
}

#wrap {
	position: relative;
	width: 1040px;	
	height: 780px;
	margin: 0 auto;
	text-align: left;		
	background: #000000 url(images/jkoidin_bg1.jpg) no-repeat center top;
}

.mp3_player {
	position: absolute;
	left: 550px;
	top:10px;
	width: 500px;	
	height: 240px;
	text-align: center;		
	background: transparent;
	border: 0px solid #ffffff;
}

.mp3_player4_heading {
	font-size: 16px;
	position: absolute;
	top: 373px;
	left: 730px;
	color: #209EC3;
}

.mp3_player4 {
	position: absolute;
	left: 550px;
	top: 370px;
	width: 500px;
	height: 240px;
	text-align: center;		
	background: transparent;
	border: 0px solid #ffffff;
}

.mp3_player2 {
	position: absolute;
	left: 400px;
	top: 990px;
	width: 500px;	
	height: 240px;
	z-index:+1;
	text-align: center;		
	background: transparent;
	border: 0px solid #ffffff;
}

div.jp-type-single a {
	color: #333;
	text-decoration: none;
}
div.jp-type-single a:hover {
	color:#0d88c1;
}
div.jp-type-single a.jp-playlist-current {
	color:#0d88c1;
}

.albums_bkgnd{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1040px;	
	height: 600px;
	padding-left:20px;
	padding-top:10px;
	text-align: center;		
	background: #000000 url(images/brown152.jpg) repeat left top;
	border: 0px solid #ffffff;
}

.albums{
	position: relative;
	top: 605px;
	width: 100%;
	height: 600px;
	border: 0px solid #00ff00;	
}

.albums a, a:active, a:link {
	text-decoration: none;
	color: #ffccbb;			
}

.albums a:visited {
	text-decoration: none;
}

.albums a:hover {
	color: #fff;
	text-decoration: none;
}

.cover_box {
	font-height: 8px;
	float: left;
	height: 148px;
	width: 344px;
  	text-align: left;	
}

.cover {
	font-height: 8px;
	float: left;
	height: 140px;
	width: 158px;
  	text-align: left;	
}

.wedding_box {
	font-height: 8px;
	float: left;
	height: 280px;
	width: 650px;
  	text-align: left;
  	padding-left: 20px;
}

.wedding_cover {
	font-height: 8px;
	float: left;
	height: 280px;
	width: 158px;
  	text-align: left;	
}


.album_spcr {
	float: left;
	width: 100%;
	height: 40px;
}

.covers {
	font-height: 8px;
	float: left;
	height: 100%;
	width: 370px;
  	text-align: left;	
}
.covers2 {
	font-height: 8px;
	float: left;
	height: 100%;
	width: 190px;
  	text-align: right;	
}



#wrp2 {
	position: relative;
	width: 1040px;
	height: 1380px;
	margin: 0 auto;
	text-align: left;		
	background: #000000;
	border: 0px solid #ffffff;
}

#wrp_media_kit {
	position: relative;
	width: 1040px;	
	height: 800px;
	margin: 0 auto;
	text-align: left;		
	background: #000000;
	border: 0px solid #ffffff;
	background: #000000;
}

#wrp_contact {
	position: relative;
	width: 1040px;	
	height: 910px;
	margin: 0 auto;
	text-align: left;		
	background: #000000;
	border: 0px solid #ffffff;
	background: #000000;
}

.canvas2_bkgd {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 900px;	
	height: 1200px;
	background: #000000 url(images/canvas_tile.jpg) repeat right top;		
}
.canvas2_img {
	position: absolute;
	left: 580px;
	top: 20px;
	width: 400px;	
	height: 600px;
	background: #000000 url(images/canvas2.jpg) no-repeat left top;
	border: 0px solid #ffffff;	
}

.contact_bkgd {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 900px;	
	height: 800px;
	background: #000000 url(images/canvas_tile.jpg) repeat right top;		
}

.contact_img {
	position: absolute;
	left: 475px;
	top: 0px;
	width: 534px;	
	height: 800px;
	background: #000000 url(images/jk_contact.jpg) no-repeat left top;
	border: 0px solid #ffffff;	
}

.contact_content {
	position: absolute;
	left: 130px;
	top: 0px;
	width: 340px;	
	height: 800px;
	border: 0px solid #ffffff;	
}

.listen_img {
	float: left;
	width: 500px;
	height: 336px;
	background: #000000 url(images/jk_listen.jpg) no-repeat left top;	
	border: 0px solid #ffffff;	
}

#bio_page {
	position: relative;
	width: 1040px;	
	height: 960px;
	margin: 0 auto;
	text-align: left;		
	border: 0px solid #ffffff;
}

#bio_page2 {
	position: relative;
	width: 1040px;	
	height: 1100px;
	margin: 0 auto;
	text-align: left;		
	border: 0px solid #ffffff;
}

.bio_header {
	position: absolute;
	left: 43px;
	top: 30px;
	width: 540px;	
	height: 800px;
	border: 0px solid #ffffff;
	z-index:+1;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	color: #b5dcd9;
}

.bio_header_cont {
	position: absolute;
	left: 43px;
	top: 30px;
	width: 540px;	
	height: 800px;
	border: 0px solid #ffffff;
	z-index:+1;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	color: #b5dcd9;
}

.bio_more {
	float: right;
	width: 100px;	
	height: 20px;
	border: 0px solid #ffffff;
	z-index:+1;	
	font-size: 16px;
	font-weight: bold;
	color: #b5dcd9;
	text-align: left;
}

.bio_prev {
	float: left;
	left: 70px;
	top: +10px;
	width: 120px;	
	height: 20px;
	border: 0px solid #ffffff;
	z-index:+1;	
	font-size: 16px;
	font-weight: bold;
	color: #b5dcd9;
}

.bio_content {
	position: absolute;
	left: 34px;
	top: 66px;
	width: 556px;	
	height: 900px;
	border: 0px solid #ffffff;
	z-index:+1;
}

.bio_bkgd {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1040px;	
	height: 1100px;
	background: #000000 url(images/julie_koidin_bio_2.jpg) no-repeat right top;
}

.bio_bkgd2 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1040px;	
	height: 1100px;
	background: #000000 url(images/julie_koidin_bio_2_lg.jpg) no-repeat right top;
	background-position: -100px 0px;
}

.bio_img {
	position: absolute;
	left: 468px;
	top: 0px;
	width: 534px;	
	height: 800px;
	background: #000000 url(images/bio_canvas.jpg) no-repeat left top;
	border: 0px solid #ffffff;

}

.my_ensembles_header {
	position: absolute;
	left: 52px;
	top: 5px;
	width: 530px;	
	height: 32px;
	border: 0px solid #ffffff;
	z-index:+1;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	color: #b5dcd9;
}

.my_ensembles_content {
	position: relative;
	left: 5px;
	top: 46px;
	width: 590px;	
	height: 770px;
	border: 0px solid #ffffff;
	z-index:+1;
}

.my_ensembles_image {
	float: left;
	width: 200px;
	text-align: center;
	border: 0px solid #00ffff;
	font-size: 14px;
	color: #b5dcd9;
	line-height: 22px;
}

.my_ensembles_text {
	float: left;
	width: 330px;
	text-align: center;
	font-size: 14px;
	color: #b5dcd9;
	border: 0px solid #ffff00;
}

.my_ensembles_text2 {
	float: left;
	width: 260px;
	text-align: center;
	font-size: 16px;
	color: #F3C287;
	padding-top: 30px;
	padding-left: 30px;
	line-height: 24px;
	border: 0px solid #ffff00;
	
}

.my_ensembles_row {
	float: left;
	height: 170px;
	width: 100%;
	border: 0px solid #ff00ff;
}

 img.lt_brdr {
	background: #3d3d3d;
   	border: 1px solid #3d3d3d;
	padding: 4px;
}

#alt_page {
	position: relative;
	width: 1040px;	
	height: 910px;
	margin: 0 auto;
	text-align: left;		
	border: 0px solid #ffffff;
}

.alt_header {
	position: absolute;
	left: 14px;
	top: 16px;
	width: 530px;	
	height: 800px;
	border: 0px solid #ffffff;
	z-index:+1;
	font-size: 26px;
	line-height: 30px;
	text-align: center;
	color: #b5dcd9;
}

.alt_trans {
	position: absolute;
	left: 10px;
	top: 59px;
	width: 500px;	
	height: 696px;
	background-color: #000000;

	filter:alpha(opacity=35);
	-moz-opacity: 0.35;
	opacity: 0.35;
	-khtml-opacity: 0.35;
}

.alt_content {
	position: absolute;
	left: 15px;
	top: 60px;
	width: 500px;	
	height: 690px;
	border: 0px solid #ffffff;
	z-index: +2;
	overflow:auto;
}

.alt_bkgd {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 900px;	
	height: 800px;
	background: #000000 url(images/bio_canvas_tile.jpg) repeat right top;		
}

.alt_img {
	position: absolute;
	left: 468px;
	top: 0px;
	width: 534px;	
	height: 800px;
	background: #000000 url(images/bio_canvas.jpg) no-repeat left top;
	border: 0px solid #ffffff;

}

#alt2_page {
	position: relative;
	width: 1040px;	
	height: 910px;
	margin: 0 auto;
	text-align: left;		
	border: 0px solid #ffffff;
}

.alt2_header {
	position: absolute;
	left: 14px;
	top: 32px;
	width: 530px;	
	height: 800px;
	border: 0px solid #ffffff;
	z-index:+1;
	font-size: 26px;
	line-height: 30px;
	text-align: center;
	color: #b5dcd9;
}

.alt2_content {
	position: absolute;
	left: 34px;
	top: 86px;
	width: 530px;	
	height: 800px;
	border: 0px solid #ffffff;
	z-index:+1;
	font-size: 14px;
}

.alt2_bkgd {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1010px;	
	height: 900px;
	border: 6px solid #907159;
	background: #000000 url(images/paper_tile005.jpg) repeat left top;		
}

.alt2_imgs {
	position: absolute;
	left: 530px;
	top: 1px;
	width: 460px;	
	height: 800px;
	border: 0px solid #ffffff;
	text-align: center;
}

#alt4_page {
	position: relative;
	width: 1040px;	
	height: 900px;
	margin: 0 auto;
	text-align: left;		
	border: 0px solid #ffffff;
}

.alt4_header {
	position: absolute;
	left: 530px;
	top: 8px;
	width: 700px;	
	height: 30px;
	border: 0px solid #ffffff;
	z-index:+1;
	font-size: 26px;
	line-height: 30px;
	text-align: left;
	color: #b5dcd9;
	color: #005500;
}

.alt4_box_book {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 510px;	
	height: 357px;
	border: 0px solid #ffffff;
	z-index:+1;
	font-size: 14px;
	color: #000000;
}

.alt4_box1 {
	position: absolute;
	left: 545px;
	top: 55px;
	width: 475px;	
	border: 0px solid #ffffff;
	z-index:+1;
	font-size: 14px;
	color: #000000;
	line-height: 18px;
}

.alt4_box1a {
	padding: 14px;
	position: absolute;
	left: 510px;
	top: 570px;
	width: 470px;	
	border: 1px solid #888888;
	z-index:+1;
	font-size: 14px;
	color: #000000;
	line-height: 18px;
}

.alt4_box2 {
	position: absolute;
	left: 220px;
	top: 115px;
	width: 1040px;	
	height: 78px;
	border: 0px solid #ffffff;
	z-index:+1;
	font-size: 14px;
	color: #000000;
}

.alt4_box3 {
	position: absolute;
	left: 240px;
	top: 362px;
	width: 500px;	
	height: 255px;
	border: 0px solid #ffffff;
	z-index:+1;
	font-size: 14px;
	color: #000000;
}

.alt4_portugues {
	margin-top: 4px;
	float: left;
	width: 100%;
	border: 0px solid #ffffff;
	z-index:+1;
	font-size: 14px;
	color: #000000;
	text-align: center;
}


.alt4_book_info_btn2 {
	position: absolute;
	left: 170px;
	top: 366px;
	width: 300px;	
	height: 26px;
	border: 1px solid #623b1a;
	z-index:11;
	font-size: 14px;
	background-color: #ece5c9;
	-moz-border-radius: 12px;
	border-radius: 12px;
	padding-top: 5px;
	text-align: center;
}

.alt4_articles {
	position: absolute;
	left: 30px;
	top: 695px;
	width: 970px;	

	z-index:+1;
	font-size: 14px;
	color: #000000;
	overflow: auto;
	
}

.alt4_box4 {
	position: absolute;
	left: 545px;
	top: 360px;
	width: 480px;	

	z-index:+1;
	font-size: 14px;
	color: #000000;
}

.alt4_jk_image {
	float: right;
	width: 250px;
	height: 330px;
	text-align: center;
}

.flute_talk {
	float: left;
	height: 196px;
	width: 160px;
}

.alt4_subheader {
	font-size: 16px;
	font-weight: normal;
	line-height: 22px;
	color: #005500;
}

.alt4_content {
	position: absolute;
	left: 120px;
	top: 50px;
	width: 1070px;	
	height: 78px;
	border: 0px solid #ffffff;
	z-index:+1;
	font-size: 14px;
	color: #000000;
}

.alt4_bkgd {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1040px;	
	height: 1520px;
	border: 1px solid #907159;
	
	background: url(images/pandeiro_900h.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

div.alt4_bkgd a:link    {
	text-decoration: none;
	color: #50b;	
	}
	
div.alt4_bkgd a:active, a:visited  {
	text-decoration: none;
	color: #50b;			
}

.alt4_box_book2 {
	position: absolute;
	left:120px;
	top: 420px;
	width: 324px;	
	height: 357px;
	border: 0px solid #ffffff;
	z-index:+1;
	font-size: 14px;
	color: #000000;
}

.pg_book_cover2 {
	float: right;
	width: 160px;
	height: 220px;
	text-align: left;
}

.pg_book_back {
	float: left;
	width: 160px;
	height: 220px;
	text-align: left;
}

.alt4_imgs {
	position: absolute;
	left: 530px;
	top: 1px;
	width: 460px;	
	height: 800px;
	border: 0px solid #ffffff;
	text-align: center;
}


.alt3_header {
	position: absolute;
	left: 50px;
	top: 40px;
	width: 920px;	
	height: 34px;
	border: 0px solid #ffffff;
	z-index:+1;
	font-size: 22px;
	line-height: 26px;
	text-align: center;
	color: #b5dcd9;
}

.alt3_content {
	position: absolute;
	left: 70px;
	top: 80px;
	width: 900px;	
	height: 600px;
	border: 0px solid #ffffff;
	text-align: center;
	font-size: 14px;
	z-index:+1;
}

.alt3_bkgd {
	position: absolute;
	left: -10px;
	top: 0px;
	width: 1024px;	
	height: 764px;
	background: #000000 url(images/jk_media_kit_5.jpg) no-repeat right top;		
}

.media_pic {
	font-height: 8px;
	float: left;
	height: 220px;
	width: 220px;
  	text-align: center;
  	border: 0px solid #ffffff;
}

.media_pic_tall {
	font-height: 8px;
	float: left;
	height: 220px;
	width: 160px;
  	text-align: center;
  	border: 0px solid #ffffff;
}

.jk3_bio_margin {
	float: left;
	width: 15px;
	height: 1200px;
	border: 0px solid #ffffff;
}

.jk_bio_pic {
	float: right;
	width: 410px;
	height: 600px;
}

.jk_bio_area {
	float: right;
	width: 1040px;
	height: 1040px;
	background: #000000 url(images/jk_bio_inset2.jpg) no-repeat right top;
}

#wrp4 {
	position: relative;
	width: 1100px;	
	height: 1260px;
	margin: 0 auto;
	text-align: center;
	background: #000000;
	border: 0px solid #ffffff;
}

#jk_gallery {
	position: relative;
	width: 1000px;	
	height: 1410px;
	margin: 0 auto;
	text-align: center;
	background: #000000;
	border: 0px solid #ffffff;
}

.jk_photo_gal_prev {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1000px;
	height: 1320px;
	background: #000000 url(images/brown174.jpg) repeat left top;
	overflow: hidden;
	border: 10px solid #523317;
	padding-left: 4px;
}

.jk_photo_gal_prev2 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1000px;
	height: 1320px;
	border: 6px solid #907159;
	background: #000000 url(images/paper_tile005.jpg) repeat left top;		
	overflow: hidden;
	padding-left: 4px;
}

.jk_photo_gal {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1000px;
	height: 1320px;
	border: 0px solid #907159;
	background: #000000;
	overflow: hidden;
	padding-left: 4px;
}

.sc_border_rgt {
	position: absolute;
	left: 1052px;
	top: 0px;
	width: 112px;	
	height: 1220px;
	background: #000000 url(images/fringe_right.png) repeat left top;	
}

.sc_border_left {
	position: absolute;
	left: -152px;
	top: 0px;
	width: 112px;	
	height: 1220px;
	background: #000000 url(images/fringe.png) repeat left top;	
}

.book_inset {
	position: absolute;
	left: 820px;
	top: 460px;
	width: 240px;
	height: 210px;
	font-size: 14px;
	text-align: center;
}

div.book_inset a:link    {
	text-decoration: none;
	color: #fff;	
	}
	
div.book_inset a:active {
	text-decoration: none;
	color: #fff;			
}

div.book_inset a:visited {
	text-decoration: none;
	color: #fff;			
}

.fb_icon {
	position: absolute;
	left: 205px;
	top: 197px;
	width: 36px;
	height: 36px;
	text-align: center;
}

.book_cover {
	float: left;
	width: 150px;
	height: 180px;
	text-align: left;
}

.book_cover2 {
	float: right;
	width: 254px;
	height: 357px;
	text-align: left;
}

.book_back {
	float: left;
	width: 254px;
	height: 357px;
	text-align: left;
}

.photospace{
	position:relative;
	top: -46px;
	margin-bottom: 80px !important;
}
.photospace .slideshow img {
	vertical-align:bottom  !important;
}
.photospace .slideshow span.image-wrapper {
	bottom:0;
}


.photospace .thumnail_col,

.photospace .loader,
.photospace .slideshow a.advance-link{
	width:0px;
}
.photospace .thumbs_wrap2{
	height:60px;
	width:100%;
	position:absolute;
	bottom:-70px;
	left:0
}
.photospace .thumbs_wrap{
    position: relative;
    left: 0px;
    top: 40px;
}
.photospace .pageLink.next{
	margin-right:0;
}
.photospace .thumnail_col {
	float: left;
	width:auto;
}
.photospace ul.thumbs {
	float:left;
}
.photospace a.advance-link {
    line-height: 370px;
}

.photospace .gal_content {
	position: relative;
	top: 0px;
}

.photospace {
	float: left;
	width: 650px;
}

.sample_videos {
	margin-top: 20px;
	float: left;
	height: 300px;
	width: 670px;
	border: 0px solid #ffffff;
}

.listen_videos {
	position: absolute;
	left: 30px;
	top: 100px;
	height: 360px;
	width: 480px;
	z-index: 2;
}

.listen_video_links_box {
	position: absolute;
	left: 20px;
	top: 460px;
	height: 72px;
	width: 500px;
}

.listen_video_link {
	float: left;
	height: 34px;
	width: 100%;
	padding-top: 8px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	border: 1px solid #765;
	vertical-align: middle;
	background-color: #310;
}

.samp_video {
	float: left;
	height: 100%;
	width: 335px;
	border: 0px solid #ffffff;
	text-align: center;
}

.sample_covers_row1 {
	position: absolute;
	top: 525px;
	left: -50px;
	height: 200px;
	width: 700px;
	border: 0px solid #ffffff;
}

.sample_covers_row2 {
	position: absolute;
	top: 740px;
	left: 30px;
	height: 200px;
	width: 600px;
	border: 0px solid #ffffff;
}

.sample_covers {
	position: absolute;
	top: 865px;
	left: -500px;
	height: 200px;
	width: 1180px;
}

.samp_cover {
	font-height: 8px;
	float: left;
	height: 180px;
	width: 168px;
  	text-align: left;
	border: 0px solid #ffffff;	
}

.samp_hdr {
	font-family: 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	font-size: 3.4em;
	font-weight: normal;
	color: #ff7281;
	position: absolute;
	top: -45px;
	width: 1200px;
	text-align: center;
	line-height: 42px;
}

.samp_hdr_link {
	position: absolute;
	top: -32px;
	left: 780px;
	width: 300px;
	font-family: 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	font-size: 18px;
	font-weight: normal;
	color:#EFCD80;
}

.samp_hdr_link a:visited {
	color:#EFCD80;
}

#samples_bkgd {
	position: relative;
	width: 1200px;	
	height: 1100px;
	margin: 0 auto;
	text-align: left;		
	background: #000000 url(images/JKoidin_samples.jpg) no-repeat left top;
	background-position: -40px 66px;
	border: 0px solid #ffffff;
}

.sample_music {
	position: relative;
	top: 2px;
	left: 0px;
	height: 302px;
	width: 502px;
	border: 0px solid #ff0000;
	background-color:#ccffee;
}
.samp_music0 {
	float: left;
	height: 100%;
	width: 8px;
	border: 0px solid #0000ff;
}
.samp_music1 {
	float: left;
	height: 100%;
	width: 420px;
	border: 0px solid #ffffff;
	text-align: left;
}
.samp_music2 {
	float: left;
	height: 100%;
	width: 72px;
	border: 0px solid #ffffff;
	text-align: center;
}

.sample_music a{
	color: #000000;
}

.sample_music a:hover{
	color: #880000;
}
