/* reset css */

html,body,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,blockquote,pre,
abbr,acronym,address,cite,code,
del,dfn,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,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;
	text-align: left;
        color: inherit;
        line-height: inherit; 
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}





body {font-family:  Verdana, Arial, Helvetica, sans-serif; color: #fff;line-height: 1.3; font-weight: normal;  background: #C7C3B2;  }

body          { font-size: 68.75%;  }   /* IE 16px=100%  pt/0.75 = px  */
html > body   { font-size: 11px; }  /* Other browsers */

p {margin: 0 0 15px 0;}

ul {margin: -15px 0 15px 8px; padding: 0 0 0 8px;}

ol {margin: -15px 0 15px 10px; padding: 0 0 0 10px;}


a:link {color: #5F6048; text-decoration: none; outline: none;}
a:visited {color: #5F6048; text-decoration: underline; outline: none;}
a:hover {color: #5F6048; text-decoration: underline; outline: none;}
a:active {color: #5F6048; text-decoration: underline; outline: none;}

#outer {width: 934px;margin: 0 auto;}
#wrapper { background: #fff; color: #3B3A3C; border: solid 1px #666345; }
#inner {width: 932px; overflow: hidden;}

.clr {display: block; clear: both;}

#header {position :relative; height: 110px;}
#logo {position: absolute; right: 0;  top: 28px;}

h1 {font-family: Arial, Helvetica, sans-serif;  color: #E9362F; font-size: 300%; margin: 0 0 15px 0; font-weight: normal; }
h2 {font-family: Arial, Helvetica, sans-serif;  font-size: 175%; color: #E9362F; margin: 20px 0 5px 0;}

#nav ul {margin: 0 0 0 50px; padding: 0; list-style-type: none;}
#nav li {float: left;}
#nav a {display: block; height: 79px; margin-right: 13px; }
#nav a span {display:none;}
#nav li#nav1 a {width: 89px; background: url(http://www.gibsonejessop.com//images/template/gallery.gif) no-repeat; }
#nav li#nav1 a:hover,  #nav li#nav1 a:active, #nav li#nav1 a.current {background: url(http://www.gibsonejessop.com//images/template/gallery_on.gif) no-repeat; }

#nav li#nav2 a {width: 84px; background: url(http://www.gibsonejessop.com//images/template/artists.gif) no-repeat; }
#nav li#nav2 a:hover,  #nav li#nav2 a:active, #nav li#nav2 a.current {background: url(http://www.gibsonejessop.com//images/template/artists_on.gif) no-repeat; }

#nav li#nav3 a {width: 125px; background: url(http://www.gibsonejessop.com//images/template/exhibitions.gif) no-repeat; }
#nav li#nav3 a:hover,  #nav li#nav3 a:active, #nav li#nav3 a.current {background: url(http://www.gibsonejessop.com//images/template/exhibitions_on.gif) no-repeat; }

#nav li#nav4 a {width: 109px; background: url(http://www.gibsonejessop.com//images/template/worldwise.gif) no-repeat; }
#nav li#nav4 a:hover,  #nav li#nav4 a:active, #nav li#nav4 a.current {background: url(http://www.gibsonejessop.com//images/template/worldwise_on.gif) no-repeat; }

#nav li#nav5 a {width: 83px; background: url(http://www.gibsonejessop.com//images/template/people.gif) no-repeat; }
#nav li#nav5 a:hover,  #nav li#nav5 a:active, #nav li#nav5 a.current {background: url(http://www.gibsonejessop.com//images/template/people_on.gif) no-repeat; }

#nav li#nav6 a {width: 89px; background: url(http://www.gibsonejessop.com//images/template/media.gif) no-repeat; }
#nav li#nav6 a:hover,  #nav li#nav6 a:active, #nav li#nav6 a.current {background: url(http://www.gibsonejessop.com//images/template/media_on.gif) no-repeat; }

#nav li#nav7 a {width: 97px; background: url(http://www.gibsonejessop.com//images/template/contact.gif) no-repeat; }
#nav li#nav7 a:hover,  #nav li#nav7 a:active, #nav li#nav7 a.current {background: url(http://www.gibsonejessop.com//images/template/contact_on.gif) no-repeat; }

#ch {position: absolute; left: 10px; top: 20px;}

#footer {text-align: center; margin: 40px 0 5px 0;}

#headerImg {margin-bottom: 40px;}

#profile {margin-right: 80px;}
#profile * {margin-left: 385px; }
#profile p * {margin: 0; }

#profile blockquote  {margin-left: 0px; margin-right: 0; width: 365px; float: left; }
#profile blockquote p {margin-left: 20px;}
#profile blockquote p * {margin-left: 0;}

.one, .two {margin-bottom: 10px;}

.one, .one a {background: #E4E2DE; }
.two, .two a {background: #D2D0CA; }

.one a:hover {background: #C5C4C2; }
.two a:hover {background: #A09F99; }



#artistsList a {display: block; text-decoration: none; height: 128px;}

#artistsList img {display: block; float:left; }
#artistsList .artist {display: block; width: 660px; float: right; padding-top: 30px;}
#artistsList .name {font-size: 250%; color: #758985; font-family: Arial, Helvetica, sans-serif; }
#artistsList .country {font-family: Arial, Helvetica, sans-serif; font-size: 150%; color: #99A5A2; text-transform: uppercase;}

#artistsList .one a:hover .name,  #artistsList .two a:hover .name {color: #576764; }
#artistsList .one a:hover .country, #artistsList .two a:hover .country {color: #757F7D; }

#artistHeader {font-family: Arial, Helvetica, sans-serif; background: #2F2421; padding: 20px 30px; }
#artistHeader h1 {font-family: Arial, Helvetica, sans-serif; color: #C5E2D9; font-size: 300%; line-height: 1; margin: 0;}
#artistHeader .country {color: #A5BDB7; font-size: 200%; line-height: 1;}
#artistHeader .quote {color: #C2C486; font-size: 181.81%; font-style: italic; padding: 30px 230px 0 30px;}

#artist {margin-left: 20px; }
#artist .entry {width: 330px; float:left;}
#artist #works {width: 565px; float:right;}

#works .detail {width: 200px; margin: 5px; padding-top: 10px; background: url(http://www.gibsonejessop.com/images/uploads/arrow_details.gif) no-repeat #fff;}
#works h2 {font-size: 100%; margin: 0; font-weight: bold;}


#works .vert img {float: left;}
#works .vert .detail {float: left; margin: 30px 20px 5px 10px;}

#exhibitions .one, #exhibitions .two {height: 146px; width: 932px;} 
#exhibitions img {display: block; float:left; }
#exhibitions .exp_details {display: block; width:620px; float: right; padding-top: 10px;}
#exhibitions .name {font-size: 250%; color: #758985; font-family: Arial, Helvetica, sans-serif;}
#exhibitions .date {font-family: Arial, Helvetica, sans-serif; font-size: 150%; color: #99A5A2; text-transform: uppercase;}

#exhibitions .first {background: #2F2421; margin-bottom: 20px; padding-right: 20px; position: relative; }
#exhibitions .first .exp_details {font-family: Arial, Helvetica, sans-serif; width: 380px; text-align: right; padding-top: 20px;}
#exhibitions .first .name {color: #C5E2D9;  font-size: 300%; margin-bottom: 5px;}
#exhibitions .first .date {color: #A5BDB7; }
#exhibitions .first .detail {width: 380px; position: absolute; bottom: 20px; right: 20px; color: #C2C486; text-align: left; font-size: 160%; line-height: 1.2;}
#exhibitions .detail2 {color: #fff; font-size: 63%;}

#exhibitions .archive {text-transform: uppercase; margin: 20px; padding-left: 15px; background: url(http://www.gibsonejessop.com/images/uploads/arrow_right.gif) no-repeat #fff left center; font-size: 140%;}
#exhibitions h1 {margin: 0 20px 15px 20px;}

.pagination {margin: 20px;}
.pagination a {text-decoration: underline;}
.prev {width: 300px; float:left; }
.next {width: 300px; float: right; text-align: right;}

#media {margin: 20px 0 20px 20px; padding-left: 15px; background: url(http://www.gibsonejessop.com/images/uploads/arrow_right.gif) no-repeat #fff 0 62px; }
#media .intro {width: 385px; float: left; padding-top: 60px; }
#media .forms {width: 415px; float: right; } 
#media .login {background: #E4E2DE; }
#media form {display: block; padding: 20px;}
#media h2 {margin: 20px 20px 5px 20px; font-size: 150%;}


form div {clear: both; margin-bottom: 5px;}
label {display: block; width: 100px; float: left; text-transform: uppercase;}
.input {border: solid 1px #2F2421; width: 200px;}


.submit {margin-left: 100px;
    font-family : Arial, Verdana, sans-serif;
    font-size : 12px; text-transform: uppercase;
    border-top : solid 1px #666345;
    border-left : solid 1px #666345;
    border-right : solid 1px #666345;
    border-bottom : solid 1px #666345;
    color : #fff;
    background: #666345;
    cursor: pointer;
}


.toggler {background: url(http://www.gibsonejessop.com/images/uploads/plus.gif) no-repeat left center ; padding-left: 20px; margin-bottom: 15px; cursor: pointer;}


.mediaArtist {clear: both; background: #E4E2DE; margin: 20px 0; padding-bottom: 10px;}
.mediaArtist h2 {font-family: Arial, Helvetica, sans-serif;  background: #fff; color: #666345; margin: 0; padding: 5px 30px; font-size: 300%;}


.artwork .item {float:left; margin-left: 30px; padding: 15px 5px 15px 0;}
.artwork a {text-decoration: none; display: block;}
.artwork .title {display: block; margin: 5px 0;}
.artwork .size {display: block;}
.documents a {display: block; margin: 0 30px; padding: 10px 30px; background: url(http://www.gibsonejessop.com/images/uploads/document.gif) no-repeat left center; font-size: 150%;} 

.back {margin: -10px 30px 20px 30px; text-align:right;}

#artistsNav  {width: 540px; margin: 10px 30px; }
#artistsNav ul {margin: 0; padding: 0; list-style-type: none;}
#artistsNav  li { display: inline; margin: 0; padding: 5px; width: 260px; display: block; float: left; font-size: 120%;}


.photo {clear: both; width: 296px; float: left;}
.people {width: 500px; float: left; margin-left: 30px;}
.people .name {text-transform: uppercase; font-size: 150%; color: #666345;}
.people .job {font-size: 120%; color: #666345;}

#contact {margin: 20px;}
#subscribe {width: 160px; float: left;}
#subscribe .input {width: 100%;}
#subscribe .submit {margin-left: 0;}
#subscribe .button {text-align: right;}

.copy {width: 650px ;float: right;}

#join {width: 365px; float: left; background: url(http://www.gibsonejessop.com/images/uploads/arror_left.gif) no-repeat 0 3px;}
#join .inner {padding-left: 15px;}
#join em {font-style: normal; color: #E9362F;}
#address {width: 220px; float: right; color: #666345;}

big {font-size: 120%;}

.select {margin: 30px 0 50px 0; font-size: 130%; color: #E9362F; font-family: Arial, Helvetica, sans-serif;}
.select .label {width: 49%; float: left; }
.select .pages {width: 50%; float: right; text-align: right;}
.select a:link {color: #E9362F; text-decoration: none;}
.select a:visited {color: #E9362F; text-decoration: none;}
.select a:hover {color: #E9362F; text-decoration: underline;}
.select a:active {color: #E9362F; text-decoration: underline;}
.select a.current {color: #E9362F; text-decoration: underline;}
.select span {padding: 0 12px 0 0; background:url(http://www.gibsonejessop.com/images/uploads/arrow_right.gif) no-repeat 100% 67%;}