/* NYC-Handyman Plus - Stylesheet - Developed by the handyman John Brennan - July, 2007NYC */

html {
scrollbar-base-color: #FBB117;
scrollbar-arrow-color: white;
scrollbar-track-color: #D8D8D8;

scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black; 
scrollbar-darkshadow-color: white;

scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;
}

body{background-image:url('images/nyc_graybrck.jpg'); background-repeat:repeat}

/* Content Area */
#wrap{width: 800px; height: 500px; margin-left: auto; margin-right: auto; padding: 0; text-align:center;}

/* Border Styles */
#header{width: 800px; height: 40px; float: none; margin: 0; padding: 0; background-image:url('images/header.gif'); background-repeat:no-repeat}

/* #colLeft{width: 40px; height: 100px; float: left; margin: 0; padding: 0;}
#colRight{width: 40px; height: auto; float: left; margin: 0; padding: 0;}  */

#footer{width: 800px; height: 70px; float: left; margin: 0; padding: 0; background-image:url('images/footer.gif'); background-repeat:no-repeat}

/* Content Areas */
#contentContainer{width: 720px; float:left; margin: 0; text-align: left; background-color: #FFFFFF; background-image:url('images/contentBg.gif'); background-repeat: repeat; padding-left:40px; padding-right:40px; padding-top:0; padding-bottom:0}

#logo{width: 300px; height: 90px; float:left; margin: 0; padding: 0;}
#freephone{width: 400px; height: 90px; float:right; margin: 50; padding: 0;}
#contentLeft{width: 200px; float:left; margin: 0; padding: 0;}
#contentRight{width: 500px; float:right; margin: 0; padding: 0;}
#contentMain{width: 450px; float: left; margin: 10px 0 0 15px; padding: 0;}

/* left-hand Nav */
#leftMenu ul{padding: 0; margin: 0 0 30px 0; font: 65% Verdana, Arial, Helvetica, sans-serif; width:190px; color: #990000; float: left;}
#leftMenu li{display: block; background-image:url('images/menuBG.gif'); background-repeat: no-repeat;list-style-type: none; margin: 0; padding-left:15px; padding-right:0; padding-top:7px; padding-bottom:5px; background-position-y:50%}
#leftMenu li a{color: #990000; text-decoration: none;}
#leftMenu li a:hover{color: #FCA610; text-decoration: none;}

/* Homepage Left and Right Columns */
#hpColLeft{float:left; width: 220px; padding-right: 20px; text-align:left; background-image:url('images/verticalDotHP.gif'); background-repeat:repeat-y; height: 200px; margin-left:10px; margin-right:0; margin-top:10px; margin-bottom:10px}
#hpColRight{float:right; width: 220px; padding: 0; margin: 10px 0 10px 0; height: 200px;}
#hpColLeft2{background-color: #FFE9E3; float:left; width: 190px; text-align:left; background-image:url('images/handyTipsIcon.gif'); background-repeat:no-repeat; background-position:  right bottom; height: 150px; border: 1px dashed #CC0806; margin-left:10px; margin-right:30px; margin-top:10px; margin-bottom:10px; padding-left:15px; padding-right:10px; padding-top:10px; padding-bottom:0}
#hpColRight2{background-color: #FEE7BA; float:right; width: 190px; text-align:left;background-image:url('images/referrerIcon.gif'); background-repeat:no-repeat; background-position:  right bottom; height: 150px; border: 1px dashed #FCA610; margin-left:0; margin-right:5px; margin-top:10px; margin-bottom:10px; padding-left:15px; padding-right:10px; padding-top:10px; padding-bottom:0}

/* Main Content Area */
#contentColLeft{float:left; padding: 0; text-align:left; background-image:url('images/verticalDot.gif'); background-repeat:repeat-y; margin-left:0; margin-right:10px; margin-top:10px; margin-bottom:0}
#contentColRight{width: 180px; float:left; padding-left: 15px; margin: 10px 0 0 0;}
#hpColRightNavlist ul, #colRightNavlist ul{width: 200px; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #CC0000; padding: 0; margin: 0;}
#colRightNavlist li{margin: 0; line-height: 160%; background-image:url('images/orangeSquare.gif'); background-repeat: no-repeat; background-position: 0px 6px; list-style-type: none; padding-left:15px; padding-right:0; padding-top:0; padding-bottom:5px}
#hpColRightNavlist li{margin: 0; line-height: 150%; background-image:url('images/orangeSquare.gif'); background-repeat: no-repeat; background-position: 0px 6px; list-style-type: none; padding-left:15px; padding-right:0; padding-top:0; padding-bottom:5px}
#hpColRightNavlist li a{text-decoration: none; color:#CC0000; border-bottom: 1px dashed #990000;}
#colRightNavlist li a{text-decoration: none; color:#CC0000;}
#hpColRightNavlist li a:hover, #colRightNavlist li a:hover{text-decoration: none; color:#FCA610; border-bottom: 1px dashed #FCA610;}
#servicesList ul, #areasCovered ul{width: 180px; font: 65% Verdana, Arial, Helvetica, sans-serif; color: #666666; padding: 0; margin: 5px 0 20px 0;}
#servicesList li, #areasCovered li{margin: 0; line-height: 160%; list-style-type: none; background-image:url('images/orangeSquare.gif'); background-repeat: no-repeat; background-position: 0px 6px; padding-left:15px; padding-right:0; padding-top:0; padding-bottom:0}
#areasCovered ul{margin-left: 30px;}

#links ul{font: 65% Verdana, Arial, Helvetica, sans-serif; color: #666666; padding: 0; margin: 5px 0 20px 0;}
#links li{margin: 0; line-height: 160%; list-style-type: none; background-image:url('images/orangeSquare.gif'); background-repeat: no-repeat; background-position: 0px 6px; padding-left:15px; padding-right:0; padding-top:0; padding-bottom:8px}
#links li a{ text-decoration: none; color: #666666;}
#links li a:hover{ text-decoration: none; color: #CC0000;}


/* FONTS */
h1{font: 130% Arial, Helvetica, sans-serif; color: #CC0000; margin: 0 0 20px 0; padding: 0; font-weight:bold;}
h1 .orange{color: #FCA102;}
h1 .small{font-size: 80%;}
h2{font: 80% Verdana, Arial, Helvetica, sans-serif; color: #CC0806; margin:0; padding: 0; font-weight:bold;}
h3{font: 70% Verdana, Arial, Helvetica, sans-serif; color: #CC0000; margin: 5px 0 0 0; padding: 0; font-style:italic; font-weight: normal;}
h4{color: #CC0000; margin: 0; font-style:italic; font-weight: normal;background-image:url('images/titleLines.gif'); background-repeat:no-repeat; font-variant:normal; font-size:70%; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:0; background-position-y:50%}
p{font: 70% Verdana, Arial, Helvetica, sans-serif; color: #666666; margin:0; padding: 0 0 10px 0; line-height: 160%;}
p a{color: #CC0806; border-bottom: 1px dashed #990000; text-decoration: none;}
p a:hover{color: #FCA610; border-bottom: 1px dashed #FCA610; text-decoration: none;}
#footer p a{float: left; font-size: 80%; border: 0px none; color: #666666; padding-left:20px; padding-right:0; padding-top:40px; padding-bottom:0}
#footer p a:hover{color: #CC0806;}
.redText{color: #CC0000;}