/******************************************************************************/
/*                                Main Styles                                 */
/******************************************************************************/
body {
  margin:0;
  padding:0;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size:1em;
  color:#7E366D;
  background-color:#fff;
}

img {
  vertical-align:middle;
  border:none;
}
/******************************************************************************/
/*                                Layout Styles                               */
/******************************************************************************/
#wrapper {
  width:800px;
  margin:0 auto;
}

#header {
  margin:0;
  background: #A84891 url('../images/head.jpg') no-repeat ;
  height:132px;
  width:800px;
  font-weight:bold;
  color:#FAF3F9;
  text-align:center;
}

#header h1 {
  margin:0 auto;
  padding-top:5px;
  width:700px;
  font-size:2em;
}

#header h2 {
  margin:0 auto;
  padding-top:5px;
  width:700px;
  font-size:1.3em;
}

#main-nav {
  margin:0;
  padding:0;
  background-color: #A84891;
  color:#fff;
  overflow:hidden;
  height:1%;
}

#main-nav li {
  float:left;
  list-style-type:none;
  margin:0 5px;
  text-transform:uppercase;
}

#main-nav li a {
  color:white;
  text-decoration:none;
  padding:4px;
}

#main-nav li a:hover {
  background-color:#BA5FAA;
}


#main-content {
  background-color:#FAF3F9;
  padding: 10px;
  overflow: hidden;
  border-width:1px;
  height:1%;
}

#weather { float:left; width:160px;}

#right-content {float:left; width:600px;font-size:0.875em;}

#loc-left-content {float:left; width:500px; text-align:center;}
#loc-right-content {float:left; width:250px;font-size:0.875em;}
#loc-right-content  li{text-align:left;font-size:0.875em;}

#apart-left-content {float:left; width:350px; text-align:center;}
#apart-left-bottom-content {text-align:left; font-size:0.875em;}
#apart-left-bottom-content li {text-align:left; font-size:0.875em;}
#apart-right-content {float:left; width:350px; margin:20px;font-size:0.875em;}
#apart-right-content  li {text-align:left; font-size:0.875em;}

#footer {
  clear:both;
  text-align:center;
  margin:0;
  padding:5px;
  background-color: #A84891;
  color:#fff;
}
/******************************************************************************/
/*                         Photos Gallery Styles                              */
/******************************************************************************/
#thumbs {overflow:auto; list-style:none; margin:30px; padding:0;}
#thumbs li {float:left;}
#thumbs a {display:block; padding:5px; outline:none;}
#thumbs a:hover, #thumbs a:focus {background:#fff;}
#thumbs a.active {background:#000;}
#viewer {position:relative; width:600px; height:450px; margin-left:70px;}
#viewer img {width:600px;height:450px;}
#viewer img[src*="loader"] {position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;width:31px;height:31px;}

/******************************************************************************/
/*                         Photos Gallery Styles                              */
/******************************************************************************/
#thumbsapart {overflow:auto; list-style:none; margin:10px; padding:0;}
#thumbsapart li {float:left;}
#thumbsapart a {display:block; padding:5px; outline:none;}
#thumbsapart a:hover, #thumbsapart a:focus {background:#fff;}
#thumbsapart a.active {background:#000;}
#viewerapart {position:relative; width:350px; height:262px; margin-left:10px;}
#viewerapart img {width:350px;height:262px;}
#viewerapart img[src*="loader"] {position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;width:31px;height:31px;}

/******************************************************************************/
/*                         CONTACT FORM                                       */
/******************************************************************************/

label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
} 
input
{
color: #781351;
background: #fee3ad;
border: 1px solid #781351
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
} 
fieldset
{
border: 1px solid #781351;
width: 35em
}

legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px
} 
/******************************************************************************/

