body{
  background:url(/images/bg.jpg);
  background-size:100%;
}

#container{
  background:url(/images/bg-top.png) no-repeat;
  width:1155px;
  height:2450px;
  margin:0 auto;
  position:relative;
}

#logo{
  margin:10px 0 0 440px;
}

#gallery {
  position: absolute;
  top: 242px;
  left: 270px;
}

.nav li{
  position: absolute;
}
.nav li{
  float:left;
  font: 30px/27px 'JournalRegular', Arial, sans-serif;
  color:#4b4e51;
}

.nav a{
  font: 30px/27px 'JournalRegular', Arial, sans-serif;
  color:#4b4e51;
  text-decoration:none;
  display:block;
}

.nav a:hover{
  color:#00cdb2;
}
.active {
  color:#00cdb2 !important;
}
#home .nav .about{
  left:290px;
}
#home .nav .blog{
  left:423px;
}
#home .nav .details{
  left:690px;
}
#home .nav .contact{
  left:810px;
}

#about .nav .home{
  left: 910px;
  top: 855px;
}
#about .nav .about{
  left:781px;
  top: 886px;
}
#about .nav .blog{
  left:869px;
  top: 1303px;
}
#about .nav .details{
  left:889px;
  top: 1348px;
}
#about .nav .contact{
  left:870px;
  top: 1400px;
}
#about .nav .anchor {
  left: 910px;
  top: 845px;
}

#details .nav .home{
  left: 150px;
  top: 1685px;
}
#details .nav .about{
  left:138px;
  top: 1867px;
}
#details .nav .blog{
  left:180px;
  top: 1920px;
}
#details .nav .details{
  left:145px;
  top: 1745px;
}
#details .nav .contact{
  left:150px;
  top: 1970px;
}
#details .nav .anchor {
  left: 150px;
  top: 1675px;
}

.content {
  font-family: 'Droid Serif', serif;
}
.content p, .content h3, .content h4 {
  margin: 0 0 20px 0;
  width: 100%;
  text-align: left;
}
.title {
  color: #00CDB2 !important;
  font-size: 40px !important;
}
#about-text {
  position: absolute;
  top: 920px;
  left: 170px;
  width: 490px;
  font-size: 19px;
  line-height: 28px;
}
#about-text p {
  width: 100%;
  margin-bottom: 40px;
  text-align: left;
}
#details .content {
  position: absolute;
  top: 1690px;
  left: 300px;
  width: 690px;
  font-size: 19px;
  line-height: 28px;
}

#retha-fox {
  position: absolute;
  left:730px;
  top:910px;
  z-index: -1;
}
.facebook {
  position: absolute;
  left:710px;
  top:1230px;
}
#gloves {
  position: absolute;
  left:680px;
  top:1360px;
}
#tumblr {
  position: absolute;
  left:850px;
  top:1460px;
}

/* ================ */
/* = Contact Form = */
/* ================ */

#dialog {
  position: relative;
}

label, p {
  display: inline-block;
  font: 30px/27px 'JournalRegular', Arial, sans-serif !important;
  color: #003366 !important;
  width: 350px;
  text-align: right;
  margin: 0 10px 10px 0;
}
.fText input {
  width: 200px;
  font-size: 14px;
}
.fSubmit {
  font-size: 14px !important;
  font-weight: bold;
}
.phone {
  display: block;
  width: 500px;
  margin: 10px auto 20px auto;
  text-align: center;
}


.ui-widget-content {
  background: transparent !important;
}

.ui-dialog {
  background: url("/images/postcard.jpg") no-repeat !important;
  border: 10px solid rgba(0, 0, 0, 0.3) !important;
  box-shadow: 0 10px 15px 10px rgba(0, 0, 0, 0.6);
}
.ui-widget-header {
  background: transparent !important;
  border: none !important;
}

#contactResponse p{
  position: absolute;
  top: 50px;
  width: 95%;
  text-align: center;
}

.ui-dialog-titlebar-close {
  background-color: #33cccc;
}

.ui-dialog-titlebar-close:hover {
  background: #000 !important;
  border: none !important;
}

.ui-icon:hover {
}