body{
background-image: url(images/body6.jpg);
background-repeat: repeat-x;
font-family: Helvetica, Arial, sans-serif; 
height: 700px;
font-size: small;
background-color: #343434;
padding:0px;
margin: 0px; }

* {
margin: 0px;
padding: 0px; }

a, p {
margin: 0px;
padding: 0px;
color: #000000; }

a:visted {
color: #000000; }

a img {
border: none 0px;}

.topheaderbar {
background-color: #000000;
height: 1.4em;
text-align: center;
margin-left: 0px;
width: 100%;
padding-top: 2px;
margin-top: 2px;
font-size: 1.3em;
color: #ffffff; }

.topheaderbar sup {
font-size: .7em; }

/*------main body components ------------*/

.container {
width: 900px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: auto; }

#background{
background-image: url(images/background.png);
width: 720px;
height: 956px;
background-repeat: no-repeat; 
padding: 0px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
float: left;}

.background1{
background-image: url(images/background.png);
width: 730px;
height: 956px;
background-repeat: no-repeat; 
padding: 0px;
margin-top: 20px;
margin-left: 60px;
margin-right: auto;
float: left;}

#background2{
background-image: url(images/background.png);
width: 720px;
height: 956px;
background-repeat: no-repeat; 
padding: 0px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;}

#pricelist{
background-image: url(images/pricelistbackgroundbottom1.jpg);
width: 731px;
background-repeat: no-repeat; 
padding: 0px;
margin-top: 20px;
padding-bottom: 50px;
margin-left: auto;
margin-right: auto;
background-position: bottom left; }

#pricelist h2 {
text-align: center;
padding: 15px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
background-image: url(images/pricelistbackgroundtop.jpg);
background-repeat: no-repeat;
background-position: top left;
width: 731px;

font-family:Georgia,Times,"Times New Roman",serif;
font-style: oblique;
color: #990a14;
font-size: 1.7em;
letter-spacing: .10em; }

#pricelist dl {
margin: 10px 20px;}

#logo1 {
text-indent: -9999px;
height: 0px;
width: 0px; 
padding: 0px;
margin: 0px;}

#logo{
background-image: url(images/tedslogo.png);
background-repeat: no-repeat;
width: 284px;
height: 123px;
margin-bottom:0px;
margin-top: 0px;
margin-left: 28px;
padding: 0px;
float: left; }

#logob{
background-image: url(images/tedslogo1.png);
background-repeat: no-repeat;
width: 294px;
height: 145px;
margin-bottom:0px;
margin-top: 0px;
margin-left: 28px;
margin-right: 0px;
padding: 0px;
float: left; }

#picture1 {
background-image: url(images/redranchpic.png);
width: 263px;
height: 238px;
padding: 0px;
margin-left: 0px;
margin-top: -1px; 
float: right;}

.tough {
background-image: url(images/builttolast.gif);
float: right;
width: 200px;
height: 115px;
margin-right: 50px;
margin-top: 80px; }

#bbb {
float: right;
margin-right: 150px;
margin-top: 60px;}

/*------navigation--------*/

#nav {
width: 100%;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 0px;
clear: both; 
}

#nav ul {
padding-top: 10px;
padding-bottom: 10px;
padding-right: 0px;
padding-left: 0px;
margin-bottom: 5px;
margin-top: 0px;
margin-left: 0px;
float: left;
border-bottom: 3px #ffffff groove;}

#nav li {
display: inline;
margin: 0px;
padding: 1px 0px 1px 0px;
border-right: 1px #ffffff solid; 
height:100%}

#nav li a {
text-decoration: none;
color: #ffffff;
font-size: 1.1em;
margin-top: 0px;
padding-top: 0px; 
padding-left: 0px;
margin-left: 10px;
padding-right: 10px;
font-weight: bold; 
display: inline;}

#nav li.current {
color: #000000; 
text-transform: uppercase;
margin: 0px;
padding: 2px;
 }

#nav li.current a {
color: #fffb3a; 
text-transform: uppercase;
margin: 0px;
padding: 3px;
 }

/*---background-image: url(images/nav_arrow2.gif);
background-repeat: no-repeat;
background-position: center bottom; ---*/

#nav a:hover {
color: #aaa; }

/*--------content--------*/

.center {
margin-right: auto;
margin-left: auto;
width: 790px; 
float: left;}

.plaque {
background-image: url(images/plaquewhite.jpg);
background-repeat: no-repeat;
width: 375px;
background-position: bottom left;
margin-left: 10px;
margin-top: 30px;
float: left;
}

.plaquemiddle {
background-image: url(images/plaquemiddlewhit.gif);
width: 375px;
background-repeat: repeat-y;
margin-bottom: 0px;
padding-bottom: 0px;
}

.pad {
position: relative;
width: 375px;
height: 100%;
background-image: url(images/spacer.gif);
background-repeat: repeat; }

.plaque h2 {
text-align: center;
padding-top: 15px; 
margin-top: 0px;
background-image: url(images/plaquewhitetop.jpg);
background-repeat: no-repeat;
background-position: top left;
width: 375px;
font-family:Georgia,Times,"Times New Roman",serif;
font-style: oblique;
color: #990a14;
font-size: 1.7em;
text-decoration: underline;
letter-spacing: .10em; }

.plaque p {
padding-top: 8px;
padding-left: 15px;
padding-right: 15px; 
padding-bottom: 10px;
margin-bottom: 0px;
line-height: 1.3em; 
height: 100%;}

.plaquemiddle a:hover, a:visited {
color: #000000; }

.plaque2 {
background-image: url(images/plaquewhite.jpg);
background-repeat: no-repeat;
width: 375px;
background-position: bottom left;
margin-right: 5px;
margin-top: 20px;
float: right;
}

.plaque2 h2 {
text-align: center;
padding-top: 15px; 
margin-top: 0px;
background-image: url(images/plaquewhitetop.jpg);
background-repeat: no-repeat;
background-position: top left;
width: 375px;
font-family:Georgia,Times,"Times New Roman",serif;
font-style: oblique;
color: #990a14;
font-size: 1.7em;
text-decoration: underline;
letter-spacing: .10em; }

.plaque2 p {
padding-top: 8px;
padding-left: 15px;
padding-right: 15px; 
padding-bottom: 10px;
margin-bottom: 0px;
line-height: 1.3em; 
height: 100%;}

.plaquebig {
background-image: url(images/plaquewhitebig.jpg);
background-repeat: no-repeat;
width: 629px;
background-position: bottom left;
margin-left: 10px;
margin-top: 10px;
float: left;}

.plaquebig1 {
background-image: url(images/plaquewhitebig.jpg);
background-repeat: no-repeat;
width: 629px;
background-position: bottom left;
margin-left: 10px;
margin-top: 20px;
margin-bottom:5px;
padding-bottom: 0px;
float: left;}

.plaquemiddlebig {
width: 629px;
margin-bottom: 0px;
padding-bottom: 0px;}

.plaquebottombig {
background-image: url(images/plaquewhitelowbig.jpg);
background-repeat: no-repeat;
width: 629px;
height: 3px;
background-position: top;
padding-top: 0px;
margin-top: 0px; }

.plaquebig1 h1 {
text-align: left;
padding-top: 15px;
padding-left: 15px;
margin: 0px;
background-image: url(images/plaquewhitebigtop.jpg);
background-repeat: no-repeat;
background-position:top left;
width: 629px;
font-family:Georgia,Times,"Times New Roman",serif;
font-style: oblique;
color: #990a14;
font-size: 2.0em;

letter-spacing: .10em;}

.plaquebig h2 {
text-align: center;
padding-top: 20px; 
margin: 0px;
background-image: url(images/plaquewhitebigtop.jpg);
background-repeat: no-repeat;
background-position: top left;
width: 629px;
font-family:Georgia,Times,"Times New Roman",serif;
font-style: oblique;
color: #990a14;
font-size: 1.7em;
text-decoration: underline;
letter-spacing: .10em;}

.plaquebig h3 {
text-align: center;
padding-top: 40px; }

.plaquebig h5 {
font-family:Georgia,Times,"Times New Roman",serif;
font-style: oblique;
color: #990a14;
font-size: 1.7em;
text-decoration: underline;
letter-spacing: .10em;
text-align: center;}

.plaque h5 {
font-family:Georgia,Times,"Times New Roman",serif;
font-style: oblique;
color: #990a14;
font-size: 1.7em;
text-decoration: underline;
letter-spacing: .10em;
text-align: center;}

.plaquebig1 p, .plaquebig p {
padding-top: 5px;
padding-left: 15px;
padding-right: 15px; 
padding-bottom: 15px;
margin-bottom: 0px;
line-height: 1.3em; 
width: 580px;}

.plaquemiddlebig ul {
padding-bottom: 2px;
margin-bottom: 2px;}

.closer {
line-height: .9em;
font-size: 1em;
padding-top: 0px;
margin-top: 0px; }

.closer li {
margin-left: 30px;}

.closer1 {
padding-top: 2px;
padding-bottom: 2px;
margin-top: 2px;
margin-bottom: 2px;}

.paddingbottom {
padding-bottom: 20px;
margin-bottom: 5px;}

.red {
color: #ffff00; }

.em {
font-style: italic; }

.form1 p { 
padding: 0px;
margin: 0px;}

.form2 p { 
padding: 0px;
margin: 0px 0px 0px 30px;}

.plaquemiddlebig a {
text-decoration: none;
outline: none; }

.plaquemiddlebig a:hover {
color: #ffff00; }

#display dt {
font-size: 1.4em;
font-weight: bold;
padding: 5px 0px 2px 20px;
margin: 0px; }   

#display dd {
padding: 0px 0px 2px 20px;
margin:0px 0px 10px 0px;}

#display .rightside {
margin: 0px;
padding: 5px 0px 2px 400px;}

#display .imgrightside {
margin: 0px;
padding: 5px 0px 2px 400px;}

#options table td {
padding: 5px;
margin: 5px;}


/*-------footer------*/

#footer  {
font-size: small;
padding-bottom: 40px; 
padding-top: 20px;
padding-left: 10px;
color: #ffffff; 
float: left;
clear: both;
width: 200px;}

#footer a {
color: #ffffff; }

/*----thickbox------*/

#roofshingles {
background-image: url(images/roofshingles1.jpg);
width: 633px;
height: 350px; 
float:left;}

#roofshingles p {
margin-top: 180px;
margin-left: 40px;
width: 360px;
font-size: 13px; }

#topplate {
background-image: url(images/topplate1.jpg);
width: 633px;
height: 350px; 
float:left;}

#topplate p {
margin-top: 260px;
margin-left: 60px;
width: 520px;
font-size: 13px; }

#studs {
background-image: url(images/studs1.jpg);
width: 633px;
height: 350px; 
float:left;}

#studs p {
margin-top: 260px;
margin-left: 60px;
width: 520px;
font-size: 13px; }

#siding {
background-image: url(images/siding1.jpg);
width: 633px;
height: 350px; 
float:left;}

#siding p {
margin-top: 170px;
margin-left: 40px;
width: 250px;
font-size: 13px; }

#hinges {
background-image: url(images/hinges1.jpg);
width: 633px;
height: 350px; 
float:left;}

#hinges p {
margin-top: 200px;
margin-left: 40px;
width: 220px;
font-size: 13px; }

#dripedge {
background-image: url(images/dripedge1.jpg);
width: 633px;
height: 350px; 
float:left;}

#dripedge p {
margin-top: 160px;
margin-left: 40px;
width: 260px;
font-size: 13px; }

#door {
background-image: url(images/normaldoor1.jpg);
width: 633px;
height: 350px; 
float:left;}

#door p {
margin-top: 160px;
margin-left: 40px;
width: 220px;
font-size: 13px; }

#heavydoor {
background-image: url(images/heavydoor1.jpg);
width: 633px;
height: 350px; 
float:left;}

#heavydoor p {
margin-top: 220px;
margin-left: 40px;
width: 400px;
font-size: 13px; }

#opendoor {
background-image: url(images/opendoor1.jpg);
width: 633px;
height: 350px; 
float:left;}

#opendoor p {
margin-top: 160px;
margin-left: 40px;
width: 210px;
font-size: 13px; }

#roofpaper {
background-image: url(images/rooffelt1.jpg);
width: 633px;
height: 350px; 
float:left;}

#roofpaper p {
margin-top: 180px;
margin-left: 40px;
width: 220px;
font-size: 13px; }

#chart {

width: 783px;
height: 935px; 
float:left;}
/*----background-image: url(images/chart.jpg);---*/

#chart p {
margin-top: 60px;
margin-left: 60px;
width: 500px;
font-size: .8em; }

#floor {
background-image: url(images/floor1.jpg);
width: 633px;
height: 350px; 
float:left;}

#floor p {
margin-top: 270px;
margin-left: 60px;
width: 520px;
font-size: 13px; }

#skid {
background-image: url(images/4x4skids1.jpg);
width: 633px;
height: 350px; 
float:left;}

#skid p {
margin-top: 180px;
margin-left: 40px;
width: 240px;
font-size: 13px; }

#floorjoist {
background-image: url(images/floorjoists1.jpg);
width: 633px;
height: 350px; 
float:left;}

#floorjoist p {
margin-top: 155px;
margin-left: 28px;
width: 200px;
font-size: 13px; }

#aspricelist {

width: 633px;

background-color: #ffffff; }

#aspricelist p {
margin: 10px 0px 30px 80px;
width: 520px;
font-size: 1.1em; }

#aspricelist h2 {
margin:20px 0px 0px 50px;}

#aspricelist table {
margin: 10px 0px 0px 50px;
padding: 0px;}

#aspricelist table td {
margin: 10px 10px 10px 5px;
padding: 3px 3px 1px 5px;}

#aspricelist table th {
margin: 10px 10px 10px 5px;
padding: 3px 3px 1px 5px;}

#naspricelist table {
margin: 10px 0px 0px 50px;
padding: 0px;}

#naspricelist table td {
margin: 10px 10px 10px 5px;
padding: 3px 3px 1px 5px;}

#naspricelist table th {
margin: 10px 10px 10px 5px;
padding: 3px 3px 1px 5px;}

.warning {
background-image: url(images/attention.gif);

width: 200px;
height: 100px;
background-position: top left;
margin: 220px 0px 0px 480px;
position: absolute;
z-index: 200;
 }