/* stylesheet.css */


/* Color Pallate
     Light Grey - Text  #adadad
     Super Light Grey - #d7d7d7
     Dark Grey - Background  #3c3c3c
     Light Yellow - #ecf292
*/


/* Lightbox Settings */

#lightbox{
	position: absolute;	top: 20px;
 left: 0;
 width: 100%;
 z-index: 100; text-align: center;
	line-height: 0;
	color:#151410;
	}


#lightbox a, 
#lightbox a:hover {
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}


#lightbox a img{ border: none; }



#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}


#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}


#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url("images/loading.gif") center center no-repeat;
	text-indent:-9999px;
}

#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLinkImg, #nextLinkImg{
	width: 49%;
	height: 100%;
	background: transparent url("images/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
	text-indent:-9999px;
	}

#prevLinkImg { left: 0; float: left;}

#nextLinkImg { right: 0; float: right;}

#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url("images/prevlabel.gif") left 15% no-repeat; }

#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url("images/nextlabel.gif") right 15% no-repeat; }



#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}



#imageData{
	padding:0 10px;
 color= #666;	}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}
#numberDisplay{ display: block; clear: left; }			


#detailsNav{ display: block; clear: left; padding:0 0 10px 0;	}	
#prevLinkDetails { margin:0 8px 0 0; }		

#nextLinkDetails { margin:0 8px 0 0; }		
#closeLink {
	display:block;
	margin:0;
	padding:0 0 10px 0;
	text-decoration:none;
	float:right;
	width:66px;
	height:28px;
	background:url("images/closelabel.gif") no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}	
		

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #151410;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

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

/* End Lightbox Settings */




/* Global Settings */

     * {
          margin: 0;
          padding: 0;
     }


       body {
            background-color: #000000;
            font-size: 9.5pt;
            font-family: Georgia, Geneva, Tahoma, sans-serif;
            color:  #adadad;
            text-align: center;
            line-height: 1.7em;
            letter-spacing: .1em;       
       }
       
     a {
          text-decoration: none;
          color: #adadad;
     }

     a:active {
          outline: none;
     }
     
     a:focus {
          -moz-outline-style: none;

     }

       
/* Content Sections */
     #wrapper {
          width: 950px;
          height: 400px;
          border: solid 0px pink;
          margin: 0 auto;
          text-align: left;
     }
     
     #header {
          position: relative;
          border: solid 0px pink;
          margin-top: 20px;        
	  margin-left: 130px;
     }
     
     h1.header{
          background-image: url("images/header5.gif");
          background-repeat: no-repeat;
          width: 700px;
          height: 80px;
	  text-indent: -9000px;
     }


    
     #footer {
          clear: both;
          border: solid 0px pink;
          padding: 15px;
          font-size: 11px;
          letter-spacing: .1em;
          
     }
     #footer img {
          height: 1px;
          width: 900px;
	  float: right;
          border: 0;
     }
     #footer p {
          padding-right: 20px;
          margin-top: -5px;
	  text-align: right;
     }
     
     
     #sidebar {
          width: 200px;
          float: left;
          border: solid 0px pink;
          padding-top: 2em;
     }
     
     #content_sidebar {
          width: 150px;
          float: right;
          border: solid 0px pink;
          padding-top: 4em;
     }
     
     #content {
          border: solid 0px pink;
          width: 700px;
          float: left;
          padding-top: 1.5em;
     }
     
     #content p {
          text-indent: 2em;
          margin-left: 50px;
     }
     #content li {
          margin-left: 75px;
     }
     
/* Menu */
     ul.menu_main {
          list-style: none;
	  font-variant: small-caps;
	  margin-left: 5px;
	  margin-right: 20px;
          text-align: right;
          text-decoration: none;
	       }
     
     .menu {
          line-height: 55px;
	  color: #ecf292;
     }

     :hover.menu {
          color: #ecf292;
          font-weight: bold;
     }
     
     :active.menu {
          outline: none;
     }
     
     ul.menu2 {
	  list-style: none;
	  font-variant: small-caps;
	  margin-left: 10px;
	  margin-top: 15px;
     }
     .submenu {
	  line-height: 10px;
     }

     a.menu2 {
	  text-decoration: none;
	  color: #adadad;
     }

     a:focus {
          -moz-outline-style: none;
     }
     
     a.submenu {
          text-decoration: none;
          padding-left: 1.5em;
          font-size: .9em;
          color: #ecf292;
     }
     
     a:hover.submenu {
          font-weight: bold;
     }
     
     a:active.submenu {
          outline: none;
     }
     
     a:subfocus {
          -moz-outline-style: none;
     }
     

/* Index - Splash Page */

     #splash {
          border: solid 0px pink;
          width: 500px
	  
	  padding-top: 20px;
          margin-right: 20px;
     }

     img.splash {
          float: center;
          border: solid;
          border-width: 0px;
          color: #adadad;
          padding: 5px;
          width: 500px;
	  margin: 0 auto;
     }
          

/* About Us Section */

     img.mark { /*Mark*/
          float: right;
          border: solid;
          border-width: 1px;
          color: #adadad;
          padding: 5px;
          margin: 20px;
          margin-top: 10px;
          margin-right: 15px;
     }
     h2.about {
          background-image: url("images/about.gif");
          background-repeat: no-repeat;
          width: 220px;
          height: 40px;
          text-indent: -9000px;
     }
     h2.mark {
	  background-image: url("images/markheader.gif");
	  background-repeat: no-repeat;
	  height: 40px;
	  text-indent: -9000px;
     }
     
     
/* Portfolio Section */

     h2.wedding_port {
          background-image: url("images/wedding_port.gif");
          background-repeat: no-repeat;
          width: 350px;
          height: 46px;
          text-indent: -9000px;     
     }

     h2.Pet_port {
          background-image: url("images/pet_port.gif");
          background-repeat: no-repeat;
          width: 350px;
          height: 46px;
          text-indent: -9000px;     
     }
     
     h2.Commitment {
          background-image: url("images/commitment.gif");
          background-repeat: no-repeat;
          width: 350px;
          height: 46px;
          text-indent: -9000px;     
     }

     h2.family {
          background-image: url("images/family.gif");
          background-repeat: no-repeat;
          width: 350px;
          height: 46px;
          text-indent: -9000px;     
     }

     h2.galleries {
          background-image: url("images/galleries.gif");
          background-repeat: no-repeat;
          width: 350px;
          height: 46px;
          text-indent: -9000px;     
     }

     
     table.thumbs {
          border-collapse: collapse;
          float: left;
          margin-top: -5px;
          margin-left: 40px;
     }
     td.thumbs {
          padding: 10px;
     }
     
     img.thumbs {
          width: 100px;
	  height: 80px;
          border: solid 1px #adadad;
          padding: 5px;
     }
     img.port {
          float: center;
	  width: 400px;
	  height: 72px;
          border: solid;
          border-width: 0px;
          color: #adadad;
          padding: 5px;
	  margin: 0 auto;
     }
     img.port2 {
          float: center;
          border: solid;
          border-width: 1px;
          color: #adadad;
          padding: 5px;
	  margin: 0 auto;
     }
     img.port3 {
          float: center;
          border: solid;
          border-width: 1px;
          color: #adadad;
          padding: 5px;
	  margin: 0 auto;
     }
     img.port4 {
          float: center;
	  width: 400px;
	  height: 100px;
          border: solid;
          border-width: 0px;
          color: #adadad;
          padding: 5px;
	  margin: 0 auto;
     }
     
     
/* Wedding Packages Section*/

     h2.basic {
          background-image: url("images/basic.gif");
          background-repeat: no-repeat;
          width: 350px;
          height: 46px;
          text-indent: -9000px;     
     }
     h2.disc {
	  background-image: url("images/disc.gif");
          background-repeat: no-repeat;
          width: 350px;
          height: 46px;
          text-indent: -9000px;     
     }

     h2.custom {
          background-image: url("images/custom.gif");
          background-repeat: no-repeat;
          width: 350px;
          height: 46px;
          text-indent: -9000px;     
     }
     h2.essential {
          background-image: url("images/essential.gif");
          background-repeat: no-repeat;
          width: 350px;
          height: 46px;
          text-indent: -9000px;     
     }
     h2.standard {
          background-image: url("images/standard.gif");
          background-repeat: no-repeat;
          width: 350px;
          height: 46px;
          text-indent: -9000px;     
     }
     h2.deluxe {
          background-image: url("images/deluxe.gif");
          background-repeat: no-repeat;
          width: 350px;
          height: 46px;
          text-indent: -9000px;     
     }     
     h2.premium {
          background-image: url("images/premium.gif");
          background-repeat: no-repeat;
          width: 350px;
          height: 46px;
          text-indent: -9000px;     
     }
     h2.alacarte {
          background-image: url("images/alacarte.gif");
          background-repeat: no-repeat;
          width: 350px;
          height: 46px;
          text-indent: -9000px;     
     }
     h2.addtime {
          background-image: url("images/addtime.gif");
          background-repeat: no-repeat;
          width: 350px;
          height: 46px;
          text-indent: -9000px;     
     }
     h2.prints {
          background-image: url("images/prints.gif");
          background-repeat: no-repeat;
          width: 350px;
          height: 46px;
          text-indent: -9000px;     
     }
     h2.albums {
	  background-image: url("images/albums.gif");
          background-repeat: no-repeat;
          width: 350px;
          height: 46px;
          text-indent: -9000px;     
     }
      
     p.price {
          color: #ecf292;
	  font size: 11pt;
          padding-left: 0px;
          font-style: italic;
     }
     img.epoca { /*Album Epoca*/
	  float: right;
          border: solid;
          border-width: 0px;
          color: #adadad;
          padding: 5px;
          margin: 20px;
          margin-top: 10px;
          margin-right: 15px;
     }
     img.epoca2 { /*Album Epoca*/
          border: solid;
          border-width: 1px;
          color: #adadad;
          padding: 5px;
          margin: 20px;
          margin-top: 10px;
          margin-right: 15px;
     }
 

/* Corporate Section */

     h2.corp {
          background-image: url("images/corp.gif");
          background-repeat: no-repeat;
          width: 450px;
          height: 46px;
          text-indent: -9000px;     
     }
     img.vaco { /*Professional Headshot*/
	  float: right;
          border: solid;
          border-width: 1px;
          color: #adadad;
          padding: 5px;
          margin: 20px;
          margin-top: 10px;
          margin-right: 15px;
     }
     img.psg { /*PSG Candid*/
          float: left;
          border: solid;
          border-width: 1px;
          color: #adadad;
          padding: 5px;
          margin: 10px;
          margin-top: 10px;
          margin-right: 15px;
     }
     img.mag { /*MAG Group*/
	  float: center;
	  border: solid;
	  border-width: 1px;
          color: #adadad;
          padding: 5px;
          margin: 20px;
          margin-top: 10px;
          margin-right: 15px;
     }
     h2.events {
          background-image: url("images/events.gif");
          background-repeat: no-repeat;
          width: 450px;
          height: 46px;
          text-indent: -9000px;     
     }
     

/* Lessons Section */

     h2.lessons {
          background-image: url("images/lessons.gif");
          background-repeat: no-repeat;
          width: 350px;
          height: 46px;
          text-indent: -9000px;     
     }

     img.dial { /*Settings Dial*/
          float: right;
          border: solid;
          border-width: 1px;
          color: #adadad;
          padding: 5px;
          margin: 20px;
          margin-top: 10px;
          margin-right: 15px;
     }

/* Contact Section */
     #contact {
          width: 300px;
     }
     .name {
          font-weight: bold;
     }
     
     #contact h2{
          background-image: url("images/contact.gif");
          background-repeat: no-repeat;
          width: 350px;
          height: 40px;
          text-indent: -9000px;
          margin-bottom: 10px;
     }
     
     #emailform table {
          padding-left: 20px;
     }
     
     #emailform td {
          vertical-align: top;
          padding: 10px;
          font-size: 10pt;
          color: #ecf292;
          font-style: italic;          
     }
     
     #thankyou {
          font-style: italic;
          color: #ecf292;
          font-size: 10pt;
     }
     
     #thankyou h2 {
          font-size: 11pt;
          font-style: normal;
          font-weight: bold;
          color: #ecf292;
          padding-left: 20px;
     }
     
/* Family Section */

     #family {
          text-align: left;
     }

     h2.family {
          background-image: url("images/family.gif");
          background-repeat: no-repeat;
          width: 350px;
          height: 46px;
          text-indent: -9000px;   
     }

     h2.pets {
	  background-image: url("images/petheader.gif");
          background-repeat: no-repeat;
          width: 450px;
          height: 46px;
          text-indent: -9000px;   
     }

     img.audrey { /*Audrey*/
	  float: right;
          border: solid;
          border-width: 1px;
          color: #adadad;
          padding: 5px;
          margin: 20px;
          margin-top: 10px;
          margin-right: 15px;
     }
     img.kaman { /*Kamans*/
	  float: left;
          border: solid;
          border-width: 1px;
          color: #adadad;
          padding: 5px;
          margin: 20px;
          margin-top: 10px;
          margin-right: 15px;
     }
     img.erikka { /*Erikka*/
	  float: right;
          border: solid;
          border-width: 1px;
          color: #adadad;
          padding: 5px;
          margin: 20px;
          margin-top: 10px;
          margin-right: 15px;
     }
     h2.maternity {
          background-image: url("images/maternity.gif");
          background-repeat: no-repeat;
          width: 450px;
          height: 46px;
          text-indent: -9000px;   
     }
     h2.baby {
          background-image: url("images/babyheader.gif");
          background-repeat: no-repeat;
          width: 450px;
          height: 46px;
          text-indent: -9000px;   
     }


/* Headshots Section */

     #headshots {
	  text-align: left;
     }

     h2.headshots {
	  background-image: url("images/headshots.gif");
	  background-repeat: no-repeat;
	  width: 350px;
	  height: 46px;
	  text-indent: -9000px;
     }
     img.rebekah { /*Rebekah*/
	  float: right;
          border: solid;
          border-width: 1px;
          color: #adadad;
          padding: 5px;
          margin: 10px;
          margin-top: 5px;
          margin-right: 10px;
     }
     img.rebekah2 { /*Rebekah2*/
	  float: left;
	  border: solid;
	  border-width: 1px;
	  color: #adadad;
	  padding: 5px;
	  margin: 10px;
	  margin-top: 5px;
	  margin-right: 10px;
     }
     
/* Client Login Section */

     #login {
          text-align: left;
     }

     h2.client {
          background-image: url("images/client.gif");
          background-repeat: no-repeat;
          width: 350px;
          height: 46px;
          text-indent: -9000px;   
     }
     p.client {
          font-size: 10px;          
     }

/* Gift Certificates Section */

     h2.gc {
          background-image: url("images/gc.gif");
          background-repeat: no-repeat;
          width: 450px;
          height: 46px;
          text-indent: -9000px;   
     }

/* FAQ Section */


     h2.faq {
          background-image: url("images/faq.gif");
          background-repeat: no-repeat;
          width: 450px;
          height: 46px;
          text-indent: -9000px;   
     }
     ul.faq {
          font-size: 10pt;
     }
     
     li.faq_q {
          font-weight: bold;
          font-variant: small-caps;
	  
     }
     
     li.faq_a {
          list-style: none;
          padding-left: 35px;
	  font-style: italic;
          margin-bottom: 40px;
     }

/* Testimonials Section */

     h2.test {
	  background-image: url("images/test.gif");
          background-repeat: no-repeat;
          width: 450px;
          height: 46px;
          text-indent: -9000px;   
     }
     ul.test {
	  font-size: 10pt;
	  font-weight: bold;
     }

     li.test {
          font-weight: bold;
          list-style: none;

     }
     img.beth { /*Beth*/
	  float: right;
          border: solid;
          border-width: 1px;
          color: #adadad;
          padding: 5px;
          margin: 20px;
          margin-top: 10px;
          margin-right: 15px;
     }
     img.keri { /*Keri*/
	  float: left;
          border: solid;
          border-width: 1px;
          color: #adadad;
          padding: 5px;
          margin: 20px;
          margin-top: 10px;
          margin-right: 15px;
     }
     img.andrenise { /*Andrenise*/
	  float: right;
          border: solid;
          border-width: 1px;
          color: #adadad;
          padding: 5px;
          margin: 20px;
          margin-top: 10px;
          margin-right: 15px;
     }
     img.nat { /*Natalie*/
	  float: left;
          border: solid;
          border-width: 1px;
          color: #adadad;
          padding: 5px;
          margin: 20px;
          margin-top: 10px;
          margin-right: 15px;
     }
     img.mel { /*Melanie*/
	  float: right;
          border: solid;
          border-width: 1px;
          color: #adadad;
          padding: 5px;
          margin: 20px;
          margin-top: 10px;
          margin-right: 15px;
     }

/* Client Resources Section */

     h2.clients {
	  background-image: url("images/clients.gif");
          background-repeat: no-repeat;
          width: 450px;
          height: 46px;
          text-indent: -9000px;   
     }