* {
padding: 0;
margin: 0;
}
html {
min-height: 100%;
}
body {
margin: 10px 0px 5px 0px;
text-align: center;
}
body, table, td, div, input, select, p {
font-family: verdana;
font-size: 12px;
color: #0D3A55;
}
ul, ol {
margin-left: 30px;
}
a {
color: #003366;
font: bold 12px verdana;
text-decoration: underline;
}
a:hover{
text-decoration: none;
color: #99CC33;
}
h1, h2, h3 { font-family: Arial; }
h1 {
color: #FF9933;
font-size: 18px;
margin: 0px 0px 10px 0px;
}
h2 {
color: #3399CC;
font-size: 16px;
margin: 0px 0px 10px 0px;
}
h3 {
color: #99CC33;
font-size: 14px;
margin: 0px 0px 10px 0px;
}
p {
margin: 0px 0px 10px 0px;
line-height: 16px;
}
.bordered {
border: 5px solid #CCCCCC;
}
#header {
margin: 0px auto;
width: 805px;
height: 80px;
}
#headerLeft {
float: left;
width: 200px;
}
#headerRight {
width: 600px;
float: right;
text-align: right;
}
#navA {
color: #3399CC;
font-family: Arial;
font-size: 12;
font-weight: bold;
margin: 20px 10px 0px 0px;
}
#navA a {
color: #3399CC;
font-family: Arial;
font-size: 12;
font-weight: bold;
text-decoration: none;
padding: 5px 7px 5px 7px;
}
#navA a:hover {
text-decoration: none;
background: #3399CC;
color: #FFFFFF;
}
#navBLeft {
width: 9px;
height: 37px;
float: right;
margin-top: 13px;
}
#navB {
background: #99CC33;
height: 37px;
width: 395px;
float: right;
text-align: center;
color: #FFFFFF;
margin-top: 13px;
}
#navBRight {
width: 9px;
height: 37px;
float: right;
margin-top: 13px;
}
#navB a {
color: #FFFFFF;
height: 37px;
line-height: 37px;
padding: 7px 8px 8px 8px;
text-decoration: none;
font-weight: bold;
font-size: 13px;
}
#navB a:hover {
color: #99CC33;
background: #FFFFFF;
text-decoration: none;
}
#header2Container {
clear: both;
background: url('../images/headerbg.jpg');
height: 240px;
border-width: 3px;
border-color: #95BF4C;
border-top-style: solid;
}
#header2 {
margin: 0px auto;
width: 805px;
}
#header2Left {
width: 400px;
float: left;
text-align: left;
}
#header2Left img {
border: 3px solid #FFFFFF;
margin-top: 4px;
}
#header2Right {
width: 400px;
float: right;
}
#header2Right p {
font-family: Arial;
text-align: center;
font-size: 12px;
font-weight: none;
line-height: 22px;
}
#header3Container {
background: url('../images/headerbg.jpg');
height: 40px;
border-width: 3px;
border-color: #95BF4C;
border-top-style: solid;
}
#header3Inside {
border-width: 3px;
border-color: #308FBF;
border-bottom-style: solid;
height: 40px;
}
#body {
margin: 0px auto;
width: 805px;
text-align: left;
margin-top: 15px;
}
#footer {
clear: both;
margin: 0px auto;
width: 805px;
text-align: right;
margin-top: 50px;
color: #003366;
font-family: Arial;
font-weight: bold;
}
#footer a {
color: #003366;
font-family: Arial;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
/* Idea Gallery */
.ideaGallery {
list-style-type: none;
padding: 0 0 10px 0;
margin: 0;
}
/* Spacing around each image */
.ideaGallery li {
float: left;
display: inline;
margin: 0px 0 5px 0px;
padding:0;
width: 200px;
height: 165px;
text-align: center;
}
.ideaGallery li a.title {
display: block;
}
.ideaGallery li a {
text-decoration: none;
color: #3399CC;
}
.ideaGallery li a:hover {
font-weight: bold;
color: #CCCCCC;
}
.ideaGallery li p {
padding: 2px;
margin: 0;
color: #333333;
}
.ideaGallery li img {
border: 7px solid #DCDCDC;
padding: 3px;
background: #FFFFFF;
}
.ideaGallery li a:hover img{
border: 7px solid #3399CC;
background: #FFFFFF;
}
img{
border:0;
}
#ideaDetails {
width: 360px;
float: left;
}
#ideaFullImage {
width: 415px;
float: right;
}
#ideaFullImage img {
padding: 2px;
border: 3px solid #3399CC;
}
#ideaPrev {
float: left;
margin-bottom: 15px;
padding: 3px 3px 3px 3px;
}
#ideaNext {
float: right;
margin-bottom: 15px;
padding: 3px 3px 3px 3px;
}
#ideaPrev:hover, #ideaNext:hover {
color: #FFFFFF;
background: #0D3A55;
text-decoration: none;
}
#getAQuote {
background: #0D3A55;
padding: 5px 12px 5px 12px;
color: #FFFFFF;
text-decoration: none;
line-height: 20px;
}
#getAQuote:hover {
background: #308FBF;
text-decoration: none;
}
/* Get a Quote */
#quote {
margin-left: 15px;
float: left;
font: normal 12px Arial, Verdana, Helvetica, sans-serif;
color: #666666;
line-height: 16px;
}
#quote .field {
float: left;
width: 75px;
font-weight: bold;
height: 24px;
line-height: 18px;
}
#quote .input {
float: right;
width: 360px;
height: 24px;
line-height: 24px;
}
#quote input {
width: 350px;
font-size: 11px;
}
#quote select {
width: 353px;
font-size: 11px;
}
#quote textarea {
width: 352px;
font-size: 11px;
height: 80px;
}
/* Contact Us */
#contactLeft {
margin-left: 15px;
float: left;
width: 290px;
font: normal 12px Arial, Verdana, Helvetica, sans-serif;
color: #666666;
line-height: 16px;
}
#contactRight {
float: left;
width: 200px;
margin-left: 10px;
}
#contactImage {
float: right;
width: 210px;
}
#contactLeft .field {
float: left;
width: 75px;
font-weight: bold;
height: 24px;
line-height: 18px;
}
#contactLeft .input {
float: right;
width: 210px;
height: 24px;
line-height: 24px;
text-align: right;
}
#contactLeft input {
width: 200px;
font-size: 11px;
}
#contactLeft select {
width: 203px;
font-size: 11px;
}
#contactLeft textarea {
width: 202px;
font-size: 11px;
height: 80px;
}
#contactRight #map {
border: 1px solid #CCCCCC;
}
#mapCaption {
background: #015198;
text-align: left;
padding: 10px 10px 0px 10px;
height: 100%;
}
#mapcaption #left {
float: left; width: 450px;
}
#mapcaption #right {
float: right;
text-align: right;
margin-top: 25px;
}
#mapCaption #left p {
color: #FFFFFF;
}
/* LINKS AND RESOURCES */
#linksContainer {
margin: 0px 15px 0px 15px;
font-size: 12px;
}
div.linksLogo {
width: 145px;
padding-right: 20px;
float: left;
}
div.linksLeft {
float: left;
}
div.linksTitle {
padding-right: 10px;
float: left;
}
div.linksWebsite {
float: right;
width: 100px;
}
#linksContainer hr {
height: 1px;
color: #CCCCCC;
margin: 10px 0px 10px 0px;
clear: both;
}
/* List Table */
.listTable {
width: 400px;
}
.listTitle {
float: left;
width: 190px;
font-weight: bold;
padding: 4px 6px 4px 6px;
}
.listEntry {
float: left;
width: 85px;
padding: 4px 6px 4px 6px;