@charset "utf-8";
/* CSS Document */



/* some settings for the body */
body{   
    margin:0 auto; 
	padding: 0;
    background:#bfb6b1;}

/* main container */	
.wrapper {
    max-width: 2355px;
    width: 100%;
    margin:0;
	border:0;
	padding:0;
	background:#E9E7E7;
	text-align:center;
	position: relative:
}


img {
    /* image stretches to 100% of its container */

    width: 100%;

    /* image will stretch 100% of its container until it
    reaches 100% of the width of the image file itself */
    max-width: 100%;
}

/* class container for left picture Weddings (light)*/
.columnLeft {
  width: 50%;
  position: absolute;
  left: 0px;  

  margin: 0;
  border: 0;
  padding:0;
  display: inline-block;
}

/* class container for the right picture New Borns (dark)*/
.columnRight {
 width: 50%;
 position: absolute;
 right: 0px; 

  margin: 0;
  border: 0;
  padding:0;
  display: inline-block;
  
}
@media only screen and (max-width: 500px) {
    [class*="Weddings"] {
          line-height:2;
 		  font-size: 16px;
		  letter-spacing: 3px;
		  top:15%;
    }
}

/* class container for Text hold of Weddings */
.Weddings {
  float: left;
  position:absolute;
  width:25%;
  left:25%;
  top:45%;
  padding:5px;
  line-height:4;
  font-size: 36px;
  letter-spacing: 5px;
  font-family:"lucicda fax";
  background:#bfb6b1; /* black bacground */
  
  /* text effects */  
    -webkit-transition: text-shadow 0.2s linear;
    -moz-transition: text-shadow 0.2s linear;
    -ms-transition: text-shadow 0.2s linear;
    -o-transition: text-shadow 0.2s linear;
    transition: text-shadow 0.2s linear; 

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";       /* IE 8 */
filter: alpha(opacity=85);  /* IE 5-7 */
-moz-opacity: 0.85;          /* Netscape */
-khtml-opacity: 0.85;        /* Safari 1.x */
opacity: 0.85;               /* Good browsers */
	
}

/* class container for Text hold of NewBorns */
.NewBorns { 
  float: left;
  position:absolute;
  width:25%;
  left:50%;
  top:45%;
  padding:5px;
  line-height:4;
  font-size: 36px;
  letter-spacing: 5px;
  font-family:"Lucida Fax";
  background:#bfb6b1; /* white background */
  /* text effects */  
    -webkit-transition: text-shadow 0.2s linear;
    -moz-transition: text-shadow 0.2s linear;
    -ms-transition: text-shadow 0.2s linear;
    -o-transition: text-shadow 0.2s linear;
    transition: text-shadow 0.2s linear;
	
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";       /* IE 8 */
filter: alpha(opacity=85);  /* IE 5-7 */
-moz-opacity: 0.85;          /* Netscape */
-khtml-opacity: 0.85;        /* Safari 1.x */
opacity: 0.85;               /* Good browsers */

}


/* lest apply some effect on mouse over */
.NewBorns:hover {
    text-shadow: 0 0 20px #E1E1E1; /* replace with whatever color you want */
}

.Weddings:hover {
    text-shadow: 0 0 20px #E1E1E1; /* replace with whatever color you want */
}

/* remove the crippy a link decorations */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

a.white:link {color:#ffffff;}
a.white:visited {color:#ffffff;}
a.white:hover {color:#ffffff;}
a.white.active{color:#FFFFFF;}

a.black:link {color:#ffffff;}
a.black:visited {color:#ffffff;}
a.black:hover {color:#ffffff;}
a.black.active{color:#ffffff;}