html {background: url(img/gray-gradient-1.png) repeat scroll 0% 0%}
body {max-width: 974px; background: url(img/keys-226-2.jpg) no-repeat scroll 0% 100%}


/* ============ modifications to YUI style ============== */
/* ------- I removed the following from YUI reset and base style sheets 
because they were playing havok with my lists:
reset-min
li{list-style:none;}
base-min
ul li{list-style:disc outside;} 

/* ======== backgrounds ============ */
		
h1{ margin: 0; padding: 3% 0 1% 0;  color: #4d76ff; font: normal small-caps bold 237% Verdana, Arial, Helvetica, sans-serif;}
h2{ margin: 1% auto; font-size: 168%; font: normal normal normal 168% Verdana, Arial, Helvetica, sans-serif;}

img  { margin: 0; padding: 0 }


#hd
	{
	margin: 0; 
	padding: 4% 2% 1% 4%;
	text-align: left;
	background: transparent url(img/sun-n-cloud.png) no-repeat fixed 50% 0%; 
	}

/* =============== font sizes and decorations ========== */

.x-large { font-size: x-large }
.bold { font-weight: bold }
.bolder { font-weight: bolder }

.underline { text-decoration: underline }

.red-underline { text-decoration: underline; color: #cc3300; }

/* ==================== position ============ */

.float-left  { float: left }

.float-right { float: right }

.key-1-position { position: fixed; left: 75%; top: 0%; z-index: 100;}

/* -------------------  new top horizontal nav -------------------- */

ul#top-nav-list
	{
	width: auto;
	margin: 0 auto;	
	padding: 8px 1px 34px 24%;
	text-align: center;
	list-style: none;
	background: url(img/menu-bar.png) no-repeat scroll top center;
	}

ul#top-nav-list li
	{
	float: left;
	width: 14%;
	display: block;
	margin: 0 1px;
	font: normal normal bold 14px Verdana, Arial, Helvetica, sans-serif;
	}

ul#top-nav-list li a
	{
	margin: 0 .5%;
	padding: .15em .15em .15em .15em;	
	display: block;
	color: #fcfbf3;
	text-decoration: none;
	background: transparent;
	}

ul#top-nav-list li a:visited 
	{
	margin: 0 .5%;
	color: #aa416d; 
	text-decoration: none; 
	}
	
ul#top-nav-list li.current a 
	{ 
	color: #c58b8b; 
	background: #eacd84;
	border: .15em inset #ffc617; 
	}	

ul#top-nav-list li a:hover 
	{ 
	color: #6699ff; 
	background: #aed8f7;
	border: .15em inset #bcc8de; 
	}

ul#top-nav-list li a:active 
	{ 
	color: blue; 
	background: #bbd3fb;
	border: .15em inset #bcc8de; 
	}	

/* ---------------------------- end of top horizontal nav ----------------- */

/* ======== Custom Headers ========== */

#emergency { margin: 0 auto; padding: 8% 0 2% 8%; color: #ff7c4d; background: url(img/trans1.png) repeat scroll 50% 0%; font: normal normal bold 200% Verdana, Arial, Helvetica, sans-serif;}

#call { margin: 0; padding: 3% 0 1% 0; font-size:237%; color: #4d76ff; }

/* --- custom paragraphs - top mid bottom single --- */

p.ptop 
  {
  margin: 2% 10% 0% 10%; 
  padding: 3% 15% 1% 15%;   
  text-align: left; 
  text-indent: .9em;
  background: url(img/opaque-blue-green-1-70.png) no-repeat scroll 50% 0%;
  font: normal normal normal 14px Verdana, Arial, Helvetica, sans-serif;    
  }

.ptop:first-letter 
  { 
  color: #ffc70f; 
  padding: 0em; 
  font-size: 180%; 
  }

p.pmid 
  {
  margin: 0% 10% 0% 10%; 
  padding: 1% 15% 1% 15%;   
  text-align: left; 
  text-indent: .9em;
  background: url(img/opaque-blue-green-1-70.png) no-repeat scroll 50% 50%;
  font: normal normal normal 14px Verdana, Arial, Helvetica, sans-serif;   
  }

.pmid:first-letter 
  {  
  padding: 0em;
  font-weight: 400; 
  font-size: 130%; 
  }
 
p.pbottom 
  {
  margin: 0% 10% 4% 10%; 
  padding: 1% 15% 4% 15%;  
  text-align: left; 
  text-indent: .9em;
  background: url(img/opaque-blue-green-1-70.png) no-repeat scroll 50% 100%;
  font: normal normal normal 14px Verdana, Arial, Helvetica, sans-serif;  
  }

.pbottom:first-letter 
  { 
  padding: 0em;
  font-weight: 400; 
  font-size: 120%; 
  }

p.psingle 
  {
  margin: 1% 6% 3% 6%; 
  padding: 2% 10% 5% 10%;   
  text-align: left; 
  text-indent: .9em;  
  border-bottom: 2px groove #76ff4d;
  background: url(img/opaque-blue-green-1-70.png) no-repeat scroll 50% 0%;
  font: normal normal normal 14px Verdana, Arial, Helvetica, sans-serif;    
  }

.psingle:first-letter 
  { 
  color: #ffc70f; 
  padding: 0em; 
  font-size: 180%; 
  }
	
/* ------------------------ end of custom p ------------ */


/* ------------------ services -------------*/	

ul#services-list 
	{
	width: auto;
	margin: 0 15% 0 15%; 
	padding: 2% 1% 1% 10%;  
	text-align: left;
	font: normal normal normal larger/1.15 Verdana, Arial, Helvetica, sans-serif; 
	list-style: disc outside url(img/k-9-9-07-164.gif);
	background: url(img/tan1-60.png) no-repeat scroll 50% 50%;
	}
	
ul.services-sub-1
	{
	margin: .2% 5% .2% 6%; 
	padding: .10% 0% .25% 0%; 
	text-align: left; 
	list-style: square outside none;
	}

/* ---------------- products ------------------- */

ul#products-list 
	{
	width: auto; 
	text-align: left; 
	list-style: disc outside none;
	margin: .75% 1% 0 5%; 
	padding: 2% 1% 1% 8%;
	font: normal normal bold larger/1.15 Verdana, Arial, Helvetica, sans-serif; 
	}

p.products
	{
	width: auto; 
	margin: 2% 4% 1% 10%; 
	padding: 6% 5% 5% 8%;  
	text-align: left; 
	text-indent: 1em;
	color: #000000;
	border-bottom: 5px dotted #006699;
	color: #000000; 
	font: normal normal bolder large/1.15 Arial, Helvetica, sans-serif;
	background: url(img/goldenrod-55.png) no-repeat scroll 0 0%;
	}

p.products:first-letter 
	{ 
	color: #000000;
	padding-right: 0em;
	font-size: 170%; 
	}
	
/* -------------------  footer nav -------------------- */

ul#footer-nav-list
	{
	width: auto;
	margin: 2% auto;
	padding: 0% .15% 1% .15%;	
	text-align: right;
	list-style: none;
	background: transparent;
	}

ul#footer-nav-list li
	{
	display: inline;
	margin: 0 .25%;
	font: normal normal bold 15px Verdana, Arial, Helvetica, sans-serif;
	}

ul#footer-nav-list li a
	{
	display: inline;
	color: #4d76ff;
	margin: 0 .5%;
	padding: .15em .15em .15em .15em;
	text-decoration: none;
	}

ul#footer-nav-list li a:visited 
	{
	margin: 0 .5%;
	color: #4dcfff; 
	text-decoration: none; 
	}

ul#footer-nav-list li a:hover 
	{ 
	color: #76ff4d;
	}
		
ul#footer-nav-list li a:active 
	{ 
	color: blue; 
	background: #bbd3fb;
	}	

/* ---------------------------- end of footer nav ----------------- */

#copyright { margin: .25% .5% 0% .5%; padding: .15% .5% 0% .5%; text-align: right; font-size: x-small; }


/*
color scheme

gold - ffd64b
darker gold - #FFD54D
even darker - #ffc70f
brown-gold - #d1a000
neon green (chartreuse) - #76ff4d
orange - #ff7c4d
rosey red - #FF4D76
dark blue - #0031d1
lighter dark blue - #0f47ff
baby-blue - #4dcfff
purple - #d54dff	
violet - #7C4DFF
lavendar-blue - 4d76ff
off-white - #fcfdfe

*/