body {
text-align:center;
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #000000;
margin:0px;
}

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

.centred { text-align: center; font-weight: bold; font-style: italic; font-size: 1.1em; }
.uppercase { text-transform: uppercase; }

#holder {
width:760px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:center;
}

#content {
float: left;
width:760px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:center;
background-color:#fff;
}

#header {
float: left;
width: 760px;
height: auto;
}

#nav {
float: left;
width: 162px;
height: 272px;
}
#nav img {
  margin: 10px 0px;
  border: 0px;
}

#nav2 img {
  margin: 5px 10px 2px 10px;
  border: 0px;
}

#main {
float: left;
width: 598px;
height: auto;
text-align:left;
padding:10px 0px 0px 0px;
}
.leftImg {
float:left;
}
.rightImg {
float:right;
}

#main2 {
float: left;
width: 738px;
height: auto;
text-align:left;
padding:10px 0px 0px 22px;
}

#page-content h1 { text-align: center; font-weight: bold; font-style: italic; font-size: 12pt; text-transform: uppercase; margin-bottom: 2px; padding-bottom: 2px; }
#page-content h2 { margin: 0px 0px 2px 0px; padding: 0px; }

h1 { font-size: 12pt }
h2 { text-align: center; font-weight: bold; font-style: italic; font-size: 11pt; }

.imgSpace {
margin: 0px 12px 0px 0px;
}
img#imgart,
img#imgstudios {
  margin: 0px 35px 10px 0px;
}
img#imgadventure {
  margin: 0px 0px 10px 0px;
}


#footer {
float:left;
width: 760px;
height: auto;
text-align:center;
color:#696969;
font-weight:bold;
padding:20px 0px 0px 0px;
}

#footer a, #footer a:visited {  color: #ffffff; text-decoration: none}
#footer a:hover {  color: #ffffff; text-decoration: underline}

div.artistBox {
    float: left;
    width: 738px;
    margin-left: 10px;
    margin-right: 10px;
 text-align: left;
}

div.artistName {
    float: left;
    text-align: left;
    width: 740px;
    background: url('<?php echo $artist_details['artist_image']['thumb']['src']; ?>') 100px center no-repeat;
    height: 100px;
    padding-left: 200px;
}


div.artistDetails {
    margin-top: 5px;
    float: left;
    width: 470px;
}
div.artistDetails h2 { font-size: 11pt; color: #FFFFFF; background-color: #696969; text-transform: uppercase; padding: 3px; }
div.artistDetails p { text-align: justify; }
div.artistBox div.artistDetails img {
  margin: 0px 0px 2px 10px;
  border: 1px solid black;
}

div.artistDetails p.address {
    text-align: center;
}

img.imageLeft {
    float: left;
}
img.imageRight {
    float: right;
}
a:link img {
    border: 0;
}

div.artistGallery {
    float: right;
    margin: 18px 0 0 0;
    width: 230px;
 margin-left: 10px;
 text-align: center;
}
div.artistGallery img {
margin-bottom: 2px;
border: 1px solid black;
padding: 3px;
}
div.artistGallery a:hover { text-decoration: none; }
table.gal_holder {
  float: left;
  width:  740px;
  display: inline;
  margin-left: 10px;
  border: 1px solid #888888;
  padding:  5px;
  margin-bottom:  10px;
  background-color: #EFEFEF;
}
table.gal_holder td {
  width:  246px;
  text-align: center;
  vertical-align: middle;
}
table.gal_holder td img {
  padding:  3px;
  border:   1px solid black;
  background-color: white;
}
  div.artistbox {
  float: left; width: 225px; margin: 5px; text-align: center; height: 350px;
}
div.artistbox h1 {
  font-size: 12pt;
  text-transform: uppercase;
  margin: 0px;
  padding: 0px;
}
div.artistbox h2 {
  font-size: 10pt;
  margin: 0px;
  padding: 0px;
  font-style: italic;
}
div.artistbox a:link,
div.artistbox a:visited,
div.artistbox a:active,
div.artistbox a:hover {
  text-decoration: none;
  color:  #000000;
  border: 0px;
}
div.artistbox a:hover {
  background-color: #E0E0E0;
}
div.artistbox a:link img,
div.artistbox a:visited img,
div.artistbox a:active img,
div.artistbox a:hover img {
  border: 1px solid black;
  padding: 3px;
  background-color: white;
}

div.guest_holder {
  float: left;
  width:  738px;
  margin: 0px auto 10px auto;
}

div#GMap {
  float: left;
  border: 1px solid black;
  width:  738px;
  height: 500px;
  margin: 10px;


}

div.GIW_holder {
  float: left;
  width:  300px;
  text-align: left;
  height: 150px;
}
div.GIW_holder h1 {
  margin: 0px 0px 5px 0px;
  font-size: 12pt;
  padding:  0px;
}
div.GIW_holder h2 {
  text-align: left;
  font-style: normal;
  font-size:  11pt;
  padding:  0px;
  margin: 0px 0px 2px 0px;
}
div.GIW_inner {
  float: left;
  height: 130px;
  width:  300px;
}
div.GIW_holder img {
  float: right;
  margin: 0px 0px 2px 10px;
  border: 1px solid black;
}
div.GIW_holder a:link,
div.GIW_holder a:visited,
div.GIW_holder a:active,
div.GIW_holder a:hover {
  float: left;
  clear:  all;
  display:  block;
  width:    290px;
  margin:   5px 0px 5px 0px;
/*   padding:      5px; */
  text-align: center;
  text-decoration:  none;
  font-weight: bold;
  color:  black;
  line-height:  20px;
}
div.GIW_holder a.fom_1:link,
div.GIW_holder a.fom_1:visited,
div.GIW_holder a.fom_1:active,
div.GIW_holder a.fom_1:hover {
  background-color: #94C7EF;
  border: 1px solid #94C7EF;
}
div.GIW_holder a.fom_2:link,
div.GIW_holder a.fom_2:visited,
div.GIW_holder a.fom_2:active,
div.GIW_holder a.fom_2:hover {
  background-color: #FEF41F;
  border: 1px solid #FEF41F;
}
div.GIW_holder a.fom_3:link,
div.GIW_holder a.fom_3:visited,
div.GIW_holder a.fom_3:active,
div.GIW_holder a.fom_3:hover {
  background-color: #FD1F1F;
  border: 1px solid #FD1F1F;
}

div.GIW_holder a.fom_1:hover,
div.GIW_holder a.fom_2:hover,
div.GIW_holder a.fom_3:hover {
  background-color: white;
}
div.GIW_holder a.fom_1:hover, div.GIW_holder h2.fom_1 { color:  #94C7EF; }
div.GIW_holder a.fom_2:hover, div.GIW_holder h2.fom_2 { color:  #FEF41F; }
div.GIW_holder a.fom_3:hover, div.GIW_holder h2.fom_3 { color:  #FD1F1F; }

div.col1,div.col2,div.col3 {
  float:  left;
  width:  236px;
  margin: 0px 5px;
  text-align: left;
}
div.tour_map_legend {
  float: left;
  border: 1px solid black;
  margin: 10px 0px 0px 10px;
}
div.tour_map_legend h3 {
  margin:  0px 0px 5px 0px;
  font-size: 10pt;
  padding: 0px;
}
div.tour_map_legend ul {
  list-style: none;
  padding:    0px;
  margin:     0px 5px 5px 0px;
}
div.tour_map_legend .fom_1 { background-color: #94C7EF; }
div.tour_map_legend .fom_3 { background-color: #FEF41F; }
div.tour_map_legend .fom_2 { background-color: #FD1F1F; }
div.tour_map_legend div.item { margin: 0px 0px 2px 0px; }

div#GMapSmall {
  float: right;
  width:  300px;
  height: 300px;
  border: 1px solid black;
  margin: 0px 0px 2px 10px;
}