body
{
	background: #000;
	font-family: arial;
	font-size: 11px;
	margin: 0px;
}

img
{
	border: none;
}

p
{
	color: #b9b9b9;
	line-height: 16px;
	font-size: 12px;
}

a
{
	color: #fdb200;
	text-decoration: none;
}

a:hover
{
	color: #fdd000;
	text-decoration: none;
}


h2
{
	color: #fff;
	font-weight: bold;
	font-family: arial;
	text-transform: uppercase;
	margin: 0px;
	font-size: 18px;
}

h3
{
	color: #fff;
	font-family: Georgia;
	font-style: italic;
	margin: 0px;
	font-size: 24px;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center ;
}

h4
{
	color: #fff;
	font-family: arial;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

h5
{
	color: #fff;
	font-family: arial;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

h6
{
	color: #fff;
	font-family: arial;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 4px;
	text-transform: uppercase;
	margin-top: 20px;
}

h7
{
	font-family: times new roman;
	font-size: 24px;
	color: #fff;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	margin-bottom: 40px;
	text-transform: uppercase;
}

a:hover
{
	color: #fdd000;
	text-decoration: none;
}

.clear
{
	clear: both;
}

input
{
	border: 0px;
}

.container
{
	width: 1020px;
	margin: 0 auto;
	background-image: url(/_img/bg2.jpg);
	padding: 20px;
	padding-left: 40px;
}

.header_img
{
	margin-top: 8px;
	margin-bottom: 40px;
	display: block;
}

#slideshow
{
	display: block;
	margin-left: 17px;
	margin-top: 22px;
}

.higher_calling
{
	margin-left: 20px;
	margin-bottom: 100px;
}

.higher_calling2
{
	margin-left: 120px;
	margin-bottom: 20px;
	margin-top: 20px
}


.higher_call_painting
{
	width: 775px;
	height: 465px;
	background-image: url(/_img/hc_painting.jpg);
	margin-top: 40px;
	margin-left: 30px;
	
}

#pilots
{
	margin-left: 265px;
}

.painting_description
{
	width: 750px;
	margin-left: 40px;
}

.painting_title
{
	font-size: 18px;
	font-family: Georgia;
	font-style: italic;
	color: #fff;
	text-align: center;
}

.painting_price
{
	font-size: 48px;
	font-family: Georgia;
	font-style: italic;
	color: #fff;
	text-align: center;
	padding: 0px;
	margin: 25px;
}

.painting_price span
{
	font-size: 14px;
	
}

.price_box2
{
	width: 280px;
	float: left;
}

.painting_details
{
	font-size: 11px;
	font-family: Georgia;
	color: #fff;
	text-align: center;
	line-height: 16px;
}

#click_zoom
{
	background-image: url(/_img/click_zoom.png);
	width: 149px;
	height: 15px;
	margin-top: 4px;
}

#return_pub
{
	width: 280px;
	float: left;
	margin-right: 25px
}

#return_pub p
{
	
	
}

#return_pub span
{
	font-size: 11px;
	font-style: italic;
}


/* NAV */

.divider
{
margin: 2px;
}

.nav
{
	margin-bottom: 8px;
}

#nav {
width: 660px;
height: 20px;
position: relative;
margin: 0;
padding: 0;
}

#nav li {
float: left;
}

#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 20px;
background: url(/_img/nav_primary.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li#nav_artwork a {
left: 0;
width: 175px;
background-position: 0 0;
}

li#nav_about a {
left: 175px;
width: 100px;
background-position: -175px 0;
}

li#nav_news a {
left: 270px;
width: 70px;
background-position: -270px 0;
}

li#nav_ordering a {
left: 350px;
width: 200px;
background-position: -350px 0;
}

li#nav_contact a {
left: 550px;
width: 140px;
background-position: -550px 0;
}


/*hover state*/
li#nav_artwork a:hover {
background-position: 0 -22px;
}

li#nav_about a:hover {
background-position: -175px -22px;
}

li#nav_news a:hover {
background-position: -270px -22px;
}

li#nav_ordering a:hover {
background-position: -350px -22px;
}

li#nav_contact a:hover {
background-position: -550px -22px;
}


/*current state*/
#body_artwork li#nav_home a {
background-position: 0 -26px;
}

#body_about li#nav_about a {
background-position: -145px -26px;
}

#body_contact li#nav_contact a {
background-position: -290px -26px;
}

#body_ordering li#nav_ordering a {
background-position: -290px -26px;
}

/* HOME PAGE */

#slideshow_bg
{
	background-image: url(/_img/frame_slide_home.png);
	width: 926px;
	height: 510px;
	padding: 21px 0 0 17px;
}

#box_btm_home
{
	background-image: url(/_img/frame_btm.png);
	width: 947px;
	height: 144px;
	margin-left: -2px;
}

#free_shipping
{
	margin-top: 34px;
	margin-left: 40px;
	float: left;	
}

#mail_chimp
{
	float:  right;
	width: 430px;
	margin-top: 20px;
	margin-right: 18px;
}

#mail_chimp p 
{
	margin-bottom: 13px;
}

/* AVAILABLE ARTWORK */


#featured_art
{
	margin-bottom: 30px;
	margin-top: 40px;
	background-image: url(/_img/featured.png);
	width: 930px;
	height: 273px;
	padding: 24px 0 0 26px;
}


#featured_painting
{
	float: left;
	width: 390px;
	margin-right: 40px;
}

#featured_description
{
	float: right;
	width: 400px;
	margin-top: 85px;
	margin-right: 50px;
}

#featured_description img
{
	float: right;
}

#featured_description h2
{
	float: left;
	margin-left: 20px;
	margin-top: 5px;
}

#divider_artwork
{
	margin-left: 8px;
}

#art_editions_title
{
	background-image: url(/_img/art-by-john.png);
	width: 747px;
	height: 39px;
	margin-bottom: 45px;
	margin: 0 auto;
	margin-top: 45px;
}

#available_art_title
{
	background-image: url(/_img/available.png);
	width: 266px;
	height: 26px;
	margin-bottom: 40px;
}

#aftermarket_art_title
{
	background-image: url(/_img/other_titles.png);
	width: 400px;
	height: 25px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.painting_thumb
{
	float: left;
	margin-left: 10px;
	margin-bottom: 30px;
	margin-right: 10px;
}

.painting_thumb img
{
	width:  300px;
	height: 175px;
}

#available_art h2
{
	font-size: 12px;
	margin-top: 10px;
}

#available_art p
{
	margin: 0px;
	color: #aaaaaa;
	font-style: italic;
	font-size: 11px;
}


/* SPECIFIC PAINTING */

.painting_specific
{
	margin-left: 10px;
	width: 936px;
	
}

.painting_specific img
{
	margin: 0 auto;
	max-width: 720px;
	max-height: 480px;
	display: block;
	
}

#no_editions
{
	margin-left: -200px
}

#seal
{
	display: block;
	margin: 0 auto;
}

.edition_left
{
	width: 700px;
	text-align: center;
	margin: 0 auto;
}

.edition_left_container
{
	width: 300px;
	margin: 0 auto;
}

.edition_right
{
	float: right;
}

.edition_option
{
	margin-bottom: 30px;
}

#no_editions p
{
	color: #fff; 
	font-size: 14px;
	margin-left: 120px;
}

.price
{
	color: #fff;
	font-size: 30px;
	line-height: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-style: italic;
	font-family: georgia;
}

.about
{
	text-transform: uppercase;
	font-size: 14px;
}

#about_bg
{
	background-image: url(/_img/about_bg.jpg);
	background-repeat: no-repeat;
	width: 1020px;
	padding-top: 45px;
}

.about_title
{
	color: #fff;
	font-weight: bold;
}

.each
{
	font-size: 12px;
}

#painting_left_column
{
	float: left;
	width: 700px;
	margin-top: 30px;
}

#painting_box
{
	background: url(/_img/painting_info_box.png);
	width: 301px;
	height: 586px;
	float: right;
	margin-bottom: 100px;
	margin-top: 32px;
}

.title_box
{
	margin-top: 30px;
	margin-left: 28px;
}

#painting_box li a
{
	background: none;
	padding: 0px;
}

#painting_image
{
	padding-top: 14px;
	padding-left: 10px;
}

#painting_image img
{
	max-width: 700px;
}


/*** TABS ***/

#tabs
{
	background: none;
	margin-bottom: 40px;
}

#tabs p
{
	font-family: georgia;
	font-style: italic;
}

#painting_nav
{
	width:  212px;
	background: none;
	border: none;
	float: right;
	margin-right: 36px;
}

#painting_nav li
{
	background: none;
	border: 0px;
}

#painting_nav li a
{
	font-family: georgia ;
	font-size: 18px;
	color: #fff;
	font-style: italic;
}

#painting_nav .ui-state-active a
{
	color: #2d2d2d;
}

#about_signers img
{
	float: left;
	margin-bottom: 50px;
}

#about_signers h4
{
	margin-top: 0px;
}

.signer
{
	margin-bottom: 40px;
}

.ui-tabs-panel
{
	background: none;
	border: 0px;
	font-family: arial;
}

/*** CONTACT ***/

#contact_title
{
	background-image: url(/_img/contact.png);
	background-repeat: no-repeat;
	width: 240px;
	height: 35px;
	margin: 0 auto;
	margin-bottom: 40px;
	margin-top: 40px;
}

#contact_left
{
	width: 540px;
	float: left;
	margin-left: 12px;
	margin-top: 20px; 
	margin-bottom: 100px;
	background-image: url(/_img/calling_guy.png);
	background-repeat: no-repeat;
	height: 535px;
	background-position: 70px;
}

#contact_right
{
	background-image: url(/_img/contact_box.png);
	width: 306px;
	height: 516px;
	float: right;
	margin-left: 50px;
	margin-top: 16px; 
	margin-bottom: 100px;
	padding: 40px;
	padding-left: 50px;
	padding-right: 50px;
}

#contact_right input
{
	width: 277px;
	height: 42px;
	background-image: url(/_img/contact_input.jpg);
	border: 0px;
	margin: 0px;
	padding: 0px;
	color: #b8b8b8;
	padding-left: 15px;
	margin-bottom: 15px;
}

#contact_right textarea
{
	width: 277px;
	height: 177px;
	background-image: url(/_img/contact_textarea.jpg);
	border: 0px;
	margin: 0px;
	padding: 0px;
	color: #b8b8b8;
	padding-left: 15px;
	padding-top: 15px;
	font-family: arial;
}



#contact_left h3
{
	text-align: left;
	margin-top: 0px;
}

.contact_info
{
	font-size: 18px;
	font-family: arial;
	color: #fff;
	line-height: 20px;
}

.contact_address p
{
	font-size: 18px;
	font-family: arial;
	color: #fff;
	line-height: 20px;
}


#pay_pal
{
	width: 220px; 
	margin-left: 55px; 
	margin-top: 20px; 
	text-align: center
}

#pay_pal form table
{
	margin: 0 auto;
}

#submit
{
	width:  100px;
	height: 37px;
	background-image: url(/_img/submit.jpg);
	border: none;
}

#submit:hover
{
	background-image: url(/_img/submit2.jpg);
	cursor: pointer;
}


textarea
{
	width:  320px;
	padding: 10px;
	background-color: #d7d7d7;
	border: none;
}

#contact_right #submit
{
	background-image: url(/_img/send_btn.jpg);
	width: 110px;
	height: 49px;
	float: right;
	margin-right: 3px;
}

#contact_right p
{
	margin-bottom: 40px;
}

/*** ABOUT ***/

#about_title
{
	background-image: url(/_img/about_us.png);
	background-repeat: no-repeat;
	width: 247px;
	height: 43px;
	margin: 0 auto;
	margin-bottom: 150px;
}

#about_artist p
{
	width: 920px;
	margin-left: 5px;
}

#about_website p
{
	width: 920px;
	margin-left: 5px;
}

#about_ls
{
	margin-left: 15px;
}

#about_general
{
}

.about_right
{
	
	float: right;
	margin-left: 30px;
}

.about_left
{
	
	float: left;
	margin-right: 30px;
}

#about_artist p 
{
	float: right;
	width: 512px;
}

#about_box_right img
{
	width: 300px;
}

#about_box_horizon
{
	width:  933px;
	height: 231px;
	padding-top: 35px;
	background-image: url(/_img/about_box_horizontal.png);
	margin-top: 30px;
	margin-bottom: 30px;
}

.about_img_horizon
{
	float: left;
	width: 270px;
	margin-left: 30px;
}

.about_img_horizon p
{
	font-size: 10px;
	padding-top: 4px;
	margin-top: 4px;
	color: #686868;
}

.about_img_horizon img
{
	width: 270px;
}

#about_company img
{
	float: right;
	margin-left: 20px;
	margin-bottom: 100px;
	margin-top: 30px;
}

#about_website
{
	margin-bottom: 50px;
}

#signature
{
	float: right;
	
}


.coming_soon
{
	width: 748px;
	margin-left: 50px;
	margin-top: 10px;
}



#mc_embed_signup
{
	
	background: none;
}

/*** ORDERING INFORMATION ***/

#ordering_title
{
	background-image: url(/_img/ordering_info.png);
	width: 475px;
	height: 27px;
	margin: 0 auto;
	margin-bottom: 60px;
	margin-top: 45px;
}

#ordering_box
{
	width:  838px;
	height: 916px;	
	background-image: url(/_img/ordering_box.png);
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 150px;
	padding-left: 60px;
	padding-right: 50px;
}

/*****  NEWS  *****/

#news_title
{
	background-image: url(/_img/news.png);
	background-repeat: no-repeat;
	width: 144px;
	height: 44px;
	margin: 0 auto;
	margin-bottom: 50px;
	margin-top: 50px;
}

.news_big
{
	width:  940px;
	height: 465px;	
	background-image: url(/_img/news_largebox.png);
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
}

.news_small
{
	width:  940px;
	height: 275px;	
	background-image: url(/_img/news_smallbox.png);
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
}

.news_text
{
	float: left;
	width: 550px;
}

.news_img
{
	float:  left;
	margin-right: 20px;
}

.news-top
{
	background-image: url(/_img/news-top.png);
	width: 1020px;
	height: 27px;
}

.news-btm
{
	background-image: url(/_img/news-btm.png);
	width: 1020px;
	height: 27px;
}

.news-mid
{
	background-image: url(/_img/news-mid.png);
	background-repeat: repeat-y;
	width: 960px;
	padding: 0 30px 0 30px;
	float: left;
}


/*****  PROMO  *****/

#promo_box
{
	width:  920px;
	height: 540px;	
	background-image: url(/_img/promo_box.png);
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 40px;
	padding-left: 50px;
	padding-right: 50px;
}

#promo_mailchimp
{
	float: left;
	margin-left: 40px;
	margin-top: 40px;
}

/*****  REMARQUE GALLERY  *****/

#rmq_header
{
	background-image: url(/_img/remarque_header.jpg);
	width: 1020px;
	height: 722px;
}
#rmq_body
{
	background-image: url(/_img/remarque_bg.jpg);
	width: 1020px;
	height: 2890px;
}

#rmq_body img
{
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	border: #000 3px solid;
}

#rmq_orderbtn
{
	border: 0px;
}

.rmq_block1
{
	margin-left: 70px;
	margin-top: 20px;
	float: left;
}

.rmq_block2
{
	margin-right: 50px;
	margin-top: 100px;
	float: right;
}

.rmq_block3
{
	margin-left: 70px;
	margin-top: 245px;
	float: left;
}

.rmq_block4
{
	margin-left: 70px;
	float: left;
}

.rmq_block5
{
	margin-left: 70px;
	margin-top: 150px;
	float: left;
}

.rmq_block6
{
	margin-right: 50px;
	margin-top: 150px;
	float: right;
}



#slider
{position:relative;}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}


.home-box
{
	float: left;
	margin-right: 3px;
}


.brown
{
	color: #c29f67;
}

/*** FOOTER ***/

.footer_left
{
	display: block;
	float: left;
	margin-left: 8px;
}

.footer_right
{
	display: block;
	float: right;
	margin-right: 20px;
}

.footer_left p
{
	font-size: 10px;
	color: #7b7872;
}

.footer_right p
{
	font-size: 10px;
	color: #7b7872;
}