@charset "utf-8";
/* datarecoverytime.com - Styles Layout (global rules for all sizes)*/

body { 
	color:;    /* font */
	line-height: ;
	font-family: Arial;
	font-size: 22px;
	background-color: ;
 /*    background: #0066cc url(../images/background-gradient.png) repeat-x 0px 0px; /* background (purple) color peeps through (green) gradient. */

}

.page {
	max-width: 1920px;
	margin: auto;
	position: relative;
	background-color: #;
	padding: 0px 0px 0px 0px;

}

h1 { text-align: center;	font-size: 36px; font-weight: bold; line-height: ; background-color: #; color: #; margin: 0px; padding: 0 0 12px 0;}
h2 { text-align: ; 		 	font-size: 36px; font-weight: bold; line-height: ; background-color: #; color: #; margin: 0; padding: 0 0 0 0 }
h3 { text-align: ; 		 	font-size: 32px; font-weight: bold;	background-color: #; color: #; margin: 0; padding: 0 0 0 0 }
h4 { text-align: ; 			font-size: 28px; font-weight: ; margin: 0em; padding: 0px; color: #; background-color: #; }
h5 { text-align: ; 			font-size: 24px; font-weight: bolb; margin: 0em; padding: 0px; color: #; background-color: #; }
h6 { text-align: ; 			font-size: 21px; font-weight: bold; margin: 0em; padding: 0px; color: #; background-color: #; }
h7 { text-align: ; 			font-size: 18px; font-weight: bold; margin: 0em; padding: 0px; color: #; background-color: #; }

hr { color: #;}
em { font-size: 22	px; font-weight: ; color: #; }
p { font-size: 18px; font-weight: ; margin: 0em 0em 0em 0em; color: #; }
a { font-weight: bold; color: #; text-decoration: none; }
a:hover { color: #009eff; }

footer { font-size: .85em; color: #999999; background-color: #ccccff; padding: 0px 10px 0px 10px;}


/* @1:10:00 Lynda.com | Creating a Responsive Web Design*/
/* Bottom of page is forced to accomplish this made-up class "clear-fix" below the fixed obects in between.
Getting page ccontainer to clear floats by creating a class that needs attention below the floats.
*/
.clear-fix { clear: both; line-height: 1px; }

.body-text { padding: 0px 10px 0px 10px; margin: 0 0px 0 0}

.menu-text { padding: 10px; }

.print { display: none; }


a.cta { 
	text-transform: uppercase;
	font-size: 1.00em;
	font-weight: bold;
	color: #;
	text-decoration: none;
	margin: .5em 0 0 0;
	padding: 0px 19px 0px 0px;
	background:  url(../images/arrow-cta.png) no-repeat right 2px; /* url image adjust y coordinate to line up arrow with text */ 	
 }

a.cta:hover { background-position: right -48px; } /* arrow-cta-hover looked a little low */
 
.promo h6 { font-size: 1.1em; margin: 0;}
.promo p { line-height: 1.2em; font-size: 1.0em; margin-bottom: .5em; }
.promo { background-repeat: no-repeat; background-size: 65px 65px; background-color: none; }
.promo.one { margin: 0px; background-image: none; title="HDD"; }
.promo.two { margin: 0px; background-image: none; title="SSD"; }
.promo.three { background-image: none; title=""; }

.promo1c.one { background-image: none; title=""; }

.img.a { vertical-align: baseline; }

.style1 {
	color: #339966;
	font-style: arial;
	font-weight: bold;
	font-size: 27px;
}
 
.style2 {
	font-size: 20px;
	font-style: italic;
}

.style3 {
	font-size: em;
	font-style: italic;
	font-weight: bold;
}

.style4 {
	font-size: em;
	font-style: italic;
	font-weight: bold;
	color: #ff0000;
}

.style5 {
	font-size: 1.0em;
	font-style: italic;
	font-weight: ;
	color: #ff0000;
}

.style6 {
	font-size: em;
	font-weight: bold;
}

.style7 {
	font-size: 18px;
	font-style: italic;
}

.formtext {
	font-size: 1.5em;
}

/* Global nav settings */
nav a {
/* I don't know where background-color goes, so I made it RED in case it sh0ws up, but the "color" works just fine. */
	background-color:#ff000;
/* Keep it #141e27 */	
	color: #141e27;
	text-decoration: none;
	display: inline-block;
	font-weight: normal;
/* This one works fine! */	
	font-size: 18px;
}

/* Looks good! */	
nav a:hover { color: #C5B8FA; }

ul a { color:; text-decoration: none; }

ul { color: ; }


/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 25%; /* 25% from the top */
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: 
  #00ff00
  
  <!--#f1f1f1-->
;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}


/* Replacing the promo with CSS media queries	1:39 */
/* Now add background-size: 60px 60px to .promo to control promo image size, see video) */
@media
	Only screen and (-webkit-min-device-pixel-ratio: 2),
	Only screen and (min--moz-device-pixel-ratio: 2),
	Only screen and (-o-min-device-pixel-ratio: 2/1),
	Only screen and (min-device-pixel-ratio: 2),
	Only screen and (min-resolution: 192dpi),
	Only screen and (min-resolution: 2dppx)
{
.promo.one { background-image: ; }
.promo.two { background-image: ; }
.promo.three { background-image: ; }
 }