html {background-image:url(../images/main/main-back.gif); background-position:top; background-repeat:repeat-x; font-family:Arial, Verdana, Helvetica,sans-serif; font-size:15px; text-align:center; padding-top:10px; margin:0;}
body {background:#fff; width:920px; margin:0 auto; text-align:left;  }
a {text-decoration:none; color:#0018cd;}
a:hover, a.here {color:red;}

#main {position:relative; width:100%;}
/*header styles*/
#header-main{float:left; width:920px; height:165px; margin:0; border:0; background:url(../images/header/main-back.gif); font-family:Impact, Arial;}
#header-main h2 {float:right; text-align:right; margin:10px 0 0; background:url(../images/header/mac-maint-repair-01.gif) 0 0 no-repeat; width:770px; height:100px; }
#header-main h2 a {color:#fff; font:8px arial; margin:-25px 0 0; display:block; width:100%; height:100%;}
#header-main h3#phone-number {position:absolute; width:183px; height:50px; left:230px; top:62px; z-index:1; font:24px/50px Impact; text-align:center; color:white; background:url(../images/header/pn-back.gif) center center no-repeat; }
#header-main h3#web-address {position:absolute; right:2px; text-align:right; top:25px; height:20px; margin:0; line-height:20px; padding:180px 0 5px 0; font-size:15px; font-weight:300; color:white; letter-spacing:2px; z-index:1;}
#header-main #macMan {position:absolute; top:5px; right:-10px; width:310px; height:166px; z-index:9998;}

.Air div#macMan {background: url(http://www.macmaintenancerepair.com/images/macguy/airMac.gif) top right no-repeat;}
.Carpet div#macMan {background:url(http://www.macmaintenancerepair.com/images/macguy/vacMac.gif) top right no-repeat;}
.Handyman div#macMan {background:url(http://www.macmaintenancerepair.com/images/macguy/handyMac.gif) top right no-repeat;}
.Power div#macMan {background:url(http://www.macmaintenancerepair.com/images/macguy/washMac.gif) top right no-repeat;}
.Lawn div#macMan {background:url(http://www.macmaintenancerepair.com/images/macguy/lawnMac.gif) top right no-repeat;}
.Odor div#macMan {background:url(http://www.macmaintenancerepair.com/images/macguy/gasMac.gif) top right no-repeat;}
.Sprinkler div#macMan {background:url(http://www.macmaintenancerepair.com/images/macguy/spinklerMac.gif) top right no-repeat;}
.Trash div#macMan {background:url(http://www.macmaintenancerepair.com/images/macguy/trashMac.gif) top right no-repeat;}
.Welcome div#macMan {background: url(http://www.macmaintenancerepair.com/images/macguy/mainMac.gif) top right no-repeat;}

#testimonials {float:left; font-size:14px; color:#fff; background:#000e6e; width:918px; height:50px; margin:0 0 0 -20px; display:inline; padding:0; text-align:left; font-family:Arial, Verdana; background:#000e6e; border-top:1px solid black;}
#testimonials p {margin:8px 0 4px 15px;}
#testimonials i {color:yellow;}

/*All Nav Stuff*/
#nav {font-size:16px; padding:0; margin:0; text-align:center; width:918px; height:28px; border:1px solid black; border-width:1px 1px 0 1px; float:left; font-family:Arial, Helvetica, sans-serif; background:#e80000; position:relative; z-index:1000;}
#nav ul {/* all ul */ padding:0; margin:0; list-style:none; float:left; position:relative;}
#nav li {/* all li */ 	position:relative; float:left; line-height:28px; list-style:none; border-right:1px solid black;}
#nav li ul {/* 2nd ul */ position:absolute; left:-999em; width:300px; border:1px solid black; border-width:0 1px 1px 1px; margin-left:-1px; }
#nav li li {width:300px; text-align:left; }
#nav li ul ul {/* 3rd+ ul */	left:-999em; }
#nav li a {display:block; font-weight:bold; padding:0 30px; color:#fff; background:none;}
#nav li li a {background:#e80000; padding:3px 12px;/*border-width:0 1px 1px 0;*/}
#nav li a.here, #nav li a:active {background:white; color:#000e6e;}
#nav li a:hover {background:white; color:#000e6e;}
#nav li li a:hover {background:#000e6e; color:white;}
#nav li:hover ul ul, #nav li.sfhover ul ul {left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {/* uls under hovered li */ left:auto; }
		
/*All Content Stuff*/	
#content {float:left; width:878px; padding:10px 20px 0 20px; overflow-x:hidden; background:url(../images/body/body-back.gif); background-repeat:repeat; 
 position:relative; border:1px solid black; border:width:0 1px 1px 1px;}
#content-hdr {float:left; width:903px; font-size:20px; font-weight:bold; background:#000e6e; color:white; margin:-10px 0 0 -20px; padding:5px 0 5px 15px; border-top:2px solid white; border-bottom:1px solid black; display:inline;}
#leftcol {float:left; width:348px; margin:0; padding:0; clear:both;}
#leftcol p#red {color:#e80000; font-weight:bold;}
#leftcol p {line-height:20px;}
#leftcol h2 {font-size:14px; color:#000e6e; margin-left:-3px; line-height:18px; text-align:left;} 
#leftcol h3 {font-size:15px; color:black; margin-left:0; line-height:18px; letter-spacing:2px; text-align:center;}
#leftcol h3 b {color:red; font-size:22px;}
#leftcol ul, #rightcol ul {width:328px; margin:0; padding:5px 0 10px 7px; list-style-type:none;}
#rightcol ul {width:500px;}
#leftcol ul li, #rightcol ul li {color:#000e6e; margin:5px 0; background:transparent url(../../images/bullet.gif) no-repeat; background-position:-2px; padding-left:25px; }
#content #page-title-text {position:absolute; right:175px; top:-158px; color:#000e6e; font-size:22px; font-weight:800; letter-spacing:2px;}
#content b#page-title-text {font-size:15px; letter-spacing:0; top:-135px;}
#content img#mac-guy {position:absolute; width:232px; height:157px; right:5px; top:-190px; margin:0; padding:0;}
#content h1 {color:#e80000; font-size:18px;}
#rightcol {float:right; width:520px; margin:35px 0 0 0; padding:0;}
div.aboutmargin#rightcol {margin:5px 0 0 0;}

/*left and right column content divs*/
#left_intro,#left_links,#right_creds,#mascot_image,#intro_text,#right_widget,#map_image,#right_image {float:left; width:100%; margin:5px 0;}
#right_motd {float:right; width:510px; margin:-15px 0 5px 0; padding:0; color:#000e6e; background:url(../images/totd_05.png) no-repeat; border:1px solid #000e6e; }
#right_motd b {display:block; color:#ccc; text-align:left; font-size:16px; padding:0 3px 10px;}
#right_motd p {font-size:13px; font-weight:normal; padding:0 0 5px 10px; margin:0;} 
#right_motd p.big {font-size:13px;}
#right_motd p.bigger {font-size:18px;}
#right_motd p.biggest {font-size:25px;}
#right_motd p i {padding:5px 0 0; display:block; font-size:11px; font-style:normal; color:#777; text-align:right;}
p#timetemp {float:right; width:120px; font-size:12px; text-align:center; padding:0; margin:0 0 0 10px;} 
#slides, div.video {float:right; margin:10px 0; border:1px solid black;}
div.video a {font-size:25px; color:red; line-height:120px;}
a#player {display:block; float:left; clear:both; margin:0; background:#000 url(../video/rotobrush-poster.jpg) center center no-repeat; width:510px; height:370px; text-align:center; }

/*All Contact Stuff*/
#contactform {float:left; width:340px; margin:0 0 0 -45px; padding-bottom:10px;}
form input, 
form textarea, 
form select {float:left; background:#fff; border:1px solid #000e6e; padding:2px; color:#000e6e; width:215px; margin:2px 0; font-family:Verdana, Arial, Helvetica, sans-serif; }
form label {float:left; clear:left; text-align:right; display:block; width:105px; padding:5px 5px 5px 0; font-size:12px;}
form label#hcwhu {width:155px; margin-left:55px;}
form textarea {float:left; height:110px; margin-left:110px;}
form input.button {color:#fff; background:#e80000; width:221px; font-weight:bold;}
form#BB_BuyButtonForm {width:100%; float:left; clear:both; padding:0 0 20px;}
form#BB_BuyButtonForm input.wide {width:230px;}
form#BB_BuyButtonForm input {width:50px;}
form#BB_BuyButtonForm input.button {width:auto;}

#bold {font-weight:bold; color:red;}


/*All Footer Stuff*/
#footer {float:left; width:920px; height:75px; padding:0; margin:0; background:url(../images/footer/footer-back.gif); color:#000e6e; text-align:right;}
#footer h3 {margin:27px 35px 0;}
#footer a {color:red;}

/*Appointment Form*/
#AppointmentForm {float:left; width:510px;  margin:0 0 5px 8px; padding:8px 0 8px 0; border:1px solid black; -moz-border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px; -khtml-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px;}
#AppointmentForm .button {position:static; font-size:20px; float:right; padding:3px 25px; margin:15px 17px;}
#AppointmentForm input.button {font-size:15px; font-family:Arial; padding:0 15px; position:static; margin:0; width:auto;}
#AppointmentForm input.smbutton {width:70%; color:#fff; background:#e80000; padding:2px 45px; float:right; margin:15px 74px 2px 0 ;}
#AppointmentForm input.smbutton:hover {background:white; color:#000e6e;}
#AppointmentForm input, 
#AppointmentForm textarea, 
#AppointmentForm select {background:#eee; border:1px solid #000e6e; padding:3px; color:#000e6e; width:270px; margin:10px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;}
#AppointmentForm label {float:left; clear:left; text-align:right; display:block; width:120px; padding:10px 5px; font-size:16px; font-weight:200;}
#reqapptitle {width:510px; height:45px; border:1px solid black; float:left; text-align:center; color:white; padding-top:20px; margin:0 0 0 8px; font-size:18px; font-weight:300; background:#000e6e;}

/*Classes*/
.slideshow {height:316px; width:510px; }
.slideshow img {border:0;}
.roundcorners {-moz-border-radius:15px;-webkit-border-radius:15px;}
.floatimage {float:left; padding:5px; margin-top:10px;}
.floatimage2 {float:right; padding:5px; margin:2px 28px 0;}
a.cwd {display:block; color:#ccc; text-align:right; font-size:11px;} a.cwd:hover {color:#777;}
.imgborder {border:1px solid #000e6e; border-width:1px 1px 1px 20px;}
.red {color:red;}

/*tooltip macman*/
#heymac{position:absolute; top:-3px; right:135px; width:292px; visibility:hidden; z-index:9999; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}