/* Handyman Works CSS */
*
{
	margin: 0;
	padding: 0;
}
a, address, blockquote, body, cite, code, dd, del, dfn,		
div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, iframe, kbd,		
li, object, ol, p, q, samp, small, span, strong, sub, sup, ul, var, 		
applet, big, center, dir, font, hr, menu, pre,		
abbr, acronym, bdo, button, fieldset, ins, label
{
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    text-decoration: none;
    border-color: black;
    border-style: none;
    margin-top: 3px;
    margin-bottom: 0px;
    font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
    font-family: Arial, Tahoma, Helvetica;

}
h1, h2, h3, h4, h5, h6, dt, th, thead, tfoot
{
    color: black;
}
body
{
    font-family: Verdana, Arial, sans-serif;
    font: large serif;
	font-size: 12px;
    font-family: Arial, Tahoma, Helvetica;
    padding: 0 0 0px 0;
    background-color: #000;
    margin: auto;
}

div#overlay1
{
}
div#overlay2
{
	height: 160px;
}

div#outer
{
    text-align: left;
    width: 800px;
    margin: auto;
    margin: 0px auto; /*10 px top and bottom. Centered horizontally*/
	margin-top: 20px;
	background-image: url(images/handymanworks-background-header-gradient-strip-black-white-red-800x1.png);
	background-position: center;
	background-attachment: scroll;    
    background-repeat: repeat-y;
}
div#header
{
    position: relative;
    background-position: top;
    margin: 0;
    height: 150px;
    width: 800px;
    text-align: left;
    background-color: transparent;
}
/*Header Box*/
div#hdrbox
{
    position: absolute;
    top: 0px;
    left: 0px;
}
img#hmlogo
{
    position: absolute;
    top: 14px;

}
img#phonenum
{
    position: absolute;
    left: 29px;
    top: 111px;
    width:182px;
}


img#best
{
    position: absolute;
    left: 706px;
    top: 92px;
    z-index:1002;
}

img#tools
{
    position: absolute;
    left: 260px;
    top: 158px;
    z-index:1002;
}

img#headerimage
{
    position: absolute;
    height: 160px;
    width: 106px;
    left: 617px;
    top: -3px;
}
a#contactus
{
    position: absolute;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    text-decoration: underline;
    left:440px;
    top:63px;
    width: 75px;
}
a#contactus:link
{
	color: #990000;
}
a#contactus:visited
{
	color: #990000;
}
a#contactus:focus
{
	color: #FFF;
}
a#contactus:hover
{
	color: #FFF;
}
a#contactus:active
{
	color: #FFF;
}
a#dobath
{
    position: absolute;
    text-decoration: none;
    left: 300px;
    top: 12px;
}
a#dobath:link
{
	margin: 0;
	padding: 0;
	color: #d91e1e;
}
a#dobath:visited
{
	color: #d91e1e;
}
a#dobath:focus
{
	color: #FFF;
}
a#dobath:hover
{
	color: #FFF;
}
a#dobath:active
{
	color: #FFF;
}
a#dobath img
{
	border: 0px white solid;
}
a#dobath img:hover
{
	background-image: url(images/we-specialize-verdana-blue-whitebacktop2-drop-shadow-yellow-shavecorner.png);
	background-repeat: no-repeat;
}
a#BetBusBurHd
{
    position: absolute;
    text-decoration: none;
    left: 752px;
    top: -3px;
    z-index: 1002;
}
img#redblackbar
{
    position: absolute;
    left: 789px;
    top: -3px;
}

img#epalead
{
    position: relative;
    left: 530px;
    top: 106px;
}

div#marquee
{
	position: relative;
	left: 0px;
	top: 183px;
	z-index: 1002;
}




#container {
	position: relative;
	top: 7px;
	z-index: 500;
    /*width: 90%; Move away from edges of the viewport - but it's liquid*/
    width: 800px; /*consistent 1000 px display*/
	height: 499px;
    background-color: #fff;
} 
div#content 
{
	position: absolute;
	top: 0px;
	margin-left: 160px; /*separate the content from the left nav*/
    margin-right: 160px; /*separate the content from the right nav*/
	margin-top: 10px;
	text-align: justify;
	border-left: 0px solid #900;
	border-right: 0px solid #900;
    padding: 0px 15px 0 10px; /*move the content text away from the border*/
	height: 480px;
	width: 480px;
	background-image: url(images/handymanworks-man-6-transparent-background-translucent-2.5-480x480.png);
	background-image: url(images/handymanworks-man-6-transparent-background-translucent-5-480x480.png);
	background-repeat: no-repeat;
/*If the "leftnav" div is longer than the main content, the border can be applied to the right side of the "leftnav" div instead of the "content" div.*/ 
}
div#contentbox
{
	position: relative;
	left: 0px;
	width: 480px;
}
/*Left navigational column*/
div#leftnav {
	font-size: 12px;
	font-weight: bold;
	font-weight: normal;
	position: absolute;
	z-index: 10;
	width: 160px;
	height: 499px;
    margin: 0px 0 0 0;
	padding: 0 0px 0 0;
	border-right: 0px solid #900;
	background-image: url(images/navbar-gradient-left-black-165x35.png);
	background-repeat: repeat-y;
} 
div#leftnav ul{
	position: relative;
	top: 3px;
	z-index: 1002;
}
div#leftnav ul#column
{
	position: relative;
	top: 63px;
}
div#leftnav ul li {
	list-style-type: none;
	text-align: left;
}
div#leftnav ul li a
{
	display: block;
	width: 160px;
	height: 28px;
	margin: 0px 0 0 0;
	/*margin-top: 0px; /*Margin-top is putting the space between the buttons except for a 1px strip*/
	padding: 8px 0px 0px 15px;
	font-size: 12px;
    font-family: Verdana, Arial, sans-serif;
    font-family: Arial, Tahoma, Helvetica;
	text-decoration: none;
/*	text-align: right;*/
	color: #fff;	
	background-image: url(images/button-black-to-white-gradient4-165x35.png);
	background-repeat: no-repeat;
} 
div#leftnav ul li a:hover
{
	color: #fff;
	background-color: transparent;
	background-image: url(images/button-red-fade-10-134.png);
	background-repeat: no-repeat;
} 


.lvl1
{
	font-size: 12px;
}
div#leftnav ul li a.lvl1
{
	width: 160px;
	height: 25px;
	padding: 3px 0px 0px 20px;
	background-image: none;
	color: #000
}
div#leftnav ul li a.lvl1:hover
{
	color: #f00;
	outline:none; 
}


/*Right navigational column*/
div#rightnav {
    position: absolute;
	left: 640px;
	top: 0px;
	font-size: 12px;
	font-weight: bold;
	font-weight: normal;
    width: 160px;
	height: 493px;
    margin: 0px 0 0 0;
	padding: 6px 3px 0 0;
	border-left: 0px solid #900;
	background-image: url(images/steel-tread-background.jpg);
	background-repeat: repeat;
	background-image: url(images/navbar-gradient-right-black-165x35.png);
	background-repeat: repeat-y;
} 
div#rightnav ul{
}
div#rightnav ul li {
	list-style-type: none;
	text-align: left;
	margin: 0px;
}
div#rightnav ul li a
{
	display: block;
	width: 160px;
	height: 28px;
    font-family: Verdana, Arial, sans-serif;
    font-family: Arial, Tahoma, Helvetica;
	/*margin-top: 0px; /*Margin-top is putting the space between the buttons except for a 1px strip*/
	padding: 8px 0 0px 0px;
	text-decoration: none;
	text-align: right;
	color: #fff;	
	background-image: url(images/button-black-to-white-gradient-165x135-reverse.png);
	background-repeat: no-repeat;
} 

div#rightnav ul li a:focus
{
	color: #fff;
	background-color: transparent;
	background-image: url(images/button-red-fade-10-160-reverse.png);
	background-repeat: no-repeat;
}
div#rightnav ul li a:hover
{
	color: #fff;
	background-color: transparent;
	background-image: url(images/button-red-fade-10-160-reverse.png);
	background-repeat: no-repeat;
} 
div#rightnav ul li a:active
{
	color: #fff;
	background-color: transparent;
	background-image: url(images/button-red-fade-10-160-reverse.png);
	background-repeat: no-repeat;
}

div#rightnav ul li a.lvl1 
{
	background-image:none;
	font-size: 12px;
	text-decoration:underline;
	text-align: left;
	color:#000000;
	height:15px;
	padding:3px 0 0 8px;
	width:160px;
}

div#rightnav ul li a.lvl1:hover
{
	color: #f00;
}
div#rightnav ul li a.labeltext /*Positioning the text after using "text-align: right; which puts it ALL THE WAY to the right*/
{
	padding-left: 5px;
	padding-right: 10px;
	width: 145px;
}



h1
{
    margin-top: 1px;
    margin-bottom: 1px;
    font-size: 48px;
    text-align: center;
    font-style: italic;
    color: #f00;
}
		
h2
{	
    margin-top: 1px;
    margin-bottom: 1px;
    font-size: 24px;
    text-align: center;
    font-style: italic;
	color: #FFD222;
	color: #990000;
}	
		
h3
{
    margin-top: 1.58em;
    margin-bottom: .33em;
    font-size: 20px;
    padding-top: 0;
    padding-bottom: 0;
    border-top: 0;
    border-bottom: 0;
    text-align: center;
    font-style: italic;
}
h4
{
    margin-top: 1em;
    margin-bottom: .33em;
    font-size: 16px;
    padding-top: 0;
    padding-bottom: 0;
    border-top: 0;
    border-bottom: 0;
    text-align: center;
    font-style: italic;
}

img#rightsideimage
{
	position: relative;
	left: 625px;
	top: 76px;
	width: 200px;
}
img#rightsideimagefamily
{
	position: relative;
	left: 625px;
	top: 65px;
	width: 200px;
}
.noborder
{
	border: 0px solid #000;
	
}

a:link
{
	text-decoration: underline;
	color: #000;
}
a:visited
{
	text-decoration: underline;
	color: #900;
}

a:focus
{
	text-decoration: underline;
	color: #f00;
}

a:hover
{
	text-decoration: underline;
	color: #f00;
}

a:active
{
	text-decoration: underline;
	color: #f00;
}


/*Footer Section*/
div#footer {
	position: absolute;
	top: 499px;
	left: -1px;
	z-index: 1;
    clear: both;
	width: 775px;
	height: 90px;
	margin: 0 0 0px 0px;
	padding: 5px 5px 15px 21px;
    font-size: 11px;
    color: #f00;
    background-color: transparent;
    border-top: 0px solid #900;
	border-bottom: 0px solid #900;
    text-align: center;
	background-image: url(images/handymanworks-background-header-gradient-strip-black-white-red-800x1.png);
	background-position: center;
	background-attachment: scroll;    
    background-repeat: repeat-y;
} 
.footgbar
{
	position: relative;
	left: 386px;
	top: -5px;
	 
}
.footcontent
{
	position: relative;
	left: 0px;
	top: -110px;
	 
	font-size: 11px;
}

/*Footer navlist*/
/*Browsers use different amounts of margin above paragraphs and headings. It is safe to remove all top margins, as long as there are bottom margins to keep the paragaphs and headings seperate from elements below them.*/
ul#navlist {
	font-size: 12px;
    font-family: Verdana, Arial, sans-serif;
    font-family: Arial, Tahoma, Helvetica;
    list-style-type: none;
    text-align: center;
    width: 100%; /*make the entire list into a navigation bar*/
    color: #000;
	background-color: transparent;
	width: 650px;
	margin: auto;
}
ul#navlist li {
    display: inline;
	background-color: transparent;
	background-image: url(images/null.jpg);
	background-repeat: repeat-x;

}
ul#navlist li a {
    width: 5em;
    color: #000;
    padding: 0 .5em; /*put each list item into a box*/
    text-decoration: none;
    border-right: 2px solid #900; /*set a border to the right of the list items to separate them – instead of using | */
	background-color: transparent;
}
ul#navlist li a:hover { /*Set the hover rollover effect*/
    background-color: transparent;
    color: #990000;
	background-image: url(images/handymanworks-background-header-gradient-4-65x18.png);
	background-image: url(images/conical-gradient-llcorner-165x35.png);
	background-repeat: no-repeat;
	background-position: left;
}
ul#navlist li a.noborder { /*No "border" divider on the rightmost item*/
    border-right: none;
}
 
/*Footer end-copyright*/
#copyright
{
	font-family: Verdana, Arial, sans-serif;
    font-family: Arial, Tahoma, Helvetica;
    font-size: 9px;
	color: #000;
    list-style-type: none;
	background-color: transparent;
}
ul#end {
	font-size: 9px;
}
ul#end li {
	padding: 0 5px 0 5px;
    display: inline;
    border-right: 2px solid #900;
    font-size: 10px;
    line-height: 15px;
    list-style-type: none;
	background-color: transparent;

}
ul#end li a {
    text-decoration: underline;
	color: #000;
	background-image: url(images/null.png);
	background-repeat: repeat-x;
	font-size: 10px;
}
ul#end li a:link
{
    font-weight: normal;
}
ul#end li a:visited
{
    font-weight: normal;
	color: #000;
}

ul#end li a:active
{
    font-weight: normal;

}

ul#end li a:hover
{
    color: #990000;
	background: #fff; 
    font-weight: normal;
	background-image: url(images/handymanworks-background-header-gradient-4-176x35.png);
	background-image: url(images/conical-gradient-llcorner-165x35.png);
	background-repeat: no-repeat;
	background-position: left;
}

ul#end li.noborder { /*No "border" divider on the rightmost item*/
    border-right: none;
}

.smalltext
{
	font-size: 10px;
}
/* Image Cycler */
div#imageshow
{
	position: absolute;
	left: 625px;
	top: 20px;
	z-index: 1001;
	width: 160px;
}
.bold
{
	font-weight: bold;
}
.italics
{
	font-style:italic;
}
.underline
{
	text-decoration: underline;
}
.firstul
{
	margin: 0 0 0 40px;
}
.secondul
{
	margin: 0 0 0 17px;
	list-style-image: url(images/dash.png);	
	list-style-type: circle;
	list-style-image: url(images/dash.png);	
}
.smallfont
{
	font-size: smaller;
}
.mediumfont
{
	font-size: 10px;
}
.center
{
	text-align: center;	
}
.largerfont
{
	font-size: 14px;
}
.darkred
{
	color: #990000;
}
.black
{
	color: black;
}
.darkred
{
	color: #990000;
}
.underline
{
	text-decoration:underline;
}
.narrowtext
{
	width: 460px;
}
h1#providing
{
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-style: normal;
	font-weight: normal;
}

div#testimonial1
{
	position: absolute;
	left: 640px;
	top: 420px;
	width: 140px;
	text-align:center;
}
div#testimonial2
{
	position: absolute;
	left: 640px;
	top: 485px;
	width: 140px;
	text-align:center;
}
div#testimoniallist
{
	position: absolute;
	left: 655px;
	top: 62px;
	width: 131px;
	height: 1219px;
	padding: 0 3px 0 3px;
	text-align:center;
	background-image: url(images/testimonial-background-gradient2-160x1.png);
	background-position: center;
    background-repeat: repeat-y;
	border: 3px groove #9a9a9a;
	border: 3px groove #900;
}
div#testimoniallist h3
{
	margin-top: 20px;	
}
img#shadowleft
{
	position: absolute;
	left: 643px;
	top: 68px;
	height: 1222px;	
	width: 12px;
	z-index: 1;
}
img#shadowbottom
{
	position: absolute;
	top: 1290px;
	left: 656px;
	width: 130px;
	height: 12px;
	z-index: 1;
}
img#shadowcorner
{
	position: absolute;
	top: 1290px;
	left: 644px;
	width: 12px;
	height: 12px;
	z-index: 1;
}
.testimonialfont
{
	font-size: 10px;
}
.testimonialfontsmall
{
	font-size: 9px;
}
.lineheight
{
	line-height: 1.5em;
}
.footerkeywords 
{
    color:#9D9D9D;
    font-size:8pt;
    text-align:center;
}

/* Garden Home Sale Coupon */
a#ghscouponm /* Coupon notice in Marquee*/
{
    color: #1c057f;
    color: #44509c;
    color: #900000;
    font-weight: bolder;

}
a#ghscouponm:hover
{
    color: #ff0000;
}

.grass
{
    color: green;
}
div#ghscoupon
{
    position: relative;
    left: 250px;
    top: -225px;
    padding: 10px;
    border-color: #f00;
    border-style:dotted;
    width: 190px;
    text-align:center;

}
div#ghscoupon:hover
{
     border-color: green;
}
div#ghscoupon:hover span#grass
{
    color: #005400;
    color: green;
}
a#ghscoupona:link
{
    color: #44509c;
    color: #900000;
}
a#ghscoupona:visited
{
    color: #f00;
}
a#ghscoupona:focus
{
    color: #f00;
}
a#ghscoupona:hover
{
    color: #900;
}
a#ghscoupona:active
{
    color: #f00;
}
a#ghscoupona span#grass
{
    color: green;
    color: #005400;
        font-size:14px;
        font-weight: bolder;
}
a#ghscoupona span#grass:hover
{
}
div#ghscoupon span#text1
{
    color: #900000;
        font-size:14px;
        font-style: italic;
        font-weight: bolder;
}
div#ghscoupon span#text2
{
    color: #900000;
       font-size:14px;
        font-style: italic;
        font-weight: bolder;
}
div#ghscoupon span#text3
{
    color: #900000;
        font-size:14px;
        font-style: italic;
        font-weight: bolder;
}
div#ghscoupon:hover span#text1
{
    color: #f00;
}
div#ghscoupon:hover span#text2
{
    color: #f00;
}
div#ghscoupon:hover span#text3
{
    color: #f00;
}
/* End of Garden Home Sale Coupon */