/* CSS Document */

html { text-align: center;}

body {
background-image:url(../images/stripe_vertical.gif);
background-position:top left;
background-repeat:repeat;
background-color:#ceb891;
min-width:899px;
text-align:center;
}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}

a img{
border:0;
}

a{
outline:none;
}

#wrapper {
  text-align: left;
  width: 899px;
  margin-left: auto;
  margin-right: auto;
}

div#container {
width:899px;
margin:5px auto;
padding:0px;
background-color:#F7F4EB;
text-align:left;
overflow: hidden;
position:relative;
border-left:1px solid #4c3419;
border-right:0px solid #4c3419;
}

div#overall_content {
position:relative;
margin:0;
padding:0;
float:left;
width:100%;
height:100%;
}

body a	{
color: #3d72b6;
text-decoration:underline;
}

body a:hover	{
text-decoration:none;
}

div.logo {
width:899px;
height:100px;
background-color:#F7F4EB;
position:relative;
float: left;
margin:0px;
padding:0px;
border:0px solid #666;
}

div#mid_menu {
position:relative;
float:left;
border-top:1px solid #000000;
background-color:#5B6D80;
padding:0px;
height: 28px;
width:899px;
z-index:1;
}

#mid_menu table{
margin-right:15px;
}

#mid_menu table td {
}

#mid_menu table td a{
color:#ffffff;
font-family:verdana, Helvetica, Arial, Sans-Serif;
text-decoration:none;
font-size:11px;
text-align:center;
white-space:nowrap;
text-transform:uppercase;
/* padding:12px 11px; */
padding:8px 15px;
display:block;
}

#mid_menu table td a:hover,#mid_menu table td.hover1{
background-color:#FFFFFF;
/* color:#3d72b6; */
color:#f9833c;
}

#mid_menu table  a{
color:#4C78B1;
}

.strong {
	font-weight: bold;
}

#mid_menu table td div.submenu {
display:none;
position:absolute;
background-color:#FFFFFF;
width:150px;
z-index:1;
}

#mid_menu table td .submenu a {
display:block;
text-align:left;
color:#000000;
font-size:11px;
text-transform:none;
padding:6px 5px 6px 10px;
}

#mid_menu table td .submenu a:hover {
color:#3d72b6;
background-image:url(../images/menu_arrow.gif);
background-position:left;
background-repeat:no-repeat;
}

td#active_menu {
	background-color:#ffffff;

}

#mid_menu #active_menu a{
	color:#3d72b6;
}

#active_menu div.submenu {
display:block;
}

#mid_menu #active_menu div.submenu a{
color:#000000;
}

#mid_menu #active_menu div.submenu a:hover{
color:#3d72b6;
}

#mid_menu #active_menu a{
	color:#3d72b6;
}

#active_menu div.submenu {
display:block;
}

#mid_menu #active_menu div.submenu a{
color:#000000;
}

#mid_menu #active_menu div.submenu a:hover{
color:#3d72b6
}

.heading	{
	color: #4c3419;
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
	text-align:left;
	margin-top: 0.5em;
	margin-bottom: 1.0em;
}

/* =================================================================  HOME PAGE */

#mainbox ul, #mainbox li {
	list-style-image: url(../images/arrow_right.png);
}

#homepicture {
margin-left:40px;
text-align:center;
width:285px;
height:214px;
padding:10px;
background-color:#fff;
border: 1px solid #666;
}

.column_right {
font-family:Helvetica, Arial, Sans-Serif;
font-size:13px;
line-height:17px;
color:#364656;
margin-top:0px;
text-align:left;
}

p.mainheader {
font-family:verdana, Helvetica, Arial, Sans-Serif;
font-size:13px;
line-height:17px;
color:#364656;
padding:5px 0px 10px 10px;
}


/* ===================================== BATHROOM AND KITCHEN PAGES ======= */

table.photos	{
	width:670px;
	border: 0px solid #ccc;
	margin:0px;
	border-collapse:collapse;
}

th.photos	{
	text-align:center;
	font-family:verdana,sans-serif;
	font-size:14px;
	padding-bottom:5px;
	color: #4c3419;
}

p.onsiteconsult {
font-family:verdana, Helvetica, Arial, Sans-Serif;
font-size:15px;
line-height:17px;
color:#4c3419;
padding:5px 0px 10px 0px;
font-weight:bold;
}

#left_area p {
font-family:helvetica, arial;
font-size:13px;
line-height:17px;
color:#364656;
}

.photo	{
	float:left;
	width: 285px;
	height: 214px;
	padding: 3px;
	margin: 0px 0px 10px 10px;
	background-color: #FFFFFF;
	position:relative;
	border: 1px solid #867166;
}

.photo2	{
	float:right;
	width: 285px;
	height: 214px;
	padding: 3px;
	margin: 0px 10px 10px 3px;
	background-color: #FFFFFF;
	position:relative;
	border: 1px solid #867166;
}

#content-pictures {
	background-color: #E7E7E7;
		width: 687px;
		height:500px;
		position:relative;
		font-size: 12px;
		line-height: 17px;
		overflow-y: scroll;
		/* overflow-x:hidden; */
		overflow:scroll; 
}

/* =====================================================Bathroom and kitchen remodeling tips  */

.photoleft	{
	float:left;
	padding: 3px;
	margin: 0px 10px 10px 3px;
	background-color: #FFFFFF;
	position:relative;
	border: 1px solid #867166;
}

.photoright	{
	float:right;
	padding: 3px;
	margin: 0px 10px 10px 10px;
	background-color: #FFFFFF;
	position:relative;
	border: 1px solid #867166;
}

/* ====================================================About us page, home_improvements.htm   */

.aboutus {
font-family: verdana,Helvetica, Arial, Sans-Serif;
font-size:13px;
margin-bottom:7px;
color:#4c3419;
}

/* ====================================================Request Quote page, contactus.htm   */
/* ===============Request Quote completed goes to thank you page with testimonials, contactus2.cfm   */

/* ===============Testimonials page, testimonials.htm   =========================== */

/* =====================================================Photo gallery right navigation bath and kitchen */

div#left_area  {
width:640px;
margin:0px 0px 0px 0px;
float:left;
position:relative;
padding:0px;
border: 0px solid #236B8E;
font-family:Helvetica, Arial, Sans-Serif;
}

div#right_area_nav {
width:210px;
height:700px;
margin:0px;
float:right;
position:relative;
padding:0px;
background:#f0e7d7 url(../images/photogallery.png) top right no-repeat;
border-left:1px solid #817560;
z-index:1;
}

.photocenter {
margin: 5px 5px 5px 20px;
border: 1px solid #867166;
}

#navcontainer
{
background-color: transparent;
width: 180px;
margin: 0 auto;
padding: 3px 0;
font-family: verdana, helvetica;
font-size: 10px;
text-align: center;
text-transform: lowercase;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 0 0 10px;
width: 70%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 1.5em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #5B6D80;
text-decoration: none;
background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #f0e7d7;
color: #F16511;
}

ul#navlist li a:hover, ul#navlist li.active a:hover
{
color: #F16511;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}

ul#navlist li a:visited
{
color: #6D5E5E;
background: #f7f2ea;
/* border-color: #aaab9c #fff #fff #ccc; */
}

/* =====================================================navafterpics */

#navafterpics
{
background: #f0e7d7;
width: 80px;
float:left;
position:relative;
margin: 0px;
padding: 3px 0;
font-family: verdana, helvetica;
font-size: 10px;
text-align: center;
text-transform: lowercase;
}

ul#navafter
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 80%;
}

ul#navafter li
{
display: block;
margin: 0;
padding: 0;
}

ul#navafter li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 1.1em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #5B6D80;
text-decoration: none;
background: #f7f2ea;
}

#navafterpics>ul#navafter li a { width: auto; }

ul#navafter li#active a
{
background: #f0e7d7;
color: #F16511;
}

ul#navafter li a:hover, ul#navafter li#active a:hover
{
color: #F16511;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}

/* ===================================== FOOTER ======= */

div#footer {
clear:both;
padding:0px 15px;
margin:20px auto;
background-color:#5b6d80;
color:#FFFFFF;
font-size:10px;
line-height:14px;
font-family:Helvetica, Arial, Sans-Serif;
z-index:1;
}

#footer p {
	text-align:left;
    line-height:24px;
	margin: 0px;
	padding: 8px 0px;
}

#footer p a {
color:#FFFFFF;
font-size:10px;
text-decoration:none;
}

#footer p a:hover{
text-decoration:underline;
}

#footer div.tag {
float:right;
padding: 0px 0px;
font-size:10px;
color:#FFFFFF;
}

/* all pages */
img.floatright {
    float: right;
    margin-left: 6px;
}

img.floatleft {
    float: left;
    margin-right: 6px;
}

/* ===================== not used ========= */
div#top_menu {
float:right;
text-align:right;
padding-right:25px;
}

#top_menu, #top_menu a{
margin-left:15px;
line-height:1.0em;
text-transform:uppercase;
font-family:Arial, Helvetica, Sans-Serif;
font-size:10px;
color:#4C5660;
text-decoration:none;
}

#top_menu a:hover{
text-decoration:underline;
}

#top_menu_public {
width:899px;
height:10px;
background:transparent;
}