/**************************************************
 * global styles
 **************************************************/
* { margin: 0; padding: 0; }
body { 
  font-family: Trebuchet, Helvetica, sans-serif; 
  font-size: 88%;
  color: #333;
  background: #fff8ee url(../images/anjaBodyBg.png) no-repeat fixed left bottom;
}
a { 
  font-family: "Century Gothic", Trebuchet, Helvetica, sans-serif; 
  color: #666; 
  font-weight: bold; 
  text-decoration: none; 
}
a:hover { color: #333; }
h1, h2, h3, h4, h5, h6 { 
  margin: 0.8em 0; 
  line-height: 1.2em; 
  font-family: "Century Gothic", Trebuchet, Helvetica, sans-serif; 
  text-transform: lowercase; 
  display: block;
}
h1 { font-size: 1.4em; text-transform: none; font-weight: normal; color: #ed4599; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
p { line-height: 1.4em; margin: .8em 0; }

/**************************************************
 * header styles
 **************************************************/
#header { 
  position: fixed; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 130px; 
  background: #ed4599 url(../images/anjaHeaderBg.png) no-repeat scroll right top;
  z-index: 199; 
  font-family: "Century Gothic", Trebuchet, Helvetica, Arial, sans-serif;
}
#mainLogo { 
  width: 445px; 
  height: 40px; 
  text-indent: -9999em; 
  background: transparent url(../images/anjaLogo_v2.png) no-repeat scroll top left; 
  display: block;
  margin: 66px 0 0 3em;
  border: none;
}
/* main navigation */
#mainNav { position: absolute; top: 66px; right: 3em; list-style: none outside; display: inline; }
#mainNav > li { float: left; padding: 1em 0 1em 1em; margin-left: 1em; position: relative; }
#mainNav a { color: #fff; text-transform: lowercase; font-weight: normal; border: none; }
#mainNav ul { 
  display: none; 
  position: absolute; 
  top: 3em; 
  right: 0; 
  width: 12em; 
  list-style: none outside; 
  border: 1px solid #BC3B85; 
  border-bottom: none; 
  z-index: 205; 
  background: #fff8ee url(../images/anjaBodyBg.png) no-repeat fixed left bottom;
}
#mainNav li:hover ul { display: block; z-index: 205; }
#mainNav ul li { width: auto; border-bottom: 1px solid #BC3B85; }
#mainNav ul li a { padding: 0.5em .5em .5em 2em; display: block; color: #BC3B85; }
#mainNav ul li a:hover, ul#mainNav ul li.current a { 
  background: transparent url(../images/bullet.gif) no-repeat scroll 6px 10px; 
  text-decoration: none; 
  z-index: 220; 
}

/**************************************************
 * content styles
 **************************************************/
#contentWrap { margin: auto; padding-top: 154px; width: 940px; position: relative; }
#mainContent { float: left; width: 420px; }
#mainContent a { border-bottom: 1px dotted #BC3B85; }
#mainContent a.noborder { border: none; }
#mainContent ul { list-style: outside square url(../images/bullet.gif); margin: 0 0 0 2em; }
#mainContent ul li { line-height: 1.2em; padding-top: .4em; }
#mainContent dd { margin: .3em 0 1em; }
#featurePhoto { float: right; overflow: hidden; margin: 1.4em 0 0 56px; }
#featurePhoto > a { float: right; display: block; border: none; margin: 0; padding: 0; height: auto; }
#featurePhoto img { display: block; border: none; }
#featurePhoto .loading { width: 400px; height: 200px; background: transparent url(../images/galleriffic/loader.gif) no-repeat scroll 50% 50%; }
#contactInfo dt { display: block; font-weight: bold; font-family: "Century Gothic", Trebuchet, Helvetica, sans-serif; font-size: 1em; color: #ed4599; }
#contactInfo dd { display: block; margin-bottom: .8em; line-height: 1.1em; }
#contactInfo { width: 400px; margin-bottom: 1em; }
p.thanks { margin: 2em 0; padding: 2em; border: 1px dotted #bc3b85; color: #bc3b85; font-size: 1em; }
#photoThumbs { list-style: none outside; float: left; margin: 0; }
#photoThumbs li { float: left; margin: .5em; }
#photoThumbs a { border: none; }
#photoThumbs img { border: none; }
#mainContent table { margin: 1em 0; }
#mainContent td { padding: 0 4px; }
#mainContent tr { margin: 2px 0; }
#fbLike { margin: 2em 0; }

/**************************************************
 * form styles
 **************************************************/
form ol { list-style: none outside; text-align: left; }
form ol li { margin: 0 0 .8em 0; }
form label { 
  display: block; 
  font-weight: bold; 
  font-family: "Century Gothic", Trebuchet, Helvetica, sans-serif; 
  color: #bc3b85; 
  padding: 0 4px;
}
form label.error { 
  color: #ed4599; 
  font-weight: normal; 
  font-size: .8em; 
  font-family: Trebuchet, Helvetica, sans-serif; 
  padding-top: 2px;
}
form input.text, #contactForm textarea { 
  font-family: Trebuchet, Helvetica, sans-serif;
  padding: 4px;
  margin: 2px 0 0 0;
  font-size: 1em;
  line-height: 1.1em;
  width: 220px;
  border: 1px dotted #bc3b85; 
}
form input.error, #contactForm textarea.error { border: 2px solid #ed4599; }
form textarea { width: 320px; height: 70px; }
#submitContact, form .button { padding: .5em; background: #bc3b85; color: #fff; cursor: pointer; width: auto; height: 45px; font-size: 1em; }
#submitContact:hover, form .button:hover { background-color: #ed4599; }
form a { 
  color: #ed4599; 
  font-weight: normal; 
  font-size: .8em; 
  font-family: Trebuchet, Helvetica, sans-serif; 
  padding-top: 2px;
}

/**************************************************
 * dialog styles
 **************************************************/
#uiDialog { display: none; text-align: center; }
.loading { 
  width: 100%; 
  height: 400px; 
  vertical-align: middle; 
  background: transparent url(../images/ajax-loader.gif) no-repeat scroll 50% 50%; 
}

/**************************************************
 * footer styles
 **************************************************/
#footer { position: fixed; bottom: 0; right: 0; clear: both; margin-top: 1em; z-index: 199; padding: .5em 0; }
#footer .copyright { float: right; margin-right: 3em; }
#footer .copyright span { font-size: 72%; color: #BC3B85; }