html { margin: 0;padding: 0;}
body
{
   margin: 0;
   padding: 0 0 20px 0;
   color: #000000;
   background-color: #F0EEE1;
   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
   overflow:scroll;
}

.wrapper
{
   margin: 0 auto;
   width: 940px;
   padding:0;
   position: relative;
}

#header
{
   font: 0.75em/1.7em "MyriadProRegular", "Trebuchet MS", "Arial", "Helvetica", sans-serif;
   margin: 0;
   padding:0;
   height:144px;
   position: relative;
}
#header h1 {margin-top:0px;float:left; width:466px; text-indent:-9999px; background:url(../images/design-quotes-logo-quote.png) no-repeat 0 50%;}
#header h1 a {display: block;height: 105px;}
#nav1 {position:absolute; margin: 45px 0px 0px; letter-spacing: -1px; height:30px; font-size:16px; right: 0; font-weight:bold;}
#nav1 ul {padding: 0; margin: 0;}
#nav1 li {list-style:none;line-height:30px;margin:0 4px 0 0; float:left;}
#nav1 li a {padding:0 0 0 13px;display:block;float:left;color:#3f3f3f;text-decoration:none}
#nav1 li a span {padding:0 13px 0 0;display:block;float:left;height:30px;}
#nav1 li.active a span, #nav1 li a:hover span {background:url(../images/bg-nav-a-short.png) no-repeat 100% 0;}
#nav1 li a:hover, #nav1 li.active a {color:#fff; background:url(../images/bg-nav-a-long.png) no-repeat 0 0;}

label {cursor:pointer}
h2 {margin: 0 0 11px 0; padding:0; font-size: 22px; line-height: 25px; font-family:MyriadProRegular;}
hr.sep {border-top: 1px dotted #d2d2d2;border-bottom: 0;height:1px; margin: 5px 0 4px 0; padding: 0;width:75%;text-align:left; font-size:1px;line-height:1px}
.clear {clear:both;}

.content-split { background-color: #aada5b; position:relative; width: 100%;}
.content-split .tl {font-size: 1px; background: url(../images/contentTopLeft.png) no-repeat; position: absolute; top:0px; left:0px; width:16px; height:16px; }
.content-split .tr {font-size: 1px; background: url(../images/contentTopRight.png) no-repeat; position: absolute; top:0px; right:0px; width:16px; height:16px; }
.content-split .bl {font-size: 1px; background: url(../images/contentBottomLeft.png) no-repeat; position: absolute; bottom:0px; left:0px; width:16px; height:16px; }
.content-split .br {font-size: 1px; background: url(../images/contentBottomRight.png) no-repeat; position: absolute; bottom:0px; right:0px; width:16px; height:16px; }

.side-menu {float:left; padding:0; margin: 16px 0 0 0;}
.side-menu li {padding:0; margin:0; list-style-type:none;line-height:36pt;font-size:18pt;}
.side-menu li a {display:block;width:153px;padding-left:27px;color:#3553a0;font-weight:bold;text-decoration:none;background: url(../images/quote-menu.png) no-repeat 22px -96px;}
.side-menu li.complete a {color:#819ca9;background-position: 22px -48px;}
.side-menu li.complete a .menu-number {visibility:hidden;}
.side-menu li.active {background:#538a39 url(../images/menu-arrow.png) no-repeat 100% 50%;}
.side-menu li a:hover, .side-menu li.active a {color:#FFFFFF;}
.side-menu li.active a {background-position: 22px 0px;}
.side-menu li.active a .menu-number {visibility:visible;}
.side-menu .menu-number {font-size: 15px; padding-right:12px; float: left; color:#FFFFFF; margin-top:0}

#footer { clear: both; margin: 20px 0; font-size: 0.8em; color: #666666; background-color: #E5E3D1; position:relative; width: 100%; }
#footer .padding {padding: 15px;}
#footer .copyright {float: right;}
#footer .tl {font-size: 1px; background: url(../images/footerTopLeft.png) no-repeat; position: absolute; top:0px; left:0px; width:16px; height:16px; }
#footer .tr {font-size: 1px; background: url(../images/footerTopRight.png) no-repeat; position: absolute; top:0px; right:0px; width:16px; height:16px; }
#footer .bl {font-size: 1px; background: url(../images/footerBottomLeft.png) no-repeat; position: absolute; bottom:0px; left:0px; width:16px; height:16px; }
#footer .br {font-size: 1px; background: url(../images/footerBottomRight.png) no-repeat; position: absolute; bottom:0px; right:0px; width:16px; height:16px; }

.navbar {color: #666; margin-top:35px;}
.navbar.service {margin-left:355px;}
.navbar.brief {margin-left:235px;}
.navbar.quotes {margin-left:230px;}
.navbar.contact {margin-left:250px;}
.navbar a.nav-button {display:inline-block;width:90px;height:27px;background: url(../images/navbar.png) no-repeat;}
.navbar a.prev:hover {background-position: -180px 0;}
.navbar a.next {background-position: -90px 0;}
.navbar a.next:hover {background-position: -270px 0;}
.navbar span.next-text {margin-left: 5px; visibility:hidden; vertical-align:top;}
.navbar.service a.prev {visibility:hidden;}
.navbar span.prev-text {margin-right: 5px; visibility:hidden; vertical-align:top;}
.navbar a.submit {background-position: -360px 0;}
.navbar a.submit:hover {background-position: -450px 0;}

.content { width:718px;float:left; position:relative; background-color: #FFFFFF; font-size: 13px; line-height: 26px; padding: 18px 21px; }
.content span.label, .content label.standard { color: #666;}
.content label.lcontent { color: #333; vertical-align: middle; }
.content span.label { padding: 1px; width: 170px; float:left;  }
.content .standard { vertical-align: middle;}
.content label.specialty {width: 155px;display:inline-block;}
.content div.specialty-holder {float:left; padding: 0 2px; margin: 0 2px 4px 0; border: 1px solid #FFFFFF;}
.content div.specialty-holder:hover {border-color: #ffe900; background-color:#ffffb2; }
.content div.specialty-list {display:none;}
.content div.specialty-filler {height:250px;}
.content .focusable {border:none; background-color:#f7f9df; height:18px; padding-top:6px;}
.content select.focusable {padding-top:0;height:24px;}
.content textarea.focusable {overflow:hidden;}
.content div.input-holder {float:left;border:2px solid #f7f9df; background-color:#f7f9df;}
.content div.input-holder.checkable {padding-right:20px;}
.content div.input-holder.focus {border-color:#aada5b;}
.content div.expanded textarea.focusable {overflow:auto;height:165px;}
.content span.error-msg, .content span.client-error-msg {display:none; padding-left:5px;color:#cc3333;font-size:11px}
.content div.error label.standard, #service div.error span.category, #quotes div.error span.label {color:#cc3333}
.content div.error div.input-holder, .content div.error div.input-holder.focus {border-color:#e25652;background:#fff2ee url(../images/quote-icons.png) no-repeat 100% -24px;}
.content div.error .focusable {background-color:#fff2ee;}
.content div.error span.error-msg {display:inline;}
.content div.ok div.input-holder {background: #f7f9df url(../images/quote-icons.png) no-repeat 100% 0;}
.content a.toggle {text-decoration:none; color: #000000; font-size:11px;padding: 0 15px 0 10px;background: url(../images/quote-arrows.png) no-repeat 100% -12px;}
.content div.expanded a.toggle {background-position: 100% 0;}
.content a.toggle:hover {text-decoration:underline;}
.content .list-labels label {vertical-align: middle; margin-right:30px; color:#333}
.content .thanks {line-height: normal;}
.content .thanks .text, .content .thanks li {color: #666;}
.content .thanks a {color:#3553a0; text-decoration:none;}
.content .thanks ul {margin: 30px 0; padding: 0}
.content .thanks ol {margin: 30px 20px; padding: 0}
.content .thanks ul.resources li {margin: 0; padding: 0; list-style-type:none;}
.content .thanks a.standout {font-weight:bold;}
.content .col {float:left}
.content div.expanded .show, .content .hide {display:none;}
.content div.expanded .hide, .content .show {display:inline;}
.content textarea.quote {font-family:Arial}

#quotes .list-labels label {margin-right:10px; margin-left:-2px;}
#brief label.standard {float:left;width:180px;margin-right:5px;}
.row {width:545px; display:inline-block;}
#quotes label.standard {float:left;width:180px;margin-right:5px;}
#quotes span.label { padding: 1px; width: 180px; float:left; }
#quotes label.g1, #quotes .list-labels.g1 label {width: 160px; margin-right:5px;display:inline-block;}
#quotes label.interstate {width:60px; display:inline-block; margin-right:5px}
#contact label.standard {float:left;width:220px;margin-right:5px;}
#contact span.label { padding: 1px; width: 220px; float:left; }
#contact .row {width:580px;}
#quotes label.g1.c2 {width: 140px;}


#quotes .budget-rating, #quotes .quote-rating {background-color:#ececec;margin-top:3px;float:left;font-size:11px;margin-left:10px;text-align:center;width:90px;height:25px;}
#quotes .budget-rating .c1 {background-color:#ef3e45;}
#quotes .budget-rating .c2 {background-color:#fbbb5c;}
#quotes .budget-rating .c3 {background-color:#faef50;}
#quotes .budget-rating .c4 {background-color:#adce5c;}
#quotes .budget-rating .c5 {background-color:#58ae39;}
#quotes .small {font-weight:bold;font-size:10px;font-style:italic;}
#quotes .quote-rating .too-many {background-color:#ef3e45;}
#quotes .quote-rating .ok {background-color:#adce5c;}
#quotes div.ok div.input-holder {background-image: none;}

.quote {margin-left:5px;}
#contact .quote {width:145px;}

.tooltip-text {display:none;font-family: Arial;}
#tooltip .title {font-weight:bold; color: #333;}
#tooltip .standout {color: #003399}
#tooltip ul {margin: 4px 0 0 10px;padding-left:0;}
#tooltip {font-size:11px;border: solid 1px #ffe900; background-color:#ffffb2; display:none;
   font-family: Arial;letter-spacing:normal;padding:8px;line-height:normal; color: #333;
   position:absolute; width: 150px; margin-left: 16px; top: 126px; right: 15px;}
#tooltip .tl {font-size: 1px; background: url(../images/quote-tip-border.png) no-repeat 0 0; position: absolute; top:-1px; left:-1px; width:4px; height:4px; }
#tooltip .tr {font-size: 1px; background: url(../images/quote-tip-border.png) no-repeat -4px 0; position: absolute; top:-1px; right:-1px; width:4px; height:4px; }
#tooltip .bl {font-size: 1px; background: url(../images/quote-tip-border.png) no-repeat -8px 0; position: absolute; bottom:-1px; left:-1px; width:4px; height:4px; }
#tooltip .br {font-size: 1px; background: url(../images/quote-tip-border.png) no-repeat -12px 0; position: absolute; bottom:-1px; right:-1px; width:4px; height:4px; }
#tooltip .arrow {font-size: 1px; background: url(../images/quote-tip-arrow.png) no-repeat; position: absolute; top: 10px; left: -11px; width: 11px; height: 24px;}