@charset "utf-8";
#container { width:100%; margin:auto; padding:0px; overflow:auto; }
#header { margin:0px; padding:0px; width:100%; overflow:auto; background-color:#FFFFFF; background-image:url(/ui/images/bg.gif); background-repeat:repeat-x; background-position:top; }
#banner { width:900px; margin:0px auto; position:relative; background-image:url(/ui/images/banner.gif); background-repeat:no-repeat; background-position:top left; overflow:auto; }
#logo { float:left; margin:0px auto; width:900px; position:relative; }
#pet-boarding { width:500px; text-align:right; position:absolute; right:0px; top:0px; }
#pet-boarding h1 { line-height:1.4em; font-family:"Cooper Black", Calibri, "Lucida Grande", Helvetica, "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-weight:normal; color:#B22025; font-size:3.2em; }
#pet-boarding p { padding-top:55px; }
#services-container { width:100%; background-image:url(/ui/images/services.gif); background-repeat:repeat-x; background-position:top; overflow:auto; clear:both; }
#services { overflow:auto; clear:both; width:900px; background-color:#F1F1F1; background-image:url(/ui/images/services.gif); background-repeat:repeat-x; background-position:top; margin:0px auto; }
#services .service { width:25%; float:left; }
#services .service div { padding:0px 0px 4px 0px; margin:4px 4px 0px 0px; }
#services .service div p { padding:4px; background-color:#F1F1F1; }
#services .service h1 { font-size:15px; padding:4px; background-color:#F1F1F1; }
#services .service h1.heading { background-color:#A22300; height:150px; padding:0px; margin-bottom:4px; }
#services .service h1.heading a { color:#FFFFFF; background-image:url(/ui/images/px.gif); background-repeat:no-repeat; background-position:top center; height:150px; text-indent:-7777px; display:block; }
#services #dog-sitting h1.heading { background-image:url(/images/callouts/dog-sitting.jpg); }
#services #dog-boarding h1.heading { background-image:url(/images/callouts/dog-boarding.jpg); }
#services #cat-care h1.heading { background-image:url(/images/callouts/cat-condos.jpg); }
#services #reservations h1.heading { background-image:url(/images/callouts/reservations.jpg); }
#services #spotlight h1.heading { background-image:url(/ui/images/services/design-spotlight.jpg); }
#services .service #reservations { margin-right:0px; }
#services div.thumb { text-align:center; }
#services div.thumb a.wide { border:1px solid; padding:1px; border-color:#EAEAD8; display:block; margin:0 auto; width:176px; height:96px; }
#services div.thumb a.wide img { padding:5px; border:3px solid #EAEAD8; }
#services div.thumb a:hover.wide img { border-color:#CCCCCC; }
#services ul { border-left:5px solid; border-color:#E85E00; }
#services ul ul { border-left:none; border-color:#E85E00; font-size:inherit; }
#services ul li a { color:#666666; border-color:#E6E6E6; }
#services ul li a:hover { border-color:#FFCC00; color:#333333; background-color:#FFCC00; }
#services blockquote { background-image:url(/ui/images/blockquote.gif); background-repeat:no-repeat; background-position:5px top; border-left:5px solid; border-color:#E85E00; color:#C14E00; font-style:italic; font-family:"Georgia", "Times New Roman", Times, serif; padding:0px 0px 0px 5px; text-indent:16px; }
#locations { background-color:#F7F7F7; width:900px; margin:0px auto; padding:0px; overflow:visible; }
#locations .location { width:25%; padding:0px; margin:0px; float:left; }
#locations .ohio, #locations .michigan { float:left; width:25%; background-color:#CCCCCC; padding:20px 0px; text-align:center; }
#location-info .location { float:left; width:215px; padding:5px; }
.pet-cams { float:left; text-align:center; width:440px; height:280px; position:relative; }
#difference h1 { font-family:"Cooper Black", Calibri, "Lucida Grande", Helvetica, "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-weight:normal; color:#003196; font-size:30px; }
#rightbar h1 { font-size:16px; color:#B22025; }
#rightbar h2 { color:#4162BD; }
#body { margin:0px auto; padding:0px; width:900px; overflow:auto; clear:both; background-color:#F7F7F7; }
#sidebar { width:25%; float:left; padding:0px; background-color:#F7F7F7; }
#sidecontent { padding:5px; }
#sidenav { padding:0px; list-style:none; margin:0px; float:left; }
#sidenav > li { display:block; }
#sidenav li a { padding:17px 0px 17px 10px; display:block; font-size:1.2em; background-color:#FFFFFF; margin-top:5px; }
#mainbar { padding:0px; margin:0px; float:right; overflow:auto; background-color:#fdfdfd; width:75%; }
#maincontent { padding:5px; }
#widebar { clear:both; padding:0px; background-color:#FFFFFF; overflow:hidden; width:100%; margin:0px; }
#leftbar { width:50%; float:left; }
#rightbar { width:50%; float:right; }
#footer { clear:both; text-align:center; margin:0px auto; color:#999999; width:900px; background-color:#FFFFFF; }
#footer h1 { color:#999999; font-weight:normal; font-size:1.6em; }
#footer h2 { color:#CCCCCC; font-size:1.8em; }
#footernav { font-weight:bold; color:#666666; padding:10px 0px; background-color:#fafafa; background-color:#f7f7f7; }
#footernav ul { margin:0 auto; padding:0px; list-style:none; font-size:1.4em; text-align:center; }
#footernav ul li { margin:0px; padding:0px 5px; display:inline; border-right:1px solid #777; }
#footernav ul li.last { border-right:none; }
#footernav ul li a { display:inline; margin:0; padding:0px 5px; color:#585858; font-weight:normal; }
#footernav ul li a:hover { color:#B22025; }
#legal { padding:10px 0px; background-color:#efefef; clear:both; }
#legal a { color:#9999A8; }
.content { padding:5px; }
.big { font-size:1.4em; }
#alert { color:#FFFFFF; background:#76B41C url(/ui/images/alert.gif) no-repeat scroll 3px center; padding:6px; padding-left:40px; }
#alert a { color:#FFFFFF; text-decoration:underline; }