/* sahome.css - style sheet for sebastian anthony/index */

  body {background-color: #FFFFFF; background-image: url(sabackgnd.jpg); background-position: 0% 0%; color: #AC7A5C; font-family: "verdana, helvetica, arial"; font-size: 18px;}


  dl {list-style: none; color: #999DAA; text-align: left;}


  .top {vertical-align: top}
  .bottom {vertical-align: bottom; padding: 10%;}

  a.aimage:link {color: #000000;}
  a.adropl:link {color: #AAAAAA; font-size: 100%; text-indent: 1%;}
  a.adropv:link {font-size: 80%;}
  a.adropv:hover {font-size: 90%;}
  a.adropv:visited {font-size: 80%;}
  a.abanner:link {color: #AC7A5C;}
  a.abanner:hover {color: #AC7A5C;}
  a.abanner:visited {color: #AC7A5C;}


  a:link     {color: #AC7A5C; text-decoration: none; font-size: 100%;}
  a:visited  {color: #AC7A5C; text-decoration: none;  font-size: 100%;}
  a:hover    {text-decoration: underline; font-size: 105%;}
  a:active   {background: transparent;}
  

/* All Pages Main Design */

  #divpage, #divpageinfo {position: absolute; top: 0%; left: 8%; width: 900px; background-color: #FFFFFF; border-style: none; border-width: 1px; border-color: #000000;}
  #divpage {height: 840px;}
  #divpageinfo {height: 1750px;}

  /* Top Banner */

  #divtop, #divtopinfo {position: absolute; z-index: 1; width: 100%; height: 12%; background-color: #E9EDFA; border-style: none; border-width: 1px; border-color: #000000; border-bottom-style: none;}
  #divtop {height: 12%;}
  #divtopinfo {height: 5.5%;}
  #divtoplogo {position: absolute; z-index: 1; left: 0%; top: 0%; height: 100%; width: 300px;}
  #divtopimg {position: absolute; z-index: 1; left: 300px; top: 0%; height: 100%; width: 320px;}

  #titlelinks{position: absolute; background-color: #E9EDFA; font-weight: normal; color: font-size: 100%; left: 90%; top: 29%; height: 20%; width: 8%}
 
 
 /*Left Page Category Banner */
  #indexlnk1, #indexlnk2, #indexlnk3, #indexlnk4, #indexlnk5, #indexlnk6 {position:absolute; width:80%; height:20px; z-index:1; left: 2%;}
  #indexlnk1 {top: 130px;}
  #indexlnk2 {top: 190px;}
  #indexlnk3 {top: 250px;}
  #indexlnk4 {top: 310px;}
  #indexlnk5 {top: 370px;}
  #indexlnk6 {top: 430px;}

  #divcats, #divcatinfo {position:absolute; width: 22%; background-color: #E9EDFA; border-width: 2px; border-left-style: solid; border-color: #EEEEEE;}
  #divcats {height: 90%; top: 10%;}
  #divcatinfo {height: 93%; top: 5%;}

  
  /* Main Area of All Pages */
  
  #divmainarea, #divmaininfo {position: absolute; left: 22%; width: 78%; background-color: #FFFFFF; border-style: none; border-color: #00FF00; border-width: 1px;}
  #divmainarea {top: 12%; height: 85%;}
  #divmaininfo {top: 5.5%; height: 86%;}
 
  
  #divfoot {position: absolute; top: 103%; left: 20%; color: #000000; text-align: center; font-style: normal; font-size: 50%;}
  

/* Home Page */ 

  #sahomeh1, #sahomeh2, #sahomeh3, #sahomeh4, #sahomeh5 {position: absolute; width:88%; z-index: 1; left: 8%; border-style: none; border-color: #FF0000; border-width: 1px;}
  #sahomeh1 {top: 18%; height:110px;}
  #sahomeh2 {top: 35%; height:120px;}
  #sahomeh3 {top: 55%; height:120px;}
  #sahomeh4 {top: 73%; height:100px;}
  #sahomeh5 {top: 88%; height:100px;}

  #sahomeimg1, #sahomeimg2, #sahomeimg3, #sahomeimg4, #sahomeimg5 {position: absolute; z-index: 1; border-style: none; border-color: #B5B5B5; border-width: 1px;}
  #sahomeimg1 {width: 125px; height: 100px; left: 77%; top: 8%;}
  #sahomeimg2 {width: 125px; height: 100px; left: 77%; top: 8%;}
  #sahomeimg3 {width: 100px; height: 86px; left: 79%; top: 8%;}
  #sahomeimg4 {width: 100px; height: 73px; left: 79%; top: 8%;}
  #sahomeimg5 {width: 100px; height: 53px; left: 79%; top: 15%;}



  #sahometxt1, #sahometxt2, #sahometxt3, #sahometxt4, #sahometxt5 {position: absolute; width: 70%; height: 100%; z-index:1; left: 0%; top: 15%; font-size: 95%;  color: #999DAA; border-style: none; border-color: #B5B5B5; border-width: 1px;}

  #sahomehd1, #sahomehd2, #sahomehd3, #sahomehd4, #sahomehd5 {position: absolute; width:58%; height:15%; z-index:1; left: 0%; top: 1%; font-size: 100%; font-weight: bold; color: #999DAA; border-style: none; border-color: #B5B5B5; border-width: 1px;}

  #h1home, #h1info {position: absolute; width: 90%;color: #999DAA; text-align: left; text-indent: 8%; font-style: normal; font-size: 160%; font-family: copperplate gothic light, verdana, helvetica, arial; font-weight: bold; border-style: none;}
  #h1home {top: 5%;}
  #h1info {top: 3%;}


 /* Services Pages */

  #saservtxt1, #saservtxt2, #saservtxt3, #sainfotxt1 {position:absolute; width: 63%; height: z-index:1; left: 8%; font-size: 95%; color: #999DAA; border-style: none; border-color: #B5B5B5; border-width: 1px;}
  #saservtxt1 {top: 17%; height: 20%; width: 63%;}
  #saservtxt2 {top: 40%; height: 20%; width: 63%;}
  #saservtxt3 {top: 66%; height: 20%; width: 63%;}
  #sainfotxt1 {top: 8%; height: 80%; width: 80%;}

  #satxttitle {color: #999DAA; font-weight: bold;}

  #saservimg1,  #saservimg1l, #saservimg2, #saservimg3, #saservimg4 {position:absolute; z-index:1; width:130px; height:100px; border-style: none; border-color: #B5B5B5; border-width: 1px;}

  #saservimg1 {top: 17%; left: 76%;}

  #saservimg1l {top: 17%; left: 78%;}


  #saservimg2 {top: 38%; left: 78%;}

  #saservimg3 {top: 58%; left: 80%;}

  #saservimg4 {top: 18%; left: 8%;}


 /* Contacts Page */

  #saconth1 {position:absolute; width:88%; height:50%; z-index:1; left: 8%; top: 20%; font-family: normal; border-style: none; border-color: #B5B5B5; border-width: 1px;}
 
  #saconthd1 {position:absolute; width:90%; height:70%; z-index:1; left: 0%; top: 3%; font-size: 100%; font-family: normal; font-weight: normal; color: #999DAA; border-style: none; border-color: #B5B5B5; border-width: 1px;}

  #sacontlink {position: absolute; top: 36%; left: 8%; font-weight: bold; font-size: 80%;}


/* rollover */
#nav, #nav ul { /* all lists */
        padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
        position: absolute; z-index: 2; height: 10%; width: 10%; left: 73%; top: 29%; font-size: 100%; background-color: #E9EDFA; font-weight: normal; color: #FFFFFF;}

#nav a {
	display: block;
	width: 10em;
}

#nav li { /* all list items */
	float: left;
	width: 8em;
}

#nav li ul { /* second-level list */
	position: absolute; left: -100%; height: 500%;
	background: #D9DDEA;
        border-style: none;
        Border-width: 2px;
	border-color: #FFFFFF;
        line-height: 1.5;
        color: #FFFFFF;
        width: 8em;
        text-indent: 8%;
	left: -999em; 
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: -2em; Top: 1em;
}