/* header banner */
.banner-header {clear: both; margin: 0px; padding: 0px;}

/* navigation top right */
.nav-tr-container {width: 770px; top: 8px; position: absolute; z-index: 3; background: transparent;}
.nav-tr {margin: 0px; padding: 0px; font-family: verdana, arial, sans serif; font-size: 10px;}
.nav-tr ul {float: right; margin: 0px; padding: 0px 5px 0px 0px; font-weight: bold;}
.nav-tr li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav-tr li a {display: block; float: left; margin: 0px; padding: 2px 5px 2px 5px; border-right: solid 1px rgb(153,153,153); color: rgb(75,75,75); text-decoration: none;}
.nav-tr li.last a {display: block; float: left; margin: 0px; padding: 2px 5px 2px 5px; border-right: none; color: rgb(75,75,75); text-decoration: none;}
.nav-tr a:hover, .nav-tr li.last a:hover {color: rgb(187,21,21); text-decoration: none;}

/* body */
body {font-size: 62.5%; margin: 0px auto; padding: 0px; background: url(img/bg.jpg); font-family: arial, sans-serif;}
.container {width: 770px; margin: 0px auto; padding: 0px; background-color: rgb(255, 255, 255); border: solid 1px rgb(100,100,100);}

/* navigation main */
.nav-main {clear: both; margin: 0px; padding: 0px; font-family: verdana, arial, sans serif; font-size: 1.1em;}
.nav-main ul {float: left; width: 770px; margin: 0px; padding: 0px; border-top: solid 1px rgb(54,83,151); border-bottom: solid 1px rgb(153,153,153); background-image: url(img/main_menu_bg.gif); background-color: rgb(224,224,224); font-weight: bold;}	
.nav-main li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav-main li a {display: block; float: left; margin: 0px 0px 0px 0px; padding: 10px 23px 10px 23px; border-right: solid 1px rgb(153,153,153); color: rgb(75,75,75); text-transform: uppercase; text-decoration: none;}
.nav-main li.last a {display: block; float: left; margin: 0px 0px 0px 0px; padding: 10px 23px 10px 23px; border-right: none; color: rgb(75,75,75); text-transform: uppercase; text-decoration: none;}
.nav-main a:hover, .nav-main li.last a:hover {color: rgb(187,21,21); text-decoration: none;}
/* .buffer {clear: both; width: 770px; height: 2px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);} */

/* sidebar */
.sidebar {overflow: hidden; float: left; width: 165px; margin: 0px 0px 0px 0px; padding: 1px 0px 0px 0px; text-align: left; color: rgb(75,75,75); background-color: rgb(255,255,255);}

/* navigation left */
.nav-left {overflow: hidden; clear: both; float: left; width: 165px; margin: 0px; padding: 0px; color: rgb(75,75,75); font-size: 1.0em;}
.nav-left ul {width: 165px; margin: 0px 0px 0px 0px; padding: 0px; border-bottom: solid 1px rgb(216,206,159); background-color: rgb(238,238,238);}	
.nav-left li {list-style: none; margin: 0px; padding: 0px;}
.nav-left li.title {margin: 0px 0px 0px 0px; padding: 3px 5px 2px 15px; background-color: rgb(187,21,21); color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 120%;}
.nav-left li.group a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 15px; border-top: solid 1px rgb(200,200,200); border-left: solid 7px rgb(238,238,238); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.nav-left li.selected a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 15px; border-top: solid 1px rgb(200,200,200); border-left: solid 7px rgb(238,238,238); color: rgb(187,21,21); font-weight: bold; font-size: 120%;}
.nav-left li.sub a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 23px; border-top: solid 1px rgb(200,200,200); border-left: solid 7px rgb(187,21,21); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.nav-left li a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 20px; color: rgb(75,75,75); text-decoration: none; font-size: 120%;}
.nav-left li a:hover {border-left: solid 7px rgb(187,21,21); color: rgb(187,21,21); text-decoration: none;}

/* location dropdown */
.dropdown-loc {overflow: hidden; clear: both; float: left; width: 165px; margin: 0px; padding: 0px 0px 0px 0px; color: rgb(75,75,75); background-color: rgb(238,238,238); border-bottom: solid 1px rgb(200,200,200); font-size: 1.0em;}
.dropdown-loc p {margin: 0px 0px 0px 0px; padding: 3px 5px 2px 15px; background-color: rgb(187,21,21); color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 120%;}
.dropdown-loc form {margin: 8px 0px 8px 0px; padding-left: 2px; background-color: rgb(238,238,238);}
.dropdown-loc select {font-size: 12px; width: 162px; height: 20px;}
.dropdown-loc option {font-size: 12px;}

/* accreditation banner */
.banner-cred {margin: 0px; padding: 5px 0px 5px 3px; color: rgb(75,75,75); background-color: rgb(255,255,255);}

/* content */
.content {float: left; width: 590px; margin: 0px; padding: 0px 0px 0px 15px; color: rgb(40,40,40); font-size: 1.0em; background-color: rgb(255,255,255);}
.content-container {clear: both; float: left; width: 569px; margin: 0px 0px 15px 0px; padding: 0px;}
.content a {color: rgb(143,17,17);}

/* frontbox */
.frontbox-container {clear: both; float: left; width: 560px; margin: 0px; padding: 0px;}
.frontbox-container img {margin: 0px 0px 0px 170px; padding:0px;}
.autoglass {overflow: hidden; float: right;  background-image: url(img/services/autoglass_bg.gif); background-repeat: no-repeat; width: 263px; height: 136px; margin: 0px; padding:5px;}
.autoglass p {clear: left; margin: 47px 0px 0px 0px; padding: 5px 3px 9px 0px; text-align: left; font-size: 11px;}
.upholstery {overflow: hidden; float: right;  background-image: url(img/services/upholstery_bg.gif); background-repeat: no-repeat; width: 263px; height: 136px; margin: 0px; padding:5px;}
.upholstery p {clear: left; margin: 47px 0px 0px 0px; padding: 5px 3px 9px 0px; text-align: left; font-size: 11px;}
.residential {overflow: hidden; float: right;  background-image: url(img/services/residential_bg.gif); background-repeat: no-repeat; width: 263px; height: 136px; margin: 0px; padding:5px;}
.residential p {clear: left; margin: 47px 0px 0px 0px; padding: 5px 3px 9px 0px; text-align: left; font-size: 11px;}
.commercial {overflow: hidden; float: right;  background-image: url(img/services/commercial_bg.gif); background-repeat: no-repeat; width: 263px; height: 136px; margin: 0px; padding:5px;}
.commercial p {clear: left; margin: 47px 0px 0px 0px; padding: 5px 3px 9px 0px; text-align: left; font-size: 11px;}

/* bottom border */
.line-box {border-bottom: solid 1px rgb(200,200,200); padding-bottom: 15px; margin: 0px 0px 15px 0px;}

/* embed box */
.embed {float: right; width: 150px; margin: 0px 5px 5px 0px; padding: 3px 0 3px 27px; background-image: url(img/icon_info.gif); background-repeat: no-repeat;background-position: top left; background-color: rgb(255, 252, 239); font-style: italic; font-weight: normal;  border-width: 1px; border-style: solid; border-color: #666666; line-height: 1.5em; font-size: 110%;}


/* testimonial box */
.testimonial-container {overflow: hidden; width: 500px; margin: auto; padding: 0px 0px 20px 0px;}
.content-txtbox-shade {margin: 0px; padding: 10px 5px 5px 10px; background-color: rgb(250,250,250); border: solid 1px rgb(150,150,150);}

/* Agents Login */
.agents {width: 400px; margin: 0px; padding: 0px 0px 0px 0px; color: rgb(75,75,75); font-size: 1.0em;}
 label{width: 14em; float:left; text-align:right; margin-right: 1.5em;display: block}
.input {background-color:#33FF00;}
.formsubmit{margin: auto; text-align: right;max-width: 350px;}
.formsubmit-agent{margin: auto; text-align: right;max-width: 150px;}
.submit-button {margin-left: 184px; margin-bottom: 20px;}

/* headings */
.pagetitle h1 {overflow: hidden; width: 569px; margin: 0px 0px 10px 0px; padding: 10px 0px 2px 0px; border-bottom: solid 2px rgb(148,9,10); color: rgb(148,9,10); font-weight: bold; font-size: 180%;}
h2 {margin: 0.5em 0px 0.5em 0px; font-weight: bold; font-size: 150%; color: rgb(148,9,10);}
h3 {margin: 0.5em 0px 0.5em 0px; font-weight: bold; font-size: 140%; color: rgb(148,9,10);}

/* paragraphs */
p {margin: 0px 0px 1.5em 0px; padding: 0px; line-height: 1.3em; font-family: arial, sans serif; font-size: 120%; }
p.embed {float: right; width: 120px; margin: 7px 7px 5px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 140%;}
p.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}
p.align-right {float: right;}

/* Form */
.form-info  {clear: both; float: left; width: 569px; margin: 0px 0px 15px 0px; padding: 0px; font-size: 1.2em;}

/* quote */
blockquote {clear: left; margin: 0em 30px 1.5em 30px; font-size: 110%; padding: 10px 15px 10px 15px; background-color: rgb(255, 252, 239); border: solid 1px rgb(150,150,150);}
blockquote p {margin-bottom: 0.5em !important;}
blockquote h2 {font-style: italic;}
blockquote h3 {color: rgb(40,40,40);}

/* Executive photos */
.about-writeup {margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; width: 400px; min-height: 150px; border-bottom: thin solid rgb(200,200,200);}
.about-writeup ul {margin: 0px; padding: 0px; list-style-type: none; font-size: 120%;}
.about-writeup li {padding-bottom: 5px;}
.about-writeup img {float: right; padding-left: 15px;}

/* lists */
/* begin sitemap list*/
ul.noindent {margin: 5px 0px 5px 10px; padding: 0px; list-style-type: none; list-style-position: outside; font-size: 12px;}
ul.noindent li {margin: 5px 0px 5px 0px;}
ul.noindent a {text-decoration: none; color: rgb(0,0,0);}
ul.noindent a:hover {text-decoration: underline; color: rgb(143,17,17);}
/* end sitemap list */
ul.indent {margin: 0px 0px 1.5em 20px; padding: 0px 0px 0px 15px; list-style-type: disc; font-family: arial; font-size: 120%;}
ol {margin: 0px 0px 1.5em 20px; padding: 0px 0px 0px 15px; list-style-type: decimal; list-style-position: outside; font-size: 120%;}
ol li {padding: 0px 0px 5px 0px;}
ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.2em; font-size: 120%; }
ul.linklist-indent {margin: -0.3em 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; line-height: 1.2em; font-size: 120%; }

/* location list */
.location-container {margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;}
ul.location {margin: 0px; padding: 0px; list-style: none; font-size: 120%;}
ul.location li {margin: 0px; padding: 0px; line-height: 1.6em;}
ul.location li a {display: block; width: 16em; position: relative; /* for IE 6 */ color: rgb(40,40,40); font-weight: bold; text-decoration: none;}
ul.location li a:hover {display: block; width: 16em; position: relative; /* for IE 6 */ color: rgb(143,17,17); font-weight: bold; text-decoration: underline;}

ul.location .column1 {margin-left: 0em;}
ul.location .column2 {margin-left: 7em;}
ul.location .column3 {margin-left: 16em;}
ul.location .column4 {margin-left: 31em;}
/* ul.location .column5 {margin-left: 35em;} */
ul.location .coltop {margin-top: -6.4em;}
/* margin-top = (ul.location li line-height) x (# of items in column) */

/* location listings */
.location-detail {margin: 0px; padding: 0px 25px 100px 0px;}
.location-detail ul {margin: 0px; padding: 0px; list-style-type: none; font-size: 120%;}
.location-detail li a {display: block; margin-bottom: 20px;}
.location-detail img.map {float: right; padding-top: 10px;}
.location-detail img.appointment {margin: 0px; padding: 0px;}

/* footer */
.footer {overflow: hidden; clear: both; width: 760px; height: 50px; margin: 0px; padding: 0.5em 5px 0.5em 5px; border-top: solid 1px rgb(125,125,125); background-image: url(img/footer_bg1.gif); background-color: rgb(128,161,202); color: rgb(40,40,40);  font-family: arial, sans serif;}
.footer p {clear: left; margin: 0px; padding: 0px 8px 0px 0px; text-align: left; font-size: 10px;}
.footer a {color: rgb(40,40,40); text-decoration: none;}
.footer a:hover {color: rgb(187,21,21); text-decoration: none;}
.footer .web {float:right;}

/* nav locations */
.footer-loc-container {clear: both;}
.footer-loc {padding: 0px;}
.footer-loc ul {float: left; margin: 0px; padding: 0px 0px 10px 7px;}
.footer-loc li {display: inline; margin: 0px; padding: 0px 2px 0px 4px; color: rgb(75,75,75); border-left: solid 1px rgb(153,153,153); text-decoration: none;}
.footer-loc li.first {border-left: none;}
.footer-loc a:hover, .footer-loc li.last a:hover {color: rgb(187,21,21); text-decoration: none;}