/*--------------------------

Created Exclusively For: Judith A Johnson
by:  Ryan Struber and Benn Wolfe
11 December 2009
All rights reserved 2009

Color Palette
Dark Charcoal = #0B0B0B
Inactive Gray = #727272
Hover Gray = #B2B2B2
Picture Outline Gray = #202020
|| Link Blue = #6699CC
|| Visited Link Purple = #333366
Link Gray = #9B9B9B
Visited Link Gray = #444444

   --------------------------*/

/*--  CSS RESET and CHEATS  --*/   

html, body, div, span, applet,
object, iframe, h1, h2, h3, h4,
h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big,
cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup,
tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form,
label, legend, table, caption,
tbody, tfoot, thead, tr, th, td 	{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body 					{ line-height:1; }
ol, ul 					{ list-style:none; }
blockquote, q 				{ quotes:none; }
del 					{ text-decoration:line-through; }
table 					{ border-collapse:collapse; border-spacing:0; }
p,ol,ul,table, form 			{ margin-bottom:20px; }

.bold { font-weight:bold; }
.italic { font-style:italic; }
.underlined { text-decoration:underline; }
.tc { text-align:center; }

.center { text-align:center; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid #000; }
.clear { clear:both; height:1px; }

a img { border:none; }

/*--  GLOBAL STYLES  --*/
body {
	background:url('../img/jaj_bg_texture.jpg') top left repeat #0B0B0B;
	color:#fff;
	font-family: arial, verdana, sans-serif;
	font-size:100%;
	line-height:120%;
	font-size:medium;
}
h1, h2, h4, h5, h6 {
	font-family: "Apparatus SIL", "Times New Roman", times, serif;
}
h3 {
	margin:0px 0px 20px 0px;
}
a {
	color:#B2B2B2;
	text-decoration:none;
	border-bottom:1px solid #B2B2B2;
}
a:visited {
	color:#727272;
	border-bottom:1px solid #727272;
}
a:hover {
	border:none;
}
#center_gray {
	width:1080px;
	margin:0px auto;
	background:url('../img/jaj_center_gray.jpg') top left repeat-y #0B0B0B;
}
/*--  HEADER  --*/
#header {
	height:110px;
	width:1080px;
	margin:0px auto;
	background:url('../img/jaj_header_bg.jpg') top left repeat transparent;
}
	#header h1 {
		width:340px;
		height:110px;
		float:left;
		line-height:110px;
		text-indent:340px;
		overflow:hidden;
		margin: 0px 0px 0px 70px;
		font-family: verdana;
		letter-spacing: -4px;
		font-size: 40px;
		padding:0px;
	}
#nav {
	width:580px;
	margin-left: 50px;
	height:110px;
	line-height:110px;
	font-size:1.6em;
	font-family: "Apparatus SIL", "Times New Roman", times, serif;
	float: left;
}
	#nav li {
		display:inline;
		padding:0px 6px 0px 0px;
	}
	#nav a {
		border-top:2px solid transparent;
		border-bottom:2px solid transparent;
		padding:4px 10px;
		color:#727272;
		text-decoration:none;
		/*text-shadow: 0px -2px 1px #111;*/
	}
		#nav a:visited, #nav a:active { color:#727272; }
		#nav a.active { border-color:#fff; color:#fff; }
		#nav a:hover { color:#B2B2B2; }

/*--  CONTENT  --*/		
#content {
	width:960px;
	min-height:400px;
	margin:0px auto;
	padding:20px 0px 0px 0px;
	background:url('../img/jaj_content_top_bg.jpg') top left no-repeat transparent;
	font-size:1.05em;
}
.art_holder {
	width:580px;
	float:right;
	margin:0px 0px 0px 10px;
	text-align:center;
	position:relative;
}
	.art_holder img {
		border:12px solid #202020;
		border-left:13px solid #202020;
		border-right:13px solid #202020;
		max-width:554px;
	}
	.art_holder div, #btw_lightbox div {
	height:20px;
	width:20px;
	background-color:#000;
	position:absolute;
	top:13px;
	left:13px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	line-height:20px;
}

.commissions_art_holder {
	width: 450px;
	height: 358px;
	border:12px solid #202020;
	margin: 5px;
	margin-right: 20px;
	float: right;
}

.about_art_holder { 
	border:12px solid #202020;
	margin: 5px;
}

	.about_horse { 
		width: 450px;
		height: 300px;
		margin: 30px auto;
	}
	
	.about_portrait { 
		width: 400px;
		height: 300px;
		float: left;
		margin: 5px 20px;
	}

.content_text {
	width:340px;
	margin:0px 10px;
}
.home_contact_me {
	font-weight:bold;
	font-style:italic;
}

/*--  FOOTER  --*/

#footer {
	width:1080px;
	height:180px;
	background:url('../img/jaj_footer_bg.jpg') top left no-repeat transparent;
}
	#footer h6 {
		margin:0px 0px 0px 70px;
		padding:110px 0px 0px 0px;
	}

/*--  CONTACT ME FORM  --*/

#contact_me_popup {
	height:477px;
	width: 450px;
	position:fixed;
	bottom:-432px;
	right:0px;
	background:url('../img/jaj_contact_form_topper_sprite.png') 0px -45px no-repeat transparent;
}
#contact_me_popup.hover, #contact_me_popup.active { background:url('../img/jaj_contact_form_topper_sprite.png') 0px 0px no-repeat transparent; }
#contact_me_spacer {
	height:45px;
	width:450px;
	background-color:transparent;
}
#contact_me_body {
	height:412px;
	width:450px;
	padding:15px;
	background:url('../img/jaj_contact_form_bg.jpg') top left repeat #000;
}
	#contact_me_body .input_holder {
		height:40px;
		width:412px;
		border:4px solid #202020;
		margin:0px 0px 15px 0px;
		background-color:#000;
		position:relative;
		font-size:14px;
		font-weight:bold;
	}
		#contact_me_body .input_holder label {
			display:block;
			float:left;
			height:100%;
			width:75px;
			margin:0px 20px 0px 0px;
			text-align:right;
			line-height:40px;
			font-weight:normal;
		}
		#contact_me_body .input_holder input, #contact_me_body .input_holder textarea {
			background-color:transparent;
			width:300px;
			border:none;
			color:#0b0b0b;
			padding:10px 0px 0px 0px;
			font-family:arial, verdana, sans-serif;
			font-weight:bold;
			font-size:16px;
		}
		#contact_me_body .input_holder textarea {
			height:122px;
		}
	#contact_me_body .input_holder.text_box {
		height:210px;
	}
	#contact_me_body .input_holder.submit {
		width:174px;
		margin-left:238px;
		text-align:center;
		background:url('../img/jaj_send_button_bg.jpg') bottom center #000 no-repeat;
		line-height:40px;
		font-family: "Apparatus SIL", "Times New Roman", times, serif;
		font-size:20px;
		cursor:pointer;
		font-weight:normal;
	}

/*--  GALLERY PAGE  --*/

#gallery_art_holder {
	height:340px;
	overflow:hidden;
	text-align:left;
}
	#gallery_art_holder img {
		max-width:554px;
		max-height:314px;
		cursor:pointer;
	}
#gallery_content_text {
	height:340px;
}
#gallery_slider {
	height:130px;
	width:890px;
	padding:52px 117px 88px 73px;
	margin:0px 0px 0px -63px;
	background:url('../img/jaj_slider_bg.jpg') top center no-repeat transparent;
}
#slider_cats {
	padding:15px 0px 15px 0px;
	margin:0px;
	width:110px;
	float:left;
}
	#slider_cats h5 {
		font-size:15px;
		line-height:110%;
		font-weight:normal;
		padding:0px 0px 0px 8px;
		color:#727272;
		cursor:pointer;
	}
	#slider_cats h5.hover {
		color:#b2b2b2;
	}
	#slider_cats h5.active {
		color:#fff;
		background:url('../img/jaj_slider_arrow.jpg') center left no-repeat transparent;
	}
.slider_button {
	height:61px;
	width:10px;
	float:left;
	margin:34px 11px;
}
#l_button { background:url('../img/jaj_slider_sprite.jpg') -10px 0px no-repeat transparent; }
	#l_button.unavailable { background:url('../img/jaj_slider_sprite.jpg') 0px 0px no-repeat transparent; }
	#l_button.hover, #l_button.active { background:url('../img/jaj_slider_sprite.jpg') -20px 0px no-repeat transparent; }
#r_button { background:url('../img/jaj_slider_sprite.jpg') -40px 0px no-repeat transparent; }
	#r_button.unavailable { background:url('../img/jaj_slider_sprite.jpg') -50px 0px no-repeat transparent; }
	#r_button.hover, #r_button.active { background:url('../img/jaj_slider_sprite.jpg') -30px 0px no-repeat transparent; }
#slider_thumbs_window {
	width:700px;
	height:100px;
	overflow:hidden;
	float:left;
	margin:15px 0px;
	position: relative;
}
#slider_thumbs {
	width:10000px;
	position: relative;
}
	#slider_thumbs li {
		display:block;
		float:left;
		position:relative;
		width:100px;
		height:100px;
		margin:0px 20px 0px 0px;
		background-color:#202020;
	}
	#slider_thumbs li.hover { background-color:#b2b2b2; }
	#slider_thumbs li.active { background-color:#fff; }
	#slider_thumbs img {
		max-width:90px;
		max-height:90px;
		position:absolute;
		top:0%;
		bottom:0%;
		left:0%;
		right:0%;
		margin:auto;
	}
/*--  BTW LIGHTBOX  --*/
#btw_lightbox {
	width:100%;
	height:100%;
	display:none;
	background-color:#000;
	background-color:rgba(0,0,0,.9);
	position:fixed;
	opacity:1;
	z-index:10px;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
}
	#btw_lightbox img {
		border:12px solid #202020;
		border-left:13px solid #202020;
		border-right:13px solid #202020;
		padding:1px 0px;
		background-color:#fff;
		max-width:90%;
		max_height:90%;
		position:absolute;
		margin:auto;
		top:1%;
		bottom:1%;
		left:1%;
		right:1%;
		opacity:1;
	}
	#btw_lightbox div {
		position:fixed;
		top:0px;
		left:0px;
		display:none;
	}