html { overflow: -moz-scrollbars-vertical; }
body {
	margin: 0; padding: 0;
	background: #C5AE8C url(../Images/background.gif) repeat 0 0;
}

.artistList ul {
list-style: none; margin: 0 0 20px; padding: 0;
}
.artistList ul li {
list-style: none; margin: 0 0 2px; padding: 0;
}


#wrap {
	width:760px;
	margin: 0 auto;
	border:1px solid #B19366;
	background-color:#FFF; overflow: hidden;
}

#header{
	background:url(../Images/header-bg.gif) repeat-x;
	width:760px;
/*	height:154px;*/
	height:225px;
	position: relative;
}
#title {
position: absolute; top: 72px;  left: 377px;
}
#siteLogo{
position: absolute; top: 29px;  left: 7px;
}
#siteLogo h1{
display: block; background: #FFFFFF url(../Images/suite-fine-art-gallery-logo.gif) no-repeat left top;
margin: 0; padding: 0; width: 365px; height: 108px;
}
.home #siteLogo h1 {
width: 365px; height: 137px;
}
#siteLogo a{
display: block;
margin: 0; padding: 0; width: 100%; height: 100%;
}
#siteLogo span{
display: none; visibility: hidden;
}

#navigation {
width: 132px;
position: absolute; top: 20px; right: 16px;
}


#footer{
width:100%;
margin-top: 20px;
background-color: #B19366;
float: left; clear: both;
padding: 5px 0;
}
#footer p {
color: #FFFFFF;
padding: 0 17px;
 width: 219px;
}

#footer p a {
color: #FFFFFF;
}
#footer p#footer-contact {
float: left;
text-align: left;
}
#footer p#footer-copyright {
float: left;
text-align: center; width: 220px;
}
#footer p#footer-signup {
float: right;
text-align: right;

}


/*#footer .MenuFooter {
position: relative; float: right; top: -5px;

}
#footer .MenuFooter ul{
float: right; margin: 0 17px;
}
#footer .MenuFooter ul li{
font-size: 1.0em;
}

.foot-navigation{
float: right; width: auto;

}

.foot-navigation a:link, .foot-navigation a:visited{
color:#FFF;
}
*/

.siteLogo{
float:left;
padding-top:29px;
padding-left:7px;
}

.title{
float:left;
width:230px;
padding-top:65px;
padding-left:20px;
display:inline;

}

.navigation{
width:90px;
margin-left: 633px;
padding-top:24px;

}


.photo{
float:right;
width:352px;
height:283px;
display:block;
margin-top:50px;
margin-right:10px;
}

.photo-art{
float:right;
width:300px;
height:270px;
display:block;
margin-top:35px;

}
.photo-art img {
display: block; overflow: hidden;
margin-top:50px;
}
#currentShowContent {
margin: 0 !important; padding: 10px !important; float: none; clear: both; border: 1px solid #B19366;
background-color: #FFF;
}
#currentShowContent p {
font-size: 1.2em; font-weight: bold; color: #D8C9B3; margin: 0 0 0 0 !important; padding: 0 0 0 0 !important;
font-style: italic;
}

.photo-contact{
float:right;
width:352px;
height:450px;
display:block;
margin-top:50px;
margin-right:10px;
}

form {
	margin: 0px;
}


#wrapcontent{
width:100%;
}


.contentHome{
/*width:376px;*/
width:374px;
height:288px;
overflow:hidden;
display:block;
/*border:1px solid red;*/
}

.content,
.content-about{
text-align:left;
margin-left:54px;
}

.content {
width: 396px; margin-top: 17px;
}
.Default .content {
width: 652px;
}
.home .content {
margin-top: -20px;
}
.content-about{
width: 330px;
}
.home .content {
	position: relative; top: -20px;
}
.artistList .content  {
width: 350px;
}
.artistList h5  {
width: 296px;
}


/*********************************************************************************
	#artistsNav
*********************************************************************************/
ul#artistsNav {
float: right; clear: both;
width: 383px; height: 287px;  overflow: hidden;
padding: 0; margin: 0 0 20px;
list-style: none;
border: 1px solid #B19366; border-right-style: none; border-left-style: none;

}
ul#artistsNav li {
margin: 0; padding: 0;
display: inline; float: left; clear: both; width: 382px; overflow: hidden;
list-style: none;
}
ul#artistsNav li.contemporary,
ul#artistsNav li.artists {
height: 144px;
}
ul#artistsNav li.contemporary,
ul#artistsNav li.modern {
display: none; visibility: hidden;
}
ul#artistsNav li.artists, 
ul#artistsNav li.currentShow {}

ul#artistsNav li a {
display: block; width: 100%; height: 143px; position: relative;


}
ul#artistsNav li.contemporary a,
ul#artistsNav li.artists a {
background-position: 0 0;
}
ul#artistsNav li.modern a,
ul#artistsNav li.currentShow a  {
background-position: 0 -144px;

}



ul#artistsNav li a:hover {
/*background-image: url(../Images/artistNav/artistsNavHover2.gif);*/
background-color: #E5EFF1;
}
ul#artistsNav li.contemporary a:hover { }
ul#artistsNav li.modern a:hover { }

ul#artistsNav li a em {
display: block; height: 143px; width: 380px;/* border: 1px none #B19366*/;
position: absolute; top: 0; right: 0;
background-repeat: no-repeat; background-position: right 95px;
}
ul#artistsNav li.contemporary a em { background-image:url(../Images/artistNav/artistsNav21st.gif); border-bottom-style: solid;}
ul#artistsNav li.modern a em { background-image:url(../Images/artistNav/artistsNav19thand20th.gif);  }
ul#artistsNav li.artists a em { background-image:url(../Images/artistNav/artists-text.gif); border-top: 1px solid #B19366;}
ul#artistsNav li.currentShow a em {border-bottom: 1px solid #B19366;}
ul#artistsNav li.currentShow a em  span{ color:#000;  }


ul#artistsNav li a:hover em {

}
ul#artistsNav li.modern a:hover em { background-image:url(../Images/artistNav/artistsNav19thand20thHover.gif); }
ul#artistsNav li.contemporary a:hover em { background-image:url(../Images/artistNav/artistsNav21stHover.gif); }

ul#artistsNav li.artists a:hover em { background-image:url(../Images/artistNav/artists-text-BlueHover.gif); }
ul#artistsNav li.currentShow a:hover em {/* background-image:url(../Images/artistNav/currentShow-text-Hover.gif); */color:#B19366;}

ul#artistsNav li.currentShow a:hover em .h1{
color:#B19366;
}

ul#artistsNav li a span { display: none; visibility: hidden;}
ul#artistsNav li.currentShow a span { display: block; visibility: visible;}
ul#artistsNav li.currentShow a span h1, ul#artistsNav li.currentShow a span h2{visibility: hidden;}
/*
ul#artistsNav li.currentShow a .h1{
  margin:20px 0 0 249px;
  padding:0; 
}

ul#artistsNav li.currentShow a .h2{
margin:0 0 10px 249px;padding:0;
}
 
ul#artistsNav li.currentShow a .h3
{ margin:0 0 0 258px;padding:0;}

*/

.floatright {
  float: right;
  clear: right;  
  margin-right: 16px; 
}
.heading_title {
 margin-top: 20px; 
}

.heading_title2 {
 margin-bottom: 10px;
}





/*********************************************************************************

*********************************************************************************/


.content-art{
width:296px;
text-align:left;
margin:10px 0 0 80px;
padding-top:20px;
}

.content-contact{
width: 700px;
text-align:left;
position: relative;
padding-left: 56px;
}

.contentDetail{
background-color:#fff;
padding:15px;
margin:0;
}


.contentDetail img{
display:block;
margin:10px 10px 0 0;
}


.contentDetail p{
	line-height:1.2em;
	margin-bottom:10px;
	color:#FFF;
}


/*.contentDetail li{
display:inline;
list-style:none;
font-size :1.2em;
font-weight:bold;
color:#C5ae8c;

}

.contentDetail li a:link, .contentDetail li a:visited {
color:#B19366;
text-decoration:none;
}

.contentDetail li a:hover{
color:#006276;
text-decoration:none;
}
*/
.content p{
/*padding-left:100px;*/
line-height:1.8em;
margin-bottom:6px;


}

.content-about{
padding-top:50px;
}


.content-contact{
padding-top:20px;
}



.content-about p{

margin-top:6px;
line-height:1.8em;
}

.content-contact p{
padding-left:0!important;
margin-top:6px;
line-height:1.8em;
}




img {
	border: 0px;
}

.container {
	margin: 15px auto 0px auto;
	width: 750px;
}



.header {
	clear: both;
}


.header-show {
	clear: both;
	margin-bottom: 20px;
}


.quote{
clear:both;
text-align:right;
padding-top: 15px;
margin-right:20px;
height:90px;
}

.cleaner{
clear:both;
margin:0;
padding:0;
line-height:0;
}


.enquiry{
font-size: 1.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.content-about table{

}
a:link, a:visited{
	text-decoration:none;
color: #B19366;
}

a:hover{
	text-decoration:underline;
color: #006276;
}


.WrapDetail{
background-color:#FFF;
padding:0 5px;
border:1px solid #B19366;
}

.content-art-detail{
color:#333;
padding: 20px 50px;
}

.content-art-detail p{
padding-left:90px;
padding-right:90px;
font-size: 1.0em;
line-height:1.8em;
}
p.ArtistNavigation {
text-align: center; padding: 0; font-size: 1.2em; color: #b19366; margin-bottom: 18px;
}

.ArtistNavigation a {

}

.content-art ul{
margin:0;
padding:0;
}

.content-art li{
padding-left:0;
margin-left:0;
}

.content-art-detail img{
padding:5px;
}





#contactDetails {
float: left; clear: both; margin: 0 0 20px; width: 700px;
}
#contactDetails div.contactForm,
#contactDetails div.contactHours {
 float: left; 
}
#contactDetails div.contactHours {
 margin-top: 11px;
}

#contactDetails div.contactForm {
  width: 350px; position: relative; left: 6px; margin-top: 16px;
}

#contactDetails div.formWrapper,
#contactDetails div.mailListWrapper {
padding: 10px; border: 1px solid #B19366; margin-bottom: 15px;
}
#contactDetails div.formWrapper,
#contactDetails div.mailListWrapper {
padding: 10px; border: 1px solid #B19366; margin-bottom: 15px;
}

#contactDetails div.mailListWrapper {
width: 280px;  margin-top: 10px;
}

#contactDetails td {
padding: 0 0 2px 0;
}


.collection ul {
width: 654px; overflow: hidden;
float: left; clear: both; position: relative; left: 52px;
list-style: none; padding: 0; margin: 0 0 20px; background-color: #FFF;
/*background: #FFFFFF url(../Images/collectionBackground.gif) repeat-y 326px top;*/
}
.collection .content-art-detail ul {
 left: 0;
}
.collection ul li {
margin: 0; padding: 0; float: left; 
width:326px; 
height:328px;
border-right: 1px solid #CFBEA2;
border-bottom: 1px solid #CFBEA2;
}
.collection ul li.Odd {

}
.collection ul li.Even {
width:325px; 
border-right-style: none;
}
.collection ul li.Last {
border-bottom-style: none;
}


.collection ul li p {
margin: 0 33px; padding: 0;
border: 1px none #000; line-height: 120%;
}
.collection ul li.Odd p {
margin-left: 0;
text-align: right;
}
.collection ul li.Even p {
text-align: left;
margin-right: 0;
}


.collection img {
margin: 33px 0 10px; padding: 0;
}


form {

}
#contactDetails div.contactForm form{
 margin-top: 26px;
}
form table {
width: 100%; border-spacing: 0; border-collapse: collapse; border: 1px none #000000;
}
form label {

}

form table td, form table th {
padding: 11px 0; border-spacing: 0; border-collapse: collapse; border: 1px none #000000;
}
form input {
margin-bottom: 11px;
}
form input#Submit {

}

.hr { height: 1px; overflow: hidden; float: none; clear: both; background-color: #B19366; margin: 15px 0; }
.hr hr { display: none; visibility: hidden; }

#ArtistIntro,
#ArtistsIntroNew{
float: left; clear: none;
position: relative; left: 54px;
margin: 35px 0 0 0;
}

#ArtistsIntroNew {
width: 706px; overflow: hidden;
}
#ArtistsIntroNew div {
 width: 322px; float: left; padding-right: 20px; margin-bottom: -2000px; padding-bottom: 2000px;
}
#ArtistsIntroNew #List-19th-20th {
 border-right: 1px none #000000; margin-right: 20px;

}
#ArtistsIntroNew #List-21st {

}


#ArtistIntro ul,
#ArtistsIntroNew ul {
width: 100%; float: left; clear: both;
}
#ArtistIntro li,
#ArtistsIntroNew li  {
width: 50%; float: left;
}
#ArtistsIntroNew p  {
display: none; visibility: hidden;
}
#ArtistIntro p {
font-size: 1.2em; font-weight: bold;  float: left; clear: both;

}


#ArtistIntro,
#ArtistIntroNew,
#Artists {
float: left; clear: none;
position: relative; left: 54px;
}
#ArtistIntro,
#ArtistIntroNew,
#Artists,
#ArtistIntroLinks {
margin: 35px 0 0 0;
}

#Artists {
width: 557px; overflow: hidden; float: left; padding-bottom: 50px;
}
#Artists ul {
width: 100%; float: left; clear: both;
background: #FFFFFF url(../Images/dashed-line-horizontal.gif) repeat-y right top;
}
#Artists li  {
width: 33%; float: left; 
}

#ArtistIntroLinks {
float: right;
margin-right: 16px;
}
#ArtistIntroLinks ul {
}
#ArtistIntroLinks li {
text-align: right;
}

#ArtistIntro li
#ArtistIntroNew li,
#Artists li,
#ArtistIntroLinks li  {
margin: 0 0 6px;
}


#ArtistIntro ul {
width: 100%; float: left; clear: both;
}
#ArtistIntro li  {
width: 50%; float: left;
}
#ArtistIntro p {
font-size: 1.2em; font-weight: bold;  float: left; clear: both;

}


#Promo {
float: right;
width: 330px;
margin: 35px 0 0 0; position: relative; right: 16px;
}
#Promo h2{
margin: 0;
}
#Promo p {
border: 1px solid #B19366;
font-size: 1.4em; margin: 0;
}
#Promo p a {
display: block;
}

#Promo p a {
display: block; font-size: 1.0em;  padding: 17px; 
color: #B19366 !important; background-color: #FFFFFF;
text-decoration: none; color: #006276 !important;
}
#Promo p a:hover {
color: #B19366 !important; background-color: #E5EFF1;
text-decoration: none;
}

#Promo img{
overflow: hidden; white-space: 0; padding: 0;   margin: 0;
}

#newsArchive ul{
margin-left:252px;
list-style-type:none;
}
#newsArchive li{
display:inline;
}