/* Sound Roofing Systems CSS */

/**
* Breaks in IE5-mac
*/

/* * * TAGS * * */
p, div, td, li, ul, ol, h1, h2, h3, h4, h5, h6 {
	color: #606060; 
	font-family: Arial, Helvetica, sans-serif;
	/* normal = 	line-height: 1.2em */
	font-size: x-small; /* false value for WinIE4/5 (x-small) */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* correct value (small = 13px) */
} html>p, div, td, li, ul, ol, h1, h2, h3, h4, h5, h6 {
	font-size: small; /* for opera (small) */
}

a:link { color:#C90000; text-decoration:underline; }
a:visited { color:#C90000; text-decoration:underline; }
a:hover { color: #999; text-decoration:underline; } 

h1 { font-size: 1.7em; color: #939399; } 
h2 { font-size: 1.4em; color: #444; }
h3 { font-size: 1.1em; color: #333; }
h4 { font-size: 1.0em; color: #666; }
h5 { font-size: 1.0em; }
h6 { font-size: 1.0em; font-weight: normal;}

p { }
sup { font-size: 0.6em }
hr { color: #d7d7d7; background-color: #d6d6d6; border: 0; height: 1px; }
td img { display: block; }
img { border: 0; }
form, object { margin:0; padding:0; }
blockquote { 
	border: 1px solid #ddd;
	background: #f9f9f9; 
	margin: 0;
	padding: 10px 20px 10px 25px;
}
blockquote p { }

input { margin:0; padding:0; }
input.text {  
	background-color: #F6F6F6; 
	border: 1px solid #B0B0B0;
	color: #5C5656;
	height: 18px; 
}
input.button { }
input.image { }
input.fieldset { }
input.textarea { }
input.select { }
input.checkbox { }
input.radio { }
input.file { }


/* * * CLASSES * * */
.b { font-weight: bold; }
.hide { display: none; }
.center { text-align: center; }
.clear-hack {clear: left; line-height: 0.01; height: 0;}
.clear-hack-line {clear: left; line-height: 0.01em; border-top: 1px solid #e9e9e9;}
.highlight { background-color: #eee; }
.smaller { font-size: 0.8em; }

/* * * ELEMENTS * * */
body
{
	background-color: #d4d0ba; /* #d4d0ba */
	background-image: url("../images/bg-body.png");
	background-repeat: repeat-x ;
	background-position: left top; 
	margin: 0;
	padding: 0;
}
#wrapper {
	background-color: #f0f0f0;
	background: url("../images/bg-content.png") repeat-y left top;
	width: 761px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	height: 100%;
}
	/* * * HEADER * * */
#header {
	background:  url("../images/bg-header.png") no-repeat left top; 
	height: 130px;
	width: 761px; 
}
	/* * * NAV * * */
#nav {
	margin-left: 30px;
	margin-right: 30px;
	height: 26px; /* 28px */
	width: 701px; 
}
#nav ul {
	list-style-type: none;
	text-align: center;
	margin: 0;
	margin-left: 15px;
	padding: 0;
}
#nav ul li {
	float: left;
	line-height: 26px;
	margin: 0;
	padding: 0px 2px 0px 2px; 
}
#nav ul li a {
	display: block;
	color: #eee;
	font-size: 13px;
	text-decoration: none;
	padding: 0px 16px 0px 16px;  /* 16 */
}

/*- Menu Tabs H--------------------------- */

    #tabsH {
      float:left;
      width:100%; 
      /*background:#000;*/
      font-size:93%;
      line-height:normal;
      }
    #tabsH ul {
	  margin:0;
	  padding:3px 10px 0 40px; /* l=50 */
	  list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
      float:left;
      background:url("../images/tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url("../images/tabrightH.gif") no-repeat right top;
      padding:3px 15px 4px 14px;
      color:#f3f3f3;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#ccc;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }

/*- End Menu Tabs H------------------------ */v

	/* * * LOGO * * */
#logo {
	margin: 0px 0px 0px 23px;
	height: 88px;
	width: 715px;
}
#logo h2 {
	text-indent: -9999px; /* removes the text link */
	margin: 0;
	padding: 0;
	text-align: center;
	height: 88px;
	width: 715px;
}
#logo a {
	display: block; 
	text-decoration: none; 
	text-align: center;
	height: 88px;
	width: 715px; 
}
#logo a:hover {
	background: transparent;
}
	/* * * CONTENT * * */
#content {
	padding: 0px 45px 15px 15px;
}
.home #content h1 {
	display: block;
	background:  url("../images/quality-choice.png") no-repeat left top; 
	text-indent: -9999px; /* removes the text link */
	margin: 16px 0px 0px 1px;
	padding: 0;
	height: 46px;
	width: 209px;
}
#content p {
	line-height: 1.6em;
}
#big-photo {
	margin-left: 8px;
	margin-right: 20px;
	height: 267px;
	width: 399px;
}
#estimate-banner {	
	margin-top: 7px; /* 6, 12px */
	margin-left: 24px; /* 25, 26px */
	height: 55px;
	width: 355px;
}
#imagery {
	display: block;
	float: left;
	padding-left: 30px;
	width: 300px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 270px; /* 390 */
}
html>#imagery {
	width: 270px;
}
.home #imagery {
	display: inline;
	float: left;
	padding-left: 0;
	width: 427px;
}
#copy {
	display: inline;
	float: left;
	width: 290px; /* 265, 274 */
}
#copy h1 { margin-bottom: 20px; }
.home #copy { width: 265px; }

.internal #copy { margin-bottom: 25px; }

.estimate #imagery { display: none; }
.estimate #copy { width: 620px; }
.estimate #copy h1 { margin-left: 275px; }
.estimate #copy p { margin-left: 275px; }
.estimate #copy table p { margin-left: 0px; }
.estimate #copy td strong { display: block; padding-top: 10px; padding-bottom: 10px; }

	/* * * QUALIFICATIONS * * */
.certifications-label {
	border-top: 1px solid #ddd;
	margin: 4px 15px 0px 15px;
	padding: 5px 0px 0px 17px;
	color: #808080;
}
.certifications-label-half {
	border-top: 1px solid #ddd;
	margin: 8px 0px 0px 0px;
	padding: 5px 0px 0px 17px;
	color: #808080;
}
#qualifications {
	background:  url("../images/bg-qualifications.gif") repeat-x left top;
	margin: 5px 15px 0px 15px;
	height: 95px; /* 92, 88 */
}
#qualifications-half {
	background:  url("../images/bg-qualifications.gif") repeat-x left top;
	margin: 5px 0px 0px 15px;
	height: 95px; /* 92, 88 */
}
#products-half {
	background:  url("../images/bg-qualifications.gif") repeat-x left top;
	margin: 5px 15px 0px 0px;
	padding-top: 9px;
	height: 86px; 
	border-left: 1px solid #bbb;
}

#qualifications img {
	margin-left: 42px; /* 35 */
}
#qualifications-half img,
#products-half img {
	margin-left: 42px; /* 48 */
	margin-right: 2px;
}

.certifications {
	display: block;
	float: left;
	padding-top: 16px;
}
.memberships {
	display: block;
	float: left;
	padding-top: 24px;
}
.home-icons {
	display: block;
	float: left;
	padding-top: 22px;
}

#small-photo {
	display: block;
	float: left;
	margin-left: 42px;
	/*background: #f0f0f0;*/
	border-left: 1px solid #d3d3d3;
	height: 92px;
	width: 308px;
}
	/* * * CONTACT * * */
#contact {
	background:  url("../images/bg-contact.gif") repeat-x left top;
	display: table;
	margin: 0px 15px 0px 15px;
	/* border-top: 4px solid #f0f0f0; */
	border-bottom: 1px solid #c0c0c0;
	width: 731px;
	height: 48px; /* 58, 56 */
}
#contact p {
	color: #444;
	font-size: 0.9em;
	margin-top: auto;
	margin-bottom: auto;
}
#address {
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #a8a8a8;
	padding-left: 27px;
	width: 192px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 165px;
}
html>#address {
	width: 165px;
}
#cc-accepted {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	border-right: 1px solid #a8a8a8;
	padding-right: 28px; /* 29 */
	width: 232px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 204px;
}
html>#cc-accepted {
	width: 204px;
}
#cc-accepted img {
	margin-left: 20px; /* 24 */
}
#phone {
	display: table-cell;
	vertical-align: middle;
	padding-left: 22px; /* 25 */
}
#phone p {
	font-size: 18px; /* 19 */
	color: #63636C; /* 606069 */
}
	/* * * FOOTER * * */
#footer {
	background:  url("../images/bg-footer.png") repeat-x left top;
	margin: 0px 15px 0px 15px;
	padding: 10px 0px 0px 0px;
	/* border-top: 4px solid #e9e9e9; */
	border-top: 11px solid #eaeaea; /* 11 */
	text-align: center;
	line-height: 33px;
	height: 43px; /* 47 */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 33px;
}
html>#footer {
	height: 33px;
}
#footer p {
	display: inline;
	color: #443;
	font-size: 11px; /* 0.9em */
	letter-spacing: .02em;
}
#footer-edge {
	background:  url("../images/bg-footer-edge.png") no-repeat left top;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 1em;
	color: #886;
	padding: 22px 31px 5px 0px;
	/*height: 21px;  21 */
}

#footer a:link { color:#554; text-decoration:underline; }
#footer a:visited { color:#554; text-decoration:underline; }
#footer a:hover { color: #554; text-decoration:underline; }