/* ======================== */
/* ==== GENERAL SECTION === */
/* ======================== */
body { background: #000000 url(images/main-background.jpg) no-repeat top center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #444444; background-size: 100% 445px;}
/* general things, floaters, general links and additional resets */
a { color:#4F97CF; text-decoration:underline; }
a:hover { color:#ec8601; text-decoration:none; }
strong { font-weight: 700; }
.fl { float:left;}
.fr { float:right; }
.clear {  clear:both; }
.rel { position:relative; }
.abs { position:absolute; }
hr { border: none 0; border-bottom: 1px solid #E0E0E0;	height: 1px; margin: 10px 0; }
blockquote { font-style: italic; font-size:13px; line-height:18px; background: url(images/quotes.png) no-repeat top left;	background-position: 12px 12px;	color:#595959; margin:5px 0;  padding: 8px 15px 10px 60px; }
.sep { 	color: #CCC; margin: 0 8px; }
.ico-small { 	vertical-align: middle; 	margin: 0 5px 2px 0; }
.separator { border-top:1px solid #dfdfdf; padding-top:10px; margin-top:10px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* limit width and center page, used thruout the template to center the site */
.wrap-center { width:942px; padding-left:9px; padding-right:9px; margin-left: auto; margin-right:auto; }
.center { text-align:center;}
.vm { vertical-align:middle; }

/* ======================= */
/* ==== HEADER SECTION === */
/* ======================= */

/* top bar uppermost bar styling */
#top-bar {  background: url(images/topbar-background.png) repeat-x; height:40px;  color:#ffffff;  font-size:11px; }
#top-bar ul {   padding-top:10px; }
#top-bar ul li { float: left; font-size: 11px; background:url(images/top-bar-menu-divider.png) right no-repeat; padding-left:10px; padding-right:10px; padding-top:2px; }
#top-bar .last { background:transparent; }
#top-bar .welcome {   padding-top:12px; }
#top-bar a { color:#d2d2d2; text-decoration:none; }
#top-bar a:hover { color:#8ec3ec; text-decoration:none; }

/* logo and menu */
#menu-logo {  background:url(images/logo-menu-overlay-background.png) repeat-x; height:100px; margin:0px; padding:0px; position:relative; z-index:999; }
#logo { width:241px; float:left; padding-top:23px; }

/* main menu - jquery dropmenu */
#dropmenu { float:right; height:100px;  }
#dropmenu .active {  color:#92C8F1; text-decoration:none;  }
#dropmenu .active a,
#dropmenu .active a:hover {  color:#92C8F1; text-decoration:none; }
#dropmenu {  float:right;  text-align:right;  }
#dropmenu {  height:100px; margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative;  z-index:300;  }
#dropmenu a { height:55px; padding-top:45px; padding-bottom:0px; padding-left:16px; padding-right:16px; display:block; color:#ffffff; background:url(images/menu-divider.png) right no-repeat; background-position:0 50%; text-decoration:none;}
#dropmenu a:hover { color:#92C8F1; }
#dropmenu li { float:left; position:relative; text-transform: uppercase;  text-align:center; font-size: 14px; }
#dropmenu ul { position:absolute; display:none; width:184px; top:70px; left:-1px; background:url(images/nav-child-top.gif) no-repeat top center; padding-top:7px;  }
#dropmenu ul li {  font-size:14px; text-transform: capitalize; text-align:left; line-height:18px; white-space:nowrap; }
#dropmenu ul a { background: transparent url(images/nav-child-bg.png); padding-top:10px; padding-bottom:10px; border-left:1px solid #4b8697; border-right:1px solid #4b8697; border-bottom:1px solid #4b8697; }
#dropmenu li ul a { width:150px; height:auto; float:left;  }
#dropmenu ul ul { top:auto; background:transparent url(images/nav-grandchild-top.gif) repeat-x; padding-top:1px;  }
#dropmenu li ul ul { top:-1px; left:183px; margin:0px 0 0 0px; }
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul { display:none; }
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul { display:block; }
#dropmenu .first a { background:transparent; }
#dropmenu li.active li a { color:#ffffff !important; }
#dropmenu li.active li a:hover { color:#92C8F1 !important; }


/* homepage header slideshow area */
#heading {  background: transparent url(images/heading-background-overlay.png) repeat-x;  }
#heading .nav-span {   background: transparent repeat-x; width:100%; height:65px; position:absolute; top:389px; left:0px; z-index:11; }
#heading .light-span { background: transparent url(images/slide-light.png) no-repeat; background-position:78% 0%; height:336px; }
/* set the heights for home and inner headings */
.heading-inner {  height:153px; overflow:hidden; }
.heading-home { height:335px; overflow:hidden; }
/* style the inner contents for heading */
#heading .page-description{ width:616px; padding-right:25px;  color:#ffffff; font-size:14px; line-height:21px; background: url(images/heading-inner-divider.png) right  no-repeat; padding-top:10px; height:80px; overflow:hidden; margin-top:30px;}
#heading .page-title { width:297px;  text-align:center; color:#ffffff;  height:auto; overflow:hidden; }
#heading h1 { letter-spacing:-0.03em; font-size:37px; line-height:40px; }
/* center inner page title vertically automaticly */
.heading-inner .cont-vert-title {  float:left;  width:297px; }
.heading-inner .outer-vert-title { display: table; height: 153px; width: 297px; overflow: hidden; }
.heading-inner .inner-vert-title {   display: table-cell; vertical-align: middle; }

/* center inner page description vertically automaticly */
.heading-inner .cont-vert-description { width:641px;  float:left;}
.heading-inner .outer-vert-description { display: table; height: 130px; width: 641px;  overflow: hidden; }
.heading-inner .inner-vert-description {  display: table-cell; vertical-align: middle; }


/* ============================= */
/* ==== MAIN CONTENT SECTION === */
/* ============================= */

/* make the content background span a nice white background with some shade  */
#content-area {  background:#ffffff url(images/content-background.jpg) top repeat-x; padding-top:30px; padding-bottom:25px; }
/* main column set width */
#content {	float: left; width: 612px; }
#content-wide {	width: 940px; }
#content, #content-wide { line-height: 17px; min-height:200px; }

/* one half of main column */
#content .onehalf {  width:295px; float:left; margin-right:20px; margin-bottom:15px; }
#content .onehalf-last { width:295px; float:left; margin-right:0px; margin-bottom:15px;}
/* one third of main column */
#content .onethird { width:190px; float:left; margin-right:20px; margin-bottom:15px;}
#content .onethird-last { width:190px; float:left; margin-right:0px; margin-bottom:15px;}
/* one fourth of main column */
#content .onefourth { width:138px; float:left; margin-right:20px; margin-bottom:15px;}
#content .onefourth-last { width:138px; float:left; margin-right:0px; margin-bottom:15px;}

/* one fourth of whole width */
#content-wide .onefourth { width:220px; float:left; margin-right:20px; margin-bottom:15px;}
#content-wide .onefourth-last { width:220px; float:left; margin-right:0px; margin-bottom:15px;}
/* one third of whole width */
#content-wide .onethird {  width:295px; float:left; margin-right:20px;  margin-bottom:15px; }
#content-wide .onethird-last {  width:295px; float:left;  margin-right:0px; margin-bottom:15px; }
/* one half of whole width */
#content-wide .onehalf { width:460px; float:left; margin-right:20px; margin-bottom:10px;  }
#content-wide .onehalf-last { width:460px; float:left; margin-right:0px; margin-bottom:10px;  }

/* main elements styles, this applies to the whole content area home and inner, some of them will get overriden by more particular styles, note that the inner sidebar gets it's own treatment */
.main { margin-top: 0px; font-size:12px; }
h1 { color: #444444; font-size: 220%; line-height: 1.2; font-weight: normal; margin-bottom:15px; }
h1 a { color: #444444; text-decoration:none; }
h1 a:hover {	color: #4f97cf; text-decoration:none;}
h2 { font-size: 170%;	padding: 10px 0 5px; padding-bottom: 10px;  }
h3 { color:#4F97CF; font-size: 20px; font-weight: bold; margin-bottom: 5px; padding: 10px 0 5px; }
h4 { color:#4F97CF; font-size: 15px; line-height:19px; font-weight: bold; margin-bottom: 5px; padding: 10px 0 0px; }
h5 { font-size: 100%;	margin-bottom: 10px;  padding: 10px 0 5px; }
h6 { color:#01648F; font-size: 150%;	padding: 10px 0 0px; padding-bottom: 10px; }
.main p { line-height: 20px; margin-bottom: 10px; }
.main img.alignnone { background: #fff; border: 1px solid #dbdbdb; padding: 5px; }
.main img.alignleft { float: left;	border: 1px solid #dbdbdb;	margin: 10px 25px 15px 0;	padding: 5px; }
.main img.alignright { 	float: right; border: 1px solid #dbdbdb; margin: 10px 0 15px 25px;	padding: 5px; }
.main a { text-decoration:underline; }
.main a:hover { text-decoration:none; }
.main blockquote { font-style: italic; line-height:22px; background: #e1e1e1 url(images/quotes.png) no-repeat top left; background-position: 15px 20px; color:#595959; margin:5px 0px; margin-bottom:0px; padding: 15px 15px 25px 60px;  }
.main .blockquote-name { background: url(images/quote-curly.jpg) no-repeat top left; height:20px; padding-right:25px; padding-left:25px; font-weight:bold; display:block; margin-top:0px; margin-bottom:15px; padding-top:5px; float:right; margin-left:56px; margin-right:0px;  }
.main .smalltext { font-size:10px; line-height:16px;  }

/* ================================ */
/* ==== SIDEBAR CONTENT SECTION === */
/* ================================ */

/* sidebar general settings... top fade out, bottom fadeout and a repeater background (the one that goes from top to bottom) */
#sidebar { 	float: right; width: 300px; }
#sidebar {  background:url(images/sidebar-repeater-background.jpg) repeat-y left; }
#sidebar .sidebar-top { background: url(images/sidebar-top-background.jpg) top left no-repeat; min-height:100px; }
#sidebar .sidebar-bottom { background: url(images/sidebar-bottom-background.jpg) bottom left no-repeat; padding-bottom:20px; }
#sidebar blockquote {  background:transparent;  margin:5px 0;  padding: 0px 0px 2px 0px; }
#sidebar blockquote p { padding-left:0px; padding-right:0px; color:#595959; font-size:13px; line-height:18px; font-style: italic; }

/* make sidebar textwidget go along for the ride */
#sidebar .textwidget { padding-left:25px; padding-right:25px; line-height:19px;}
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6  { padding-left:25px; padding-right:25px; }
#sidebar h3 { text-transform: capitalize; padding-bottom:15px; padding-top:20px; font-weight: bold; font-size:20px; line-height:22px; }
#sidebar p {  padding-left:25px; 	margin-top: 8px;  line-height: 18px; }
#sidebar a { color:#4F97CF; text-decoration:none; }
#sidebar a:hover { color:#ec8601; text-decoration:none; }

/* searchform on the sidebar  */
#searchform {  background:url(images/sidepanel-search.jpg) bottom left;  height:53px; padding-left:25px;  padding-top:20px;}
#searchform .screen-reader-text { display:none; }
#searchform #searchsubmit { background: url(images/buttons/button-search.jpg) no-repeat; width:30px; height:30px; border:none; padding:0; margin:0; }
#searchform .field { width:130px; border-top:1px solid #d7d7d7; border-left: 1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background:#ffffff; color:#575757; height:20px; padding-top:4px; padding-bottom:4px; padding-left:8px;  }
#searchform .advanced { font-size:11px; line-height:13px; text-transform:uppercase; width:70px; margin-left:10px;}
#searchform .advanced a {  text-decoration:none;}
#searchform .advanced a:hover {  text-decoration:underline;}

/* class that wraps around all sidebar widgets, configuring lists for the categories and submenus */
.sidepanel { padding-bottom: 5px; font-size:14px; }
.sidepanel .element-pad { padding-left:25px; padding-right:35px; }
.sidepanel .active { padding-left:25px; padding-bottom:7px; padding-top:6px;  background:url(images/sidepanel-cat-current.jpg) bottom left no-repeat; color:#ec8601; }
.sidepanel .active a { color:#ec8601  !important; }    /* make current selection stay lit */
.sidepanel .active a:hover { color:#ec8601  !important; } /* make current selection stay lit */
.sidepanel ul li { padding-left:25px; padding-right:25px; padding-bottom:7px; padding-top:6px; line-height:20px; background: url(images/sidepanel-separator.jpg) no-repeat bottom left; }
.sidepanel ul li ul { padding-left:0px; padding-top:2px;  }
.sidepanel ul li ul li { background:transparent; font-size:13px;  padding-left:10px;  padding-bottom:5px; padding-top:4px; margin-bottom:0px; margin-left:0px; }
.sidepanel ul li ul .active { padding-left:10px; padding-bottom:5px; padding-top:4px; background:transparent; color:#ec8601; }
.sidepanel ul li ul li ul { padding-left:0px; padding-top:4px; }
.sidepanel ul li ul li ul li { background: transparent url(images/corner-dots.png) no-repeat; background-position:0px 10px; font-size:13px; padding-bottom:5px; padding-top:4px; padding-left:12px; margin-bottom:0px; margin-left:0px;  }
.sidepanel ul li ul li ul .active { background: transparent url(images/corner-dots.png) no-repeat; background-position:0px 10px; padding-left:12px; padding-bottom:5px; padding-top:4px;  color:#ec8601; font-style:italic; }
.sidepanel li .active li a { color:#ec8601 !important; }  /* make current selection stay lit */
.sidepanel li .active li a:hover { color:#ec8601 !important; } /* make current selection stay lit */

/* sidebar small round faded round boxes  */
.sidepanel .sidebox { padding-left:25px; padding-right:25px; margin-bottom:15px; }
.sidepanel .sidebox-top { background:url(images/boxes/sidebox-top.png) no-repeat top left; height:9px; }
.sidepanel .sidebox-middle { background: url(images/boxes/sidebox-middle.png) repeat-y; width:240px; min-height:76px; }
.sidepanel .sidebox-bottom { background:url(images/boxes/sidebox-bottom.png) no-repeat bottom left; height:8px; }
.sidepanel .sidebox .pad {  padding-left:15px; padding-right:15px; padding-top:10px; padding-bottom:10px; }
.sidepanel .sidebox h1, .sidepanel .sidebox h2, .sidepanel .sidebox h3, .sidepanel .sidebox h4, .sidepanel .sidebox h5 { padding-left:0px !important; padding-right:0px !important; margin-top:0px; padding-top:0px;}
.sidepanel .sidebox h4 { font-weight:bold; font-size:12px; line-height:17px; margin-bottom:2px; }
.sidepanel .sidebox { font-size:12px;  }
.sidepanel .sidebox p { padding:0px !important; margin:0px !important; line-height:18px; }
.sidepanel .sidebox .icon {  width:44px; float:left; margin-right:10px; margin-bottom:10px; margin-top:5px; }
.sidepanel .sidebox .text { float:left; width:142px; }

/* sidebar map  */
.sidepanel #map { display:none; }
.sidepanel .border-image { border:1px solid #cccccc; background:#f6f9f3; padding:4px; margin-bottom:6px; }
.sidepanel .caption { font-size:11px; color:#559ed6; text-transform:uppercase; }
.sidepanel .caption a {  text-decoration:none; }
.sidepanel .caption a:hover {  text-decoration:underline; }

/* customer quote - applied in sidebar */
.customer-quote { font-size:14px; padding-bottom:20px; margin-bottom:20px; padding-top:0px; }
.customer-quote .quotes { background: url(images/quotes.png) no-repeat; width:32px; height:28px; float:left; margin-right:8px; margin-bottom:8px; margin-top:3px; }
.customer-quote p { padding-left:0px; font-size:14px; line-height:20px; font-style:oblique; }
.customer-quote .name { font-weight:bold; font-style:normal; font-size:12px; display:block; margin-top:8px; }

/* =============================== */
/* ==== FOOTER CONTENT SECTION === */
/* =============================== */

/* footer links and footer */
#footer { background: #262428 url(images/footer-background.jpg) bottom center;  background-size:100% 280px;}
#footer-link-columns { height:200px; padding-top:5px; background:url(images/footer-top-overlay.png) repeat-x top center;  clear:both; overflow:hidden; color:#ffffff; }
#footer-link-columns h3 { font-size:17px; margin-bottom:10px; font-weight:bold; text-transform:uppercase; color:#ffffff; }
#footer-link-columns ul {  list-style: none;  padding: 0px;  margin:0px; }
#footer-link-columns ul li { line-height:20px; background: url(images/footer-bullet.png) no-repeat; background-position:0px 8px; padding-left:11px; }
#footer-link-columns a { color:#9ac7d6; text-decoration:none; }
#footer-link-columns a:hover { color:#ffffff; text-decoration:underline; }
#footer-link-columns ul li ul { display:none; }
#footer-link-columns .panelfooter {  float: left; width: 290px; margin-right:20px; }
#footer-link-columns .wrap-center div { height:190px; overflow:hidden; line-height:18px; }
/* one fifth of footer whole width */
#footer-link-columns .onefifth { width:165px; float:left; margin-right:20px; }
#footer-link-columns .onefifth-last { width:180px; float:left; margin-right:0px; }
/* one fourth of footer whole width */
#footer-link-columns .onefourth { width:220px; float:left; margin-right:20px; }
#footer-link-columns .onefourth-last { width:220px; float:left; margin-right:0px; }
/* one third of footer whole width */
#footer-link-columns .onethird {  width:295px; float:left; margin-right:20px; }
#footer-link-columns .onethird-last {  width:295px; float:left;  margin-right:0px; }
/* one half of footer whole width */
#footer-link-columns .onehalf { width:460px; float:left; margin-right:20px;  }
#footer-link-columns .onehalf-last { width:460px; float:left; margin-right:0px;  }

#footer-links {	list-style: none; }
#footer-links li {	float: left; margin-right: 15px; }
#footer-bottom { background: url(images/footer-bottom-overlay.png) repeat-x top center;  min-height:60px; padding-top:20px; }
#footer-bottom .copy { width:600px; color:#c8c8c8; line-height:18px; font-size:11px; }
#footer-bottom .copy a { color:#9ac7d6; text-decoration:underline; }
#footer-bottom .copy a:hover { color:#9ac7d6; text-decoration:none; }
#footer-bottom .socials { width:300px; }
#footer-bottom .social-item {  text-align:center; width:50px; font-size:9px; float:left; }
#footer-bottom .social-item img { margin-bottom:3px; }
#footer-bottom .social-item a { color:#c8c8c8; text-decoration:none; }
#footer-bottom .social-item a:hover { color:#ec8601; text-decoration:none; }