
/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter {
 display:block;
 margin:0 auto
}

.alignleft {
 float:left
}

.alignright {
 float:right
}

.wp-caption {
 border:1px solid #666;
 text-align:center;
 background:#ccc;
 padding:10px;
 margin:10px
}

/* For modern browsers */
.cf:before,
.cf:after {
 content:"";
 display:table;
}

.cf:after {
 clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
 zoom:1;
}

/* Nobleheart styles */

body {
 font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
 background-color:#fff;
 font-size:12px;
 color:#555555;
}

#siteWrapper {
 width:900px;
 padding:0 30px;
 margin:0 auto;
}

#header {
 padding:0 0 15px;
}

#header .menu-header {
 float:right;
 padding:73px 0 0;
}

#header .menu-header ul {
 width:auto;
}

#header .menu-header ul li {
 display:inline;
 float:left;
 margin:0 7px 0 8px;
}

#header .menu-header ul li a {
 font-size:11px;
 color:#626262;
 text-transform:uppercase;
 text-decoration:none;
}

#header .menu-header ul li a:hover {
 color:#0d7dbf;
}

#header .menu-header .current-menu-item a,
#header .menu-header .current-menu-item ul li a,
#header .menu-header .current-menu-item ul li a:hover {
 color:#39BAEB;
}

#header #secondMenu {
 width:100%;
 float:left;
}

#header #secondMenu .menu-secondary {
 float:left;
}

#header #secondMenu .menu-secondary ul {
}

#header #secondMenu .menu-secondary ul li {
 width:119px;
 background-color:#173c81;
 text-align:center;
 display:inline;
 float:left;
 position: relative;
}
#header #secondMenu .menu-secondary ul li:last-child {width:117px;}


#header #secondMenu .menu-secondary ul li:hover {
 background-color:#39BAEB;
}

#header #secondMenu .menu-secondary ul li a {
 margin:0 auto;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#fff;
 text-decoration:none;
 padding:13px 8px 13px 7px;
 display:block;
}

#header #secondMenu .menu-secondary ul.sub-menu {display:none;position:absolute;
 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
#header #secondMenu .menu-secondary ul li:hover  ul.sub-menu {display:block;z-index:4000;}
#header #secondMenu .menu-secondary ul.sub-menu li:last-child {width:119px;}
#header #secondMenu .menu-secondary li:last-child ul.sub-menu li {width:117px;}
#contentWrapper {
 width:100%;
}

/* mainContent */
#contentWrapper #mainContent {
 width:65.9%;
 margin:0 1.9% 0 0;
 float:left;
 display:inline;
}

#contentWrapper #mainContent h1 {
 color: #173C81;
 font-size: 25px;
 font-weight: bold;
 padding: 0 0 10px;
}

#contentWrapper #mainContent h2 {
 /*background: url("http://nobleheart.ezrabydesign.com/wp-content/themes/nobleheart/images/border-line.gif") no-repeat scroll center bottom transparent;*/
    
   border-bottom: 2px solid #39BAEB;
 color: #39BAEB;
 font-size: 15px;
 font-weight: 400;
 margin-bottom: 20px;
 padding-bottom: 20px;
}

#contentWrapper #mainContent h3 {
 color: #555555;
 font-size: 19px;
 font-weight: bold;
 padding: 20px 0 5px;
}

#contentWrapper #mainContent p {
 color: #555555;
 font-size: 13px;
 font-weight: 400;
 line-height: 17px;
 padding-bottom: 26px;
}

#contentWrapper #mainContent p a {
 font-size:13px;
 font-weight:400;
 color:#0e7dbf;
 margin:0;
 border-radius:0;
 text-decoration:none;
}

#contentWrapper #mainContent p a:hover {
 text-decoration:underline;
 background-color:transparent;
}

#contentWrapper #mainContent ul {
 list-style:none;
 padding: 10px 0 10px 20px;
}

#contentWrapper #mainContent ul li {
 background: url(../images/bullet.gif) no-repeat scroll left 6px transparent;
 padding: 0 0 10px 15px;
}

#contentWrapper #mainContent ul li a {
 color:#0e7dbf;
 margin:0;
 border-radius:0;
 text-decoration:none;
}

#contentWrapper #mainContent ul li a:hover {
 text-decoration:underline;
}

.main-image {
 padding:10px 0;
}

.feature-image {
 padding:0 10px 10px 0;
 float:left;
}

/*SLIDER CSS*/
#slideshow {height: 381px; overflow: hidden;    position: relative;    width: 593px;}
#slideshow #pauseButton {position:absolute;z-index:6000;height:30px;width:30px;bottom:5px;right:5px;display:block;
background:url(../images/play.png) no-repeat center top transparent;}
#slideshow #pauseButton.play {display:block;height:30px;width:30px;background-position:center bottom;}

#slider {height: 378px;    margin: 3px 0 0;    overflow: hidden;    position: relative;    width: 593px;}

#slider .slide {height:382px;width:593px;position:absolute;}

/*end of slider*/

/* close mainContent */

#contentWrapper #contentSidebar {
 width:32%;
 float:left;
 display:inline;
}

#contentWrapper #contentSidebar .industryPackages {
 width:100%;
 display:block;
 float:left;
 margin:0 0 12px;
}

#contentWrapper #contentSidebar .currentPromotions {
 width:100%;
 display:block;
 float:left;
}
#contentWrapper #contentSidebar .textwidget a img:hover {opacity: 0.8;}

#sidebar-links {
 width:100%;
 display:block;
 float:left;
 margin:0 0 12px;
}

#sidebar-links ul {
}

#sidebar-links ul li {
 padding-bottom:2px;
}

#sidebar-links ul li a {
}

#sidebar-links ul li a hover {
 padding-top:5px;
}

#contentWrapper #content {
 background-color:#ebebeb;
 display:block;
 padding:20px 30px;
 border-radius:6px 6px 6px 6px;
}

#contentWrapper #content h1 {
 color: #173C81;
    font-size: 25px;
    font-weight: bold;
    padding: 0 0 10px;
}
 #contentWrapper #content h2 {
font-size:15px;
font-weight:400;
color:#0e7dbf;
border-bottom: 2px solid #39BAEB;
margin-bottom: 10px;
 padding-bottom: 10px;
}

#contentWrapper #content h3 {
 font-size:15px;
 font-weight:400;
 color:#0e7dbf;
 padding: 20px 0 5px;
}

#contentWrapper #content p {
 font-size:12px;
 font-weight:400;
 color:#555555;
 padding-bottom:10px;
}

#contentWrapper #content p a {
 font-size:12px;
 font-weight:400;
 color:#0e7dbf;
 background-color:transparent;
 padding:0;
 margin:0;
 border-radius:0;
 text-decoration:none;
}

#contentWrapper #content p a:hover {
 text-decoration:underline;
 background-color:transparent;
}

#contentWrapper #content .button {
 font-size:14px;
 font-weight:400;
 color:#fff;
 background-color:#a1a1a1;
 border-radius:15px;
 padding:7px 15px;
 text-decoration:none;
}

#contentWrapper #content .button:hover {
 background-color:#b0b0b0;
}

#contentWrapper #content table {
 padding:0;
 margin:10px 5px;
}

#contentWrapper #content table tr {
}

#contentWrapper #content table th {
 background-color:#39baeb;
 color:#ffffff;
 font-size:13px;
 padding:5px 13px;
}

#contentWrapper #content table td {
 font-size:12px;
 color:#555555;
 border-bottom:1px solid #a1a1a1;
 padding:6px 0;
}

#contentWrapper #content img {
 display:inline;
 margin:15px 10px;
}

#footerSidebar {
 width:100%;
 margin:15px 0;
}

#footerSidebar .testimonial {
 width:32%;
 margin:0 1.9% 0 0;
 float:left;
 display:inline;
 background:url(../images/testimonial.png) no-repeat top center scroll transparent;
padding: 10px 0 0;
 height:150px;
}

#footerSidebar .testimonial ul.xoxo {
 margin:0 20px;
}

#footerSidebar .testimonial ul.xoxo li {
 font-size:12px;
 color:#555;
}

#footerSidebar .news {
 width:32%;
 float:left;
 display:inline;
}
#footerSidebar h2 {
 font-size: 14px;
    font-weight: normal;
    padding-bottom: 13px;
}
#footerSidebar h2 a {

 color:#0E7DBF;
 text-decoration:none;
}
#footerSidebar h2 a:hover {
 text-decoration:underline;
 
}
/* homepage */
#homepage {

}
#homepage h1 {
 font-size:20px;
 color:#173C81;
 padding: 20px 0;
 
}
#homepage h2 {
 border-bottom: 2px solid #39BAEB;
 color: #39BAEB;
 font-size: 15px;
 font-weight: 400;
 margin-bottom: 20px;
 padding-bottom: 20px;

}
#homepage p {
  color: #173C81;
 font-size: 13px;
 font-weight: 400;
 line-height: 17px;
 padding-bottom: 26px;

}
#blog-news {
	background:url(../images/news.jpg) no-repeat top left scroll transparent;
	padding: 20px 20px 20px 18px;
	height:138px;
}
#blog-news h1 {
font-size:13px;
 color:#173C81;
 padding: 20px 0 3px 0;	
}
#blog-news p {
	color:#555;
	padding:0 0 3px 0;
	
}
#blog-news p a {
	color:#39BAEB;
	
	
	
}
#blog-news p a:hover {
	color:#173C81;
	text-decoration:underline;
	
	
}
 /* contact form style */

 #contactForm h4 {margin:10px 0 5px;}

 #contactForm input[type=text] {border: 1px solid #39BAEB;
    border-radius: 3px 3px 3px 3px;
    color: #173C81;
    font-family: arial;
    padding: 10px;
    width: 82%;}
 #contactForm textarea {border: 1px solid #39BAEB;
    border-radius: 3px 3px 3px 3px;
    color: #173C81;
    font-family: arial;
    font-size: 11px;
    height: 120px;
    padding: 10px;
    width: 82%;}
 #contactForm input[type=submit] {font-weight:bold;padding:3px 10px;color:#333;}
 /* EMAIL FIELD */
 .wpcf7-validates-as-email {
    border: 1px solid #39BAEB;
border-radius: 3px 3px 3px 3px;
color: #173C81;
font-family: arial;
padding: 10px;
width: 82%;
 }
 
 
 /* news widget */
 
 #blog-news {
  
 }
 #blog-news ul {
  padding-top:9px;
 }
 /* business terms */

#businessTerms {}
#businessTerms ul {
  background-color: #fff;

}
#businessTerms ul li {
background:url(../images/business-terms.png) no-repeat;
text-indent: -9999px;
width: 295px;
}
#businessTerms ul li a {
height: 97px;
display: block;
}
#businessTerms ul li:hover  {
zoom: 1;
filter: alpha(opacity=80);
opacity: 0.8;
}
#businessTerms ul li.terms {
background-position: 0px 1px;
}
#businessTerms ul li.productBrochures {
background-position: 0px -96px;
}

#businessTerms ul li.criticalInfo {
background-position: 0px -194px;
}