                                                                                                        /*            S T Y L E S   S H E E T           */
/*    FOR ANDREAS ASSOCIATES, LLC WEB PAGE      */

/* *********************   All PAGES  **************************  */	

html {
	background: url(../img/html-bg.png) repeat; /*  beige pinstripe */
	margin: 0px;
	padding: 0px;
}

body {
	background: url(../img/body-bg.png) repeat-x; /* dark burgundy #5f3743 */
	margin: 0px;
	padding: 0px;
}

div#wrapper {
	background: #FFF; 
	/*background: url(../img/texture01.png) repeat;*/
	margin: 0px auto 0px auto;  /*   0px 0px 0px 0px; */
	padding: 0px 0px 0px 0px;
	border-width: 3px;
	border-color: #562E44;   /* #562E44; Dark burgandy to match backdrop, #762124; Orig dark red */
	border-style:double;  /*  solid;  */
	width: 786px;                     /* Change later to 792px */
	}

div#topbanner {
	background: url(../img/topbanner.jpg) no-repeat;
/*	background: url(../imgdraft/TopBanner15.png) no-repeat;*/
	overflow: hidden;
	cursor: pointer;
	height: 147px;  
   }

div#topbannersm {
	background: url(../img/topbannersm.jpg) no-repeat;
/*	height: 120px;*/  
	height: 147px;  
   }

div#topbanner h1, div#topbannersm h1	{
	padding: 20px 0px 0px 20px;
	overflow: hidden; 	/* overflow: hidden; */
	font-size: 1.75em;
	height: 0px !important; /* for most browsers */
	height /**/: 150px; /* for pre 6.0 IE Win */
	}

div#topbanner h2, div#topbannersm h2	{
	border: 0;
	padding: 0;
	padding: 20px 0px 0px 20px; 	/* overflow: hidden; */
	overflow: hidden;
	font-size: 1.5em;
	height: 0px !important; /* for most browsers */
	height /**/: 150px; /* for pre 6.0 IE Win */
	}

div {
    margin: 0px;
	padding: 0px;
    color: #000;  /* #371416; */
   }

div.narr {
    color: #000;  /* Prev: Dark Red: #371416; */
    text-align: left;
    font-size: 10pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0px 0px 0px;
   }

div.footerbg {
    clear: both;
    height: 40px;
/*    background: #EFECE4 url(../img/textureftr.png) repeat-x;  /*      #E1D7C1;  */
	background: #eae8e0;  /*  match quotebox: #eae8e0,  match pinstripe: #f4f2ed */
    width: auto;
    color: #888888;   /*   #000000; */
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    text-align: center;
   }

/*  H E A D I N G S  */

h1 { 
    font-size: 22pt;
/*	font-family: "Times New Roman", Times, serif;*/ /*"Palatino Linotype", "Book Antiqua", Palatino, serif;*/
	font-family: "Times New Roman", Times, serif;
    font-weight: bold;
    color: #5f3743;  /* dark brown old:    #371416   #762124 */
	text-shadow: 0 0 2px rgba(95,55,67,0.6);   /* Anti-aliasing: use rgb spec of text color, plus 60% opacity */
    text-align: left;
    margin: 0px;
    padding: 0px;
   }

h2 {
    /* background-color: #339933; */
    color:  #5f3743;    /*  Was: #333;     dark brown #371416  */
	text-shadow: 0 0 1px rgba(51,51,51,0.5);   /* Anti-aliasing: use rgb of text color, plus 50% opacity #333 = 51,51,51, #666 = 102,102,102 */
    /* text-align: center; */
	text-align: left;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 14pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
   }


h3 {           /*  h3 not yet in use  */ 
    color: #000000;  
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 0px;
    font-size: 11pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
   }


/*  A N C H O R S  */

a {
    color: #660000;
	text-decoration:none;
}
	
/*  P A R A G R A P H S  */

p {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
   }

p.narrative {
    color: #000;
    text-align: left;
    font-size: 11pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0px 0px 0px;
    font-weight: normal;
   }

p.ftr1 {
    font-size: 7pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	/*  Wait with the following until "content" more fully supported
	content: "Copyright 2005, 2007 by FelzDezign";  */
   }

p.ftr2 {
    font-size: 7pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	/*  Wait with the following until "content" more fully supported
	content: "All rights reserved";  */
   }
	 
/* *********************   HOME PAGE  **************************  */

div#mainhome {
	margin: 0px 0px 0px 295px;
	padding: 20px 0px 20px 20px;
	/*  Width needed to overcome IE 3-pixel bug in container next to float */
	width: 395px;
	border-left: 2px solid #EFECE4;
   }

/*  QUOTATION 01  */

div#quotehome {
    float: left;
	height: 250px;
	width: 270px;	
		/*  Display inline needed to overcome IE double margin bug when:
		    float left (next to contained element) has left margin */
/*	display: inline;   */
	margin: 60px 0px 0px 15px;
	padding: 0px;
	background: url(../img/quotebox.png) no-repeat;
	color:#807c75;  /* #908c85;  #a8a49d   #b4b0aa; */
   }

div#quotehome p {
	padding: 20px 5px 5px 15px; 
}

p#quotesig {
	text-align: right;
}

/* *********************   ARTICLES PAGE  **************************  */

/*  Articles source link page  */
div#wrapperartic {
	background: #f6f6f0; 
	/*background: url(../img/texture01.png) repeat;*/
	margin: 0px auto 0px auto;  /*   0px 0px 0px 0px; */
	padding: 0px 0px 0px 0px;
	border-width: 3px;
	border-color: #562E44;   /* #562E44; Dark burgandy to match backdrop, #762124; Orig dark red */
	border-style:double;  /*  solid;  */
	width: 786px;                     /* Change later to 792px */
	}

div#mainartic {
	margin: 0px 0px 0px 210px;
	padding: 20px 0px 0px 0px;
	/*  Width needed to overcome IE 3-pixel bug in container next to float */
	width: 470px;
   }

div#mainartic h2 {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
   }

div#mainartic h3 {
    margin: 10px 0px 0px 15px;
    padding: 0px 0px 0px 0px;
	color:#033;
   }

div#mainartic div#horzline {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
	border-bottom: #033 dotted 2px;
   }

ul.listartic {
    margin: 10px 0px 30px 30px;
    padding: 0px 0px 0px 0px;
   }
	 
ul.listartic li{
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
		list-style: none;
   }
	 
ul.listartic li a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
		color:#330000;
   }

ul.listartic li a:hover {
		color:#996600;
   }

/* *********************   ATTORNEY PAGE  **************************  */
div#mainatty {
	margin: 20px 0px 20px 210px;
	padding: 0px 0px 0px 0px;
	/*  Width needed to overcome IE 3-pixel bug in container next to float */
	width: 470px;
   }

ul.listatty {
    margin: 10px 0px 20px 30px;
    padding: 0px 0px 0px 0px;
   }
	 
ul.listatty li{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
   }

div#mainatty p#quoteatty {
	margin: 30px 110px 20px 60px;
	padding: 5px 10px 5px 10px;
/*	color: #371416;    /*  dark brown   */
	background: #eae8e0 no-repeat scroll top center;  /* #eae8e0;   Dark green: #6A7E63;  #A37E96; url(../img/leadinatty.png) */
	text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style:normal;
	font-weight: bold;
	color: #807c75;
    -moz-border-radius: 10px;
	}

/* *********************   BIOGRAPHY PAGE  **************************  */

div#bgbio {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*  Width needed to overcome IE 3-pixel bug in container next to float */
	width: 786px;
	/*  Height needed to overcome IE bug where container is not high enough for column base */
	height: 1010px;
/*	background: #444;   /* #666; Dark Green: #626B61;*/
	}

div#bgpaperbio {
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 0px 0px;
	border:#444 solid 15px;  /* Dark gray: #444; */
	/*  Width needed to overcome IE 3-pixel bug in container next to float */
	width: 756px;
	height: 955px;
	background: url(../img/paperbg.jpg) no-repeat;
	/*  Height needed to overcome IE bug where container is not high enough for column base */
/*	height: 800px;*/
	}

div.mainbio {
/*	float: right;*/
	margin: 30px 0px 0px 90px;
	padding: 0px 0px 0px 0px;
	/*  Width needed to overcome IE 3-pixel bug in container next to float */
	width: 560px;   /* Was 560 */
	/*  Height needed to overcome IE bug where container is not high enough for column base */
/*	height: 800px;*/
	}

div.mainbio h2 {
	text-align: center;
}

div.mainbio a {
	font-size: 13px;
	color: #8A486C;  /* #683752; */
	text-decoration: none;
}

div.mainbio a:hover {
	font-size: 13px;
	color: #A0547E;   /* #753E5C; */
	text-decoration: underline;
}


div.photobio {
	background: url(../img/lisa.jpg) center no-repeat;
	float:left;
	width: 230px;
	height: 276px;
	margin:10px 20px 10px 0px;
	padding: 0px 0px 0px 0px;
}

div.awardbio {
/*	background: url(../img/award_sm.jpg) center no-repeat;*/
	float:right;
	width: 100px;
	height: 115px;
	margin:10px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
}

/* *********************   CLIENT PAGE  **************************  */

div#mainclient {
	margin: 20px 0px 20px 210px;
	padding: 0px 0px 0px 0px;
	/*  Width needed to overcome IE 3-pixel bug in container next to float */
	width: 470px;
   }

div#mainclient p#quoteclient {
	margin: 20px 110px 20px 60px;
	padding: 5px 10px 5px 10px;
	background: #eae8e0 none no-repeat scroll top center; 
	text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style:normal;
	font-weight: bold;
	color: #807c75;
    -moz-border-radius: 10px;
	}

/* *********************   CONTACT PAGE  **************************  */

div#maincontact {
	margin: 30px 0px 0px 240px;
	padding: 0px 0px 0px 0px;
	/*  Width needed to overcome IE 3-pixel bug in container next to float */
	width: 440px;
	/*  Height needed to overcome IE bug where container is not high enough for column base */
	height: 350px;
   }

ul.contlist {
    margin: 10px 0px 0px 30px;
    padding: 0px 0px 0px 0px;
		list-style: none;
   }
	 
ul.contlist li{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
   }
   
/* *********************   INNOVATIVE PAGE  **************************  */
div#maininnov {
	margin: 0px 0px 20px 210px;
	padding: 0px 0px 0px 0px;
	/*  Width needed to overcome IE 3-pixel bug in container next to float */
	width: 470px;
   }

ul.listinnov {
    margin: 10px 0px 0px 30px;
    padding: 0px 0px 0px 0px;
   }
	 
ul.listinnov li{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
   }

div#maininnov p#quoteinnov {
	margin: 30px 110px 20px 60px;
	padding: 5px 10px 5px 10px;
/*	color: #371416;    /*  dark brown   */
	background: #eae8e0 no-repeat scroll top center; 
	text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style:normal;
	font-weight: bold;
	color: #807c75;
    -moz-border-radius: 10px;
	}

/* *********************   LINKS PAGE  **************************  */

/*  Links page  */
div#wrapperlinks {
	background: #f6f6f0; 
	/*background: url(../img/texture01.png) repeat;*/
	margin: 0px auto 0px auto;  /*   0px 0px 0px 0px; */
	padding: 0px 0px 0px 0px;
	border-width: 3px;
	border-color: #562E44;   /* #562E44; Dark burgandy to match backdrop, #762124; Orig dark red */
	border-style:double;  /*  solid;  */
	width: 786px;                     /* Change later to 792px */
	}

div#mainlinks {
	margin: 0px 0px 20px 210px;
	padding: 20px 0px 0px 0px;
	/*  Width needed to overcome IE 3-pixel bug in container next to float */
	width: 470px;
   }

div#mainlinks h2 {
    margin: 10px 0px 0px 0px; /*  OR . . .     margin: 10px 0px 0px 15px;  */
    padding: 0px 0px 0px 0px;
}

div#mainlinks p a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
		color:#330000;
   }

div#mainlinks p a:hover {
		color:#996600;
   }

/* *********************   RECORD PAGE  **************************  */
div#mainrec {
	margin: 20px 0px 0px 160px;
	padding: 0px 0px 0px 0px;
	/*  Width needed to overcome IE 3-pixel bug in container next to float */
	width: 530px;
   }

div#mainrec h1{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	/*  Width needed to overcome IE 3-pixel bug in container next to float */
	width: 530px;
   }

div#mainrec p.narrative {
	padding-left: 10px;
	padding-right: 25px;
	margin-right: 35px;
}

table#tablerec {
	margin: 10px 0px 20px 0px;
	border:none;
	width: 500px;
	border-collapse:collapse;
	background-color:#EAE3C8;
	}

table#tablerec caption {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#663333;      /*   brown  */
	padding: 6px 0px 9px 10px;
	border: none;
	border-collapse:collapse;
	}

table#tablerec th {
	padding: 10px 30px 5px 0px;
	border:none;
	font-size: 12px;
	}

table#tablerec td {
	padding: 10px 10px 5px 20px;
	border:none;
	font-size: 12px;
	}

col#offense {
	width: 205px;
	background-color: #333333;
	}

tdcol#sought {
	width: 120px;
	}

table#tablerec col#sought td {
	padding: 10px 10px 5px 50px;
	}

col#sentence {
	width: 135px;
	}

tr.rowodd {
	background:#e4e2ce;  /*  f1efd7  f2efd3 ece9cd  New: #d8cee0;  Old: #F3ECE4;  #f6f6c3;   #ccb3b3;  */
	}
	
tr.roweven {
	background:#f4f2ed; /*    f4f2ed New: #ece9cd;  Old: #E4E6D0;  #DCE0C2;  #E1E4BE #eee099  #ddcdc8;  #eed3d3; */
	}

th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#9c6a77; /*   9e6a6f   947578   New: #947578;  Old: #ddcdc8; #d6cac9;  #D1B7B6;	  */
	color: #fff;
	}

/* *********************   SERVICES PAGE  **************************  */
div#mainserv {
	margin: 20px 0px 20px 210px;
	padding: 0px 0px 0px 0px;
	/*  Width needed to overcome IE 3-pixel bug in container next to float */
	width: 470px;
   }

div#mainserv.narr {
	margin: 20px 0px 20px 210px;
	padding: 0px 0px 0px 0px;
	/*  Width needed to overcome IE 3-pixel bug in container next to float */
	width: 460px;
   }
   
ul.listserv {
    margin: 10px 0px 0px 30px;
    padding: 0px 0px 0px 0px;
   }
	 
ul.listserv li{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
   }
