/*********************SiteWide Styles*****************/
body
{
  background: #3f3f3f url("/images/background/bodyBackground.gif") top left scroll repeat-x;
}

html, body
{
  margin: 0px;
  padding: 0px;
  text-align: center;
}

h2
{
  padding: 0px;
  margin: 10px 0px 0px;
  font: normal normal 1.8em Baskerville, "Times New Roman", serif;
  color: #FACACB;
}

h3
{
  padding: 0px;
  margin: 14px 0px 2px;
  font: normal normal 1.6em Baskerville, "Times New Roman" serif;
  color: #FACACB;
}
h4
{
  padding: 0px;
  margin: 10px 0px 0px;
  font: normal normal 1.6em Baskerville, "Times New Roman" serif;
  color: #FACACB;
}

p
{
  margin: 0px 0px 8px;
  line-height: 1.35em;
}

a img
{
  border-width: 0px;
}

#container
{
  text-align: left;
  margin: 0px auto;
  padding: 0px;
  width: 910px;
  position: relative;
}

#header
{
  background: #2E2E2E url("/images/background/fpLogo.gif") center right scroll no-repeat;
  display: block;
  height: 32px;
  margin: 0px 0px 14px;
  padding: 25px 131px 43px 25px;
  color: #FFFFFF;
  line-height: 1em;
  font-size: 1.7em;
  font-weight: normal;
  font-family: Baskerville, "Times New Roman" serif;
}

#content
{
  background: transparent url("/images/background/navBackground.gif") top left scroll repeat-y;
  min-height: 500px;
  padding-left: 180px;
  margin-bottom: 14px;
  color: #FFFFFF;
  font: normal 0.75em Arial, Helvetica, sans-serif;
}

#navigation
{
  background: url("/images/background/navGradientBackground.gif") top left scroll repeat-x;
  position: absolute;
  top: 114px;
  left: 0px;
  padding: 10px 0px 0px 10px;
  margin: 0px;
  width: 156px;
  min-height: 505px;
  list-style: none inside;
  font: normal 0.7em Arial, Helvetica, sans-serif;
  color: #FACACB;
  text-transform: uppercase;
}

#navigation li
{
  margin-top: 0px;
  margin-bottom: 18px;
}

#navigation li ul
{
  list-style: none inside;
  padding: 0px 0px 0px 12px;
}

#navigation li ul li
{
  margin-bottom: 0px;
  margin-top: 10px;
  color: #FACACB;
}

#quickContact a:link, #navigation a:link{color: #FFFFFF;text-decoration: none;}
#quickContact a:visited, #navigation a:visited{color: #FFFFFF;text-decoration: none;}
#quickContact a:active, #navigation a:active{color: #FFFFFF;text-decoration: none;}
#quickContact a:hover, #navigation a:hover{color: #FACACB;text-decoration: none;}
#quickContact a:focus, #navigation a:focus{color: #FACACB;outline: none;}

#footer
{
  display: block;
  height: 14px;
  background-color: #363636;
  margin: 0px;
}

div.intro
{
  xwidth: 463px;
  width: 257px;
  float: left;
}

div.moreInfo
{
  margin-left: 11px;
  xwidth: 266px;
  width: 472px;
  float: left;
}

div.divider
{
  background: transparent url("/images/background/divider.gif") scroll 258px 0px no-repeat;
  margin-top: 20px;
}
div.divider div
{
  float: left;
  width: 230px;
}
div.divider div.wide
{
  width: 440px;
  margin-left: 60px;
}
div.divider div.wide p
{
  font-size: 0.9em;
}

div.gallery
{
  height: 425px;
}
div.gallery .wide, div.gallery .activeContent
{
  width: 450px;
  float: left;
}
div.gallery .wide
{
  margin-top: 20px;
}
#container.caseStudies .wide, #container.whatWeDo .wide
{
  width: 485px;
  float: left;
}
div.gallery ul
{
  width: 266px;
  float: left;
  margin: 0px;
  margin-left: 14px;
  padding: 0px;
  list-style:none;
}
div.gallery ul li
{
  border-bottom: solid 1px #FFFFFF;
  border-right: solid 1px #FFFFFF;
  width: 88px;
  height: 105px;
  float: left;
}
div.gallery ul li.lineEnd
{
  border-right-width: 0px;
}
div.gallery ul li.bottomRow
{
  border-bottom-width: 0px;
}
div.gallery ul li img
{
  vertical-align: bottom;
}
div.gallery .narrow
{
  float: left;
  width: 266px;
  margin-left: 14px;
}
div.gallery .narrow p
{
  margin-top: 14px;
}
#gallCaption
{
  font: italic 0.9em Arial, Helvetica, sans-serif;
}
#gallPagination
{
  font: normal 1em Arial, Helvetica, sans-serif;
  border-bottom: solid 1px #313131;
  padding-bottom: 14px;
  text-align: right;
}
#gallPagination a, #gallPagination span
{
  margin-left: 7px;
}

#quickContact
{
  position: absolute;
  bottom: 35px;
  left: 10px;
  z-index: 2;
  font-size: 0.85em;
  color: #FACACB;
  letter-spacing: 0.4px;
}
#quickContact a
{
  color: #FFFFFF;
  text-decoration: none;
  font-weight: normal;
}

a:link {text-decoration: none;color: #FACACB;}
a:visited {text-decoration: none;color: #FACACB;}
a:active {text-decoration: none;color: #FACACB;}
a:hover {text-decoration: none;color: #FFFFFF;}
a:focus {outline: none;color: #FFFFFF;}

img.before
{
  padding-right: 3px;
  height: 272px;
}
#imageRotator
{
  position: relative;
  height: 275px;
}
#imageRotator img
{
  position: absolute;
}
/*********Generic Styles*******/

.clrB {clear: both !important;float:none !important;}
.hidden {display: block;margin: 0px;line-height:0px;text-indent:-9999em;width:0px;height:0px;overflow:hidden;}

/*****************Page Specific Styles*****************/

#homePageFlash
{
  height: 423px;
}

#container.homePage #content
{
  padding-left: 0px;
  min-height: 425px;
  background-image: none;
  margin-bottom: 14px;
}

#container.homePage #navigation
{
  height: 414px;
  min-height: 414px;
  background-image: url("/images/background/transparentGrey.png");
  background-repeat: repeat;
}

#container.homePage .intro
{
  width: 630px;
}
#container.homePage .moreInfo
{
  width: 266px;
}

.noGalleryThumb
{
  background-color: #363636;
}

#container.aboutUs .activeContent
{
  background: transparent url("/images/about_Flying_Pig.jpg") top left no-repeat;
}
#container.aboutUs .activeContent .theContent h4, #container.aboutUs .activeContent .theContent p
{
  padding: 5px 80px 5px 380px;
}
#container.testimonials #content div.divider
{
  min-height: 350px;
  background: transparent url("/images/background/testimonials.png") bottom left no-repeat;
}
#container.testimonials .testimonial
{
  margin-top: 25px;
}
.testimonial .botQuote
{
  xfloat: left;
}
.testimonial .botQuote
{
  vertical-align: top;
  xfloat: right;
}
.testimonial span
{
  display: block;
  margin-top: 4px;
  font: italic 1em Arial, Helvetica, sans-serif;
}

.contact div.divider div
{
  width: 235px;
}
.contact div.divider div.wide
{
  width: 430px;
}
#container.contact form
{
  width: 366px;
}
#container.contact form p
{
  position: relative;
  clear: right;
  padding: 10px 0px;
}
#container.contact form p label
{
  float: left;
  margin-top: 4px;
}
#container.contact form p label.required
{
  padding-right: 12px;
  background: transparent url("/images/background/requiredField.png") scroll center right no-repeat;
}
#container.contact form p input
{
  margin-right: 60px;
  float: right;
  width: 212px;
  xmargin-top: -10px;
  xclear: right;
}
#container.contact form div
{
  width: 100%;
  margin-top: 25px;
  margin-bottom: 15px;
  font-size: 0.9em;
  float: none;
}
#container.contact form textarea
{
  width: 100%;
  height: 125px;
  margin-top: 8px;
}
#container.contact form button
{
  float: right;
  background-color: #FACACB;
  border: 0px;
  cursor: pointer;
  font-size: 0.9em;
  padding: 3px 10px;
  margin-right: -3px;
  margin-bottom: 20px;
  xpadding: 0px;
}
.regDetails
{
  font-size: 0.8em;
  line-height: 1.2em;
  margin-top: 9px;
}
#secondaryControl
{
  color: #FACACB;
}

.caseStudy
{
  width: 233px;
  height: 318px;
  float: left;
  margin-right: 15px;
  margin-bottom: 40px;
}
.caseStudy.last
{
  margin-right: 0px;
}
.caseStudy p
{
  margin-top: 6px;
  font-size: 0.9em;
}
.caseStudy a
{
  display: block;
}
.caseStudy a span
{
  display: block;
  text-align: right;
  padding-right: 8px;
  padding-top: 3px;
  height: 17px;
  background-color: #FACACB;
  color: #3C3C3C;
}
.caseStudy a:link span {text-decoration: none;background-color: #FACACB;}
.caseStudy a:visited span {text-decoration: none;background-color: #FACACB;}
.caseStudy a:active span {text-decoration: none;background-color: #FACACB;}
.caseStudy a:hover span {text-decoration: none;background-color: #FFFFFF;}
.caseStudy a:focus span {outline: none;background-color: #FFFFFF;}

#testimonialLink
{
  margin-left: 14px;
  margin-top: 14px;
  float: left;
  width: 231px;
}
#testimonialLink a p
{
  padding-right: 35px;
  color: #FFFFFF;
  font: normal 1.4em "Times New Roman", serif;
  background: transparent url("/images/background/rdquo.png") scroll bottom right no-repeat;
}
#testimonialLink a
{
  display: block;
  padding-left: 35px;
  background: transparent url("/images/background/ldquo.png") scroll top left no-repeat;
}
#testimonialLink a span, a#mapLink, a#gallCaseStudyLink
{
  padding-right: 14px;
  background: transparent url("/images/arrows/rightArrowPink.png") scroll center right no-repeat;
}
#testimonialLink a:link, a#mapLink:link, a#gallCaseStudyLink:link {text-decoration: none;color: #FACACB;}
#testimonialLink a:visited, a#mapLink:visited, a#gallCaseStudyLink:visited {text-decoration: none;color: #FACACB;}
#testimonialLink a:active, a#mapLink:active, a#gallCaseStudyLink:active {text-decoration: none;color: #FACACB;}
#testimonialLink a:hover span, a#mapLink:hover, a#gallCaseStudyLink:hover  {text-decoration: none;color: #FFFFFF;background-image: url("/images/arrows/rightArrowWhite.png")}
#testimonialLink a:focus span, a#mapLink:focus, a#gallCaseStudyLink:focus {outline: none;color: #FFFFFF;background-image: url("/images/arrows/rightArrowWhite.png")}
/*#testimonialLink a:hover, #mapLink {background-image: url("/images/arrows/rightArrowWhite.png")}*/

a.controls span
{
  text-transform: uppercase;
}

/***************Styles overwritten by jsEnabled.css**********************/
#container.hiddenContent .activeContent .controls
{
  display: none;
}
#container.hiddenContent #secondaryControl
{
  display: none;
}
#container.aboutUs .activeContent .theContent
{
  padding-top: 270px;
}