body {
	background-color:#FFF; 
	left: 8%;
	width: 80%;
	font-family: Arial, Verdana, Helvetica;
	font-size: 10px;
	font-color: #543310;
}

h1 {
	font-family: Arial, Verdana, Helvetica;
	font-weight: bold;
	font-size: 14px;
}

h2 {
	font-family: Arial, Verdana, Helvetica;
	font-weight: bold;
	font-size: 13px;
}

h3 {
	font-family: Arial, Verdana, Helvetica;
	font-weight: bold;
	font-size: 11px;
	font-color: #341F0A;
}

#index-leftside {
	position:absolute;
	left:0px;
	top:0px;
	width:79px;
	height:826px;
	background: url(images/leftside.jpg);
}

#top {
	position:absolute;
	left:79px;
	top:0px;
	width:841px;
	height:40px;
	background: url(images/top.jpg);
}

#index-rightside {
	position:absolute;
	left:920px;
	top:0px;
	width:80px;
	height:826px;
	background: url(images/leftside.jpg);
}

#logo {
	position:absolute;
	left:79px;
	top:0px;
	width:365px;
	height:416px;
	background: url(images/logo.jpg);
}

#logo a {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
}

#header {
	position:absolute;
	left:444px;
	top:0px;
	width:476px;
	height:187px;
	background: url(images/header.jpg);
}

#header2 {
	padding: 80px 0 0 74px;
	color: #FFF;
	font-weight: bold;
	font-size: 22px;
}

	#header h1 {
		font-family: arial;
		size: 16px;
		font-weight: bold;
	}
		.header a:link, .header a:visited, .header a:link, .header a:active {
		font-family: Arial, Verdana, Helvetica;
		font-size: 16px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
}
		.header a:hover {
		font-family: Arial, Verdana, Helvetica;
		font-size: 16px;
		color:#bf820f;
		text-decoration: none;
}

#index-body {
	position:absolute;
	left:444px;
	top:187px;
	width:476px;
	height:482px;
	background: url(images/index_body.jpg);
}


#left-index {
	position:absolute;
	left:79px;
	top:416px;
	width:365px;
	height:253px;
	background: url(images/left_index.jpg);
}

	#left-index ul li {
		list-style: url(images/btn.jpg);
		padding:0 5px 0 4px;
		font-size:13px;
	}

#left-links { 
padding: 62px 0 0 42px;
}

#footer {
	position:absolute;
	left:79px;
	top:669px;
	width:841px;
	height:157px;
	background: url(images/footer.jpg);
}

		.footer a:link, .footer a:visited, .footer a:link, .footer a:active {
		font-family: Arial, Verdana, Helvetica;
		font-size: 14px;
		color: #543310;
		text-decoration: none;
}
		.footer a:hover {
		font-family: Arial, Verdana, Helvetica;
		font-size: 14px;
		color:#bf820f;
		text-decoration: none;
}

#bottom {
	position:absolute;
	top:117px;
	width:841px;
	height:64px;
	background: url(images/bottom.jpg);
}

/* ---------------------------------------------------------------------------------------------- GLOBAL ------------------------------------------------------*/
#leftside {
	position:absolute;
	left:0px;
	top:0px;
	width:79px;
	height:826px;
	background: url(images/leftside.jpg);
}

#rightside {
	position:absolute;
	left:920px;
	top:0px;
	width:80px;
	height:826px;
	background: url(images/leftside.jpg);
}
#sub-page-body {
	position:absolute;
	left:444px;
	top:187px;
	width:476px;
	height:482px;
	background: url(images/sub-page_body.jpg);
}

#blank-left-index {
	position:absolute;
	left:79px;
	top:416px;
	width:365px;
	height:253px;
	background: url(images/left_index-blank.jpg);
}

		.left-mid a:link, .left-mid a:visited, .left-mid a:link, .left-mid a:active {
		font-family: Arial, Verdana, Helvetica;
		font-size: 14px;
		font-weight: bold;
		font-color: #734002;
		text-decoration: none;
}
		.left-mid a:hover {
		font-family: Arial, Verdana, Helvetica;
		font-size: 14px;
		font-weight: bold;
		color:#bf820f;
		text-decoration: none;
}

.links ul li {
	list-style: url(images/btn.jpg);
	padding:0 5px 0 4px;
	font-size:13px;
	font-color: #543310;
}

#left-bottom {
	position:absolute;
	left:79px;
	top:1079px;
	width:841px;
	height:64px;
	background: url(images/bottom.jpg);
}

#sub-bottom {
	position:absolute;
	left:79px;
	top:826px;
	width:841px;
	height:64px;
	background: url(images/bottom.jpg);
}

.superscript {
	vertical-align: super;
	font-size: 8px; 
} 

#welcome-pop-up {
	position:absolute;
	left:0px;
	top:0px;
	width:440px;
	height:494px;
	font-family: Arial, Verdana, Helvetica;
	size: 10px;
}


/* ---------------------------------------------------------------------------------------------- SCROLL ------------------------------------------------------*/
.scroll
	{
		padding: 0 10px 0 0;
		height: 360px;
		width: 440px;
		overflow: auto;
	}
	
.scroll-full
	{
		padding: 0 10px 0 0;
		height: 410px;
		width: 444px;
		overflow: auto;
	}
	
.scroll-courts
	{
		padding: 0 10px 0 0;
		height: 420px;
		width: 440px;
		overflow: auto;
	}
	
.brnbars {
	SCROLLBAR-FACE-COLOR : #543310;
	SCROLLBAR-HIGHLIGHT-COLOR : #fff;
	SCROLLBAR-SHADOW-COLOR : #734002;
	SCROLLBAR-3DLIGHT-COLOR : #fff;
	SCROLLBAR-ARROW-COLOR : #ffff;
	SCROLLBAR-TRACK-COLOR : #fff;
	SCROLLBAR-DARKSHADOW-COLOR : #734002;
}
.originalbrnbars {
	SCROLLBAR-FACE-COLOR : #543310;
	SCROLLBAR-HIGHLIGHT-COLOR : #bf820f;
	SCROLLBAR-SHADOW-COLOR : #734002;
	SCROLLBAR-3DLIGHT-COLOR : #f2b705;
	SCROLLBAR-ARROW-COLOR : #f2c84b;
	SCROLLBAR-TRACK-COLOR : #EBDFB7;
	SCROLLBAR-DARKSHADOW-COLOR : #734002;
}

/* ---------------------------------------------------------------------------------------------- ABOUT ME ------------------------------------------------------*/
#aboutme-leftside {
	position:absolute;
	left:0px;
	top:0px;
	width:79px;
	height:1391px;
	background: url(images/aboutme-side.jpg);
}

#aboutme-rightside {
	position:absolute;
	left:920px;
	top:0px;
	width:80px;
	height:1391px;
	background: url(images/aboutme-side.jpg);
}

#aboutme-body {
	position:absolute;
	left:444px;
	top:187px;
	width:476px;
	height:1053px;
	background: url(images/aboutme_body.jpg);
}

#left-aboutme-blank {
	position:absolute;
	left:79px;
	top:660px;
	width:365px;
	height:580px;
	background: url(images/left_nicole-blank.jpg);
}

#aboutme-footer {
	position:absolute;
	left:79px;
	top:1234px;
	width:841px;
	height:157px;
	background: url(images/footer.jpg);
}

#aboutme-bottom {
	position:absolute;
	left:79px;
	top:1356px;
	width:841px;
	height:64px;
	background: url(images/bottom.jpg);
}

/* ---------------------------------------------------------------------------------------------- ATTORNEY ENDORSEMENTS ------------------------------------------------------*/
#attorney-endors-body {
	position:absolute;
	left:444px;
	top:187px;
	width:476px;
	height:482px;
	background: url(images/attorney-endors_body.jpg);
}

.scroll-attorney
	{
		padding: 0 20px 0 0;
		height: 400px;
		width: 436px;
		overflow: auto;
	}

/* ---------------------------------------------------------------------------------------------- CLIENT TESTIMONIALS ------------------------------------------------------*/

/* ---------------------------------------------------------------------------------------------- CONTACT -------------------------------------------------------------------------*/
#contact1-body {
	position:absolute;
	left:444px;
	top:187px;
	width:476px;
	height:228px;
	background: url(images/contact1_body.jpg);
}

#contact2-body {
	position:absolute;
	left:444px;
	top:415px;
	width:476px;
	height:254px;
	background: url(images/contact2_body.jpg);
}

#left-contact {
	position:absolute;
	left:79px;
	top:416px;
	width:365px;
	height:253px;
	background: url(images/left_contact.jpg);
	font-size:16px;
	font-color: #734002;
}

#contact-inputnames {
	position:absolute;
	left: 16px;
	top: 30px;
	width:180px;
	height:200px;
}

#contact-inputmessage {
	position:absolute;
	left:190px;
	top:30px;
	width:200px; /* this is being ignored */
	
}

textarea#styled {
	width: 232px;
	height: 78px;
}

/* ---------------------------------------------------------------------------------------------- ESSENTIAL LINKS ------------------------------------------------------*/
#bullet ul li {
	list-style: url(images/btn.jpg);
	padding:0 5px 0 4px;
	font-size:13px;
	font-weight: bold;
	line-height: 1.75;
}

	.bullet a:link, .bullet a:visited, .bullet a:link, .bullet a:active {
		font-family: Arial, Verdana, Helvetica;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		color: #734002;
}
		.bullet a:hover {
		font-family: Arial, Verdana, Helvetica;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		color: #bf820f;
}


	

/* ---------------------------------------------------------------------------------------------- MY COURTS ------------------------------------------------------*/
#left-mycourts-blank {
	position:absolute;
	left:79px;
	top:669px;
	width:365px;
	height:253px;
	background: url(images/left_sub-blank.jpg);
}
#courts-body {
	position:absolute;
	left:444px;
	top:187px;
	width:476px;
	height:735px;
	background: url(images/courts_body.jpg);
}


/* ---------------------------------------------------------------------------------------------- WHY ME ------------------------------------------------------*/
#whyme-leftside {
	position:absolute;
	left:0px;
	top:0px;
	width:79px;
	height:1127px;
	background: url(images/whyme-side.jpg);
}

#whyme-rightside {
	position:absolute;
	left:920px;
	top:0px;
	width:79px;
	height:1127px;
	background: url(images/whyme-side.jpg);
}

#whyme-body {
	position:absolute;
	left:444px;
	top:187px;
	width:476px;
	height:795px;
	background: url(images/whyme_body.jpg);
}

#left-whyme {
	position:absolute;
	left:79px;
	top:669px;
	width:365px;
	height:303px;
	background: url(images/left_whyme.jpg); no-repeat;
}

#whyme-footer {
	position:absolute;
	left:79px;
	top:970px;
	width:841px;
	height:157px;
	background: url(images/footer.jpg);
}

#whyme-bottom {
	position:absolute;
	left:79px;
	top:1036px;
	width:841px;
	height:64px;
	background: url(images/bottom.jpg);
}

/* ---------------------------------------WELCOME------------------------------------------------------------*/
#welcome-leftside {
	position:absolute;
	left:0px;
	top:0px;
	width:79px;
	height:1079px;
	background: url(images/whyme-side.jpg);
}

#welcome-rightside {
	position:absolute;
	left:920px;
	top:0px;
	width:79px;
	height:1079px;
	background: url(images/whyme-side.jpg);
}
#welcome-body {
	position:absolute;
	left:444px;
	top:187px;
	width:476px;
	height:740px;
	background: url(images/welcome_body.jpg);
}

#left-welcome {
	position:absolute;
	left:79px;
	top:669px;
	width:365px;
	height:259px;
	background: url(images/left_whyme.jpg); no-repeat;
}

#welcome-footer {
	position:absolute;
	left:79px;
	top:922px;
	width:841px;
	height:157px;
	background: url(images/footer.jpg);
}