@charset "utf-8";
html { min-height: 100%; margin-bottom: 1px; overflow-y: scroll;

}
.sold {background:url(images/SOLD.png);background-repeat:no-repeat}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	overflow: visible;
}
/*--------------- logo ------------*/
#logo {
clear:both;
float:left;
width:160px;
height:92px;
padding-top:10px;

}
#wrap
{
	clear:both;
	float:left;
	text-align:right;
}
/*-------------menu -------------*/

#menu {
width:600px;
float:right;
height:25px;
margin-top:15px;
overflow:auto;
}



ul#menu
{
	margin:0;
	list-style-type:none;
	width:600px;
	position:relative;
	float:right;
	display:block;
	height:auto;
	font-size:9pt;
	font-family:Arial, Helvetica, sans-serif;
}

ul#menu li
{
	display:inline;
	float:right;
}
	
ul#menu li a
{
	display:block;
	margin-right:6px;
	text-decoration:none;
	padding:6px 12px 4px 12px;
}

/*ul#menu li a:hover
{	
	height:10px;
}*/
	

/*ul#menu li a.selected
{
	display:inline;
	height:18px;
	float:left;
	margin:0;
}*/
#images {width: 860px;clear:both;position:relative;float:left;margin:0;height:280px;}
.about {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #7C756B;
	}
	
.aboutselect {

	color:#46bfbd;
	text-decoration:none;
	background:url(images/menu/about.bar.jpg) 13px 3px no-repeat;
}

.aboutselect a:link {
	color:#46bfbd;
	text-decoration:none;
}
.aboutselect a:visited {color:#46bfbd;
	text-decoration:none;}

.about a:link {
	color:#7C756B;
	text-decoration:none;

}
.about a:visited {text-decoration:none; color:#7c756b}

.about a:hover {
	color:#46bfbd;
	text-decoration:none;
	background:url(images/menu/about.bar.jpg) 13px 3px no-repeat;
}

.galleries {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #7C756B;
	
	}
	
.galleriesselect {

	color:#bd5aa0;
	text-decoration:none;
	background:url(images/menu/galleries.bar.jpg) 13px 3px no-repeat;
}

.galleriesselect a:link {
	color:#bd5aa0;
	text-decoration:none;
		outline:none;
}
.galleriesselect a:visited {
	color:#bd5aa0;
	text-decoration:none;
	outline:none;}

.galleries a:link {
	color:#7C756B;
	text-decoration:none;
	outline:none;

}
.galleries a:visited {text-decoration:none; color:#7c756b}
.galleries a:hover {
	color:#bd5aa0;
	outline:none;
	text-decoration:none;
	background:url(images/menu/galleries.bar.jpg) 13px 3px no-repeat;
}


.exhibitions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #7C756B;
	}
.exhibitionsselect {

	color:#f06613;	
	text-decoration:none;
	background:url(images/menu/exhibitions.bar.jpg) 13px 3px no-repeat;
}

.exhibitionsselect a:link {
	color:#f06613;
	text-decoration:none;
}
.exhibitionsselect a:visited {
	color:#f06613;
	text-decoration:none;}

.exhibitions a:link {
	color:#7C756B;
	text-decoration:none;

}
.exhibitions a:visited {
	text-decoration:none; 
	color:#7c756b}
	
.exhibitions a:hover {
	color:#f06613;
	text-decoration:none;
	background:url(images/menu/exhibitions.bar.jpg) 13px 3px no-repeat;
}


.blog {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #7C756B;
	}
.blogselect {
	color:#e3dc6f;
	text-decoration:none;
	background:url(images/menu/blog.bar.jpg) 13px 3px no-repeat;
}

.blogselect a:link {
	color:#e3dc6f;
	text-decoration:none;
}
.blogselect a:visited {
	color:#e3dc6f;	
	text-decoration:none;}
	
	
.blog a:link {
	color:#7C756B;
	text-decoration:none;
}
.blog a:visited {
	text-decoration:none; 
	color:#7c756b;
}
	
.blog a:hover {
	color:#e3dc6f;
	text-decoration:none;
	background:url(images/menu/blog.bar.jpg) 13px 3px no-repeat;
}


.contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #7C756B;
	}
	
.contactselect {
	color:#5c8414;
	text-decoration:none;
	background:url(images/menu/contact.bar.jpg) 13px 3px no-repeat;
}

.contactselect a:link {
	color:#9ade70;
	text-decoration:none;
}
.contactselect a:visited {
	color:#9ade70;
	text-decoration:none;}

.contact a:link {
	color:#7C756B;
	text-decoration:none;
}
.contact a:visited {text-decoration:none; color:#7c756b}
.contact a:hover {
	color:#9ade70;
	text-decoration:none;
	background:url(images/menu/contact.bar.jpg) 13px 3px no-repeat;

}

.recent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #7C756B;
	}
	
.recentselect {
	color:#4762BD;
	text-decoration:none;
	background:url(images/menu/recent.bar.gif) 13px 3px no-repeat;
}

.resentselect a:link {
	color:#4762BD;
	text-decoration:none;
}
.recentselect a:visited {
	color:#4762BD;
	text-decoration:none;}

.recent a:link {
	color:#7C756B;
	text-decoration:none;
}
.recent a:visited {text-decoration:none; color:#7C756B}
.recent a:hover {
	color:#4762BD;
	text-decoration:none;
	background:url(images/menu/recent.bar.gif) 13px 3px no-repeat;

}














/*-------------menu -------------*/

.oneColFixCtrHdr #container {
	width: 800px;
	Margin-left:auto;
	Margin-right:auto;
	text-align: left;
	height: 600px;
	overflow: visible;
		padding:0;
}

.oneColFixCtrHdr #header {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 100px;
}

.oneColFixCtrHdr #mainContent {
	padding: 0;
	width: 820px;
}

.mainlayout {
	height: 510px;
	width: 620px;
	text-align: left;
	padding-top: 62px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 209px;
}


.oneColFixCtrHdr #AboutMain {
	background-image: url(images/backgrounds/aboutbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.oneColFixCtrHdr #ContactMain {
	background-image: url(images/backgrounds/contactbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.oneColFixCtrHdr #ExhibitionsMain {
	background-image: url(images/backgrounds/exhibitionsbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.oneColFixCtrHdr #GalleryMain {
	background-image: url(images/backgrounds/gallerybg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.oneColFixCtrHdr #BlogMain {
	background-image: url(images/backgrounds/exhibitionsbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


/***************TEXT TAGS**************/
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	/*letter-spacing: 2px;*/
	padding: 0px;
	/*width: auto;*/
	line-height:155%;
}

.gallerytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:185%;
	/*letter-spacing:1px;*/
	color: #827464;
	padding-left: 6px;
	margin:0 auto;
	width: auto;
}

.BlogTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #deda7f;
	letter-spacing: 2px;
}

.BlogSubTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #deda7f;
	letter-spacing: 2px;
}
.ContactTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #9ade70;
	letter-spacing: 2px;
}

.ContactSubTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #9ade70;
	letter-spacing: 2px;
}
.ExhibitionsTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #f07931;
	letter-spacing: 2px;
}

.ExhibitionsSubTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #f07931;
	letter-spacing: 2px;
}
.GalleryTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #827464;
	letter-spacing: 2px;
}
.GallerySubTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #bf5fa3;
	letter-spacing: 1px;
}
.GallerySubTitle a{
   color:#bf5fa3;}
   .GallerySubTitle a:hover{
      color:#CAA1BE;}

.AboutTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #6fc0bf;
	letter-spacing: 2px;
}

.AboutSubTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #6fc0bf;
	letter-spacing: 2px;
}

.RecentTitle {
	font-family: trebuchet ms;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #827464;
	letter-spacing: 2px;
	background-color:#D0C9C1;
}
.RecentSubTitle {
	font-family: trebuchet ms;
	font-size: 12px;
	text-transform: uppercase;
	color: #4762BD;
	letter-spacing: 1px;
}
/***************TEXT TAGS**************/




.oneColFixCtrHdr #footer {
	position:relative;float:left;text-align:center;padding: 0 10px;
   height:20px;width:760px;
}

.copyright {font-size:xx-small;}
.oneColFixCtrHdr #footer p {
	margin: 10px 0 0 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.myname { color: #7CA7BF; }
.showtitle { font-size: x-large; color: #FFF; font-weight: normal; }