@charset "utf-8";
/* CSS Document */


/* default elements 
----------------------------------------------*/
body{background: url(../images/bg-gradient-top.jpg) repeat-x top #fff; }
body, html {font-family: Arial, Helvetica, sans-serif; font-size:16px; color: #333;}
strong { font-weight:bold; }
em { font-style:italic; }
h1, h2, h3, h4, h5, h6, .button {font-family: Arial, Helvetica, sans-serif;}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {color: #333; font-weight:normal;}
p { line-height:22px; margin:0 0 10px 0;}
a { color: #185A9B; text-decoration: none; }
a:hover{ text-decoration: underline; }

ul li, ol li{ padding-bottom: 5px; }

ol.numbered{ list-style: decimal; margin-left: 20px; }
/* Generic classes 
----------------------------------------------*/
table td{ vertical-align: top; }
.item-page table{ max-width: 630px !important; width: 630px !important; }
.item-page table.table-accordion{ width: 600px !important; }

.item-page table.table-accordion tr td{ padding: 5px 7px 5px 0;}


dl.article-info, 
ul.actions{ display: none; }

.align-center {text-align:center;}
.align-right {text-align: right !important;}
.float-right{ float: right; }
.float-left { float: left; }
.imgr{ text-indent: -999999px; }
.inner{ padding: 0px; }
.fluid{ width: 100%; display: inline-block; }

.georgia {font-family: Georgia, "Times New Roman", Times, serif;}
.uppercase {text-transform: uppercase;}

.font-12 {
  font-size: 12px;  
}

.mb5 {margin-bottom: 5px;}
.mb10{ margin-bottom: 10px; }
.mb20 {margin-bottom: 20px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}

.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl20 {padding-left: 20px;}
.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}

.blue {color: #185A9B;}
.white {color: #fff;}
.dkblue {color: #0C2D4E;}
.red {color: #94291B;}
.grey {color: #666}
.dkgrey {color: #333;}

.bg-blue {background-color: #185A9B;}
.bg-ltblue {background-color: #B3CDE3;}
.bg-dkblue {background-color: #0C2D4E;}
.bg-red {background-color: #94291B;}
.bg-grey {background-color: #666}
.bg-dkgrey {background-color: #333;}

.bg-gradient-bottom {
  background: url(../images/bg-gradient-bottom.jpg) repeat-x bottom #fff;  
}

.bg-blue-texture {
  background: url(../images/bg-btm-slider.jpg) repeat;  
}

.border-bottom-grey {
  border-bottom: 3px solid #B3B3B3;
  padding: 0 0 20px;  
}  

.btn-blue {
  background: url(../images/btn-blue.jpg) repeat-x;
  height: 38px;
  display: inline-block;
  padding: 0 30px;
  font-size: 15px;
  color: #fff;
  text-shadow: 1px 1px 1px #0F4068;
    filter: dropshadow(color=#0F4068, offx=1, offy=1);
  text-decoration: none;
  border: 1px solid #185A9B;
  line-height: 38px;
}

.btn-blue:hover {
  background: url(../images/btn-blue-hover.jpg) repeat-x;
  color: #0C2D4E;
  text-shadow: 1px 1px 1px #90B0CF;
    filter: dropshadow(color=#90B0CF, offx=1, offy=1);
  text-decoration: none;
}

.btn-red {
  background: url(../images/btn-red.jpg) repeat-x;
  height: 38px;
  display: inline-block;
  padding: 0 30px;
  font-size: 15px;
  color: #fff;
  text-shadow: 1px 1px 1px #371417;
    filter: dropshadow(color=#371417, offx=1, offy=1);
  text-decoration: none;
  border: 1px solid #371417;
  line-height: 38px;
}

.btn-red:hover {
  background: url(../images/btn-red-hover.jpg) repeat-x;
  color: #371417;
  text-shadow: 1px 1px 1px #D5838A;
    filter: dropshadow(color=#D5838A, offx=1, offy=1);
  text-decoration: none;
}

.arrow-btn {
  background: url(../images/icon-arrow-circle.png) no-repeat;
  width: 24px;
  height: 23px;
  display: inline-block;
  position: relative;
  top: 6px;
  margin-left: 15px;
}

.arrow-down-btn {
  background: url(../images/icon-arrow-circle-down.png) no-repeat;
  width: 23px;
  height: 24px;
  display: inline-block;
  position: relative;
  top: 7px;
  margin-left: 15px;  
}

.arrow-btn-left {
  background: url(../images/icon-arrow-circle-left.png) no-repeat;  
  width: 24px;
  height: 23px;
  display: inline-block;
  position: relative;
  top: 6px;
  margin-right: 15px;
}

.icon-arrow-blue {
  background: url(../images/icon-arrow.png) no-repeat 0 0;
  width: 9px;
  height: 14px;
  display: inline-block;
  position: relative;
  top: 3px;
}

.icon-arrow-blue-left {
  background: url(../images/icon-arrow.png) no-repeat -17px 0;
  width: 9px;
  height: 14px;
  display: inline-block;
  position: relative;
  top: 3px;
}

.icon-pencil {
  background: url(../images/icons-graphic.png) no-repeat 0 -42px;
  width: 22px;
  height: 18px;
  display: inline-block;  
}

.icon-question {
  background: url(../images/icons-graphic.png) no-repeat -19px -42px;
  width: 18px;
  height: 17px;
  display: inline-block;  
}

.icon-mail {
  background: url(../images/icons-graphic.png) no-repeat -37px -42px;
  width: 21px;
  height: 16px;
  display: inline-block;  
}

/* social */

.btn-social {
  background: url(../images/img-social.png) no-repeat;  
  width: 32px;
  height: 32px;
  display: inline-block;
  margin: 0 3px;
  opacity:1.0;
  filter:alpha(opacity=100); /* For IE8 and earlier */
}

.btn-social:hover {
  opacity:0.7;
  filter:alpha(opacity=70); /* For IE8 and earlier */  
}

.btn-blogger {
  background-position: -92px 0;  
}

.btn-rss {
  background-position: -138px 0;  
}

.btn-vimeo {
  background-position: -184px 0;  
}

/* Lists */

ul.list-bullet li {
  list-style: url(../images/bullet-blue.png) outside;
  margin-left: 15px;  
}

ul.list-bullet-grey li {
  list-style: url(../images/bullet-grey.png) outside;
  margin-left: 15px;  
}

ul.list-quote li {
  list-style: url(../images/icon-quote.png) outside;
  margin-left: 25px;  
}

ul.list-border li {
  border-bottom: 1px solid #185A9B;
  padding: 7px 0;  
}

ul.list-border-grey li {
  border-bottom: 3px solid #B3B3B3;
  padding: 20px 0;    
}

ul.list-no-border li {
  border-bottom: none;
  padding: 0 0 10px;
}

ul.list-arrow li {
  list-style: url(../images/bullet-arrow.png) outside;
  margin-left: 18px;
}


/* Typogaraphy 
----------------------------------------------*/
h1{ font-size: 180%; line-height: 130%; margin-bottom: 15px;}
h2{ font-size: 170%; line-height: 120%; margin-bottom: 15px;}
h3{ font-size: 150%; line-height: 120%; margin-bottom: 15px;}
h4{ font-size: 115%; line-height: 100%; margin-bottom: 15px;}


/* Forms 
----------------------------------------------*/
input[type="text"]{
  border: 1px solid #185A9B;
  background: #F0F0F0;
  color: #666;
  font-size: 12px;
  padding: 5px;
  width: 100%;
}

input[type="text"]:hover, input[type="text"]:focus, textarea:hover, textarea:focus {
  background: #fff;
  border-color: #0C2D4E;
  color: #333;  
}

textarea{ 
  width: 100%;
  border: 1px solid #185A9B;
  background: #F0F0F0;
  color: #666;
  font-size: 12px;
  min-height: 50px;
  font-family: Arial, Helvetica, sans-serif;
}

label{
  margin-bottom: 5px;
  display: inline-block;
}

#searchbox input[type="text"] {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  width: 135px;
  margin-right: 5px;
}

#searchbox button{
  background: url(../images/icons-graphic.png) no-repeat 0 0;
  width: 22px;
  height: 22px;
  display: inline-block;  
  border: none;
  cursor: pointer;
  margin-left: 2px;
  text-indent: -9999px;
}
#searchbox input[type="submit"]:hover {
  background-position: -22px 0;  
}


/* rounding of elements
----------------------------------------------*/
.rounded {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;position:relative;}




/* Top
----------------------------------------------*/

#visitors,
#visitors h3 {
  font-size: 12px;  
  margin-bottom: 0;
  margin-right: 10px;
  
}

#visitors h3{float: left; color: #185A9B; padding-top: 12px; padding-left: 10px;}

#visitors .moduletable{
  border: 2px solid #185A9B;
  background: #fff;
  overflow: auto;
  width: 210px;
  color: #fff;
}

#visitors .hitcounter_container{
  width: auto;
  padding: 5px;
  float: left;
  border: 0 none;
}

#visitors .hitcounter_container div:nth-of-type(2){
  display: none;
}

#logo {
  margin-top: 26px;  
}

#logo:hover {
  opacity:0.7;
  filter:alpha(opacity=70); /* For IE8 and earlier */
}

#searchbox {
  width: 180px;
  padding: 3px 6px;
}

#head_links {
  font-size: 82%;
  margin-top: 60px;
}

#head_links a {
  font-size: 12px;
  margin-left: 10px;
  color: #999;
  text-transform: uppercase;
}

#head_links a span {
  opacity:0.5;
  filter:alpha(opacity=50); /* For IE8 and earlier */  
}

#head_links a:hover span, #head_links a.active span {
  opacity:1.0;
  filter:alpha(opacity=100); /* For IE8 and earlier */  
}

#head_links a:hover, #head_links a.active {
  color: #185A9B;  
}

/** shields **/
.shields {
  width:940px;
  height:80px;
  display:block;
  background:#ffffff;
  text-align:center;
  margin:10px auto 0;
}
.shields img {
  margin:0 30px;
  width:65px;
  
}

/** Main Menu **/

#main_menu {
  background: url(../images/bg-menu-holder.jpg) repeat-x bottom #F5F5F5;
  height: 66px;
  max-height: 36px;
  padding: 15px 17px 18px;
  width: 952px;
  margin: 0 auto ;
}

#main_menu .menu-sf {
  float: none;
  margin: 0 auto;  
}

#main_menu li {
  padding: 0;
  margin: 0;
}  

#main_menu li.item-145 {
  border-right: 1px solid #999;
}

#main_menu li a, #main_menu li span {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #333;
  font-size: 15px;  
  text-shadow: 1px 1px 1px #fff;
    filter: dropshadow(color=#fff, offx=1, offy=1);
  background: url(../images/bg-menu.jpg) repeat-x;
  padding: 11px 14px;
  border-left: #999 1px solid;
  border-right: #fff 1px solid;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}

#main_menu li span{
  display: block;
}

#main_menu li a:hover,#main_menu li span:hover {
  background: url(../images/bg-menu-hover.jpg) repeat-x;  
  color: #666;
}

#main_menu li.active a, #main_menu li.active span {
  background: url(../images/bg-menu-active.jpg);
  color: #0C2D4E;  
}

#main_menu .deeper ul {
  background: url(../images/bg-dropdownMenu.jpg) repeat-x top #F2F2F2;
  border: 1px solid #999;
  margin: 0;
  padding: 10px 20px;
  width: 200px;
}

#main_menu .deeper ul li {
  float: none;
  margin: 0;
  padding: 0;
}  

#main_menu .deeper ul li a {
  color: #333;
  border: none;
  border-bottom: 1px solid #185A9B !important;
  padding: 8px 0;
  font-size: 13px;
  font-weight: bold; 
  background: none;
}

#main_menu .deeper ul li a:hover {
  color: #185A9B;
  background: none;
  padding-left: 5px;
}

/* SUB PAGE
------------------------*/


/* Middle
----------------------------------------------*/

.container.wSidebar {
  background: url(../images/bg-gradient-side.jpg) repeat-y 650px top;  
}


/** Homepage tabs - fake slider **/

.tab_container {
  width: auto;
  margin-top: 30px;
}

.tab_container .tab-content{
  display: none;
}

.tab_container .tab-content#what{
  display: block;
}

.tab_container .tab-content#what .float-right{
  position: relative;
  height: 620px;
}
.tab_container .tab-content#what .float-right > img{
  position: absolute;
  bottom: 0;
}


.tab-content {
  width: 960px;
  margin: 0 auto;  
}

.tab-content .float-left {
  width: 500px;
}

.tab-content .float-right {
  width: 460px;  
}

.tab-content p {
  font-size: 15px;  
}

.tabs {
  background: url(../images/bg-btm-slider.jpg) repeat;
  border-bottom: 7px solid #B3CDE3;  
}

.idTabs {
  width: 960px;
  padding: 0;
  margin: 0 auto;  
  color: #A3BDD7;
}

.idTabs li {
  float: left;
  width: 220px;
  margin: 0 10px 10px;  
}

.idTabs a, .idTabs a:hover {
  text-decoration: none;  
  display: inline-block;  
  padding-top: 20px;
}

.idTabs h4 {
  height: 35px;  
}

.tab_container h2 {
  font-size: 130%;  
}

.idTabs a:hover h4, .idTabs a:hover p,
.idTabs .selected h4, .idTabs .selected p {
  color: #fff;  
}

.idTabs h4, .idTabs p {
  color: #A3BDD7;  
}

.idTabs p {
  font-size: 13px;
  line-height: 16px;  
}

.idTabs .selected, .idTabs a:hover {
  background: url(../images/bg-slider-active.png) no-repeat top center;
}

.idTabs img {
  opacity:0.7;
  filter:alpha(opacity=70); /* For IE8 and earlier */  
}

.idTabs a:hover img, .idTabs .selected img {
  opacity:1.0;
  filter:alpha(opacity=100); /* For IE8 and earlier */  
}

/** homepage tabs ends here **/


/** photo gallery slideshow **/

#gallery-slideshow {
  height: 200px;
  width: 265px;
  margin: 0 auto;
}

#gallery-title {
  font-style: italic;
  width: 265px;
  margin: 10px auto 20px;
  text-align: center;
}

/** photo gallery slideshow ends here **/


/** accordion **/

.accordion {
  border-bottom: 1px solid #185A9B;
}
.accordion dt {
    border-top: 1px solid #185A9B;
}

.accordion dd {
  padding: 10px 30px 30px  
}

.accordion dt a {
     display: block;
     color: black;
  background:url(../images/toggle.png) no-repeat 10px center;
  font-weight: bold;
    padding: 10px 10px 10px 30px;
}

.accordion dt:hover a, .accordion dt.active a {
  color: #185A9B;
  text-decoration: none;
  background-image: url(../images/toggle-down.png);
  background-repeat: no-repeat;
  background-position: 10px center;
}  

.accordion dt a:hover {
  text-decoration: none;  
}

.accordion dd {
     border-top: 0; 
}

.accordion .active, .accordion dt:hover {
  background-color: #F5F5F5;  
}

.accordion form{
  margin-bottom: 15px;
}

.accordion div b{
  margin-bottom: 10px; display: inline-block;
}

/** accordion ends here **/

/** inside pages **/

.double-border {
  background: url(../images/double-border.jpg) bottom center repeat-x;
}

a.video-link {
  position: relative;  
  display: block;
}

a.video-link img {
  opacity:0.7;
  filter:alpha(opacity=70); /* For IE8 and earlier */
}

a.video-link:hover img {
  opacity:1.0;
  filter:alpha(opacity=100); /* For IE8 and earlier */  
}

a.video-link .btn-blue {
  position: absolute;  
  bottom: 25px;
  left: 55px;
  text-decoration: none
}

a.video-link:hover {
  text-decoration: none;  
}

.col-three {
  display: block;
  margin: 20px 0;
  column-count: 3;
  column-gap: 20px;
  column-rule: none;
 
  -moz-column-count: 3; 
  -moz-column-gap: 20px; 
  -moz-column-rule: none; 
  -webkit-column-count: 3; 
  -webkit-column-gap: 20px; 
  -webkit-column-rule: none;
}


.col-third {
  width: 30%;
  float: left;  
  margin-right: 10px;
  margin-left: 10px;
}

.col-third.alpha {
  margin-left: 10px;  
}

.col-third.omega {
  margin-right: 0;  
}


.fancy:hover img {
  opacity:0.7;
  filter:alpha(opacity=70); /* For IE8 and earlier */
}

.fancy p {
  color: #333;  
}

.fancy:hover p {
  color: #185A9B;  
}

a[href="http://mailing-list.co/"]{ display: none; }


/* Sidebar 
----------------------------------------------*/

.sidebar, .sidebar p {
  font-size: 14px;
  line-height: 20px;  
}

.sidebar .box-title {
  font-size: 14px;
}

.sidebar ul li a {
  color: #333;
  font-size: 16px;  
}


.sidebar ul li a:hover {
  color: #185A9B;
}

.moduletable h4{
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 100%;
}

.dl-1{
  overflow: auto;
  margin-bottom: 15px;
}

.dl-1 dt{
  float: left;
  margin-left: 30px;
  margin-right: 20px;
  clear: both;
}
.dl-1 dd{
  float: left;
  width: 80%;
}


/* Footer
----------------------------------------------*/
#footer .container{
  font-size: 87%;
  background: none;
  padding: 7px;
}

/* Success, notice and error boxes
----------------------------------------------*/

.error,
.notice, 
.success    { padding: .8em; margin: 1em 0; border: 2px solid #ddd; }

.error      { background: #F0F0F0; color: #94291B; }
.notice     { background: #F0F0F0; color: #94291B; }
.success    { background: #F0F0F0; color: #185A9B; }
.error a    { color: #94291B; }
.notice a   { color: #94291B; }
.success a  { color: #185A9B; }