/* Francios Photography
  Main Style Sheet by Mars @ A3 Design 
  http://a3online.com */

/* SWF Scalability directives */
/* hide from ie on mac \*/
html {
  height: 100%;
}
#flash_content {
  height: 100%;
}
body { 
  height: 100%;
}
/* end hide */

/* Style directives */                                                                                                                                  
body {
  margin: 0;
  padding: 0;
  color: black;
  background-color: white;
  font-family: "trebuchet ms", arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 100%;
  line-height: 125%;
}
body#page_home {
  color: white;
  background-color: #900;
  text-align: center;
}

div, form, h1, h2, h3, h4, h5, p, blockquote, address, ul, ol, li, dl, dt, dd {
  margin: 0;
  padding: 0;
}

img {
  border: none;
}
a img {
  border: none;
}

h1 {
  margin-top: 40px;
  padding-bottom: 0.4em;
  font-size: 1.6em;
  color: #a9a9a9;
}

.first_in_content {
  margin-top: 120px;
}

h2 {
  margin-top: 20px;
  padding: 0 0 0.8em 32px;
  font-size: 1.1em;
  color: #000;
}

p, ul, ol, dl, address {
  padding: 0 0 0.8em 32px;
}
ul, ol, dl {
  padding-left: 52px;
}
li {
  line-height: 115%;
  padding-bottom: 0.4em;
}
ul li
{
  list-style-image: url(images/little-bullet.gif);
}
em {
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: bold;
  color: #666;
}

table {
  margin: 0 0 0.8em 32px;
}

th {
  font-weight: bold;
  font-style: normal;
  vertical-align: bottom;
  padding: 2px 8px 2px 8px;
}

td {
  text-align: left;
  vertical-align: top;
  padding: 2px 8px 2px 8px;
  border-top: 1px solid #a9a9a9;
}

th.numeric {
  text-align: right;
}
td.numeric {
  text-align: right;
}

th.wide, td.wide {
}

label, .field_title {
  display: block;
  float:left;
  width: 128px;
  padding-right: 8px;
  text-align: right;
}
.field_title {
  color: #a9a9a9;
}


/* the inner SPAN of image-replaced elements get this class */
.inviz {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.access_prompt {
  position: absolute;
  left: -1000em;
  width: 20em;
}

/* to force parent containment of floated children, a last-sibling BR gets this class */
.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

/* CSS-only clearing of floated elements;
  use .clearfix on any box that has to contain a sizable float
  http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* used to float content */
.content_left {
  float: left;
  padding: 0 5px 5px 0;
}
.content_right {
  float: right;
  padding: 0 0 5px 5px;
}
.photo_left {
  float: left;
  padding: 16px 24px 16px 0;
}
.photo_right {
  float: right;
  padding: 16px 0 16px 24px;
}

.details, .detail {
  font-size: 0.8em;
}

.caption {
  font-weight: bold;
  font-size: 0.7em;
  line-height: 110%;
  padding-top: 0px;
  padding-bottom: 15px;
}

.legalese {
  font-size: 0.7em;
  padding-top: 50px;
  padding-left: 400px;
  margin-left: 0;
  line-height: 100%;
}

.meta {
  font-weight: bold;
  color: #999;
  font-style: normal;
  font-size: 0.8em;
}

.controls {
  text-align: right;
  padding: 8px;
  background-color: #ccc;
}


/* @group Columns */

.column1of1, .column1of2, .column2of2, .column1of3, .column2of3, .column3of3 {
  padding-top: 0.4em;
}

.column1of1 {
  width: 98%;
}

.column1of2, .column2of2 {
  width: 49%;
  float: left;
}

.column1of3, .column2of3, .column3of3 {
  width: 32%;
  float: left;
}

.double_column1of3, .double_column2of3 {
  width: 64%;
  float: left;
}

.column1of2, .column1of3, .column2of3, .double_column1of3 {
}

.column2of2, .column3of3, .double_column2of3 {
}

.undecorated {
  border: none;
}

/* @end */


/* @group Links */

:link:focus, 
:visited:focus { 
  font-weight: bold; 
}
:link { 
  color:  #900;
  font-weight: bold; 
  text-decoration: underline;
}
:visited { 
  color:  #900;
  font-weight: bold; 
  text-decoration: none; 
}
:link:hover, 
:visited:hover { 
  color: white;
  background-color: #900;
  text-decoration: none; 
}
:link:active, 
:visited:active { 
  text-decoration: none;
  color: #f60;
}

/* @end */


body#page_home #wrapper {
  position: relative;
  width: 800px;
  margin: 0 auto;
  padding-top: 48px;
}

#site_navi {
  position: absolute;
  top: 0; left: 0;
  width: 250px;
}
body#page_home #site_navi {
  position: absolute;
  top: 500px; left: 0;
  width: 100%;
  float: left;
  z-index: 1000;
}

#flash_content {
  margin: 0 32px 0 250px;
}
body#page_home #flash_content {
  margin: 0;
}

#slideshow {
  z-index: 1;
}

#content {
  margin: 0 0 0 250px; 
  width: 600px;
}

.first_in_content {
  margin-top: 120px;
}

.section {
  margin-bottom: 60px;
  clear: both;
}

#francois_logo {
  margin: 64px 0 0 32px;
}


#site_navi dl {
  margin: 16px 0 0 32px;
  padding: 0 16px 16px 0;
  background-image: url(images/navigation/stacked_shadows.gif);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
}
body#page_home #site_navi dl {
  margin: 0;
  padding: 12px;
  background-image: none;
}

#site_navi #navi_weddings,
#site_navi #navi_portraits,
#site_navi #navi_projects,
#site_navi #navi_bio,
#site_navi #navi_contact,
#site_navi #navi_home,
#site_navi #navi_weddings_weddings,
#site_navi #navi_weddings_albums,
#site_navi #navi_weddings_my_style {
  display: block;
}
body#page_home #site_navi dt {
  float: left;
  width: 102px; height: 102px;
}

body#page_home #site_navi #navi_view_an_event {
  position: absolute;
  top: 12px; right: 12px;
  width: 104px; height: 18px;
}

body#page_home #site_navi #navi_view_an_event a {
  background-image: url(images/navigation/view_an_event.gif);
  display: block;
  width: 104px; height: 18px;
  overflow: hidden;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
}

#site_navi #navi_weddings a,
#site_navi #navi_portraits a,
#site_navi #navi_projects a,
#site_navi #navi_bio a,
#site_navi #navi_contact a,
#site_navi #navi_home a {
  display: block;
  width: 100px; height: 26px;
  overflow: hidden;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
}
body#page_home #site_navi a {
  width: 100px; height: 102px;
}

#site_navi #navi_weddings a {
  background-image: url(images/navigation/stacked_weddings.gif);
}
#site_navi #navi_portraits a {
  background-image: url(images/navigation/stacked_portraits.gif);
}
#site_navi #navi_projects a {
  background-image: url(images/navigation/stacked_projects.gif);
}
#site_navi #navi_bio a {
  background-image: url(images/navigation/stacked_bio.gif);
}
#site_navi #navi_contact a {
  background-image: url(images/navigation/stacked_contact.gif);
}
#site_navi #navi_home a {
  background-image: url(images/navigation/stacked_home.gif);
}


#page_home #site_navi #navi_weddings a {
  background-image: url(images/navigation/polaroid_weddings.gif);
}
#page_home #site_navi #navi_portraits a {
  background-image: url(images/navigation/polaroid_portraits.gif);
}
#page_home #site_navi #navi_projects a {
  background-image: url(images/navigation/polaroid_projects.gif);
}
#page_home #site_navi #navi_bio a {
  background-image: url(images/navigation/polaroid_bio.gif);
}
#page_home #site_navi #navi_contact a {
  background-image: url(images/navigation/polaroid_contact.gif);
}


.section_weddings #site_navi #navi_weddings a {
  background-image: url(images/navigation/polaroid_weddings.gif);
  height: 102px;
}
#page_portraits #site_navi #navi_portraits a {
  background-image: url(images/navigation/polaroid_portraits.gif);
  height: 102px;
}
.section_projects #site_navi #navi_projects a {
  background-image: url(images/navigation/polaroid_projects.gif);
  height: 102px;
}
#page_bio #site_navi #navi_bio a {
  background-image: url(images/navigation/polaroid_bio.gif);
  height: 102px;
}
#page_contact #site_navi #navi_contact a {
  background-image: url(images/navigation/polaroid_contact.gif);
  height: 102px;
}


#site_navi .sub_navi {
  position: absolute;
  width: 100px;
  top: 184px; right: 0;
  background-image: none;
}

#site_navi #navi_weddings_favorites a,
#site_navi #navi_weddings_gallery a,
#site_navi #navi_weddings_bridal a,
#site_navi #navi_weddings_engagement a,
#site_navi #navi_weddings_thank_yous a,
#site_navi #navi_weddings_my_style a,
#site_navi #navi_weddings_pricing a,
#site_navi #navi_weddings_links a,
#site_navi #navi_weddings_albums a,
#site_navi #navi_projects_pi_images a,
#site_navi #navi_projects_pi_my_style a,
#site_navi #navi_projects_lbim_images a,
#site_navi #navi_projects_lbim_my_story a,
#site_navi #navi_projects_lbim_how_to_help a {
  display: block;
  width: 100px; height: 23px;
  overflow: hidden;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
}

#site_navi #navi_weddings_favorites a {
  background-image: url(images/navigation/subnav/favorites.gif);
}
#site_navi #navi_weddings_gallery a {
  background-image: url(images/navigation/subnav/gallery.gif);
}
#site_navi #navi_weddings_bridal a {
  background-image: url(images/navigation/subnav/bridal.gif);
}
#site_navi #navi_weddings_engagement a {
  background-image: url(images/navigation/subnav/engagement.gif);
}
#site_navi #navi_weddings_thank_yous a {
  background-image: url(images/navigation/subnav/thank_yous.gif);
}
#site_navi #navi_weddings_my_style a {
  background-image: url(images/navigation/subnav/my_style.gif);
}
#site_navi #navi_weddings_pricing a {
  background-image: url(images/navigation/subnav/pricing.gif);
}
#site_navi #navi_weddings_links a {
  background-image: url(images/navigation/subnav/links.gif);
}
#site_navi #navi_weddings_albums a {
  background-image: url(images/navigation/subnav/albums.gif);
}
#site_navi #navi_projects_pi_images a {
  background-image: url(images/navigation/subnav/pi_images.gif);
}
#site_navi #navi_projects_pi_my_style a {
  background-image: url(images/navigation/subnav/pi_my_style.gif);
}
#site_navi #navi_projects_lbim_images a {
  background-image: url(images/navigation/subnav/lbim_images.gif);
}
#site_navi #navi_projects_lbim_my_story a {
  background-image: url(images/navigation/subnav/lbim_my_story.gif);
}
#site_navi #navi_projects_lbim_how_to_help a {
  background-image: url(images/navigation/subnav/lbim_how_to_help.gif);
}

#page_weddings_favorites #site_navi #navi_weddings_favorites a {
  background-image: url(images/navigation/subnav/selected/favorites.gif);
}
#page_weddings_gallery #site_navi #navi_weddings_gallery a {
  background-image: url(images/navigation/subnav/selected/gallery.gif);
}
#page_weddings_bridal #navi_weddings_bridal a {
  background-image: url(images/navigation/subnav/selected/bridal.gif);
}
#page_weddings_engagement #site_navi #navi_weddings_engagement a {
  background-image: url(images/navigation/subnav/selected/engagement.gif);
}
#page_weddings_thank_yous #site_navi #navi_weddings_thank_yous a {
  background-image: url(images/navigation/subnav/selected/thank_yous.gif);
}
#page_weddings_my_style #site_navi #navi_weddings_my_style a {
  background-image: url(images/navigation/subnav/selected/my_style.gif);
}
#page_weddings_pricing #site_navi #navi_weddings_pricing a {
  background-image: url(images/navigation/subnav/selected/pricing.gif);
}
#page_weddings_links #site_navi #navi_weddings_links a {
  background-image: url(images/navigation/subnav/selected/links.gif);
}
#page_weddings_albums #site_navi #navi_weddings_albums a {
  background-image: url(images/navigation/subnav/selected/albums.gif);
}
#page_projects_pi_images #site_navi #navi_projects_pi_images a {
  background-image: url(images/navigation/subnav/selected/pi_images.gif);
}
#page_projects_pi_my_style #site_navi #navi_projects_pi_my_style a {
  background-image: url(images/navigation/subnav/selected/pi_my_style.gif);
}
#page_projects_lbim_images #site_navi #navi_projects_lbim_images a {
  background-image: url(images/navigation/subnav/selected/lbim_images.gif);
}
#page_projects_lbim_my_story #site_navi #navi_projects_pi_lbim_my_story a {
  background-image: url(images/navigation/subnav/selected/lbim_my_story.gif);
}
#page_projects_lbim_how_to_help #site_navi #navi_projects_lbim_how_to_help a {
  background-image: url(images/navigation/subnav/selected/lbim_how_to_help.gif);
}


#view_event_link {
  position: absolute;
  top: 64px; right: 32px;
  width: 180px; height: 65px;
}


.link_list {
  padding-left: 32px;
}
.link_list dt {
  padding-top: 0.2em;
}
.link_list dd {
  font-size: 0.8em;
  color: #666;
}

#page_weddings_links h2 {
  margin-top: 32px;
  padding-top: 76px;
  padding-left: 102px;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 32px 0px;
  background-color: transparent;
}

#links_Florists {
  background-image: url(images/links/Florist.jpg);
}
#links_Planners {
  background-image: url(images/links/Planning.jpg);
}
#links_Venues {
  background-image: url(images/links/Venue.jpg);
}
#links_Transportation {
  background-image: url(images/links/Transportation.jpg);
}
#links_Video {
  background-image: url(images/links/Videography.jpg);
}
#links_Invitations {
  background-image: url(images/links/Invitation.jpg);
}
#links_Music {
  background-image: url(images/links/Music.jpg);
}
#links_Makeup {
  background-image: url(images/links/Makeup.jpg);
}
#links_Catering {
  background-image: url(images/links/Catering.jpg);
}
#links_DressPressing {
  background-image: url(images/links/DressPressing.jpg);
}
#links_Cakes {
  background-image: url(images/links/Cake.jpg);
}


div.thank_you {
  margin-top: 32px;
  padding-left: 250px;
  padding-bottom: 64px;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 32px 0px;
  background-color: transparent;
}

#thank_you_adams {
  background-image: url(images/thank_yous/Kelly-Adams.jpg);
}
#thank_you_sheila {
  background-image: url(images/thank_yous/Webber.jpg);
}
#thank_you_markandtina {
  background-image: url(images/thank_yous/Tina&Mark.jpg);
}
#thank_you_lizandjavier {
  background-image: url(images/thank_yous/Tellez.jpg);
}


div.project {
  height: 250px;
  padding-left: 296px;
  margin-bottom: 32px;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 32px 0;
  background-color: transparent;
}

div.project h1.first_in_content {
  margin-top: 0;
}

#project_lbim {
  background-image: url(images/projects/lbim.jpg);
}
#project_impressionistic {
  background-image: url(images/projects/impressionistic.jpg);
}

#project-body-art {
  background-image: url(images/projects/bodyart.jpg);
}


#page_weddings_private_pricing p,
#page_weddings_private_pricing li,
#page_weddings_private_pricing td,
#page_weddings_private_pricing th {
  font-size: 0.8em;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
}

.sIFR-replaced {
  visibility: visible !important;
}

span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
  visibility: hidden;
  line-height: 38px;
  font-size: 34px;
  padding: 0;
}

.home_nav {color: #FFFFFF;}
.home_nav:hover {color: #FFFFFF; text-decoration:underline;}