body {
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../img/red-fade-bg.png) repeat-x top left #a70303;
	margin: 0;
}
* html body {
    font-size: 12px; /*for ie5/win */ font-family: Verdana, Arial, Helvetica, sans-serif;
    f\ont-size: 12px; /* for other ie versions */ font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
    }

h1 /*{font-size:200%; color: #333;}*/ {font-size:24px; color: #333;}
h2 /*{font-size:170%; color: #333;}*/ {font-size:20px; color: #333;}
h3 /*{font-size:150%; color: #333;}*/ {font-size:18px; color: #333;}
h4 /*{font-size:120%; color: #333;}*/ {font-size:14px; color: #333;}
h2.tucson {font-size: 10px; margin-bottom: 0;}
h3.subhead {font-size: 170%; margin-top: 0; }


img {  border: 0;}
form { display: inline; margin: 0; padding: 0;}

#wrap {
  width: 760px;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  border-top: 0;
}
#head {
    margin: 0 auto;
    padding: 0;
    background-color: #fff;
    width: 760px;
    height: 180px;
}
#head h1 {
	background: url(../img/head-logo.png) no-repeat bottom left;
	width: 509px;
	height: 140px;
}
#head h1 span {
    display: none;
}
#head h2 {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 16px;
	margin: -1.5em 0 0 25px;
}


/* *** page structure *** */
ul#navigation {
	display: block;
    width: 540px;
	height: 35px;
    /*mozilla */
	 /*ie67*/
	margin: -10px 0 0 0 !important; margin: -225px 0 0 0;
	padding: 0 0 0 0;
	background: url(../img/nav-bg.png) repeat #dfdfdf;
	color: #000000;
	text-align: center;
}
ul#navigation li {
	display: inline;
	float: left;
	list-style-type: none;
	padding: 0 6px;
	font-size: 12px;
	line-height: 35px;
	border-right: 1px solid #dddddd;
}
ul#navigation li a {
	text-decoration: underline;
	color: #cb000f;
	padding: 1px;
}
ul#navigation li a.here,
ul#navigation li a.here:hover {
	font-weight: bold;
	text-decoration: none;
	background-color: #333333;
	color: #efefef;
	font-style: normal;
}
ul#navigation li a:hover {
	text-decoration: none;
	color: #000000;
	font-style: italic;
}

/* end */

#estimate {
	float: right;
	width: 229px;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
//	margin: 20px 0 0 0;	/*mozilla*/
//	margin: 170px 0 0 0;	/*ie67*/

}
#estimate h3 {
	margin: 0;
	padding: 0;
}
#estimate h4 {
	margin: 0 auto;
	padding: 0;
	color: #cc0000;
	font-style: italic;
	font-weight: normal;
	font-size: 10px;
}
	
#estimate-box {
	margin: 0;
    padding: 1em 2px;
    font-size: 85%;
 	background: url(../img/estybox-roundedtop.png) top left no-repeat #f1f1f1;
	border-bottom: #cb000f 2px solid;
	color: #333;
}
#estimate-box p {
  margin: 3px 0 3px 0;
}
#estimate-box #button {
    padding: 3px;
    background-color: #bbb;
    border: 2px inset #000;
    margin: 10px 4px 4px 4px;
    height: 2em;
    text-align: right;
    background-image: none;
}
#estimate-box #psubmit {
  text-align: right;
  margin: 8px 0;
}
#estimate-box input.city {
  width: 55px;
  font-size: 9px;
}
#estimate-box input.state {
  width: 18px;
  font-size: 9px;
}
#estimate-box input.zip {
  width: 35px;
  font-size: 9px;
}
#estimate-box input.button {
    background-color: #ddd;
    color: #b00;
}
#estimate-box p {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* *** BBB logo styles *** */
#bbb {
	float: right;
	width: 229px;
	padding: 0;
	border: 0;
	margin: 1em 0;
	text-align: center;
	font-size: 9px;
	color: #333;
}
#bbb img {
	margin: 1em 0 0 0;

}
/* *** MI logo styles *** */
#mi {
	float: right;
	width: 229px;
	padding: 0;
	border: 0;
	margin: 1em 0;
	text-align: center;
	font-size: 9px;
	color: #333;
}
#mi img {
	margin: 1em 0 0 0;

	
}
/* *** content styles *** */
#content {
    float: left;
	z-index: -11;
    width: 490px;
    min-height: 400px;
	padding: 10px 4px 10px 12px;
	/* margin: -160px 0 0 0; /* mozilla* /
	margin: -1px 0 0 0; /*ie67*/
	background-color: #fff;
}
/*THE FOLLOWING HACK DOES NOT LOOK GOOD IN FIREFOX & SAFARI, BUT DOES IN IE6:
#content {
    margin: -160px 0 0 0; /*mozilla* /
  }
#content {
    \margin: -1px 0 0 0; /*ie67* /
    m\argin: -160px 0 0 0; /*mozilla* /
  } 
*/

/* THE FOLLOWING HACK ALSO DOES NOT LOOK GOOD IN FIREFOX & SAFARI, BUT DOES IN IE6:
* html #content {
    \margin: -1px 0 0 0; /* for IE5 and IE6 in quirks mode * /
    m\argin: -160px 0 0 0; /* for IE6 in standards mode * /
  } 
*/

/* NOW THIS, THE TANTEK HACK, LOOKS GOOD IN FIREFOX & SAFARI, BUT NOT IN IE6:
#content {
  margin: -1px 0 0 0 /* IE5.x/win sees this.. * /
  voice-family: "\"}\"";
  voice-family: inherit;
  margin: -160px 0 0 0; /* ..but not this "standards" width value.. * /
  }
 
html>body #content {
  margin: -160px 0 0 0; /* ..or this reinforcement of the standards width. * /
} 
*/



#content img.picture {
    float: left;
    margin: 5px 10px 5px 0;
    padding: 1px;
    background-color: #333;
    border: 3px solid #999;
}
#content img.pictureopposite {
    float: right;
    margin: 5px 0px 5px 10px;
    padding: 1px;
    background-color: #333;
    border: 3px solid #999;
}


#content img.cal {
   padding: 0 0 0 5px;
}
#content a {
    color: #2E2F72;
}
#content a:visited {
  color: #555;
}
#content a:active,
#content a:hover {
  color: #c00;
}
#content ul.tootight {
    line-height: 150%;
}
#content p {
  line-height: 1.4em;
}
#content p.labelpic {
}
#content p.labelpic img{
    float: left;
    margin: 5px 5px 5px 0;
    padding: 1px;
    background-color: #333;
    border: 3px solid #999;
}

#content-for-forms {
    float: left;
    width: 500px;
	padding: 10px 4px 10px 14px;
	margin: -160px 0 0 0;
	background-color: #fff;
}

.tipnumber {
  float: left;
  text-align: right;
  width: 80px;
  color: #777;
  font-weight: bold;
  font-size: 120%;
  margin: 0 0 10px 0;
  padding: 0;
  height: 2em;
  background: url(../img/bullet_gray.gif) top left no-repeat;
}
.tipcontent {
  float: right;
  width: 400px;
  margin: 0 0 10px 0;
  padding: 0;
  line-height: 1.4em;
}
.pic-before, .pic-after {
	width: 240px;
	margin: 0 0 20px 0;
	padding: 0;
	height: 180px;
	border: 0px solid #555;
}
.pic-before img, .pic-after img {
    margin: 2px;
    padding: 1px;
    background-color: #333;
    border: 1px solid #999;
}
.pic-before {
	float: left;
}
.pic-after {
	float: right;
}
#content hr.clearer {
    clear: both;
    margin: -0.66em 0;
	visibility: hidden;
}
#content hr {
    display: block;
    clear: both;
    color: #ddd;
    height: 1px;
    /*margin: -0.66em 0;*/
    margin: 4px 0;
}

/* *** contact info styles *** */
h4#otherways {
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
}
p#phonenum,
p#email {
    display: block;
    clear: both;
    margin: 3px 0 3px 10px;
}
div#phonenum span,
div#email span {
    font-weight: bold;
    color: #444;
    margin: 0 10px 0 0;
}

/* *** testimonials styles *** */
div.feed {
    font-size: 110%;
}
div.feedp {
  font-style: italic;
  margin: 5px 0 15px 40px;
}

#tributes {
	text-align: right;
	width: 434px;
	font-style: italic;
}

#tributes img {
	display: block;
	border: 1px solid #999;
	padding: 4px;
	margin: 1em;
	background-color: #ddd;
	vertical-align: middle;
}

/* *** footer styles *** */
#foot {
    display: block;
    clear: both;
    margin: 5px 0 0 0;
    padding: 10px 10px 0 10px;
    height: 5em;
    background-color: #222;
    font-size: 75%;
    color: #fff;
}
#foot a {
    color: #ccc;
}
#foot span {
  padding: 0 ;
}
/* *** contact choices, state 1 *** */
ul#contactchoices1 {
    display: block;
    width: 500px;
    margin: 0 0 15px 0;
    padding: 0px;
    border: 0;
    list-style-type: none;
}
ul#contactchoices1 li {
    float: left;
    width: 234px !important; width: 245px;
    height: 2.5em;
    border-top: 2px solid #8f8f8f;
    border-right: 0;
    border-bottom: 2px solid #8f8f8f;
    border-left: 2px solid #8f8f8f;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    margin: 0px;
}
ul#contactchoices1 li.last {
    float: left;
    width: 234px;
    height: 2.5em;
	border-top: 2px solid #8f8f8f;
    border-right: 2px solid #8f8f8f;
    border-bottom: 2px solid #8f8f8f;
    border-left: 2px solid #8f8f8f;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    margin: 0px;
}
ul#contactchoices1 li:hover {
    display: block;
    background-color: #e3e3e3;
}
/* *** contact choices, state 2 *** */
ul#contactchoices2 {
    display: block;
    width: 500px;
    margin: 0;
    padding: 0px;
    border: 0;
    list-style-type: none;
		position: relative;
}
ul#contactchoices2 li.first,
ul#contactchoices2 li.middle,
ul#contactchoices2 li.last {
/*    min-height: 40px; */
/*    height: 2.5em;*/
    float: left;
	height: 35px;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    margin: 0px;
}
ul#contactchoices2 li.first {
    width: 234px !important; width: 245px;
    border-top: 2px solid #8f8f8f;
    border-right: 0;
    border-bottom: 2px solid #8f8f8f;
    border-left: 2px solid #8f8f8f;
}
ul#contactchoices2 li.middle {
    width: 245px;
    border-top: 2px solid #8f8f8f;
    border-right: 0;
    border-bottom: 2px solid #8f8f8f;
    border-left: 2px solid #8f8f8f;
}
ul#contactchoices2 li.last {
    width: 234px;
    border-top: 2px solid #8f8f8f;
    border-right: 2px solid #8f8f8f;
    border-bottom: 2px solid #8f8f8f;
    border-left: 2px solid #8f8f8f;
}
ul#contactchoices2 li.on {
    background-color: #fafafa;
    border-bottom: 2px solid #fafafa;
    font-weight: bold;
}
ul#contactchoices2 li:hover {
    display: block;
    background-color: #fafafa;
}
#subcontainer {
    clear: both;
    display: block;
    width: 480px;
    margin: 0 0 25px 0;
    padding: 10px 5px;
    border-top: 0;
    border-left: 2px solid #8f8f8f;
    border-bottom: 2px solid #8f8f8f;
    border-right: 2px solid #8f8f8f;
    background-color: #fafafa;
}

/* *** form table styles *** */
table#cf {
  margin: 5px 0 10px 0 ;
  padding: 0 5px;
  width: 460px;
  font-size: 11px;
}
table#cf th {
  border: 0;
  margin: 0 10px 0 0;
  padding: 4px 4px 10px 4px;
  /*background-color: #ddd; before wrapping in tan */
  background-color: #fafafa;
  text-align: left;
  border-bottom: 1px dotted #bbb;
  width: 119px;
  font-weight: normal;
}
table#cf td {
  margin: 0;
  /*line-height: 150%;*/
  border-bottom: 1px dotted #bbb;
  padding: 4px 4px 10px 4px;
  background-color: #fafafa;
  width: 358px;
}
table#cf tr.last th,
table#cf tr.last td {
    border-bottom: 1px solid #cdcdcd;
}
input.txt,
input#city,
input#state,
input#zip,
table#cf textarea,
table#cf select {
  border-top: 2px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 2px solid #808080;
  padding: 1px;
  color: #000;
}

table#cf input.sbutton {
    background-color: #444;
    color: #fff;
    font-size: 110%;
    padding: 3px;
}
table#cf input.rbutton {
    background-color: #444;
    color: #ccc;
    font-size: 110%;
    padding: 3px;
}
table#cf input#city {
  width: 85px;
}
table#cf input#state {
  width: 50px;
}
table#cf input#zip {
  width: 65px;
}
/*   Calendar Styles  */
.cpYearNavigation,
.cpMonthNavigation
		{
		background-color:#777;
		text-align:center;
		vertical-align: middle;
		text-decoration:none;
		color:#FFFFFF;
		font-weight:bold;
		}
.cpDayColumnHeader,
.cpYearNavigation,
.cpMonthNavigation,
.cpCurrentMonthDate,
.cpCurrentMonthDateDisabled,
.cpOtherMonthDate,
.cpOtherMonthDateDisabled,
.cpCurrentDate,
.cpCurrentDateDisabled,
.cpTodayText,
.cpTodayTextDisabled,
.cpText
		{
		font-family:arial;
		font-size:8pt;
		}
td.cpDayColumnHeader
		{
		text-align:right;
		border:solid thin #777;
		border-width: 0 0 1px 0;
		}
.cpCurrentMonthDate,
.cpOtherMonthDate,
.cpCurrentDate
		{
		text-align:right;
		text-decoration:none;
		}
.cpCurrentMonthDateDisabled,
.cpOtherMonthDateDisabled,
.cpCurrentDateDisabled
		{
		color:#D0D0D0;
		text-align:right;
		text-decoration:line-through;
		}
.cpCurrentMonthDate
		{
		color:#777;
		font-weight:bold;
		}
.cpCurrentDate
		{
		color: #FFFFFF;
		font-weight:bold;
		}
.cpOtherMonthDate
		{
		color:#808080;
		}
TD.cpCurrentDate
		{
		color: #fff;
		background-color: #8d0000;
		border-width: 1px;
		border: solid thin #000000;
		}
TD.cpCurrentDateDisabled
		{
		border-width: 1px;
		border:solid thin #FFAAAA;
		}
TD.cpTodayText,
TD.cpTodayTextDisabled
		{
		border:solid thin #777;
		border-width: 1px 0 0 0;
		}
A.cpTodayText,
SPAN.cpTodayTextDisabled
		{
		height:20px;
		}
A.cpTodayText
		{
		color:#777;
		font-weight:bold;
		}
SPAN.cpTodayTextDisabled
		{
		color:#D0D0D0;
		}
.cpBorder
		{
		border:solid thin #777;
		}