* {
    margin: 0;
    padding: 0;
}
html, body { height: 100%; }
body {
    background-color: #ffffff;
    font-size: 62.5%;
    text-align: center;
}
.clearfloat {
  clear: both;
  height:0px;
  font-size: 1px;
  line-height: 0px;
}
#page {
    position: relative;
    overflow: visible;
    width: 881px;
    margin: 0 auto;
    padding: 20px 0 12px;
    text-align: left;
}
div.clear { clear: both; }
/* HEADER STARTS HERE */
#top-bar {
    position: relative;
    width: 881px;
    height: 13px;
    background-image: url(/content/s3/images/page/top-bar.gif);
    background-repeat: no-repeat;
    float:left;
}
#content {
    position: relative;
    overflow: visible;
    background-image: url(/content/s3/images/page/middle-bar.gif);
    background-repeat: repeat-y;
    float:left;
    width:100%;
}
div.padding {
    position: relative;
    padding: 13px 10px 0 11px;
}
#title {
    position: relative;
    margin: 0 20px 10px 20px;
}
#title h1 {
    font-family: Verdana, sans-serif;
    font-size: 2.4em;
    font-weight: normal;
    color: #2a5183;
    float: left;
}
#title a {
    text-decoration: none;
    color: #2a5183;
}
#title .shareButton {
    float: right;
    padding-top: 8px;
}
/* HEADER ENDS HERE */

/* CONTENT STARTS HERE */
div.white-area {
    clear: both;
    position: relative;
    width: 860px;
    background: transparent url(/content/s3/images/page/dot-bar.gif) repeat-x left top;
    float:left;
}
div.white-area div.padding {
    position: relative;
    padding: 10px 20px 20px;
}
div.dot-area {
    clear: both;
    position: relative;
    width: 860px;
    background-image: url(/content/s3/images/page/dot-bg.gif);
    background-repeat: repeat;
    float:left;
}
div.dot-area div.padding {
    overflow: auto;
    position: relative;
    padding: 10px 20px 6px;
}
div.dot-bar {
    clear: both;
    position: relative;
    width: 860px;
    height: 1px;
    background-image: url(/content/s3/images/page/dot-bar.gif);
    background-repeat: repeat;
}
div.large-photo {
    overflow: visible;
    width: 451px;
    margin: 10px auto;
}
div.large-photo-ver2 {
  text-align: center;
  float:left;
  width:100%;
}

div.large-photo a.button {
    float: left;
    margin: 170px 0 0 0;
}
div.large-photo a.button-right {
    float: right;
    margin: 0 20px 0 0;
}
#left-side {
    float: left;
    position: relative;
    display: inline;
    width: 440px;

}
#left-side h2 {
    width: 420px;
    padding: 0 0 15px 0;
    font-family: Verdana, sans-serif;
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1.4em;
    color: #333333;
}
#left-side p {
    width: 420px;
    padding: 0 0 15px 0;
    font-family: Verdana, sans-serif;
    font-size: 1.3em;
    line-height: 1.3em;
    color: #333333;
}
#left-side p a {
    color: #2e73bc;
}
#left-side p.blue {
    width: 420px;
    font-family: Verdana, sans-serif;
    font-size: 1.1em;
    line-height: 1.1em;
    text-align: center;
    color: #2774c6;
}
#left-side p.wide {
    width: 440px;
    padding: 0 0 10px 0;
    font-family: Verdana, sans-serif;
    font-size: 1.3em;
    line-height: 1.3em;
    color: #333333;
}
#right-side {
    position: relative;
    padding: 1px;
    border: 1px solid #e6e7e9;
    background-image: url(/content/s3/images/page/dot-bg.gif);
    background-repeat: repeat;
    width:374px;
    text-align: center;
    height: 308px;
    display: block;
}
#rate {
    width: 450px;
    margin: 10px auto 15px;
    text-align: center;
}
#rate span { padding-left: 10px; }
#rate form { padding-right: 10px; }

img#ratingPic { padding-right: 10px; }

#comment-top {
    position: relative;
    width: 423px;
    height: 12px;
    margin: 0 auto;
    background-image: url(/content/s3/images/page/comment-top.gif);
    background-repeat: no-repeat;
}
#comment {
    position: relative;
    width: 423px;
    margin: 0 auto;
    background-color: #edf4fa;
}
#comment div.padding { padding: 0 10px; }
#comment textarea {
    position: relative;
    width: 400px;
    height: 70px;
    border: 1px solid #a6c2db;
    margin: 10px 0;
}
#comment .commentName {
    position: relative;
    border: 1px solid #a6c2db;
    margin: 10px 0;
}
#comment span {
    padding: 5px 0 4px 0;
    font-family: Verdana, sans-serif;
    font-size: 1.1em;
    line-height: 1.1em;
    color: #2a72c0;
}
#comment p {
    clear: both;
    font-family: Verdana, sans-serif;
    font-size: 1.1em;
    line-height: 1.1em;
    color: #333333;
    padding: 0 0 5px 0;
}
#comment-bottom {
    position: relative;
    width: 423px;
    height: 7px;
    margin: 0 auto;
    background-image: url(/content/s3/images/page/comment-bottom.gif);
    background-repeat: no-repeat;
}
span.heading {
    display: inline;
    margin: 2px;
    font-family: Verdana, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2em;
    color: #2a72c0;
    background-color: #ffffff;
    float: left;
}
#comment span.comment-heading {
    font-family: Verdana, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2em;
    color: #2a72c0;
}
span.comment {
    float: right;
    display: inline;
    margin: 2px;
    font-family: Verdana, sans-serif;
    font-size: 1.2em;
    line-height: 1.2em;
    color: #333333;
    background-color: #ffffff;
}
#right-side img {  }
img { border: 0 solid #000000; }
img.logo { vertical-align: middle; }
img.button {
    padding: 5px;
    text-decoration: none;
}
a.button {
    text-decoration: none;
    color: #333333;
}
div.photo {
    float: left;
    margin: 0 0 10px 0;
    padding: 1px;
    text-align: center;
}
div.photo img {
    border: 1px solid #e6e7e9;
}
div.spacer {
    float:left;
    width: 41px;
}
p {
    padding: 0 0 15px 0;
    font-family: Verdana, sans-serif;
    font-size: 1.3em;
    line-height: 1.3em;
    color: #333333;
}
.float-left { float: left; }
.float-right { float: right; }
a { outline: none; }
/* CONTENT ENDS HERE */

/* FOOTER STARTS HERE */
#bottom-bar {
    position: relative;
    width: 881px;
    background-image: url(/content/s3/images/page/bottom-bar.gif);
    background-repeat: no-repeat;
    padding-top: 11px;
    float:left;
}
#footer {
    position: relative;
    overflow: visible;
    width: 870px;
    margin: 12px 0 0 0;
    padding: 0 0 20px 0;
    text-align: right;
    float: left;
    width: 100%;
}
#footer span {
    position: relative;
    font-family: Verdana, sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    color: #999999;
    float: right;
    display: block;
}
#footer a {
    position: relative;
    color: #999999;
}
/* FOOTER ENDS HERE */



#prevButton {
  position:absolute;
  margin-left:-25px;
}

#nextButton {
  position:absolute;
}

#buttonContainer {
  width: 500px;
  text-align: right;
  margin: 0 auto;
}

#largeImageContainer {
  border: 1px solid #dee1e5;
  position: relative;
  padding: 1px;
  display:block;
}

#imageTitle {
  background-color: #FFFFFF;
  color: #2A72C0;
  display: inline;
  /* float: left; */
  font-family: Verdana,sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.2em;
  margin: 1px 2px;
}


#toGallery {
  padding-top: 10px;
  font-family: Verdana,sans-serif;
  font-size: 1.4em;
  display: block;
}


#homeButton {
  float: right;
  margin-bottom: 10px;
}

#galleryButton {
  float: right;
  margin-bottom: 10px;
  margin-right: 5px;
}


#galleryPageNavigation a {
  font-size: 1.2em;
  margin-right: 5px;
  font-family: verdana;
}

#galleryPageNavigation a.current { font-weight: bold; }



.toolButton{
  position:relative;
  margin-left:-10px;
}

#facebookLink {
  background: transparent url(/content/s3/images/page/facebook_icon.gif) no-repeat left 1px;
  padding-left: 17px;
}