/*-----------------  default  -----------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

html {}
body {
    font-size:75%;
    color:#412213;
    min-height: 100%;
    font-family:Arial, Helvetica, sans-serif;
    min-width: 980px;
    position: relative;
}
h1, h2, h3, h4, h5, h6 {color: #58595B; font-weight: bold;}
h1 {font-size:1.9em; }
h2 {font-size:1.4em; }
h3 {font-size:1.3em;}
h4 {font-size:1.2em;line-height:1.25em;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

a {color:#486291; text-decoration:none}
a:hover {color:#2A4068; text-decoration:underline;}
a:visited {
    outline-color:invert;
    outline-style:none;
    outline-width:medium;
}


input {  padding: .05em .1em; font-size: 100%; }
input.disabled{background:#D4D0C6}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0;}
dl dt {font-weight:bold;}
dd {margin-left:0;}
table {margin-bottom:1.4em;width:100%;}
.overlay-seemore table{width:auto}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}

.left {float:left}
.right {float:right}

.thumbs, .tabHolder ul {margin:0; padding:0;}
.thumb, .tabHolder ul li {list-style:none}

.clear { clear:both; line-height:0px; font-size:1px;}

.page {min-width: 900px; padding-bottom: 50px;}
* html .page {height: 100%;}

.panel table th,
#main .title-panel .line,
.pHome #footer .footerWrapper,
.pMyADashbord .wrapper-main .panel div.title {
    background: url(../../images/15/bg.png) 0 0 repeat-x;
}

.pLogin #footer{
	position:absolute;
	bottom:0;
	width:100%;
	background:transparent;
	margin:0;
	padding-top:0;
}

.pLogin #footer .nav a, .pLogin #footer .copyright{
	color:#ccc;
}

.pLogin #footer .nav a:hover{
	color:#fff;
}

#header .nav {
    background: url(../../images/15/bg2.png) 0 0 repeat-x;
}

#header ul,
#footer ul {list-style: none; margin: 0; padding: 0;}
#header .nav li,
#footer li {float: left; display: block;}

/**/
html, body {height: 100%;}

* html body {
    height: 100%;
}

html > body {
    min-height: 100%;
    height: auto;
}



#text {padding-bottom: 100px;}

.page {z-index: 99; position: relative; min-height: 100%}
.bg  {position: absolute; top: 0; left: 0;}
.bg img {width: 100%}

/*******************  header  **********************/
#header {position: relative; z-index: 11; background-color: #D4D0C6;}
.pExhibitLanding #header, .pArtistLanding #header, .pMuseumLanding #header{
	background:transparent;
}
#header .bar {
    height: 2.5em;
    position: relative;
    z-index: 999;
    background: url(../../images/15/bar.png) top repeat-x;
    line-height: 1.4em;
}
#header .bar .wrapper { margin: 0 auto; }

#header .logo {float: left; margin-top: .1em; }

.wrapper-header > .logo > a > img {
    height: 2.2em;
}

#header .nav {
    color: #868980;
    position: relative;
    z-index: 997;
}

#header .nav li a {
    display: block;
    margin: 0 auto;
    white-space: nowrap;
}

#header .nav ul {
    overflow: hidden; display: block;
    text-align: center;
    height: 100%;
}

#header .nav ul li {
    height: 100%;
    width: 25%;
    line-height: 3.2em;
    font-size: 105%;
    display: block;
    background: url(../../images/15/sep_pt.png) center left no-repeat;
}
#header .nav ul li:first-child {
    background: none;
}

#header .nav .wrapper-nav {width: 80%; height: 2.55em; margin: 0 auto; padding-top: 1px; max-width: 1344px;}


#header .nav ul li.active a {background:#d9ddce url(../../images/15/menu.png) left top repeat-x; margin-left: 1px;}
#header .nav ul li.sel a,
#header .nav ul li.sel a:hover{color: #818285;}
#header .nav ul li a {text-decoration: none; color: #818285; font-size: 1em; 
             font-weight: bold; line-height: 2.5em;
}
#header .nav ul li a:hover {color: #505154}

#header .wrapper-header {width: 80%; margin: auto; max-width: 1344px; }

#header .wrapper-header .user {padding: 7px 5px 0 0; cursor: pointer;}
#header .wrapper-header .user a {text-decoration: none;  color: #31342b;  font-size: 13px;}
#header .wrapper-header .user span {margin-right: 10px; color: #888;}

#header .user-panel {float: right; padding: 0 1em; border-right: 1px solid #464646; margin: .67em 1.3em 0}
#header .user-panel .user a,
#header .user-panel .user a:hover {color: #464646; text-decoration: none; font-weight: bold; margin:  5px 8px 0;}

#header .user-panel .user .login-link{
	display:inline;
	color: #412213;
	font-size:100%;
	font-weight:bold;
}

#header .user-panel .user .login-link:hover{
	text-decoration:underline;
}

#header ul.dropdown.dropdownTitle .arrow {
    position: relative;
    top: .3em;
}
#header ul.dropdown.dropdownTitle ul li a, 
#header ul.dropdown.dropdownTitle ul li span {padding:5px 10px; display: block;}
#header ul.dropdown.dropdownTitle ul { width: 9em; }
#header ul.dropdown.dropdownTitle ul li.signout {border-top: 1px solid #ccc;}

#header .search {float: right; margin-top: .2em;}

.input,
#header .search .input {
    width: 10.4em; height: 1.8em; position: relative; padding: 0 .3em; margin: .15em 0; }
#header .search .input input { 
    height: 100%; width: 8.7em; margin: 0; line-height: 1.7em; }
.input .link,
#header .search .input .link {
    position: absolute;
	z-index:2;
    top:4px;
    right: -1px;
    display: block;
	width:1.4em;
	height:1.4em;
	margin:0px 2px 0 0;
    background: url(../../images/15/tp.gif) 0 0 repeat;
    outline:none;
}
#header .search .searchBg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -100;   
}
.input input,
.input input:active,
.input input:focus {border: none; background: transparent; width: 6em; height: 1.5em;}

#header .subBar {
    background: url(../../images/15/subheader-bg.png) repeat-x;
    height:2.5em;
}
.pHome #header .subBar {
    background: url(../../images/15/subheader-bg-dark.png) repeat-x;
    height: 10px;
}

#header .subBar .wrapper {z-index: 9; width: 80%; margin: 0 auto; line-height: 2.5em; max-width: 1344px;overflow:hidden;}

#header .subBar .breadcrumbs {float: left; font-size: 80%; text-transform: uppercase;white-space:nowrap;}
#header .subBar .breadcrumbs a {text-decoration: underline;}
#header .subBar a {text-decoration: none;}
#header .subBar .breadcrumbs span {margin: 0 5px; }
#header .subBar .user {float: right; text-transform: uppercase; font-size: 10px;}
#header .subBar .user span {margin: 0 5px;}

/******************* Main  **********************/
#main { background: transparent; top: -2.2em; position: relative;}
#main ul.dropdown.dropdownTitle ul {padding: 0}
#main ul.dropdown.dropdownTitle ul li {padding:5px 10px 0;}
#main .wrapper-main {padding-bottom: 1em; overflow: hidden;}
.pArtistNew #main .wrapper-main { clear: both; }
#main .picture {text-align: center;}
#main .picture img {border: 5px solid #fff}

/******************* Footer  **********************/
#footer {
    background:  url(../../images/15/gradient-footer.png) top center no-repeat;
    height: 64px;
    padding-bottom: 90px;
    position: relative;
    width: 100%;
    z-index: 9;
}
#footer .nav {float: left; margin-top:3px;}
#footer .wrapper {padding:0 33px; width: 80%; margin: 0 auto; position: relative; z-index: 99; max-width: 1344px;}

#footer .nav a {font-size: 80%; text-transform: uppercase; margin-right: 23px; text-decoration: none;}
#footer .nav a.disabled{color:#888;cursor:default}
#footer .copyright {float: right; color: #333; font-size: 70%; text-transform: uppercase;  margin:5px 0 0 0;}
#footer .copyright p {margin:0;}


.img-left {
    float: left;
    margin: 10px 10px 10px 0;
}

.img-right {
    float: right;
    margin: 10px 0 10px 10px;
}