/* for tramoya royale statement */
@font-face {
    font-family: 'eb_garamond12_regular';
    src: url('/fonts/ebgaramond12-regular-webfont.woff2') format('woff2'),
         url('/fonts/ebgaramond12-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*img, div { behavior: url(iepngfix.htc) }*/

body { margin: 0; padding: 0; font: normal 12px helvetica neue, helvetica, arial, sans-serif; font-size: 90%; }
 
a { color: #666; }

a img { border: 0; }

hr { padding: 1px; margin: 20px 0; border: none; background: #CCC; }

/*#container { 
	position: relative; 
	width: 920px; 
	margin: 0 auto; 
	border: 1px solid #FFF;
	padding: 25px;
	}*/

#containerNEW { 
	position: relative; 
	max-width: 1004px; 
	margin: 0 auto; 
	border: 0px solid #ccc;
	padding: 0px 0  10px 0;
	/*background: #EEE;*/ 
	text-align: center;
	}

#containerNEW h2 { text-transform: uppercase; text-align: center; }

#containerNEW p { color: #666; font-size: 110%; line-height: 140%; }

#containerNEW .leftalign { text-align: left; }
#containerNEW table.leftalign td { text-align: left; }

#clear { clear: both; }
#clearboth { clear: both; }

#artist {
	text-align: left; 
	padding: 0 0px 0px 0; 
	margin: 0 0 0 0;
	}
	
#artist h1 {
	font-size: 200%;
	padding: 15px 0 12px 14px;
	margin: 0; 
	}
	
#artist h1 a {
	text-decoration: none; 
	color: #B53A1B; /*caput mortem? #640A01*/
	padding: 15px 0 3px 0; 
	margin: 0px 0px 0px 0px; 
	/*background: #EEE;*/ 
	}
	
#artist h1 a:hover { 
	color: #B53A1B; 
	border-bottom: 4px solid #B53A1B;
	/*text-decoration: underline;*/ 
	}
	
#homecontact {
	float: right; 
	border-left: 0px solid #EEE;
	border-bottom: 0px solid #EEE;
	padding: 0px;
	margin: 10px 0 0 0;
	color: #CCC;
	font-size: 1.2em;
	font-weight: normal; 
	text-align: right; 
	letter-spacing: 1px; 
	}

#homecontact a { 
	font-size: 0.8em;
	text-decoration: none;
	padding: 1px; 
	border-bottom: 1px dotted #FFF; 
	color: #B53A1B;
	}

#homecontact a:hover { 
	border-bottom: 1px solid #C54A2B; 
	}



/* now using touch friendly dropdown menu 20150111 */
#topnav { margin: 0; padding: 0; margin: 0 0 20px 0; border-radius: 4px; }
#topnav ul { margin: 0; padding: 0; background: #B53A1B; text-align: left; text-transform: uppercase; }
#topnav ul li a { background: #B53A1B; color: #FFF; }
#topnav ul li a:hover { background: #A52A0B; color: #FFF; }
#topnav ul li ul { text-align: left; min-width: 200px; }



#topnavhome { margin: 0; padding: 0; margin: 0 0 2px 0; border-top-left-radius: 4px; border-top-right-radius: 4px; }
#topnavhome ul { margin: 0; padding: 0; }



/* padding-bottom should be adjusted according to size */
#homepageslideshow { 
	position:relative;
	width:100%;
	padding-bottom:56.5737051792829%;
	height:0;
	overflow:hidden;
	background: #999;
	color: #FFF;
	}



#mainbody { /*background: #EEE;*/ font-size: 100%; color: #555; margin: 0; padding: 25px 0; }
#mainbody h2 { font-size: 150%; color: #555; font-weight: normal; padding: 0; margin: 0 0 20px 0; }
#mainbody p { line-height: 150%; padding: 0; margin: 0 0 20px 0; } 



#navlist {
	position: relative; 
	z-index: 0;
	float: left; 
	width: 190px; 
	padding: 0;
	margin: 0;
	} 
	
#yellowguy { 
	position: absolute;
	z-index: 7;
	top: -35px;
	left: -79px;
	width: 92px;
	height: 100px;
	}

#navlist ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	width: 190px;
	/*margin-bottom: 10px;*/
	}

#navlist li {
	list-type: none; 
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #AAA;
	}

#navlist ul li a {
	text-decoration: none;
	display: block;
	padding: 6px 7px 5px 7px;
	width: 176px;
	}
	
#navlist ul li a:hover {
	background: #EFEFEF;
	color: #444;
	}
	
#navlist li.groupheadertop a {
	border-top: 1px dotted #BBB;
	background: #EEE url(images/nav_bg.jpg) repeat-x;
	font-weight: normal;
	color: #444;
	padding: 6px 7px 5px 7px;
	letter-spacing: 1px;
	}

#navlist li.groupheadertop a:hover {
	background: #CCC;
	color: #333;
	}

#navlist li.groupheader a {
	background: #EEE url(images/nav_bg.jpg) repeat-x;
	font-weight: normal;
	color: #444;
	padding: 6px 7px 5px 7px;
	letter-spacing: 1px;
	}

li.groupheader a:hover {
	background: #CCC;
	color: #333;
	}

#slideshow { 
	width: 584px;
	float: right; 
	border: 0px solid #EEE;
	padding: 0px; 
	margin: 0 0 0px 25px;
	text-align: right;
	color: #999;
	font-weight: bold; 
	font-size: 1.2em; 
	}
	
#slideshownew { 
	position: relative; 
	width: 700px;
	/*float: right;*/
	border: 0px solid #EEE;
	padding: 0px; 
	margin: 10px auto 10px auto;
	text-align: right;
	color: #999;
	font-weight: bold; 
	font-size: 1.2em; 
	background: #FFF; 
	border-radius: 4px;
	}
	
#slideshownew img { 
	border-radius: 4px;
	}
	
#artifacttext { 
	font-weight: normal; 
	font-size: 1.1em;
	color: #666; 
	}

#artifacttext a { text-decoration: none; border-bottom: 1px dotted #999; }

#gallery { 
	width: 700px;
	float: right; 
	border: 0px solid #EEE;
	padding: 0px; 
	margin: 0 0 -20px 25px;
	font-weight: normal; 
	font-size: 1.2em; 
	color: #777;
	text-align: center;
	}
	
#gallerytitle {
	color: #777; 
	font-size: 1.0em; 
	font-weight: normal; 
	margin: 0px 0 15px 0;
	font-size: 100%;
	}
	
#gallerytitle h2 { color: #999; } 

#gallerytitle a {
	color: #777; 
	text-decoration: none; 
	padding: 0 0 1px 0;
	border-bottom: 1px dotted #666; 
	}
	
#gallerytitle a:hover {
	border-bottom: 1px solid #999; 
	}	 
	
#galleryimage { 
	/*float: left;*/
	display: inline-block; 
	border: 1px solid #EEE;
	padding: 10px; 
	margin: 0 10px 10px 0;
	color: #999;
	font-weight: normal; 
	text-align: right; 
	}

#galleryimage #title { 
	margin: 10px 0 0 0;
	/*font-size: 90%;
	line-height: 150%;*/
	text-transform: uppercase; 
	}
	
#galleryimage #title a { 
	padding: 0 0 2px 0; 
	color: #999;
	text-decoration: none; 
	border-bottom: 1px dotted #666;
	}
	
#galleryimage #title a:hover { 
	border-bottom: 1px solid #999;
	}
	
#galleryimagesingle { 
	float: left; 
	border: 1px solid #EEE;
	padding: 20px; 
	margin: 0 0 20px 0;
	color: #999;
	font-weight: normal; 
	text-align: right; 
	}

#galleryimagesingle #title { 
	margin: 10px 0 0 0;
	}
	
#fullsize { 
	float: left; 
	border: 1px solid #EEE;
	padding: 20px; 
	margin: 0;
	}

#footer {
	padding: 10px; 
	color: #DDD; 
	font-size: 1.4em; 
	text-align: center; 
	} 

#footer a { 
	padding: 1px; 
	color: #B53A1B;
	text-decoration: none; 
	border-bottom: 1px dotted #FFF;
	font-size: 0.7em; 
	} 
	
#footer a:hover { 
	border-bottom: 1px solid #C54A2B;
	} 
	
#errorblock {
	border: 1px solid #B53A1B;
	padding: 5px;
	color: #B53A1B; 
	line-height: 1.4em;
	}

.formerror {
	color: #B53A1B; 
	font-style: italic;   
	}
	
#containerNEW p.quote { font-style: italic; }

#containerNEW h2 { font-size: 150%; font-weight: normal; color: #B53A1B; margin-top: 0; }

#containerNEW p.dimensions { font-weight: bold; font-size: 90%; line-height: 130%;  }

#containerNEW #artsantafe img { padding: 0px; margin: 15px 0 0px 0; color: #EEE; background: #FFF; border: 0px solid #333; border-radius: 4px; }

#containerNEW #centerthis { text-align: center; }

#containerNEW p.tramoya { 
 	font-family: 'eb_garamond12_regular';
 	max-width: 50%; 
	margin-left: 25%; 
	font-size: 180%;
 }
 
#containerNEW p.tramoya::first-letter { 
    font-size: 260%;
    color: #e68e67;
	letter-spacing: 0px;
}





/* RESPONSIVE VIDEO CONTAINER */

/* 640 wide responsive outer container */
#video-container640 { max-width: 640px; margin: 0 auto; }

/* videos 640 x 360 have an image ratio of 0.5625 */
/* videos 640 x 480 have an image ratio of 0.75 */
.video-container640x360 {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; 
	height: 0; 
	overflow: hidden;
	margin: 0px auto 20px auto; 
}
 
.video-container640x360 iframe,
.video-container640x360 object,
.video-container640x360 embed, 
.video-container640x360 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 640 x 480 Responsive */
.video-container640x480 {
    position: relative;
    padding-bottom: 75%;
    padding-top: 0px; 
	height: 0; 
	overflow: hidden;
	margin: 0px auto 20px auto; 
}
 
.video-container640x480 iframe,
.video-container640x480 object,
.video-container640x480 embed, 
.video-container640x480 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/* 720 wide responsive outer container */
#video-container720 { max-width: 720px; margin: 0 auto; }

/* 720 x 405 responsive video */
.video-container720x405 {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; 
	height: 0; 
	overflow: hidden;
	margin: 0px auto 20px auto; 
}
 
.video-container720x405 iframe,
.video-container720x405 object,
.video-container720x405 embed, 
.video-container720x405 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



@media screen and (max-width: 1024px) {
	
	#containerNEW { margin: 0 10px; }

}

@media screen and (max-width: 768px) {
	
	#artist { text-align: center; }
	#topnav { text-align: center; }
	#topnav ul { text-align: center; }
	
}