body         
{	font-family: verdana, arial, Helvetica, sans-serif; 
	color: #000000; 
	background: #6e3631 url(../images/ebert_bg_01.gif);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: center;
	width: 750px;
	font-size: small;
	line-height: 140%;
	position: relative;
}
	
p
{
	margin: 5px 10px 10px 10px;
	padding: 0px;
}

h1
{	font-family: Georgia, times, serif; 
 	color: #6e3631;
 	text-align: left;
 	margin: 10px 0px 10px 0px;
	font-size: 150%;
}

h2
{	
	font-size: 110%;
 	margin: 0px 0px 0px 0px;
}

h2 a
{
	text-decoration: none;
}

h3
{	
	font-size: 100%;
 	margin: 0px 0px 0px 10px;
}

ul
{	margin: 0px;
	padding: 5px 0px 0px 10px;
	list-style-type: none;
}

li
{	
	list-style-position: outside;
	margin: 0px;
	padding: 0px 0px 5px 15px;
}

ol
{
	margin: 0px;
	padding: 5px 0px 5px 50px;
}

ol li
{	
	padding: 0px 0px 5px 0px;
}

a:link
{	color: #36316e; 	
}

a:visited
{	color: #36316e; 	
}

a:hover, a:active
{	color: #9e3631; 				
}

hr
{	color: #436a3e;
	background-color: #436a3e;
	height: 1px;
}

#banner		
{	
/*	font-size: 0px;  */		/* Need to get rid of extra space in Netscape 6 and IE (possibly others */
	margin-left: auto;		/* Adding display: block to banner img seems to work better */
	margin-right: auto;
	padding: 0px;
	width: 750px;
	height: 100px;
	position: relative;
	
/**	
	background: #f8dfb2 url(images/ruby_creek_banner_sun_08c.jpg) repeat-y 0px 0px;
**/
}

#banner img
{
	display: block;		/* Needed to get rid of gap under banner */
}

#banner form
{
/*	width: 15em; */
	margin: 0px; 
	line-height: 0.7em;
	position: absolute;
	top: 0px;
	right: 0px;
}

#banner form input
{
	font-size: 80%;
}

#banner form #input-text
{
	background: #aba;
	margin-right: -5px;
}

#banner #search-button
{
}

#site-map
{
	float: right;
	padding: 0px 5px; 
	background: #aba;
}

#site-map a
{
	color: #000;
	text-decoration: underline;	
	font-size: 85%; 
	margin: 0px;
	padding: 0px; 
}

#navbar
{	width: 750px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: center;
	font-family: verdana, "Lucida Grande", Arial, Helvetica, sans-serif;
	background-color: #8c8f78;
 	border: 0px none #fff;
}

#navbar ul
{	list-style: none;
	margin: 0px;
	padding: 0px;
 	line-height: 25px;
	font-size: 85%;
}

#navbar ul li 
{	font-weight: normal;
	margin: 0px;
	padding: 0px;
	display: inline;
	background-image: none;
	white-space: nowrap;
}

#navbar li a
{	display: inline;
	margin: 0px;
 	padding: 6px 5px 6px 2em;
	text-decoration: none;
	background: #8c8f78 url(../images/burgundy_bullet_8.gif) no-repeat 1em .9em;
	color: #f8dfb2;
}

#navbar li a:hover
{
	color: #fff;
	background: #8c8f78 url(../images/burgundy_bullet_9.gif) no-repeat 1em .9em;
}

#container, #container-no-sidebar, #container-one-sidebar, #container-two-sidebars
{	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0px 1px 0px;		/* Need bottom padding for space at bottom of page */
	text-align: left;
 	width: 750px;
	vertical-align: top;
	border: none;
	
	font-size: 85%;
	font-size: 90%;
}

#container-two-sidebars
{
	background: repeat-y url(../images/main_bg_01.gif);
}

#container-one-sidebar
{
	background: url(../images/body_bg_25.gif) top left repeat-y;
}

#container-no-sidebar
{
	background: #fff url(../images/top_shadow_01.gif) top left repeat-x;
}

/* Need to put width in or anything in main below the sidebar will
shift slightly to the left */
#main
{
	padding: 0px;
	margin: 0px 0px 0px 198px;
	width: 549px;
	background: url(../images/top_shadow_01.gif) top left repeat-x;
}

html>body #main		/* To handle IE 3px margin bug */
{
	margin: 0px 0px 0px 201px;
	width:548px;
}

#main-hp
{
	padding: 0px;
	margin: 0px 0px 0px 198px;
	width: 356px;
	background: url(../images/top_shadow_01.gif) top left repeat-x;
}

html>body #main-hp			/* To handle IE 3px margin bug */
{
	margin: 0px 0px 0px 201px;
	width: 355px;
}

#main-content
{	margin: 0px;
	padding: 10px 10px 0px 10px;
	vertical-align: top;
}

#container-no-sidebar #main-content
{
	padding: 10px 20px 10px 20px;
}

#sidebar
{
	float: left;
	margin: 0px; 
	padding: 0px;
	width: 198px;
}

#sidebar-right
{
	float: right;
	width: 190px;
	margin: 0px; 
	padding: 0px;
}

#sidebar-content, #sidebar-right-content
{
	margin: 10px 0px 0px 0px; 
	padding: 10px 10px 5px 10px;
	text-align: right;
	font-size: 95%;
	line-height: 135%;
}

#sidebar-right-content
{
	text-align: left;
	padding-left: 15px;
}

#sidebar-content h2, #sidebar-right-content h2
{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #000;
	text-align: left;
	font-family: verdana, ariel, sans-serif;
	font-size: 95%;
	letter-spacing: 0px;
}

#sidebar-content p, #sidebar-right-content p
{
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#sidebar-right-content h2
{
	margin: 0px; 
	padding: 0px;
	font-size: 100%;
}

#sidebar-right-content #websiteName
{
	padding-bottom: 10px;
}

.elegant-text
{
	margin: 0px 5px 1em 10px;
	padding: 0px;
	color: #6e3631;
/*	line-height: 130%; */
	font-size: 100%;
	text-align: left;
}

.elegant-text p
{
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

#quote
{
	margin: 0px 0px 10px 0px;	
	padding: 0px;
	width: 100%;  /* Width needed for opacity to work in IE */
}

#quote p
{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	text-align: left;
}

#quoteText p
{	margin: 0px;
	padding: 0px 0px 10px 0px;
	text-align: right;
}
	
#quoteAuthor p, #quoteCompany p
{	margin: 0px;
	padding: 0px;
	text-align: right;
	font-weight: bold;
}

#testimonial
{
	text-align: left;
	margin: 0px;
	padding: 10px 70px 20px 70px;
	font-size: 95%;
}

#testimonial dl
{	
	border: 1px solid #f8dfb2;
	margin: 0px 0px 15px 0px;
	background: #fffcf6 url(../images/begin_quote.gif) 10px 10px no-repeat;
}

#testimonial dd
{	
	background: #fffcf6;
	padding: 10px 20px 10px 25px; 
	background: url(../images/end_quote.gif) 99% 90% no-repeat;
}

#testimonial dt
{
	margin: 0px;
	padding: 5px 10px 5px 10px;
	background: #faf7f1;
	font-weight: bold;
	text-align: right;
	line-height: 125%;
}

p.author
{
	margin: 0px 0px 15px 0px;
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	text-align: right;
	line-height: 120%;
	font-size: 100%;
}

.portfolio-table, .before-after-table
{
	margin: 20px 0px 10px 0px; 
	border: 1px solid #808575;
	background: repeat-y url(../images/banner_bg_06.jpg);
	line-height: 130%;
}

.before-after-table
{
	margin: 20px 20px 10px 20px;
}

.portfolio-table th, .before-after-table th
{
	margin: 0px;
	padding: 10px;
}

.portfolio-table td, .before-after-table td
{
	margin: 0px;
	padding: 10px 5px 10px 10px;	
	vertical-align: top;	
	border: 1px solid #808575;
}

.portfolio-table td
{
	width: 25%; 
}

.before-after-table td
{
	width: 50%; 
	padding: 20px 10px 20px 10px;	
}

.portfolio-table img
{
	float:left; 
	width: 150px; 
	margin: 10px 20px 10px 10px;
}

.portfolio-table dl, .before-after-table dl			
{	margin: 0px;
	padding: 0px;
}

.before-after-table dl
{
	text-align: center;
}

.before-after-table dl dd
{
	padding-top: 10px;
}

.portfolio-table dt, .before-after-table dt
{	
 	margin: 0px;
 	padding: 10px 0px 0px 0px;
	font-weight: bold;
}

.portfolio-table dd, .before-after-table dd
{
	margin: 0px;
	padding: 0px;
	font-size: 95%;
	color: #333;
}

.portfolio-outer
{
	margin: 20px 10px 10px 10px; 
	padding: 2px; 
	border: 0px solid #6e3631;
}

.portfolio-inner
{
	margin: 10px 0px 0px 0px;
	padding: 20px 20px 0px 20px;
	border: 1px double #6e3631;
	background: #f8f8f8;
}

/**
.portfolio-inner img
{
	margin-bottom: 10px;
}
**/

.portfolio-inner h1
{
	margin-top: 0px;
	padding-top: 0px;
}

.portfolio-inner a
{
	padding: 0px 5px 5px 0px;
	font-size: 100%;
	font-weight: bold;
}

.portfolio-inner p
{
	margin: 10px 0px 0px 0px; 
	padding: 0px; 
}

dl#portfolio-testimonial
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right; 
	width: 40%; 
	margin: 0px 0px 10px 20px; 
	padding: 10px 10px 10px 10px; 
	font-size: 95%;
	border: 1px solid #9f9972;
	background-color: #fff;
	background: #fffcf6 url(../images/begin_quote.gif) 5px 10px no-repeat;
}

dl#portfolio-testimonial dd
{	
	background: url(../images/end_quote.gif) 99% 98% no-repeat;
	padding: 0px 20px 10px 20px;
}

dl#portfolio-testimonial dt
{
	font-weight: bold;
	text-align: right;
	border-top: 1px solid #9f9972;
	padding-top: 10px;
	line-height: 120%;
}

.portfolio-testimonial .author
{
	border: none;
}
				
#footer
{	color: #6e3631;
	background: repeat-y url(../images/banner_bg_06.jpg);
	width: 750px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto; 
	margin-right: auto;
	padding: 0px;
	clear: both;
	border-top: 1px solid #f8dfb2;
/*	position: relative; */
}

#footer ul
{
	margin: 0px;
	padding: 10px 0px 10px 0px;	
}

#footer ul li
{
	background: none;
	display: inline;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
}

#footer ul li a
{	
	margin: 0px;
	padding: 5px 3px 5px 3px;
	text-align: center;
	vertical-align: middle;
	font-size: 85%;
	text-decoration: none;
}

#footer .img-left
{
	float: left; 
	margin: 0px; 
	padding: 2px 10px 5px 0px; 
}

#footer .img-right
{
	float: right; 
	margin: 0px;
	padding: 5px 5px 0px 10px; 
}	

#footer a:link
{
	color: #6e3631;
}
#footer a:visited
{
	color: #6e3631;
}
#footer a:hover
{	color: #333;
	text-decoration: underline;
}
#footer a:active
{	color: #8c8f78;
	text-decoration: underline;
}

.contact-table
{
	margin-top: 10px;
	font-size: 100%;
/*	background: url(../images/banner_bg_06.jpg) repeat-y;  */
	border-top: 2px solid #acaf98;
	border-left: 2px solid #acaf98;
	border-bottom: 5px solid #6c6f58;
	border-right: 5px solid #6c6f58;
/*	width: 300px; */
	background: #f7dfb1;
}

.contact-table th
{	
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
	vertical-align: top;
}

.contact-table th h2
{
	text-align: right;
	vertical-align: top;
}
    
.contact-table td
{
	text-align: left;
	padding: 5px 10px 5px 5px;
	vertical-align: top;
}
    
#websiteImage
{
	margin-bottom: 10px;
}

.no-image-bullet
{
	margin: 0px; 
	padding: 10px 0px 0px 10px; 
	text-align: left;
}

.no-image-bullet li
{
	background-image: none;
}	

#about-us
{
	padding-left: 10px;
}

#about-us h2
{
	padding-top: 5px;
	margin-bottom: 0px;
}

#about-us h2 a:hover
{
	color: #000;
}

#about-us p
{
	margin-left: 40px;
	margin-right: 60px;
	font-size: 100%;
}

#about-us ul
{
	margin-left: 20px;
	font-size: 95%;
}

#sub-nav
{
	width: 750px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 0px 5px 0px;
	background: #f8dfb1;
	text-align: center;
}

#sub-nav a
{
	font-size: 80%;
	padding: 2px 4px 2px 4px;
	margin: 5px 7px 5px 7px;
	text-decoration: none;
	line-height: 250%;
	border-top: 1px solid #bbb;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #bbb;
	white-space: nowrap;
}
#sub-nav a:hover 
{
	border-top: 1px solid #333;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #333;
	color: #000;
	background-color: #fff0c0;	
}

/* Netflix box */ 
 
.box 
{
	width: 325px;
	margin: 5px 0px 10px 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background: url(../images/div_bottom_02.gif) no-repeat bottom left;
	text-align: left;
}

.box h3
{
	text-align: left;
	margin: 0px;
	padding: 6px 8px 4px 10px;
	font-size: 110%;
	color: #333;
	border-bottom: 1px solid #E0CFAB;
	background: url(../images/box_top_325px_02.gif) no-repeat top left; 
}
  
  
.box h3 a
{
	text-decoration: none;
	color: #333;
}

.box h3 a:hover
{
	text-decoration: underline;
	color: #6e3631;
}

.hp-table
{
	margin: 0px;
	text-align: left;
}

.hp-table td
{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.box ul
{
	margin: 0px;	
	padding: 5px;
	list-style-type: none;
}

.box ul li
{
	background: 0em 0em no-repeat url(../images/arrow_right_small.gif);
	list-style-position: outside;
	line-height: 1.3em;
	font-size: 95%;
	padding: 0px 0px 8px 18px;
}

.box ul li a
{
	margin: 0px;
	padding: 0px;
}

.services-table
{
	margin: 0px 40px 0px 20px;
}

.services-table td
{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.services-table ul
{
	margin: 0px;	
	padding: 5px;
	list-style-type: none;
}

.services-table ul li
{
	padding-bottom: 8px;
	background: 0em 0em no-repeat url(../images/arrow_right_burgundy.gif);
	list-style-position: outside;
	line-height: 1.3em;
	font-size: 100%;
}

.services-table ul li a
{
	margin: 0px;
	padding: 0px;
}

ul.check, ul.details
{
	padding: 5px 0px 10px 10px;
	font-size: 100%;
	text-align: left;
}

ul.details
{
	padding: 0px 60px 10px 40px;
	font-weight: bold;
	color: #333;
}

ul.check li, ul.details li
{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 7px 20px;
	background: 0px .2em no-repeat url(../images/checkmark_burgundy.gif);
	line-height: 120%;
}

.copyright
{
	font-size: 80%;
	margin: 0px;
	padding-bottom: 10px;
	line-height: 125%;
}

h1.copyright
{
	color: #6e3631;
	font-family: verdana, arial, Helvetica, sans-serif; 
	font-size: 80%;
	font-weight: normal;
	margin: 0px;
	padding-bottom: 10px;
	text-align: center;
	line-height: 125%;
}