* { border: none; margin: 0; padding: 0; }
html { height: 100%; padding-bottom: 1px; width: 100%; }
body { background: #f2f2f2 url(../images/body-bg.jpg) left top repeat-x; font: 14px/19px "Myriad Pro", helvetica, arial, sans-serif; text-align: center; }
body#subpage { background-image: url(../images/subpage-bg.jpg); }
/* typography & images */
a { text-decoration: none; }
a:focus { -moz-outline-style: none; }
a:hover { text-decoration: underline; }
.blue-box a { color: #ccf0ff; font-size: 13px; font-weight: bold; }
.breadcrumb a { color: #0078b8; }
#left-column p a { color: #a54c10; }
#footer-inner a { color: #009adb; }
address { display: inline; float: left; font-style: normal; margin: 20px 20px 0 0; }
#left-column address { color: #737373; display: block; float: none; margin: 0 0 20px; }
blockquote { background: #002f4f url(../images/bb-tlc.jpg) left top no-repeat; display: inline; float: left; margin: 0 20px 10px 0; width: auto; }
blockquote div { background: url(../images/bb-trc.jpg) right top no-repeat; }
blockquote div div { background: url(../images/bb-blc.jpg) left bottom no-repeat; }
blockquote div div div { background: url(../images/bb-brc.jpg) right bottom no-repeat; padding: 10px; }
blockquote h3 { margin-bottom: 8px !important; }
blockquote p { margin-bottom: 5px !important; }
blockquote p { color: #bdf; font-size: 13px; font-style: italic; line-height: 18px; width: 220px; }
cite { display: inline-block; font-size: 13px; line-height: 14px; text-align: right; width: 220px; }
cite a { color: #fcbc3a; font-style: italic; }
h1, #right-column h2 { color: #0078b8; }
h1 { font-size: 26px; line-height: 26px; }
h2 { font-size: 22px; line-height: 22px; margin-bottom: 15px; }
#left-column h2 { color: #002f4f; font-size: 15px; line-height: 15px; }
h3 { color: #00b2ff !important; font-size: 15px; line-height: 15px; }
#left-column h3 { color: #005380 !important; font-size: 13px; line-height: 13px; margin-bottom: 10px; }
#right-column h3 { color: #009adb !important; font-size: 14px; }
#footer-inner h3, #footer-inner address strong { color: #0085cc !important; display: inline-block; margin-bottom: 10px; font-size: 15px; line-height: 15px; }
#footer-inner h3 span { color: #005380 !important; }
h4 { color: #0078b8; font-size: 13px; line-height: 13px; margin-bottom: 5px; }
h4 a { color: #009adb !important; }
h1 a, h2 a, h3, a, h4 a, h5 a, h6 a { color: inherit; }
#right-column h3 a { color: #009adb; }
h1 span, h2 span { color: #005380; }
h1 span.three-span { color: #009adb !important; }
h1 span.three-span + span { color: #0078b8; }
h1 span.three-span + span + span { color: #005380; }
#left-column blockquote h3 { color: #009adb !important; }
h3 span { color: #0085cc; }
h3 span + span { color: #0078b8; }
.no-float h3 { font-size: 16px !important; }
td h3 { font-size: 13px; line-height: 13px; }
hr { background: #deded3; border: none !important; clear: both; height: 1px; margin-bottom: 20px; }
hr.breadcrumb { background: #b6b8ad; margin: 10px 0 0 !important; }
.blue-box .content hr { background: #2191b6; clear: both; display: inline-block !important; margin-bottom: 10px !important; width: 100%; }
#left-column hr { background: #ccc; }
img { display: inline; float: left; }
table img { float: none; }
#left-column img { margin: 0 20px 10px 0; }
#left-column img.right { float: right !important; margin: 0 0 10px 20px !important; }
#left-column h1 + p > img:first-child { margin-top: 20px !important; }
.no-float img { display: inline-block !important; float: none !important; margin-bottom: 20px !important; margin-right: 20px; }
p { color: #737373; margin-bottom: 20px; }
/* orange box */
.blue-box p { color: #ccf0ff; font: 16px/18px "AvantGarde LT Medium", "Myriad Pro", helvetica, sans-serif; margin-bottom: 10px; text-shadow: 1px 1px 5px #191919; }
.box p { color: #999; font-size: 12px; }
p.breadcrumb { clear: both; color: #002f4f; line-height: 14px; margin: 10px 0 0; }
.orange-box p { color: #fff; font: 26px/28px "AvantGarde LT Medium", "Myriad Pro", helvetica, sans-serif; margin: 30px 0 0 30px; text-shadow: 1px 1px 5px #191919; }
#footer-inner p { margin: 20px 0; text-align: right; }
#left-column div.left, #left-column p.left { margin-right: 20px; }
span {}
.blue-box span { color: #b8d8e5; font-size: 13px; }
table { clear: both; width: 100%; }
td { padding-bottom: 20px; }
#left-column td { padding-bottom: 0px; }
table.company-info td { background-color: #fafafa; border: 1px solid #deded3; display: inline; float: left; height: 132px; margin: 0 20px 20px 0; padding: 10px !important; position: relative; vertical-align: top !important; width: 171px; }
table.company-info p { bottom: 10px; color: #0078b8; font-size: 13px !important; left: 10px; margin: 0 !important; position: absolute; }
table.company-info strong { color: #005380; }
li br { margin-bottom: 10px; }
ol { color: #737373; line-height: 19px; margin-bottom: 20px; }
ol li { margin: 0 0 10px 18px; }
ul { color: #737373; list-style-type: none; line-height: 16px; }
ul li a { color: #0078b8; }
/* navigation */
ul.navigation { bottom: 20px; font-size: 18px; position: absolute; right: 0; }
ul.navigation li { display: inline; float: left; margin-left: 20px; }
ul.navigation li a { color: #fff; display: inline-block; padding: 6px; text-shadow: 1px 1px 5px #333; }
ul.navigation li a:hover { color: #00b2ff; text-decoration: none; }
#left-column ul, .box ul { margin: 0 0 20px 10px; }
#footer-inner ul { margin: 0 0 20px 0; }
#footer-inner ul li, #left-column ul li, .box ul li { background: url(../images/li-bg.png) left 1px no-repeat; margin-bottom: 5px; line-height: 16px; padding-left: 20px; }
#footer-inner ul li, #left-column ul li { font-size: 13px; }
#left-column ul li a { text-decoration: underline; }
ul.phone-numbers { height: 16px; margin-left: 0px !important; }
ul.phone-numbers li { margin-right: 20px !important; }
#right-column ul { margin: 0 0 20px 0 !important; }
/* classes */
.active { background: url(../images/nav-bg.png) repeat; }
.active:hover { color: #fff !important; }
.blue-box { background: url(../images/blue-box-bg.png) center no-repeat; display: inline; float: right; height: 224px; margin: 20px 0; position: relative; width: 300px; }
.blue-box { border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 4px #999; -webkit-box-shadow: 0 0 4px #999; }
.blue-box .content { clear: both; display: inline; float: left; margin: 20px; width: 260px; }
.blue-box .content p { clear: both; display: inline; float: left; margin-bottom: 10px !important; width: 100%; }
.blue-box .not-active { background: url(../images/blue-box-active-bg.png) center no-repeat; }
.bottom-margin { margin-bottom: 10px !important; }
.box { background-color: #fafafa; border: 1px solid #deded3; margin-bottom: 20px; padding: 20px 20px 0; }
.box { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.clear { clear: both; }
.description { font-size: 13px !important; font-style: italic; margin-bottom: 15px; width: 90%; }
.box .description { color: #666 !important; width: auto !important; font-weight: bold !important; }
.blue-box .description {margin: 0 !important; width: 260px !important; font-size: 11px !important; }
html>/**/body .blue-box description { font-size: 12px !important; }
.hidden { display: none !important; }
.info { color: #999; font-style: italic; margin-bottom: 10px; }
.get-a-quote-btn { bottom: 7px; position: absolute; left: 7px; }
#header .get-a-quote-btn { bottom: auto; position: relative; left: auto; top: -6px; }
.learn-more-btn { bottom: 7px; position: absolute; left: 16px; }
.left, .logo { display: inline; float: left; }
.logo { left: -10px; position: relative; }
.no-margin { margin-bottom: 0 !important; }
.right { display: inline; float: right; }
.orange-box { background: url(../images/get-a-quote-bg.png) center no-repeat; clear: both; display: inline; float: left; height: 224px; margin: 20px 0; position: relative; width: 620px; }
.orange-box { border-top-left-radius: 12px; -moz-border-radius-topleft: 12px; -webkit-border-top-left-radius: 12px; box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 4px #999; -webkit-box-shadow: 0 0 4px #999; }
.blue-box h2 { color: #fff; font: 20px/20px "AvantGarde LT Medium","Myriad Pro",helvetica,sans-serif; text-shadow: 01px 1px 5px #191919; }
.tab { color: #fff; font-weight: bold; height: 44px; line-height: 46px; _line-height: 44px; padding-left: 20px; text-shadow: 01px 1px 5px #191919; width: 130px; }
.tab:hover { color: #ccf0ff !important; text-decoration: none; }
.top-margin { margin-top: 20px !important; }
/* structure */
#wrapper { margin: 0 auto; text-align: left; width: 940px; }
#header { height: 137px; margin-bottom: 2px; position: relative; }
body#subpage #header { margin-bottom: 14px; }
#left-column, #right-column { margin-top: 20px; }
#footer { background: url(../images/footer-bg.jpg) top left repeat-x; clear: both; height: 65px; width: 100%; margin-top: 40px; }
#footer-inner { color: #757575; font-size: 13px; margin: 0 auto; line-height: 15px; text-align: left; height: 105px; width: 940px; }
/* grid */
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, grid-12 { display: inline; float: left; margin: 0 10px 20px; }
.grid-1 { width: 60px; }
.grid-2 { width: 140px; }
.grid-3 { width: 220px; }
.grid-4 { width: 300px; }
.grid-5 { width: 380px; }
.grid-6 { width: 460px; }
.grid-7 { width: 540px; }
.grid-8 { width: 620px; }
.grid-9 { width: 700px; }
.grid-10 { width: 780px; }
.grid-11 { width: 860px; }
.grid-12 { width: 940px; }
.alpha { margin-left: 0px !important; }
.omega { margin-right: 0px !important; }
/* Element Divs */
div.element { clear: both; display: inline; float: left; margin-bottom: 10px; width: 100%; }
div.multi-check-box { width: 100%; }
fieldset { clear: both; }
/* Labels */
label.element-label { clear: both; color: #737373; display: inline; float: left; width: 100%; }
label.required { font-weight: bold; }
div.radio-box label { color: #737373; margin-right: 20px; width: 130px !important; }
html>/**/body div.radio-box label { width: 115px !important; }
div.multi-check-box label { color: #737373; margin-right: 20px; width: 100% !important; }
div.radio-box label + label { clear: none !important; width: auto !important; }
div.multi-check-box label + label { display: inline; float: left; margin: 2px 0 0 20px; width: 200px !important; }
/* Form Elements */
.text-box input { border: 1px solid #deded3; clear: both; color: #005380; display: inline; float: left; font: bold italic 14px/16px "Myriad Pro", helvetica, arial, sans-serif; padding: 5px 7px 3px; width: 300px; }
#newsletter .text-box input { width: 243px; }
textarea { border: 1px solid #deded3; clear: both; color: #005380; display: inline; float: left; font: bold italic 14px/16px "Myriad Pro", helvetica, arial, sans-serif; height: 250px; padding: 5px 7px 3px; width: 475px; }
div.radio-box input, div.multi-check-box input { margin-right: 10px; }
input.submit-button { background: url(../images/submit-button.jpg); clear: both; display: inline; float: left; height: 41px; width: 99px; }
/* Errors and Messages
/**************************************************/
.errors li, .alerts li, .messages li { background: none !important; text-indent: 0 !important; }
ul.errors { color: #961515; display: inline; float: left; font-style: italic; line-height: 32px; margin: 0 0 0 10px !important; }
/* Messages */
.alerts, .messages { border: 1px solid #ddd; margin: 0 0 10px !important; padding: 10px 10px 10px 36px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.alerts li, .messages li { line-height: 16px; }
.alerts { background: #fbe3e4 url(../images/icons/silk/delete.png) 10px center no-repeat; border-color: #fbc2c4; color: #8a1f11; }
.messages { background: #e6efc2 url(../images/icons/silk/accept.png) 10px center no-repeat; border-color: #c6d880; color: #264409; }