@charset "utf-8";
/* Hartford Despatch CSS 
Author: EW
Date created: 03.30.09
*/

* { margin: 0; padding: 0; }
body { background: url(../images/background.png) repeat-x; background-color: #dcdcdc; color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.clear { clear: both; }
#wrapper { margin: 0 auto; width: 940px; }

/* Header */
#header { background: url(../images/header-back.png) repeat-x; height: 90px; }
#social { float:left; padding-top:25px; }
#social img { margin:0px 5px; border:none; }
.logo { border: none; float: left; }
#header-int { background: url(../images/header-int-back.png) no-repeat; float: right; height: 83px; padding: 7px 0 0 0; width: 250px; }
.phone { background: url(../images/phone-back.png) no-repeat; color: #fff; font-size: 18px; margin: 0 0 0 75px; }

/* Menu */
#menu { background: url(../images/menu-back.png) no-repeat; height: 40px; }
#menu ul { list-style: none; }
#menu li { display: block; float: left; }
#menu a { color: #fff; font-weight: bold; line-height: 40px; height:40px;text-decoration: none; display:block; text-align:center;}
#menu a.first {}
#menu a:hover { background: url(../images/menu-ovr-back.png) repeat-x; color: #000; }
#menu a.first:hover { background: url(../images/home-ovr-back.png) no-repeat top left; }
#menu a.last:hover { background: url(../images/last-ovr-back.png) no-repeat -138px 0;}
#menu a.active { background: url(../images/menu-ovr-back.png) repeat-x; color: #000; }
#menu a.left-active { background: url(../images/home-ovr-back.png) no-repeat top left; color: #000; }
#menu a.last-active { background: url(../images/last-ovr-back.png) no-repeat -138px 0; color: #000; }

#menu a#aHome {width:90px; text-align:right; padding-right:34px;}
#menu a#aCommercial {width:169px;}
#menu a#aMoving {width:151px;}
#menu a#aStorage {width:206px;}
#menu a#aConnecticut {width:128px;}
#menu a#aContact {width:140px;}



/* Quote */
#quote { background: url(../images/quote-back.jpg) no-repeat; height: 255px; }
#quote-int { float: right; padding: 0 22px 0 0; width: 446px; }
p.quote-header { color: #000; font-size: 28px; font-weight: bold; padding: 0 0 5px 15px; }
#quote-int label { color: #fff; font-weight: bold; padding: 0 0 0 15px; }
.quoteform { background: url(../images/input-back.png) repeat-x; border: solid #fff 2px; color: #444; font-size: 11px; height: 13px; margin: 3px 0 15px 15px; padding: 3px 0 3px 5px; width: 120px; }
.quoteform2 { background-color: #fff; border: solid #fff 2px; color: #444; font-size: 11px; height: 23px; margin: 3px 0 15px 15px; padding: 0 0 0 5px; width: 130px; }
.quotebutton { padding: 10px 0 0 0; }

/* Main */
#main { background: url(../images/main-back.png) repeat-y; padding: 0 40px 20px 40px; }
p.crumbs { border-bottom: solid #ddd 1px; font-size: 11px; font-weight: bold; margin: 0 0 20px 0; padding: 0 0 3px 0; }
#left-index { float: left; width: 475px; }
#right-index { float: right; width: 345px; }
p.header2 { background: url(../images/quarter.jpg) no-repeat; color: #000; font-size: 14px; font-weight: bold; line-height: 120%; padding: 3px 0 20px 50px; }
ul.checklist { list-style: none; padding: 0 0 10px 0; }
ul.checklist li { background: url(../images/check.png) no-repeat; font-size: 11px; padding: 0 0 20px 35px; }
p.locations-header { background: url(../images/quarter.jpg) no-repeat; color: #000; font-size: 18px; font-weight: bold; line-height: 120%; padding: 8px 0 20px 55px; }
p.locations-header-int { color: #000; font-size: 18px; font-weight: bold; line-height: 120%; padding: 8px 0 20px 0; }
ul.locations { color: #000; padding: 0 0 0 20px; }
ul.locations li { padding: 0 0 10px 0; }
ul.page { border: none; color: #444; padding: 0 0 10px 20px; }
ul.page li { font-size: 12px; padding: 0 0 7px 0; line-height:150%; }

/* Interior */
#left { float: left; width: 590px; }
#right { float: right; width: 230px; }
#sidemenu { background-color: #444; border: solid #666 1px; margin: 0 0 20px 0; }
#sidemenu p.sidemenu-header { background: url(../images/sidemenu-header.png) repeat-x; color: #fff; font-size: 14px; font-weight: bold; padding: 6px 0 4px 15px; }
#sidemenu ul { list-style: none; }
#sidemenu li a { border-top: solid #666 1px; display: block; padding: 10px 15px; }
#sidemenu li a:hover { background-color: #000; }
#sidemenu li.on { background-color: #000; color: #fff; font-weight: bold; text-decoration: none; }
#sidemenu li a.sidebar-active { background-color: #000; color: #fff; font-weight: bold; text-decoration: none; border-top: solid #666 1px; display: block; padding: 10px 15px; }
#sidemenu a:hover { color: #fff; }
#mapquest { float: right; margin: 0 0 0 20px; }
table.contact { background-color: #eee; border: solid #ccc 1px; margin: 0 0 10px 0; width: 100%; }
table.contact td { padding: 10px; }
table.contact label { color: #000; font-weight: bold; }
table.contact .contactform { border: solid #ccc 1px; font-size: 11px; height: 13px; margin: 3px 0 0 0; padding: 3px 0 3px 5px; width: 160px; }
table.contact .contactform2 { border: solid #ccc 1px; font-size: 11px; height: 70px; margin: 3px 0 0 0; padding: 3px 0 3px 5px; width: 550px; }

/* Footer */
#footer { padding: 0 22px 20px 22px; }
#footer a { color: #555; font-weight: normal; text-decoration: none; }
#footer a:hover { color: #000; text-decoration: underline; }
#footer p { font-size: 11px; line-height: 200%; }
#footer p.left-footer { float: left; }
#footer p.right-footer { float: right; text-align: right; }

#footer dl { margin-bottom:12px;}
#footer .ft_addr {float:left; width:166px;}
#footer .ft_addr a {font-weight:bold;}
#footer .ft_help {float:left; width:130px;}
#footer .ft_resident {float:left; width:274px;}
#footer .ft_comm {float:left; width:166px;}
#footer .ft_storage {float:left; width:156px;}
#footer .ft_resident dl {float:left; margin-right:24px;}
#footer dt {font-size:12px; font-weight:bold; margin-bottom:4px;}
#footer dt a {font-weight:bold;}
#footer dd {font-size:11px; margin-bottom:4px;}

#ft_copyright {padding-top:12px; border-top:1px solid #ccc;}


/* Text Styles */
p { line-height: 160%; padding: 0 0 20px 0; }
h1 { color: #000; font-size: 24px; padding: 0 0 10px 0; }
h2 { color: #000; font-size: 14px; }
strong { color: #000; }
a { color: #f80; font-weight: bold; }
a:hover { color: #000; }

/* Image Styles */
.page { border: solid #ddd 1px; float: left; margin: 0 15px 0 0; padding: 2px; }
.page2 { float: right; margin: 0 0 0 30px; }
.right { float: right; }

/* Locations Page */
#locations ul { float:left; margin-left:20px; margin-right:35px; line-height:160%; }
#locations ul.last { margin-right:0px; }