/* CSS Document */
html, body {
background-color: #242D68;
background-image: url(../images/bg.gif);
background-repeat: repeat-x;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
height: 100%;
}
h3 {
margin: auto;
font-size: 18px;
font-weight: normal;
color: #76B7FF;
}
h3 span {
font-weight: bold;
font-size: 14px;
color: #999;
}
h2 {
margin: 0;
font-size: 20px;
font-weight: normal;
color: #D11C25;
}
h1 {
margin: 0;
font-size: 18px;
font-weight: normal;
color: #25558C;
}
#container {
background: url(../images/mainBG.gif) repeat-y;
}
#top {
height: 104px;
background: #FFFFFF;
}
#top_services {
margin: 0 auto;
paddign: 0;
font-size: 12px;
font-variant: small-caps;
clear: both;
text-align: center;
}
#shadowLeft {
background: url(../images/shadowLeft.gif) no-repeat;
}
#shadowRight {
background: url(../images/shadowRight.gif) no-repeat;
}
#header {
height: 173px;
background: #FFFFFF;
}
#logo {
margin: 8px 0 0 11px;
float: left;
}
#toolwrap {
float: right;
width: 200px;
}
#tools {
margin: 0;
padding: 0;
}
#tools ul {
text-align: right;
margin: 0;
padding: 0;
width: 185px;
float: right;
}
#tools ul li {
display: inline;
margin: 0;
padding: 0;
}
#tools ul li a:link, #tools ul li a:visited {
padding: 16px 16px 0 5px;
border-left: solid 1px #281675;
color: #281675;
text-decoration: none;
float: left;
font-size: 11px;
}
#tools ul li a img {
margin: 0 3px 0 0;
}
/* self clearing rules */
#tools:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#tools { display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
#tools { display: block; }
/* End hide from IE-mac */
#phone {
float: right;
width: 200px;
}
#phone h2 {
text-align: right;
margin: 25px 15px 0 0;
color: #0b6b5a;
font-size: 19px;
font-weight: normal;
clear: both;
text-decoration: none;
}
#nav {
margin-left: 10px;
width: 145px;
float: left;
background: url(../images/nav_bg.gif) repeat-y;
}
* html #nav {
margin-left: 5px;
}
#nav ul {
padding: 43px 0 0;
margin: 0;
text-align:left;
list-style:none;
background: url(../images/nav_head.gif) no-repeat;
}
#nav ul li {
padding: 0;
margin: 0;
}
#nav ul li a:link, #nav ul li a:visited {
text-decoration: none;
color: #284291;
font-size: 16px;
font-weight: bold;
padding: 0 0 0 12px;
background: url(../images/nav_sep.gif) no-repeat left bottom;
display: block;
margin: 0;
line-height: 27px;
}
#nav ul li a:hover {
color: #d11c25;
}
#nav ul li a.first:link, #nav ul li a.first:visited {
border-top: 1px solid #4F90BB;
border-bottom: 1px solid #1B5189;
border-left: 1px solid #1A5189;
border-right: 1px solid #1A5189;
height: 38px;
padding: 0 0 0 12px;
background: url(../images/navBG_end1.gif) repeat-x;
}
#nav ul li a.last:link, #nav ul li a.last:visited {
margin-top: 2em;
background: url(../images/nav_foot.gif) no-repeat bottom;
padding-bottom: 8px;
}
#nav ul li a.first:hover, #nav ul li a.last:hover {
}
#nav ul li img {
margin: 0;
border: none;
}
#header {
text-align: center;
}
#header img {
float: none;
margin: 0 10px 0 0;
border: solid 1px #4D7DAF;
}
#services {
border: solid 1px #548199;
width: 527px;
height: 189px;
margin: 0 10px;
padding: 0;
float: right;
display: block;
}
* html #services_container {
margin: 0;
}
* html #services {
margin-right: 5px;
}
#contentContainer {
padding: 10px;
}
/* self clearing rules */
#contentContainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#contentContainer { display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
#contentContainer { display: block; }
/* End hide from IE-mac */
#contentContainer .home .content {
width: 750px;
float: left;
}
#contentContainer .home .graphic {
float: right;
width: 262px;
padding-left: 5px;
}
#contentContainer .home .content table thead {
background: url(../images/form_box_top.gif) no-repeat top left;
}
#contentContainer .home .content table.formtab {
background: #FFFFFF url(../images/form_box_center.gif) repeat-x bottom left;
}
#contentContainer .home .content table tfoot {
background: url(../images/form_box_bottom.gif) repeat-x top left;
height: 18px;
}
#contentContainer .home .content table.formtab {
border-left: 1px solid #BDBCBD;
border-right: 1px solid #BDBCBD;
}
#contentContainer .home .content #products_list dt {
font-weight: bold;
color: #87A93E;
}
#contentContainer .home .content #products_list dd {
margin-left: 0;
margin-bottom: 1em;
}
#contentContainer .home .content table.product_details thead {
background: none;
}
#contentContainer .home .content #certifications {
width: 250px;
margin: 0;
padding: 0;
float: right;
}
#contentContainer .home .content #certifications dd {
margin: 0;
padding: 0;
}
#contentContainer .home .content #certifications dd p {
padding-left: 2em;
}
#contentContainer .home .content #certifications dd ul li {
margin-bottom: 1em;
}
#contentContainer .home .content #faq dd {
padding-left: 0;
margin-left: 0;
}
#contentContainer .home .content #business_card {
background: url(../images/kate_headshot.jpg) no-repeat 5px 5px;
padding: 5px 0px 8px 110px;
border: 1px solid #DDDDDD;
width: 200px;
}
#contentContainer .home .content #business_card span {
padding-bottom: .6em;
display: block;
}
#footer {
background: url(../images/footerBG.gif) repeat-x;
height: 74px;
font-size: 11px;
color: #5883A9;
}
#footer address {
text-align: left;
font-style: normal;
margin: 8px 0 0 10px;
float: left;
}
#footer div {
float: right;
text-align: right;
margin: 10px 10px 0 0;
}
#footer p {
margin: 0 0 0 0;
}
#footer p#copyright {
margin-top: 8px;
}
#footer a, #footer a:visited {
color: #5883A9;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
#footer ul {
margin: 0;
padding: 0;
}
#footer ul li {
display:inline;
}
#footer ul li a, #footer ul li a:visited {
margin: 0 4px;
color: #5883A9;
text-decoration: none;
font-weight: bold;
}
#footer ul li a:hover {
color: #5883A9;
text-decoration: underline;
}
.tableHeader {
background: #5883A9;
color: white;
font-weight: bold;
}
.tableCell {
background: #FFFFFF;
}
.tableBorder {
background: #415e7e;
}
.clear {
clear: both;
height: .01em;
margin: 0;
padding: 0;
}