/* TLC Domestic Services CSS Document */

body { margin: 0; padding: 0; background: url(images/sitebg.jpg) repeat-x #fff; font-family: Arial, sans-serif; font-size: 1em; }
h1, h2, h3, h4 { margin: 0; padding: 0; }
h1 a { display: block; height: 150px; width: 375px; margin: 0 0 0 20px; background:url(images/logo.jpg) no-repeat; text-indent: -9999px; } 
img { border: 0; }
ins { text-decoration: none; }

#entire { width: 900px; margin: 0 auto; }

p#callus { display: inline; float: right; height: 81px; width: 338px; margin: 40px 20px 0 0; background: url(images/callus.jpg) no-repeat; text-indent: -9999px; }

ul#nav { padding: 0 20px; margin: 0 1px; list-style: none; }
ul#nav:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 
ul#nav li { float: left; height: 40px; position: relative;  } 
ul#nav li a { display: block; width: 1%; min-width: 100%; height: 40px; line-height: 40px; padding: 0 8px; margin: 0 0 0 2px; color: #fff; text-decoration: none; white-space: nowrap; }
ul#nav li a:hover { background-position: 0 -40px; }
ul#nav li b { position: absolute; display: block; height: 40px; top: 0; }
ul#nav li b#ns { width: 20px; left: -20px; }
ul#nav li b#ne { width: 22px; right: -22px; }

#content { width: 610px; padding: 20px 25px; height: 1%; position: relative; float: left; display: inline; }
#content:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
#content p { font-size: 0.85em; color: #666; line-height: 1.5; margin: 10px 0; }
#content p a { color: #333; }
#content .error { color: #c00; font-weight: 700; } 
#content img.map { float: none; width: 498px; margin: 0 auto 45px auto;  }
#content h2 { display: block; width: 175px; height: 210px; float: right; }
#content h2 a { display: block; height: 187px; width: 394px; top: 25px; right: -215px; position: absolute; text-indent: -9999px; }
#content h3 { color: #666; padding: 0; margin: 0; font-size: 1em; font-weight: 100; text-decoration: underline;}
#content ul { list-style: square; }
#content ul li { color: #777; line-height: 1.6; font-size: 0.85em; }

#info { float: left; width: 595px; margin: 0 25px 15px 25px; padding: 0 20px; position: relative; display: inline; }
#info:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
#info p { font-size: 0.85em; color: #666; line-height: 1.4; margin: 8px 0; }
#info h3 { height: 30px; color: #666; line-height: 30px; padding: 0; margin: 0; font-size: 1em; font-weight: 100; background: url(images/infobar.gif) repeat-x; position: relative; }
#info h3 b { position: absolute; top: 0; height: 30px; width: 20px; display: block; }
#info h3 b.il { left: -20px; background: url(images/infobarl.gif) no-repeat; }
#info h3 b.ir { right: -20px; background: url(images/infobarr.gif) no-repeat; }
#info b { position: absolute; top: 30px; height: 250px; width: 1px; display: block; }
#info b.il { left: 0; background: url(images/infoside.gif) no-repeat; }
#info b.ir { right: 0; background: url(images/infoside.gif) no-repeat; }

#info ul { list-style: none; }
#info ul li a { font-size: 0.85em; color: #363; line-height: 1.8; }
#info ul li a:hover { color: #6c6; }

.rside { float: right; display: inline; margin: 240px 0 0 0; width: 213px; }
.rside img { margin: 0 0 0 10px; }
a#book { display: block; height: 280px; width: 188px; margin: 0 0 18px 0; background: url(images/book.jpg) no-repeat; text-indent: -9999px; }

blockquote { float: right; width: 160px; display: inline; margin: 15px 28px 15px 0; padding: 35px 10px 0; background: url(images/testimonial.gif) no-repeat; font-size: 0.8em; color: #999; }
blockquote em { padding: 4px 0 0 23px; background:url(images/openquotes.gif) no-repeat; line-height: 1.4; }
blockquote em b { padding: 0 12px; margin: 0 0 0 13px; background: url(images/closequote.gif) no-repeat; }
blockquote strong { display: block; margin: 9px 0 0 0; text-align: right; }

#footer { clear: both; height: 31px; line-height: 31px; text-align: right; padding: 0 12px; margin: 0 0 20px 0; position: relative; }
#footer b { position: absolute; display: block; height: 31px; width: 31px; top: 0; }
#footer b#fs { left: 0; }
#footer b#fe { right: 0; }
#footer a { height: 31px; display: block; float: right; padding: 0 20px; }
#footer a.thissite { color: #fff; font-weight: 700; text-decoration: none; font-size: 0.8em; }
#footer a.devsite { color: #ccc; text-decoration: none; font-size: 0.8em; }

#content label { width: 200px; float: left; text-align: right; line-height: 30px; padding: 0 5px 0 0; font-size: 16px; color: #666; }
#content form { margin: 40px 0 0 0; }
#content .inputs { float: left; width: 400px; text-align: left; line-height: 30px; padding: 2px 0 0 0; height: 1%; } 
.inputs em { font-size: 16px; color: #2a5fa3; }
.inputs input.x1 { font-family: Times New Roman, sans-serif; font-size: 18px; color: #666; width: 300px; padding: 2px 0 2px 3px; border: 1px solid #2a5fa3; }
.inputs input.x2 { color: #666; width: 61px; padding: 4px 0 0 4px; border: 0; margin: 4px 0 0 0 ; }
.inputs select { font-family: Times New Roman, sans-serif; font-size: 18px; color: #666; width: 304px; border: 1px solid #2a5fa3; margin: 2px 0 1px 0; }
.inputs textarea { font-family: Times New Roman, sans-serif; font-size: 17px; width: 296px; color: #666; height: 100px; padding: 3px; border: 1px solid #2a5fa3; }
#content div.regbutton { padding: 0 0 0 205px; margin: 10px 0 0 0; width: 320px; font-size: 10px; }
#content div.regbutton input { width: 170px; font-size: 16px; margin: 5px 0 0 0; }
#content .box { float: left; display: block; width: 400px; padding: 0; margin: 0; text-align: left; }
#content .ticks { height: 22px; line-height: 22px;  margin: 0; width: 400px; padding: 0 0 5px 0; }
#content .ticks input { width: 40px; margin: 5px 0 0 0;  }
#content .ticks label { padding: 0 0 0 5px; width: 400px; text-align: left; }