/* reset */
 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
 
:focus { outline: 0; }
 
body { line-height: 1; }
 
ol, ul { list-style: none; }
 
table { border-collapse: separate; border-spacing: 0; }
 
caption, th, td { text-align: left; font-weight: normal; }
 
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
 
blockquote, q { quotes: "" ""; }
 
a, a:hover, a:active { text-decoration: none; }
 
/* general */
 
html { background: #2e434b url(../images/bg/main_bg.png) repeat-x 0 0; }
 
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6c787d; }
 
img { border: none; }
 
p { line-height: 1.5em; padding-bottom: 5px; }
 
#featured h1 { font-family: "Arial", Helvetica, sans-serif; font-size: 40px; letter-spacing: 2px; color: #537481; text-align: center; margin: -10px 0 0 30px; text-indent: -9999px; }
 
#featured h1 a { color: #537481; }
 
#featured h1 a:hover { text-decoration: none; }
 
#slider { float: left; width: 520px; height: 162px; overflow: hidden; background: #1d292e; margin: 0 auto; padding-top: 10px; position: relative; z-index: 1; }
 
h2 { font-size: 21px; font-weight: normal; letter-spacing: -1px; color: #3e829c; padding-bottom: 20px; }
 
#main-content h2 { padding-bottom: 0px; }
 
h3 { font-size: 17px; font-weight: normal; letter-spacing: -1px; color: #3e829c; padding-bottom: 5px; }
 
h4 { font-size: 14px; font-weight: normal; color: #3e829c; padding-bottom: 5px; }
 
/* logo */
 
#logo-container { float: left; width: 216px; margin-left: 15px; display: inline; }
 
#logo-container small { padding: 0; margin: 0; }
 
h1#logo { width: 372px; height: 40px; text-indent: -9000px; background: url(../images/logotype.png) no-repeat 0 0; }
 
h1 a { height: 40px; width: 216px; display: block; text-decoration: none; }
 
h1 a:hover { text-decoration: none; background: transparent; }
 
/* search */
 
#search { float: right; width: 316px; height: 25px; display: inline; margin-top: 10px; }
 
#search input { float: left; width: 210px; height: 16px; background: #1e2c31; border: 1px solid #43626e; color: #8598a0; margin: 0; margin-right: 12px; padding: 4px; }
 
#search input:focus { background: #151f23; }
 
/* navigation */
 
#navigation { background: url(../images/bg/menu_bg.png) no-repeat 0 0; width: 940px; height: 46px; line-height: 42px; margin-bottom: 8px; }
 
#navigation ul { list-style: none; position: absolute; }
 
#navigation ul li { display: inline; height: 42px; text-transform: uppercase; background: transparent; padding: 0; position: relative; }
 
#navigation ul li a { float: left; display: block; padding: 0 20px; color: #fff; text-decoration: none; background: url(../images/bg/menu_divider.png) top right no-repeat; }
 
#navigation ul li a:hover, #navigation ul li a.current, #navigation ul li a:hover span.sf-sub-indicator { color: #54bee6; }
 
span.sf-sub-indicator { margin: 0 0 0 3px; background: transparent url(../images/bg/submenu_indicator.png) 1% 50% no-repeat; }
 
/* submenu */
 
#navigation ul li ul { display: none; padding: 0; margin: 0; position: absolute; top: 44px; right: 0; z-index: 2; }
 
#navigation ul li ul li { text-transform: none; }
 
#navigation ul li ul li a { background: #212c30; width: 160px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); font-size: 1.2em; }
 
#navigation ul li ul li a.last { -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
 
#navigation ul li ul li a:hover { background: #27353b; }
 
#navigation ul li:hover { visibility: inherit; }
 
#navigation ul li:hover ul { display: block; }
 
.sf-menu ul { position: absolute; top: -999em; width: 10em; }
 
.sf-menu ul li { width: 100%; }
 
.sf-menu li:hover { visibility: inherit; }
 
.sf-menu li { float: left; position: relative; }
 
.sf-menu a { display: block; position: relative; }
 
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left: 0; top: 2.5em; z-index: 99; }
 
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top: -999em; }
 
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left: 10em; top: 0; }
 
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top: -999em; }
 
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left: 10em; top: 0; }
 
/*** arrows **/
 
.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; }
 
.sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; }
 
a > .sf-sub-indicator { top: .8em; background-position: 0 -100px; }
 
/* apply hovers to modern browsers */
 
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; }
 
/* point right for anchors in subs */
 
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
 
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
 
/* apply hovers to modern browsers */
 
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; }
 
.sf-shadow ul { background: url(../images/bg/shadow.png) no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
 
.sf-shadow ul.sf-shadow-off { background: transparent; }
 
/* floats */
 
.clearfloat { display: inline-block; }
 
.clearfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
* html .clearfloat { height: 1%; }
 
.clearfloat { display: block; }
 
/* links */
 
a { outline: none; }
 
a:link, a:visited { color: #54bee6; text-decoration: none; }
 
a:hover { text-decoration: underline; }
 
a.readMore:link, a.readMore:visited {  }
 
#free-quote a:link, #free-quote a:visited { color: #fff; text-decoration: none; }
 
#free-quote a:hover { text-decoration: underline; }
 
/* lists */
 
ul { margin-bottom: 10px; margin-left: 20px; list-style: none; }
 
ul li { padding: 5px 5px 5px 15px; background: url(../images/bg/li_icon.png) no-repeat center left; }
 
#main-content ul.buttons { width: 99%; margin: 10px 0; }
 
#main-content ul.buttons li { float: left; margin-right: 5px; background-image: none; height: 25px; padding: 0; }
 
ol { list-style: decimal; margin: 0 15px; }
 
/* homepage layout */
 
noscript { font-size: 3em; color: #fff; background: red; display: block; padding: 5px; text-align: left; }
 
#skip { font-size: 9px; line-height: 10px; margin: 0; padding: 0; }
 
#skip a { margin: 0; padding: 0; }
 
* html div#wrapper { padding-top: 28px; }
 
#wrapper { width: 940px; margin: 28px auto 0 auto; }
 
#header { width: 940px; height: 40px; margin-bottom: 20px; }
 
#header form { display: none; }
 
.rounded-container { width: 920px; margin: 12px 0 0; padding: 10px; background: #1d292e url(../images/bg/slider_bg_top.png) no-repeat top left; }
 
.rounded-bottom { width: 940px; height: 19px; background: url(../images/bg/slider_bg_bottom.png) no-repeat top left; margin-bottom: 10px; }
 
#featured { float: left; padding-left: 26px; padding-top: 65px; padding-bottom: 65px; margin-top: 5px; width: 326px; background: url(../images/bg/featured_bgd_txt.png) no-repeat; cursor: pointer; position: static; z-index: 1; }
 
#content { width: 940px; }
 
/* sidebar */
 
#sidebar { float: left; width: 290px; margin-right: 15px; display: inline; position: relative; }
 
.sidebar-element { background: #1c292e url(../images/bg/rounded_top.png) top left no-repeat; padding: 9px 22px 0; position: relative; height: auto; }
 
.sidebar-element h3 { font-size: 21px; color: #fff; }
 
.sidebar-bottomelement { background: #1c292e url(../images/bg/rounded_bottom.png) no-repeat top left; width: 290px; height: 23px; margin-bottom: 10px; }
 
/* main content */
 
#main-content-wrapper { float: left; width: 635px; }
 
#main-content { width: 595px; padding: 10px 20px; background: #fff url(../images/bg/main_content_top.png) no-repeat top left; }
 
#main-content-bottom { width: 635px; height: 17px; background: url(../images/bg/main_content_bottom.png) no-repeat top left; }
 
/* footer */
 
#footer { margin-top: 7px; }
 
#footer p { text-align: center; color: #fff; }

#footer p a#login_link { color: #fff; }

#footer p a#login_link:hover { color: #fff; }

/* generic classes */
 
.spacer-line { width: 99%; margin: 20px 0; border-bottom: 3px solid #e8ecee; }
 
.spacer-line2 { width: 99%; margin-bottom: 20px; border-bottom: 1px solid #e8ecee; }
 
.service { width: 99%; padding-top: 5px; }
 
.gallery { display: none; }
 
.icon-left { float: left; margin-right: 25px; display: inline; }
 
.image-left { float: left; margin: 0 25px 20px 0; display: inline; border: 5px solid #7e9198; }
 
.image-right { float: right; margin: 0 0 20px 25px; display: inline; border: 5px solid #7e9198; }
 
.service-description { float: left; width: 80%; }
 
.product-description { float: left; width: 60%; }
 
.product-description #zoomify { display: none; }
 
/* submenu */
 
ul#submenu { width: 99%; margin: 0; margin-top: 15px; padding-top: 2px; background: url(../images/bg/news_divider.png) top left repeat-x; }
 
ul#submenu li { height: 30px; background: url(../images/bg/news_divider.png) bottom left repeat-x; padding: 0; }
 
ul#submenu li a { display: block; height: 21px; padding-left: 15px; padding-top: 7px; background: #1d292e url(../images/bg/submenu_icon.png) 1% 50% no-repeat; color: #fff; }
 
ul#submenu li a:hover { color: #5e99b5; background-color: #192428; text-decoration: none; }
 
/* sidebar news */
 
.news { width: 99%; background: url(../images/bg/news_divider.png) bottom left repeat-x; margin-top: 15px; }
 
p.date { color: #54bee6; padding-bottom: 7px; font-weight: bold; }
 
p.news-text { color: #8598a0; }
 
p.news-archive { padding-top: 10px; padding-bottom: 0; }
 
p.news-archive a { padding-left: 22px; font-weight: bold; background: url(../images/bg/archive_icon.png) 0 50% no-repeat; }
 
/* free quote */
 
#free-quote { color: #1d292f; background: #5f96ac url(../images/bg/free_quote_top.png) no-repeat top left; padding: 9px 22px; padding-bottom: 0; position: relative; z-index: 3; }
 
#free-quote h3 { font-size: 21px; color: #fff; }
 
#free-quote p { padding-right: 40px; }
 
#free-quote ol li span { color: #1d292f; font-size: 1em; }
 
#free-quote ol li { font-size: 1.1em; color: #fff; padding: 5px; }
 
#free-quote-bottom { background: url(../images/bg/free_quote_bottom.png) no-repeat top left; width: 290px; height: 17px; margin-bottom: 10px; }
 
/* testimonials */
 
blockquote { padding-bottom: 15px; }
 
blockquote div { background: #1c292e url(../images/bg/quote_right.png) bottom right no-repeat; padding-right: 10px; padding-top: 15px; }
 
blockquote p.text { background: url(../images/bg/quote_left.png) top left no-repeat; padding-left: 10px; text-indent: 30px; color: #8598a0; font-style: italic; }
 
.testimonial-name { padding-left: 10px; padding-bottom: 0; }
 
/* spy */
 
div.spy { height: 170px; }
 
ul.spy { list-style-type: none; overflow: hidden; height: 160px; width: 123px; margin: 10px 0 -10px 10px; padding: 0; position: absolute; }
 
ul.spy li { height: 80px; overflow: hidden; background: none; margin: 0; padding: 0; }
 
ul.spy li img { float: left; margin: auto 0; padding: 0; }
 
ul.spy.right { right: 0; top: 35px; }
 
ul.spy.left { left: 0; top: 35px; }
 
/* tables */
 
table { border-collapse: collapse; width: 99%; margin: 20px 0; }
 
th { background: #3e829c; color: #fff; font-weight: bold; padding: 4px 11px; text-align: left; border-right: 1px solid #fff; line-height: 1.2; }
 
td { padding: 6px 11px; border-bottom: 1px solid #80bcd3; vertical-align: top; }
 
td { padding: 6px 11px; }
 
tr.alt td { background: #ecf6fc; }
 
tr.over td, tr:hover td { background: #bcd4ec; }
 
/* contact form */
 
fieldset { border: none; width: 550px; margin-top: 10px; }
 
fieldset legend { display: none; }
 
form p { padding-bottom: 0; }
 
label { width: 140px; margin: 5px 5px 5px 0; padding-bottom: 10px; text-align: left; cursor: pointer; }
 
em { color: #3e829c; font-size: 1.25em; }
 
input, textarea { border: 2px solid #d6e2e7; font-size: 1.1em; background: #fff; color: #6c787d; width: 300px; margin: 5px 5px 5px 0; padding: 4px; }
 
textarea { width: 400px; height: 150px; margin-bottom: 10px; }
 
input:focus, textarea:focus { border: 2px solid #9ed7ec; }
 
.contact-info { padding-top: 15px; }
 
.contact-info p.contact-details { color: #8598a0; }
 
.contact-info p.contact-details span { color: #fff; }
 
/* buttons */
 
a.button { color: #fff; }
 
a.button:hover { text-decoration: underline; }
 
button.button:hover { text-decoration: underline; }
 
.button, .button:visited { font-size: 13px; font-weight: bold; line-height: 1; background: url(../images/bg/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; }
 
.button:hover { color: #fff; }
 
.button:active { top: 1px; }
 
.small.button, .small.button:visited { font-size: 11px; }
 
.large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; }
 
.dark.button, .dark.button:visited { background-color: #767676; }
 
.dark.button:hover { background-color: #878686; }
 
.light.button, .light.button:visited { background-color: #6394a6; }
 
.light.button:hover { background-color: #64a5be; }