a:visited, a:link {color:#AAB; outline:none; font-style:normal;}
a:hover {color:#FFF; font-style: underline;} /* mouseover link */
a:active {outline: none; color:#444444}  	/* selected  link */

.plain {
   font-style: normal;
}

p,
#ricardosaportaphotography p,
{
   font: bold 34px/40px Arial, Helvetica, sans-serif;
   margin: 0px;
   color: #FFFFFF;
   padding-bottom: 4px;
   text-align:right;
}


#ricardosaportaphotography p  {
   font-size: 34px;
   line-height: 30px;
}

#ricardosaportaphotography  {
   visibility: visible;
   position: relative;
   z-index: 4;
   align: center;
   left: -4.5%;
   top: 8.5%;
}

.fontdect{
	font-family: sans-serif;
	font-style: normal;
	font-variant: small-caps;
	font-weight: bold;
	line-height: 60%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: capitalize;
	text-align: right;
	text-indent: 0ex;
        color: white;
        opacity: 1;
}

.spacer {
   visibility: visible;
   position: absolute;
   top: 50%;
   z-index: 6;
   width: 50%;

   font: bold 43px/52px Arial, Helvetica, sans-serif;
   font-size: 20px;
   margin: 0px;
   padding-bottom: 34px;
   text-align: left;
   color: white;
}


.footer {
   visibility: visible;
   position: absolute;
   bottom: 2%;
   z-index: 6;
   width: 97%;
   border-bottom:thin double #FF4545;
   opacity:1;
}

.emailc { 
   visibility: visible;
   position: absolute;
   bottom: 2%;
   z-index: 6;
   width: 97%;

   font: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-color: #000;
   line-height: 16px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: right;
   color: #000;
   border-bottom:thin double #FF4545;
   opacity:1;
}

a.emailc:link, a.emailc:visited {color:#000; font-style:normal; opacity:0.25;}
a.emailc:hover {color:#000; font-style: underline; opacity:0.8;}
a.emailc:active {outline: none; color:#F70} 



#contact p {
 font: bold 43px/52px Arial, Helvetica, sans-serif;
  height: 80px; 
  width: 400px;
  align: left;
  background: red;
  margin: 1;
}


#menu_parent  {
   background: #transparent;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 44%;
   z-index: 4;
   width: 54%;
   height: 50px;
   position: absolute;
   opacity: 1;
   border-bottom:4px solid #000;
}

.menu_bg {
  opacity: 0.75;
  width: 100%;
  height: 100%;
  position: relative;
  background: #0A0A0A;
}

.menutext {
   visibility: visible;
   position: relative;
   top: 25%;
   bottom: 10px;
   z-index: 5;
   position: absolute;
   font-size: 20px;
   width: 100%;
   opacity: 1;
}

.blackngrow {
   font-size: 90%;
   color: #333333;
   font-style: normal;
   padding: 7px;
   vertical-align: center;
}


.blog {
   background: white;
   visibility: visible;
   position: absolute;
   left: 0.2%;
   top: 0%;
   width: 100%;
   height: 100%;
   z-index: 4;
   opacity: 1;
}

.blogbg {
   background: white;
   visibility: visible;
   position: absolute;
   left: 0.2%;
   top: 52.5%;
   width: 53.75%;
   height: 47%;
   z-index: 3;
   opacity: 0.50;
}


.fadeblog {
   background: black;
   visibility: visible;
   position: absolute;
   left: 0.2%;
   top: 52.5%;
   width: 53.75%;
   height: 38%;
   z-index: 2;
   opacity: 0.5;
}




#img.source-image {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


html, body  {
   width=100%
   height=100%
   padding: 0px;
   margin: 0px;
   background-color: #FFFFFF;

	font-family: sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: medium;
	line-height: 80%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: capitalize;
	text-align: right;
	text-indent: 0ex;
   margin: 0px;
   color: #FFFFFF;
   padding-bottom: 34px;
   text-align: left;

}


   /*     #######################  SPACER  ########################        */
   /*     #######  FROM:  http://css-tricks.com/perfect-full-page-background-image/  #########      */


img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 800px;

	/* Set up proportionate scaling */
	width: 100%;
	height: 100%;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 800px){
	img.bg {
		left: 50%;
		margin-left: -482px; }
}

div#content {
	/* This is the only important rule */
	/* We need our content to show up on top of the background */
	position: relative; 

	/* These have no effect on the functionality */
	width: 100%;
	margin: 0;
	background: #fff;
	padding: 0px;
	font-family: helvetica, arial, sans-serif;
	font-size: 10pt;
	line-height: 16pt;
}