/*--========================CSS CODE========================--*/
/*--=========================BY HA=========================--*/
/*--=========================3/23/17=========================--*/

/*--========================LAYOUT STYLES========================--*/



#wrapper {
	width: 960px;
	height:600px;
	height:1200px;
	height:auto;
	background:white;
	/*background-color:pink;/ */ /*test area*/
 	margin: 0 auto; /*center website*/
 	padding:0;
	}
	
body {
	/*background-color:#CCCCCC;*/
	padding-top:1em;
	height:720px;
    background:#f1eec6;
   	background-color:#fffdf4; /*soft soft yellow*/
    background:#efeccb;
    background:#f0edd6;
    background:#f0eed6;
}

#main_container {
	/*background:purple; */ /*test area*/
	/*this code prevents the input fields from working??*/
	/*but you need it for the main content to go under the sticky nav*/
	position:absolute; 
	z-index:-1;
}

/*-----Positions to sections a certain amount from the top of the page-----*/
/*---------------So they are not hidden underneith the header--------------*/

.top {
    display: block;
    position: relative;
    top: -250px;
    top: 250px;
    visibility: hidden;
}

/*--============================HEADER============================--*/

#header {
	/*position:absolute;*/
	/*position:relative;*/
	position: fixed;
	height:180px;
	/*top: 0;*/
	/*background-color:green; *//*test*/
	z-index: 9999;  !important; /* so the lightboxes go behind the header instead of infront of each. -HA!*/
}

#banner_wk11 {
	padding:0px 0px 0px 0px;
	margin-top:0px !important;
	margin-bottom:0px !important;
	background-color:#fffdf4; /*soft soft yellow*/
	background-color:#fffde4; /*soft yellow*/
	width:960px;
	height:120px;
}

#logo {
	padding:0px 0px 0px 20px;
	margin-top:0px !important;
	margin-bottom:0px !important;
	background-color:#fffde4; /*soft yellow*/
	float:left;
}

#tag_line {
	width:320px;
	padding:26px 0px 0px 20px;
	margin:0px 0px 0px 20px;
	font-family: "Myriad Pro", Helvetica, Arial, Sans-Serif;	
	font-style:italic;
	float:right;
	vertical-align:center;
	}

/*--=========================SUB NAVIGATION=========================--*/

	#sub_nav_container {
		width:400px;
		height:31px;
		padding:0px 0px 0px 0px;
		/*background-color:darkgray; */
		/*background-color:none;*/
		float:right;
	}
	

/*-----------------------Sub Navigation links-----------------------*/

			#sub_nav_container a {
				color:red;
				color:black;
				font-weight:bold;
				font-family: "Trajan Pro", Times, serif;
				font-size: 18px;
				padding:4px 0px 0px 0px;
				background-color:darkgray;
			}
			
				#sub_nav_container a:hover {
				color:white;
				background:black;
				font-family: "Trajan Pro", Times, serif;
				font-size: 18px;
				padding:4px 0px 0px 0px;
				font-size: 18px;
				height:22px;
				}
				
				.sub_nav_links {
					width:118px;
					height:31px;
					margin-top:0px !important;
					margin-bottom:0px !important;
					margin-left:0px !important;
					padding:3px 0px 0px 0px;
				}
				
				.vertical_line_1 {
					border-left: solid 1px white;
				}

/*--=========================MAIN NAVIGATION=========================--*/

	#main_nav {
		width: 960px;
		width: 940px;
		height: 42px;
		font-family: "Verdana", serif;
		font-weight: bold;
		font-weight: normal;
		/* text-align: center; */
	   	/* background-color:#4DC1DF; /*blue*/
		margin-top:0px !important;
		/*margin-bottom:0px !important;*/
		border-bottom:1px solid gray;
		padding:0px 0px 0px 20px;
		text-align:left;
		display:inline-block;
		background:#FFFFFF;
	}

/*-----------------------Main Navigation links-----------------------*/

			ul {
				list-style-type: none;
				font-size: 18px;
				margin:0px !important;
			}

					li {
						float: left;
						margin:0px !important;
					}

					li a {
						display: block;
						text-align: center;
						padding: 12px 16px 12px 16px;
						text-decoration: none;
						margin:0px !important;
						color:gray;
						letter-spacing:2px;
						letter-spacing:1px;
					}

					/* Change the link color to #111 (black) on hover */
						li a:hover {
						background-color: #ffe8c5; /*peach*/
						background-color: #fdeed7; /*light peach*/
						color:black;
						height: 18px;
						margin:0px !important;
					}

						.vertical_line_2 {
							border-left: solid 1px darkgray;
							height:42px;
						}

/*--============================SECTIONS 1============================--*/
/*-------------------------------FEATURE-------------------------------*/

		#section_feature {
			width: 956px;
			height: 420px;
			background-color:#fffdf4; /*soft soft yellow*/
			background: #FFFFFF; /*white*/
			padding: 1.5px 0px 0px 4px;
		
		}

					#feature_text {
						/*background-color: #fdeed7; /*light peach*/
						/*background: #FFFFFF;*/
						width: 228px;
						height:400px;
						padding: 4px 10px 0px 10px;
						display: inline-block;
						float:left;
					}

					#feature_slideshow {
						width: 700px;
						height:400px;
						padding: 1.5px 0px 0px 4px;
						/*padding: 0px 0px 0px 0px;*/
						display: inline-block;
						background:lightgray;
						background:#FFFFFF; /*white*/
					}


/*--===========================SECTIONS 2-5============================--*/


/*-------------------------------FINE ART-------------------------------*/

		#section_fine_art {
			width: 956px;
			height: 400px;
			padding: 1.5px 0px 0px 4px;
		}

				#fine_art_text {
					width: 228px;
					height:400px;
					padding: 4px 10px 0px 10px;
					display: inline-block;
					float:left;
				}

				#fine_art_lightbox {
					width: 700px;
					height:400px;
					padding: 1.5px 0px 0px 4px;
					display: inline-block;
					background:lightgray;
					background:#FFFFFF; /*white*/
				}
				
					#scroll_text {
						color:#808080; /*gray*/ /*not working*/
						color:#494c49; /*dark gray*/ /*not working*/
						/*background:green;*/ /*works off*/
					}

						#scroll_text ol li p {
							color:#808080; /*gray*/ 
							color:#494c49; /*dark gray*/ 
							color:green; /*dark gray*/ 
							color:#004f6d; /*slate*/
							padding:0px 0px 12px 0px;
							/*background:green;*/ /*works off*/
						}

/*-------------------------------SILVER-------------------------------*/

		#section_silver {
				width: 956px;
				height: 400px;
				padding: 1.5px 0px 0px 4px;
				}

				#silver_text {
						/*background-color: #fdeed7; /*light peach*/
						/*background: #FFFFFF;*/
						width: 228px;
						height:400px;
						color:#004f6d; /*slate*/
						padding: 4px 10px 0px 10px;
						padding: 4px 0px 0px 0px;
						display: inline-block;
						float:left;
					}
					
							#scroll_text_silver ol li p {
							color:#808080; /*gray*/ 
							color:#494c49; /*dark gray*/ 
							color:green; /*dark gray*/ 
							color:#004f6d; /*slate*/
							padding:0px 0px 0px 0px;
							/*background:green;*/ /*works off*/
						}

				#silver_lightbox {
					width: 700px;
					height:400px;
					padding: 1.5px 0px 0px 4px;
					display: inline-block;
					background:lightgray;
					background:#FFFFFF; /*white*/
				}
				
				

/*-------------------------------CHINA-------------------------------*/

		#section_china {
			width: 956px;
			height: 400px;
			padding: 1.5px 0px 0px 4px;
		}
				#china_text {
					/*background-color: #fdeed7; /*light peach*/
					/*background: #FFFFFF;*/
					width: 228px;
					height:400px;
					padding: 4px 10px 0px 10px;
					display: inline-block;
					float:left;
				}

				#china_lightbox {
					width: 700px;
					height:400px;
					padding: 1.5px 0px 0px 4px;
					display: inline-block;
					background:lightgray;
					background:#FFFFFF; /*white*/
				}

/*-------------------------DECORATIVE ARTS-------------------------*/

		#section_decorative_arts {
			width: 956px;
			height: 400px;
			padding: 1.5px 0px 0px 4px;
		}
		
				#decorative_arts_text {
					/*background-color: #fdeed7; /*light peach*/
					/*background: #FFFFFF;*/
					width: 228px;
					height:400px;
					padding: 4px 10px 0px 10px;
					display: inline-block;
					float:left;
				}

				#decorative_arts_lightbox {
					width: 700px;
					height:400px;
					padding: 1.5px 0px 0px 4px;
					display: inline-block;
					background:lightgray;
					background:#FFFFFF; /*white*/
				}

/*--===========================SECTIONS 6-9============================--*/

/*--------------------------------ABOUT---------------------------------*/

		#section_about {
			width: 956px;
			height: 580px;
			height: 380px;
			padding: 1.5px 0px 0px 4px;
			/*test to try to lower the section when the anchor tag is clicked*/
			/*and the anchor moves up to the top*/
			/*position: relative; 
			top:50px;*/
		}

				#about_text {
					width: 228px;
					width: 900px;
					height:280px;
					height:80px;
					padding: 4px 0px 0px 10px;
					display: inline-block;
					/*float:left;*/
				}

				#about_photo {
					width: 800px;
					width: 928px;
					height:250px;
					height:150px;
					padding: 12px 10px 0px 14px;
					display: inline-block;
					/*background:lightgray;*/
				}
	
/*--------------------------------CONTACT---------------------------------*/		

		#section_contact {
			width: 956px;
			height: 290px;
			height: 440px;
			padding: 1.5px 0px 0px 4px;
		}
				
				#contact_text {
					width: 228px;
					height:270px;
					padding: 4px 10px 0px 10px;
					display: inline-block;
					float:left;
				}

				#contact_form {
					width: 600px;
					height:120px;
					height: 405px;
					padding: 10px 0px 30px 4px;
					padding: 10px 0px 0px 24px;
					display: inline-block;
					/*background:lightgray;*/
					/*background:navy;*/ /*slate*
					/*background:#004f6d; *//*slate*/
					background-color:#fffdf4; /*soft soft yellow*/
					border:1px solid lightgray;
				}

				.contact_form_padding {
					padding:6px 0px 0px 0px;
				}
				
			
				#send_message {
					color:#004f6d; /*slate*/
					background:#FFFFFF; /*white*/
					border-radius: 10px;
				}
				
				
				#send_message:hover{
					color:white;
					background:#004f6d; /*slate*/
					border-radius: 10px;
				}
			
/*--------------------------------SHOP---------------------------------*/	

		#section_shop {
			width: 956px;
			height: 500px;
			padding: 1.5px 0px 0px 4px;
		}

				#shop_text {
					width: 228px;
					width: 900px;
					height:154px;
					padding: 4px 0px 0px 10px;
					display: inline-block;
					/*float:left;*/
				}
				
				#btn_go_shop {
					width: 130px;
					height:18px;
					padding: 10px 0px 10px 22px;
					margin: 0px 0px 10px 0px; /*moves it away from the photo*/
					display: inline-block;
					/*float:left;*/
					background:navy;
					background:#004f6d; /*slate*/
				}

				#shop_photo {
					width: 800px;
					width: 928px;
					height:250px;
					padding: 12px 10px 0px 14px;
					display: inline-block;
					/*background:lightgray;*/
				}
				
				#btn_shop_link  {
					color:#004f6d; /*slate*/
					background:#FFFFFF; /*white*/
					border-radius: 10px;
				}
				
				#btn_shop_link:hover{
					color:white;
					background:#004f6d; /*slate*/
					border-radius: 10px;
				}


/*--------------------------------EMAIL LIST---------------------------------*/		
		
				#email_display {
					width: 600px;
					height:30px;
					padding: 0px 0px 0px 4px;
				}
		
				#email_list_container {
					width: 600px;
					height:30px;
					padding: 10px 0px 0px 4px;
					display: inline-block;
					background:navy;
					background:#004f6d; /*slate*/
					display: none; /*hide div in the beginning*/
				}
				
				
				#btn_email{
					color:white;
					background:#004f6d; /*slate*/
					border-radius: 10px;
				}

				#btn_email:hover  {
					color:#004f6d; /*slate*/
					background:#FFFFFF; /*white*/
					border-radius: 10px;
				}


				#btn_email_send  {
					color:#004f6d; /*slate*/
					background:#FFFFFF; /*white*/
					border-radius: 10px;
				}

				#btn_email_send:hover{
					color:white;
					background:#004f6d; /*slate*/
					border-radius: 10px;
				}
				
				#btn_email_send_v2 a{
					color:white;
				}
				
				#btn_email_send_v2 a:hover {
					color:lightgray;
				}
				
/*--------------------------------GUESS THE ART---------------------------------*/

		#guess_the_art_container {
			width: 600px;
			height: 230px;
			padding: 1.5px 0px 0px 4px;
			background:#004f6d; /*slate*/
			color:#FFFFFF;
		}
		
				#guess_the_art_photo {
					padding: 12px 12px 12px 12px;;
					float:left;
					/*border:solid 1px white;*/
					width:158px;
					height:200px;
				}
				
				#guess_the_art_text {
					width:340px;
					height: 30px;
					float:left;
				}
				
					#guess_the_art_text p {
					color:#FFFFFF;
				}
				
				#guess_art_reply {
					color:#FFFFFF;
				}
				
				
				#btn_guess:hover{
					color:white;
					background:#004f6d; /*slate*/
					border-radius: 10px;
				}

				#btn_guess  {
					color:#004f6d; /*slate*/
					background:#FFFFFF; /*white*/
					border-radius: 10px;
				}
		

/*--=============================FOOTER=============================--*/

#footer_container {
	padding: 1.9px 0px 0px 33px;
	height:23px;
}

/*--===========================CLEAR FLOATS=========================--*/

.clear {
    clear: left;
}

/*--========================TYPOGRAPHY STYLES========================*/


h1 {
	color:#D60036; /*cherry*/
	color:navy; /*navy*/
	color: #003d6b; /*slate*/
	color:#004f6d; /*slate*/
	font-weight:bold;
	font-family: "Trajan Pro", Times, serif;
	font-size: 28px;
	padding:12px 12px 0px 12px;
	/*margin-top:16px !important;*/
	margin-top:0px !important;
	margin-bottom:24px !important;
	line-height:20px;
	/*text-align:center;*/
	/*text-align:left;*/
	letter-spacing:1px;
}

h2 {
	color:#D60036;
	font-size: 2em;
	padding: 1em 0em 0em 0em;
	 /*margin-top:16px !important;*/
	margin-top:0px !important;
	margin-bottom:24px !important;
	font-style: normal;
	font-family: "Baskerville", Times, serif;
	text-align:left;
	text-align:center;
	
}

h3 {
	color:#000000;
	font-size: 1em;
	padding: 0em 0em 4em 0em;
	font-style: normal;
	font-family: "Baskerville", Times, serif;
	text-align:center;
	margin-top:1px !important;
	margin-bottom:3px !important;
}



p {
	font-family: Times, serif;
	padding:12px 12px 12px 12px;
	color:#808080; /*gray*/
	color:#494c49; /*dark gray*/
	line-height:26px;
}

.p_strong {
	padding:0px 12px 12px 12px;
	font-style: bold;
	color:#808080; /*gray*/
	color:#494c49; /*dark gray*/
}