@charset "utf-8";
/* CSS Document */

/*   ---   ---   IMAGES   ---   ---   */
#logo {
	width: 588px;	height: 28px;	/**/top: 0%;	display: block;	margin: 0 auto;	margin-bottom: 0px;	padding-bottom: 0px;
}
#bioImg  {
	width: 258px;	text-align: right;	float: left;	vertical-align: top;	padding-left: 0px;	padding-right: 22px;	padding-bottom: 13px;

}
#hr {
	width: 800px;	height: 1px;	top: 0%;	display: block;	margin-top: 0;	margin-right: auto;	margin-bottom: 0;	margin-left: auto;	padding-top: 20px;	padding-bottom: 10px;
}
#hrF {
	margin: 0 auto;	padding: 0px 0px 10px 0px;	width: 800px;	height: 1px;	top: 0%;	display: block;
}

/* This only works with JavaScript, if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader {  display: block; position: fixed; left: 42%; top: 75%; right:58%; bottom:25%; }


/*   ---   ---   ---   MENU   ---   ---   ---   */
#menu_li {
	width: 800px;
	height: 20px;
	margin: 0 auto;
	display: block;
	top: 0%;
}
#sddm {
	width: 800px;
	margin: 0;
	padding: 0px;
	z-index: 30;
	/*background: #;*/
}
#sddm li
{	margin: 0;
	/*width: 133px; ORIGINAL WIDTH 133px*/
	padding: 0px;
	list-style: none;
	float: left;
	font: normal 15px Arial, Helvetica, sans-serif;
	color: #F00;
	/*background: #;*/
	}

#sddm li a
{	display: block;
	margin: 0 0px 0 0;
	padding: 0px 0px;
	/*width: 60px;
	background: #;*/
	color: #C00;
	text-align: center;
	text-decoration: none;
	font: 15px Arial, Helvetica, sans-serif;
}

#sddm li a:hover {
	background: #600;
	text-decoration: underline;}
.menubox {
	background: #600;
	text-decoration: underline;}

#sddm div
{
	position: absolute;
	visibility: hidden;
	margin: 0px;
	padding: 5px;
	/*width: 123px;
	height: 120px;*/
	background: #600;
	border: 0px solid #5970B2;
	z-index:999;
	top: 86px;
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 3px 0px;
		width: auto;
		white-space: nowrap;
		text-align: centre;
		text-decoration: none;
		/*background: #EAEBD8;
		background-image:url(images/menu/menu_shade.png);
		color: #2875DE;*/
		font: 15px arial;}

	#sddm div a:hover {
		/*background: #;*/
		color: #F00
		}

#fInfo {
	text-align: left;
	float: left;
	display: block;
	width: 230px;
	height: 33px;
	}
#copy {
	text-align: center;
	padding-top: 20px;
	float: left;
	display: block;
	width: 340px;
	height: 13px;
}
#fBlogs {
	float: right;
	text-align: right;
	display: block;
	width: 230px;
	height: 33px;
	}	
/*   ---   ---   CONTENT  BOX   ---   ---   */

/*   ---   ---   HOME PAGE ROTATING IMAGES   ---   ---   */
#rotating-item-wrapper {
	position: relative;
	width: 760px;
	height: 432px;
}
.rotating-item {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

/*   ---   TOOLTIP & FADE IMAGE   ---   */
/* tooltip styling. by default the element to be styled is .tooltip*/  
.tooltip {
	display:none;
	text-align: center;
	font-size:11px;
	height:20px;
	width:200px;
	/* THUMBS TITLE TEXT */
	padding: 5px 0px 0px 0px;
	color: #C00;
	/*background:transparent url(images/tooltip.png);
	background-repeat: no-repeat;*/
}
/* style the trigger elements*/
#content img {
	border:0;
	cursor:pointer;
	margin:0 0px;
}
/*   ---   END TOOLTIP & FADE IMAGE   ---   */

#contentBox {
	padding-top: 5px;
	padding-bottom: 20px;
	width: 760px;
	min-width: 760px;
	/*min-height: 350px;*/
	margin: 0 auto;
	display: block;
	text-align: justify;
}

#carouselBox {
	padding-top: 50px;
	padding-bottom: 40px;
	width: 900px;
	min-width: 900px;
	min-height: 200px;
	margin: 0 auto;
	display: block;
	text-align: justify;
}
#pricingBox {
	padding-top: 2px;
	padding-bottom: 40px;
	width: 755px;
	min-width: 755px;
	min-height: 400px;
	display: block;
	text-align: justify;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#processBox {
	padding-top: 50px;
	padding-bottom: 1px;
	width: 735px;
	min-width: 735px;
	min-height: 400px;
	display: block;
	text-align: justify;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#artistBox {
	padding-top: 30px;
	padding-bottom: 10px;
	width: 735px;
	min-width: 735px;
	min-height: 370px;
	margin: 0 auto;
	display: block;
	text-align: justify;
}
#exhibitionBox {
	padding-top: 30px;
	padding-bottom: 20px;
	width: 700px;
	min-width: 700px;
	min-height: 360px;
	margin: 0 auto;
	display: block;
	text-align: justify;
}
#contactBox {
	padding-top: 30px;
	padding-bottom: 5px;
	width: 435px;
	min-width: 435px;
	min-height: 360px;
	margin: 0 auto;
	display: block;
	text-align: justify;
}













/*   ---   ---   TEXT   ---   ---   */
.required {
	font-family: Verdana, Geneva, sans-serif;	font-size: 12px;	color: #F00;
}
#load_caption {
		font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	color: #000;	font-weight: normal;	text-decoration: none;
}
#load_caption a:link, a:hover, a:visited, a:active {
		font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	color: #000;	font-weight: normal;	text-decoration: underline;
}


.bodyTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	padding-top: 5px;
	text-align: justify;
	line-height: normal;
}
.bodyTxt a {
	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	color: #FFF;	font-weight: normal;	text-decoration: none;	padding-top: 5px;
}
.bodyTxt a:hover, a:link, a:visited, a:active {
	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	color: #FFF;	font-weight: normal;	text-decoration: none;
}

.imgTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px; color: #FFF; font-weight: normal; padding-top: 15px; text-align: justify; line-height: normal;
}
.imgTxtSub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; color: #CCC; font-weight: normal; text-align: justify; line-height: normal;
}
.imgTxtPricing {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px; color: #FFF; font-weight: normal; padding-top: 5px; text-align: left; line-height: normal;
}
.imgTxtExh {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px; color: #FFF; font-weight: normal; padding-top: 15px; text-align: left; line-height: normal;
}
.imgTxt a {
	font-family: Arial, Helvetica, sans-serif;	font-size: 17px;	color: #FFF; font-weight: normal; padding-top: 5px;
}
.imgTxt a:hover {
	font-family: Arial, Helvetica, sans-serif;	font-size: 17px;	color: #FFF; font-weight: normal; text-decoration: underline;
}
.imgTxt a:link, a:visited, a:active {
	font-family: Arial, Helvetica, sans-serif;	font-size: 17px;	color: #FFF;	font-weight: normal;
}

/*   ---   ---   COLLECTIONS   ---   ---   */
.bodyTxt {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	text-align: left;
}
#wrap {
	margin: 0 auto;
	width: 700px;
}
div#med_box {
	visibility: hidden;
	text-align: left;
}
div#hideme {
	visibility: hidden;
}
#x1 {
	margin: 0px;
	padding: 0px;
	height: 42px;
	width: 426px;
	position: fixed;
	margin-left: 375px;
	margin-top: -20px;
}