/*
Design by Troy Douglas 2010
David D. Douglas, Inc. - Nantucket Vanity Tops
*/

body {
margin: 0;
padding: 0;
background: #FFFFFF url('../../../images/beach_grass2.jpg');
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 50% 0%;
text-align: justify;
font-family:"Times New Roman";
font-size: 16px;
color: #660000;
}
h1, h2, h3 {
margin: 0;
}
h1 {
height: 25px;
width: 679px;
background: #3399CC url(../../../images/img3.gif) repeat-x left bottom;
padding: 4px 4px 6px 4px;
font-size: 20px;
text-align: center;
color: #660000;
}
h2 {
height: 25px;
width: 177px;
background: #3399CC url(../../../images/img3.gif) repeat-x left bottom;
padding: 10px 0 0 10px;
font-size: 18px;
text-align: center;
color: #660000;
}
h3 {
height: 25px;
width: 177px;
background: #3399CC url(../../../images/img3.gif) repeat-x left bottom;
padding: 10px 0 0 10px;
font-size: 18px;
color: #660000;
}
h4 {
height: 25px;
width: 892px;
background: #3399CC url(../../../images/img3.gif) repeat-x left bottom;
padding: 4px 4px 6px 4px;
font-size: 20px;
text-align: center;
color: #660000;
}
p, ol, ul {
line-height: 150%;
}
ul {
margin-left: 0;
padding-left: 0;
list-style-position: inside;
font-family: "Times New Roman";
font-size: 16px;
color: #660000;
}
a {
color: #000044;
}
a:hover {
text-decoration: none; color:#800000
}
.image {
float: left;
margin: 0 20px 0 0;
}
.bg1 {
padding: 0 20px 20px 20px;
border-top: 1px solid #000000;
background-color: #ffffff;
color: #660000;
}
.bg2 {
padding: 20px;
border-top: 1px solid #CBE1EF;
background: #FFFFFF url(images/img4.gif) repeat-x;
color: #660000;
}
table,td
{
border:1px solid #7F1F1F; background-color:linen
}
th
{
border:1px solid #7F1F1F; background-color:#7F1F1F;
color:white; padding:0px 1px 0px 1px;
}
/* ----------Header---------- */
#header {
width: 892px;
height: 130px;
margin: 0 auto;
}
#header * {
margin: 0;
padding: 0;
color: #FFFFFF;
}
#header h1 {
float: left;
padding: 10px 0 0 10px;
font-size: 33px;
}
#header h2 {
float: left;
padding: 10px 0 0 10px;
font-size: 18px;
font-weight: bold;
}
#header ul {
float: inherit;
margin: 0;
padding: 8px 0 0 0;
list-style: none;
}
#header li {
display: inline;
}
#header a {
display: block;
float: left;
height: 25px;
margin: 0 0 0 8px;
padding: 12px 20px 0 20px;
background: #660000 url(../../../images/img2.gif) repeat-x;
text-decoration: none;
font-weight: bold;
}
/* transparent boxes */
.box {
margin: 0px 0px 20px 0px;
border: 1px solid #660000;
width: 100%;
position: relative;
}
.box_contents {
background-color:transparent;
height: 100%;
position: relative;
z-index: 101;
color: #660000;
padding: 20px 20px 20px 20px;
text-align: justify;
font-family: "Times New Roman";
font-size: 18px;
line-height: 150%;
}
.box_background {
background-color: #ffffff;
opacity: 0.35;
filter:alpha(opacity=35); /* IE's opacity*/
position: absolute;
left: 0px;
top: 0px;
width: 100%;
z-index: 100;
}
.box2 {
margin: 0px 0px 20px 0px;
border: 1px solid #660000;
width: 100%;
position: relative;
}
.box2_contents {
background-color:transparent;
height: 100%;
position: relative;
z-index: 101;
color: #660000;
padding: 5px 5px 0px 5px;
text-align: justify;
font-family: "Times New Roman";
font-size: 18px;
line-height: 150%;
}
.box2_background {
background-color: #ffffff;
opacity: 0.35;
filter:alpha(opacity=35); /* IE's opacity*/
position: absolute;
left: 0px;
top: 0px;
width: 100%;
z-index: 100;
}
/* Content */
#content {
width: 896px;
margin: 0 auto;
}
#colOne {
float: left;
width: 186px;
}
#colOne ul {
padding-left: 0;
list-style: none none outside;
}
#colOne li {
padding: 5px 0;
background: url(../../../images/img6.gif) repeat-x;
}
#colOne li.first {
background: none;
}
#colTwo {
float: right;
width: 686px;
}
/* Footer */
#footer {
clear: both;
height: 25px;
width: 895px;
margin: 2px;
padding: 25px 0;
background: url(../../../images/img7.gif) repeat-x
}
#footer p {
margin: 0;
text-align: center;
}