/*  STYLE SHEET */


/* REDIFINED TAGS */

* { font-family: Arial, sans-serif, Helvetica;
	color:#999999; 
}

body {
	background-color: #2b2823;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

a:link {
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}
a:visited {
	font-size: 12px;
	color: #CCCCCC;
	text-decoration: none;
}
a:hover {
	font-size: 12px;
	color: #99CC00;
	text-decoration: underline;
}

a img {
  display: block;
  margin: 0;
  padding: 0;
}


ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}


h3 {
	font-size: 14px;
	font-weight: bold;
	color: #99CC00;
	padding-bottom: 15px;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
	padding-bottom: 15px;
    margin: 0;
}

p {
	color:#999999;
	/*font-size:14px;*/
}	

/* PAGE AREAS */

#main {
	/*height: 550px;*/
	width: 950px;
	margin-top: 40px;
	background-color: #2b2823;
	margin-right: auto;
	margin-left: auto;
	left: auto;
	right: auto;
}

#left {
	float: left;
	width: 250px;
	/*height: 550px;*/
    min-height:550px;
    height:auto !important;
	text-align: left;
	padding-left: 40px;
}

#left p {
	width:210px;
	font-size:12px;
	/*text-align:justify;*/
    text-align: left;
}

#menu {
	font-size: 14px;
	line-height: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-right: 0px;
	padding-left: 0px;
}

#menu li {
	line-height: 12px;
}

#menu li a {
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	line-height: 16px;
	letter-spacing: -1px;
    text-decoration: none;
}

#menu li a:hover {
	color: #FFFFFF;
    text-decoration: none;
}

#menu .sideactive a {
	color: #99CC00;
    text-decoration: none;
}

#menu .sideactive a:hover {
	color: #FFFFFF;
    text-decoration: none;
}

#main #content #details #righttext {
	float: right;
	padding-left: 20px;
	color: #393631;
}
#main #content #details #lefttext {
	float: left;
	width: 250px;
	margin: 0px;
	color: #686764;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	/*text-align: justify; */
    text-align: left;
}





/*  TEXT BLOCKS */

.sectionTITLE {
	margin-bottom: 10px;
	color: #FFFFFF;
}





.news {
	font-size: 12px;
	font-weight: normal;
}


#main #left #copyright a {
	font-size: 10px;
	color: #484745;
	text-decoration: none;
}
#main #left #copyright a:hover {
	font-size: 10px;
	color: #CCCCCC;
	text-decoration: none;
}



#panel_left {
	width: 180px;
	margin: 20px 0 25px 0;
	padding: 15px;
	background-color: #393631;
	color: #FFFFFF;
	font-size: 14px;
	text-align:left;

}

#panel_left h1 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	width:180px;
	text-align:left;
}

#panel_left p {
	width:180px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 14px;
	color: #CCCCCC;
    text-align:left;
}

#panel_left .paneltext {
	width:180px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 12px;
	color: #CCCCCC;
	text-align:left;
}

#panel_left .caption {
	width:180px;
	margin:20px 0 0 0;
	font-size:10px;
	color:#999999;
	text-align:left;
}

#panel_left ul {
    margin: 0 0 0 15px;
    padding: 0;
}

#panel_left li {
	list-style-image:url(images/green_Square.gif);
    list-style-position: outside;
	margin:0;
	padding:0;
	color:#999999;
	font-size:14px;
}

/* FUTURE EXHIBITION MENU */

#future_exhib {
  width:108px;
}

#future_exhib li {
  color:#FFFFFF;
  font-weight: bold;
  text-indent: 18px;
}


/* PAGE CONTENT */
.float_right {
  float: right;
}



#content {
	width: 650px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #464543;
	/*height: 570px;*/
    min-height:570px;
    height:auto !important;
	float: right;
}
#contentleft {
	float: left;
	width: 280px;
}
#contentright {
	float: right;
	width: 280px;
}

#content #enlargedSmaller {
	height: 320px;
	width: 320px;
	float: left;
	margin-left: 20px;
	margin-top: 5px;
	top: 0px;
	vertical-align: top;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#content  #detailsBigger {
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	padding-left: 20px;
	float: left;
	border-top-color: #4D4B47;
	clear: both;
	text-align: left;
	width: 630px;
	height: 180px;
	letter-spacing: 0.01em;
	overflow: auto;
}

#content  #detailsList {
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	float: left;
	clear: both;
	text-align: left;
	width: 630px;
	letter-spacing: 0.01em;
	overflow: auto;
	margin-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #494641;
}



#enlargedEx {
	height: 420px;
	width: 410px;
	float: left;
	margin-left: 50px;
	padding: 0px;
	margin-top: 0px;
	top: 0px;
	vertical-align: top;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: left;
}

.details {
	float: left;
	width: 630px;
	/*height: 100px;*/
	padding: 10px 0 10px 20px;
	border-top:solid 1px #4D4B47;
	/*clear: both;*/
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
	letter-spacing: 0.01em;
	margin-top: 10px;
/*    background: #FF00FF;  */
}

.page_header {
  	float: left;
	width: 630px;
    text-align: left;
    padding: 10px 0 10px 20px;
    border-bottom:solid 1px #4D4B47;
}


.page_content {
	float: left;
	width: 630px;
    /*height:100px;
    min-height:100px;
    height:auto !important;*/
	padding: 10px 0 10px 20px;
	/*border-top:solid 1px #4D4B47; */
	clear: both;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	color: #999999;
	letter-spacing: 0.01em;
	margin-top: 10px;
}

#content #list {
	width: 410px;
	float: left;
	margin-left: 20px;
	padding: 0px;
	margin-top: 25px;
	top: 0px;
	vertical-align: top;
	font-size: 12px;
	color: #FFFFFF;
	height: 450px;
	text-align: left;
}

#ecommerce a:link, #ecommerce a:visited {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #2F2F32;
	text-decoration: none;
}
#ecommerce a:hover {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #CCCCCC;
	text-decoration: none;
}

#column1 {
	float: left;
	width: 200px;
	clear: none;
}
#column3 {
	float: right;
	width: 200px;
	clear: none;
}
#column2 {
	width: 200px;
	clear: none;
	float: left;
	margin-left: 15px;
	margin-top: 0px;
}

/*  TEXT STYLES */

.uppercase {
	text-transform: uppercase;
}
.green {
	color: #99CC00;
}

.textBrown {
	color: #605F5B;
}

#photosample {
}

#headline {
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	color: #999999;
	text-align: justify;
	padding-right: 30px;
	vertical-align: text-bottom;
}

#headlineHome {
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	color: #999999;
	text-align: justify;
	padding-right: 30px;
	vertical-align: text-bottom;
	padding-top: 50px;
}

.exArtist {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	margin-top: 15px;
}
.ex_title {
	font-size: 14px;
	font-style: italic;
	color: #CCCCCC;
	line-height: 10px;
	padding-bottom: 10px;
}

.bullets {
	display:block;
}

.bullets ul {
	margin:0;
	padding:0 0 0 15px;
}

.bullets li {
	list-style-image:url(images/green_Square.gif);
	margin:0;
	padding:0;
	color:#999999;
	font-size:14px;
}

/* IMAGE STYLES */

.icons {
	float: right;
	/*left: 720px;*/
	width: 80px;
	overflow: hidden;
	height: 440px;
	margin:0 8px 0 0;
}

.icons ul {
	list-style:none;
	margin:0;
	padding:0;
}

.icons li {
	width:60px;
	height:auto;
	display:block;
	border:solid 1px #413E39;
	text-align:center;	
	padding:2px 0 0 0;
	margin:0 0 8px 0;
	vertical-align:middle;
}

.icons li img {
 border:0;
}


.thumbnails {
	height: 55px;
	width: 55px;
	text-align: center;
	border: 1px solid #413E39;
}

#photo1 #photoleft {
	float: left;
	height: 310px;
	width: 310px;
	padding-left: 20px;
}
#photo1 #photoright {
	float: right;
	height: 310px;
	width: 270px;
	padding-left: 20px;
}

#icondisp {
	height:380px;
	overflow: hidden;
	position: relative;
}

/* Repeat Region PAGING */

#pagenumber {
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	letter-spacing: 0.01em;
	float:right;
}

#pagenumber a {
	font-size: 11px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	margin: 4px;
	padding: 4px;
	height: 17px;
	width: 15px;
	border: 1px solid #CCCCCC;
	line-height:25px;
}

#pagenumber a:hover {
	font-size: 11px;
	font-weight: bold;
	color: #6699CC;
	text-decoration: none;
	margin: 4px;
	padding: 4px;
	height: 17px;
	width: 15px;
	border: 1px solid #6699CC;
}

#currentpg {
	font-size: 11px;
	font-weight: bold;
	color: #6699CC;
	text-decoration: none;
	margin: 4px;
	padding: 4px;
	height: 17px;
	width: 15px;
	border: 1px solid #6699CC;
	line-height:25px;
}


/* CONTACT FORM */

.contactform {
	margin: 0;
	background-color: #2B2823 ;
	padding: 20px 0 0 0;
}

.contact_table {
	color: #c0c0c0;
	font-size: 10pt;
	}

.contact_row {
	color: #c0c0c0;
	font-size: 10pt;	
	font-weight: normal;
	}

.contact_text {
	color: #c0c0c0;
	font-size: 10pt;
	font-weight: normal;
	}

.contactform input, .contactform select , .contactform textarea, .contactform select, .contactform option {
	font-size: 10pt;
	color: #CCCCCC;
	border: none;
	background: #666666;
	padding: 2px 1px 2px 5px;
	border: solid 1px #888888;
	}

.contactform option {
	padding: 2px 5px 2px 5px;
	border: none;
	}

.contactform .contact_submit input{
	font-size: 10pt;
	color: #FFFFFF;
	border: solid 1px #CCCCCC;
	background: #888888;
	padding: 2px 5px 2px 5px;
	}



.alert {
	font-size: 10pt;
	color:#78C70D;
	font-weight:bold;
	}

/* PHOTO DETAILS STYLES */

#enlarged {
	height: 410px;
	width: 410px;
	float: left;
	padding: 0px;
	margin: 0;
	text-align: left;
	vertical-align: top;
}

.preview {
	height: 200px;
	width: 200px;
	float: left;
	padding: 0px;
	margin: 0;
	text-align: left;
	vertical-align: top;
}

#bigimage {
  float: left;
  margin: 0 0 0 20px;
}

#toprighttext {
	float:right;
	width:380px;
    height: 200px;
	text-align:left;
    color: #FFFFFF;
    overflow: auto;
    padding: 0 20px 0 0;
}

#toprighttext p { margin:5px 0 0 0; }
#toprighttext .title { font-size: 13pt; font-weight: bold; color: #99CC00; }
#toprighttext .subtitle { font-size: 12px; font-weight: normal; color: #999999; }
#toprighttext .description { font-size: 12px; font-weight: normal; color: #999999; }


.prevnext {
  float: right;
}


.prevLink {
  width: 200px;
  position: relative;
  top: 5px;
  left: 10px;
}

.nextLink {
  float: right;
}

.enlarge_photo {
    margin: 15px 0;
}

.enlarge_info {
  text-align: left;
  padding: 0 10px;
}

.enlarge_info p {
  text-align: left;
}

.title{
	font-weight:bold;
	color:#000000;
	/*text-transform:uppercase; */
    text-transform:none;
	}

.subtitle{
	font-weight:normal;
	color:#999999;
	font-size:12px;
	font-style:italic;
	}

.description{
	font-weight:normal;
	color:#999999;
	font-size:12px;
    line-height: 14px;
	}

.colours{
	font-weight:normal;
	color:#999999;
	font-size:12px;
	}
.dimensions{
	font-weight:normal;
	color:#999999;
	font-size:12px;
	}

.price{
	font-weight:bold;
	color:#000000;
	font-size:12px;
	}

#lightwindow_data_caption a{
 margin-top:5px;
   font-weight:bold;
	color:#000000;
	font-size:12px;
	}

#lightwindow_data_caption a:hover{
	font-weight:bold;
	color:#CC0000;
	font-size:12px;
	}

#lightwindow_data_caption p {
  padding: 0;
  margin: 0;
}


.enlarge_close {
  float: right;
  text-align: right;
  width: 60px;
  margin: 0 10px 0 0;
}


/* LIST COLUMNS */

.col1 {
border:0;
padding:0;
margin:3px 20px 0 0;
width:150px;
/*height:15px;*/
float:left;
}

.col2 {
border:0;
padding:0;
margin:3px 20px 0 0;
width:150px;
/*height:15px; */
float:left;
}


.col3 {
border:0;
padding:0;
margin:3px 20px 0 0;
width:150px;
/*height:15px;  */
float:left;
}

.uppercase {
	text-transform: uppercase;
	color: #FFFFFF;
}
/* Clear floats */

.clear {
  clear: both;
  font-size: 5%;
}

.clear_left {
  clear: left;
  font-size: 5%;
}

.clear_right {
  clear: right;
  font-size: 5%;
}





/* Photographer lists */


.list_table {
  width: 100%;
}

.list_table td {
  border-top: solid 1px #464543;
  padding: 10px 0;
}

.list_thumbs {

}

.thumb_item {
  float: left;
  width: 150px;
  height: 132px;
  margin: 0 20px 20px 20px;
  text-align: center;
}



.list_image {
  width: 150px;
  height: 90px;
 /* border: solid 1px #464543;*/
  /*background: #000000; */
  text-align: center;
  margin: 0 auto 3px auto;
}

.list_image img {
  border: none;
}


.list_title {
  font-size: 12px;
  font-weight: normal;
  color: #999999;
  margin: 0;
  padding: 0;
}

.list_title a {
  color: #999999;
  text-decoration: none;
}

.list_title a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

.list_text {
  font-size: 10pt;
  font-weight: normal;
  color: #666666;
}

/* BUTTONS */

.link_button {
  /*width: auto;*/
  margin: 8px 0;
}

.link_button a {
  /*display: block;*/
  padding: 2px 6px;
  background: #464543;
  border: solid 1px #666666;
  font-size: 11px;
  font-weight: normal;
  color: #999999;
  text-transform: uppercase;
  text-decoration: none;
}

.link_button a:hover {
  font-size: 11px;
  font-weight: normal;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: underline;
}



/* PHOTOGRAPHER PAGE */

.large_photo {
  text-align: left;
  margin: 0 0 0 20px;
}

.details_noborder {
  	float: left;
	width: 630px;
	/*height: 100px;*/
	padding: 0;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
	/*letter-spacing: 0.01em;*/
	margin: 10px 0 0 20px;
}

.details_noborder p {
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	color: #B0B0B0;
}

/* Exhibition */

.exhib_large_photo {
   width: 300px;
   float: left;
   margin: 0 20px;
   display: inline;
}

.exhib_large_photo img {
  border: none;
}


.exhib_details {
   float: left;
   text-align: left;
   width: 300px;
   display: inline;
}

.exhib_details h1, .exhib_details h4, .exhib_details p {
  margin: 0;
  padding: 0;
}

.exhib_details h1 {
  font-size: 20pt;
}

.exhib_details h4 {
  font-size: 16pt;
}

.exhib_details p {
  font-size: 10pt;
}


.futexhib {
  clear: both;
  text-align: left;
  margin: 0 0 0 20px;
  font-size: 12px;
}

.futexhib_item {
  margin: 10px 0;
}



.futexhib_item img {
  float: left;
  margin: 0;
  padding: 0;
  border: none;
}

.futexhib_details {
  margin: 0 0 0 170px;
}


.futexhib_details p, .futexhib_details h3, .futexhib_details h4, .futexhib_details h5 {
  margin: 0;
  padding: 0;
}

.futexhib_details h3{
  color: #999999;
}

/* GALLERY */


.gallery {
  float:left;
  width: 100%;
  text-align: left;
  margin: 0 0 0 10px;
}

.gallery h1 {
  font-size: 13pt;
  font-weight: bold;
  margin: 0 0 0 10px;
}


.gallery_item {
  float:left;
  width: auto;
  height: 90px;
  margin: 5px;
  padding: 0;
  text-align: center;
  border: solid 1px #52514E;
}

.gallery img {
  border: none;
}

/* FLASH MOVIE */

.flashmovie {
  margin: 0;
  padding: 0;
}

.moviebutton {
  margin: 15px 0;
  text-align: left;
}

/* VIDEO LIST */

.videolist {
  text-align: left;
  margin: 0 0 0 20px;
}

.videolist ul {
  margin: 0;
  padding: 0;
}

.videolist li {
  float: left;
  list-style-image: none;
  display: block;
  min-height: 95px;
  width: 100%;
  height:auto !important;
  margin: 0 0 20px 0;
}

.videolist h1, .videolist h2, .videolist h3, .videolist h4, .videolist p {
  text-align: left;
  margin: 0;
  padding: 0;
}

.videolist h2 {
  font-size: 13pt;
}

.videolist p {
  font-size: 10pt;
}

.videothumb {
  float: right;
  width: 100px;
  height: 90px;
  overflow: hidden;
  margin: 0 0 0 20px;
}

.videothumb img {
  float: right;
  height: 90px;
}

/* LINK BUTTONS */


.link_button_sm {
  /*width: 30px;*/
  margin: -8px 0 5px 2px;
  float: right;
}

.link_button_sm a {
  /*display: block;*/
  padding: 0px 1px;
  margin: 0;
  background: #464543;

  border-top: none;
  border-bottom: solid 1px #666666;
  border-left: solid 1px #666666;
  border-right: solid 1px #666666;

  font-size: 60%;
  font-weight: normal;
  color: #999999;
  text-transform: uppercase;
  text-decoration: none;
}

.link_button_sm a:hover {
  font-size: 60%;
  font-weight: normal;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: underline;
}

/* MAILING LIST */

#left .mailinglist {
  width: 210px;
  /*background: #FF00FF;*/
}

#left .mailinglist h3 {
  margin: 0;
  padding: 0;
  text-align: left;
}

#left .mailinglist p {
  text-align: left;
  text-transform: none;
  margin: 2px 0 5px 0;
  padding: 0;
  font-size: 70%;
  color: #666666;
}

#left .mailinglist .alert {
  color: #FF0066;
  font-size: 9px;
}


#left .mailinglist input {
	font-size: 10pt;
	color: #999999;
	border: none;
	background: #666666;
	padding: 2px 1px 2px 4px;
	border: solid 1px #888888;
    margin: 0 5px 0 0;
	}

/* FOOTER */

#footer {
  width: 100%;
  border-top: solid 1px #464543;
  font-size: 10px;
  text-align: left;
  margin: 0 15px 30px 15px;
  padding: 0;
}

#address, #address a {
	/*position: absolute;*/
	margin: 5px 0 0 0;
	padding: 0px;
	width: auto;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 14px;
	color: #777777;
	font-weight: normal;
    text-align: left;
}

#address a:hover {
   font-size: 12px;
	line-height: 14px;
    text-transform: uppercase;
	color: #999999;
    text-decoration: underline;
}


#copyright ,#copyright a{
	width: auto;
	margin: 10px 0 0 0;
	padding: 0px;
	font-size: 10px;
	color: #666666;
	text-align: left;
    text-transform: none;
}

#copyright a:hover {
  font-size: 10px;
	color: #777777;
    text-decoration : underline;
    text-transform: none;
}