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

/* Body
================================================== */

body {
	margin: 0px auto;
	height: 100%;	
	font-family : Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust:none; 
	background-color: #303030;
}

/* #Menu
================================================== */

#nav {
    display: block;
    text-align: center;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    margin: 10px auto 10px;
    min-height: 35px;
    padding: 12px 0 0;
}

.sectionNav {
	border: 1px solid #d3d3d3;
	background-color: #111111;
	border-radius: 15px;
}

#nav ul {
    display: block;
    font-family: chaparral-pro-1,chaparral-pro-2, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin: 0 auto;
    text-align: center;
    list-style:none
}

#nav ul li {
	display: inline-block;
    border-color: #d3d3d3;
    padding-top: 0;
	padding-bottom: 0;
	padding-left: 25px;
	padding-right: 25px;
	width: 100px;
}
#nav ul li a, nav ul li a:visited, nav ul li a:active {
    border-radius: 2px 2px 2px 2px;
    color: #ffffff;
    font-size: 19px;
    position: relative;
    text-decoration: none;
}

#nav ul li a:hover, nav ul li a:focus {
    color: #1FB4DD;
}

#nav ul li.current_page_item a {
    color: #1FB4DD;
}
#nav ul li.current_page_ancestor a {
    color: #1FB4DD;
}

/* #Images
================================================== 

The purpose of the below declaration is to make sure images don't 
exceed the width of columns they are put into when resizing window. 
Unfortunately, this declaration breaks certain lightbox, slider or other plugins,
so the best solution is to individually call these properties on images that 
are children of the grid that you want to resize with grid. */

img 
{ 
	max-width: 100%;
	height: auto; 
}

/* #Thumbnails
================================================== */
	
.thumbnail {
   position: relative;
   height: 100%;
}

.thumbnail img {
	max-width: 100%;
	height: auto;
   vertical-align: bottom;
}

.thumbnail .details {
   text-align: center;
   background-color: #1fb4dd;
   background-color: #111111;
   color: #ffffff;
   opacity: 0;
   position: absolute;
   top: 40px;
   left: 0;
   -webkit-transition: 0.25s ease-in;
   -moz-transition: 0.25s ease-in;
   -o-transition: 0.25s ease-in;
   transition: 0.25s ease-in;
   min-height: 40%;
   width: 100%;
   padding-top: 10px;
}

.no-opacity .thumbnail .details {
   text-align: center;
   background: none;
   min-height: 40%;
   width: 100%;
   top: -9999px;
}

.thumbnail:hover .details {
   margin-top: 0;
   opacity: .9;
}

.thumbnail .details h3, .h3 { 
   font-family: atrament-web-1, atrament-web-2, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 300; 
   color: #ffffff; 
   font-size: 28px; 
   line-height: 30px;
   letter-spacing: 1px; 
   margin: 0 auto;
   text-transform: uppercase; 
   text-align: center; 
   padding: 27px 0 5px; 
   border: none; 
}


.thumbnail .details p { 
   font-size: 18px; 
   text-align: center;
   color: #ffffff; 
}


/* #HOMEPAGE
================================================== */

.homePageImageLinks
{
	background: #000000;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-left-radius: 15px;
	margin-bottom: 15px !important;
	cursor: pointer;
}

.homePageImageLinkText
{
	padding-left:10px;
}

.homePageContentText
{
	background: #111111;
	
	padding: 10px;
	margin-bottom: 15px !important;
	
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-left-radius: 15px;
	
	-moz-border-radius-bottomright: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
}

.certificateLogos
{
	background-color: #ffffff; 
	width: auto; 
	height: auto; 
	padding: 5px; 
	text-align: center;

	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-left-radius: 15px;
	
	-moz-border-radius-bottomright: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
}
/* #REVIEW PAGE
================================================== */

#widget_container
{
	color: #000000;
}

#widget_container .ReviewContent
{
	vertical-align: top;
}

#widget_container h1, #widget_container h2, #widget_container h3, #widget_container h4, #widget_container h5, #widget_container h6 
{
		color: #69A7F2;
		font-weight: normal; 
}

#widget_container a
{
	color: #69A7F2;
	font-weight: normal; 
}

#widget_container a:hover, a:focus
{
	color: #1FB4DD;
	font-weight: normal; 
}

/* #CONTACT PAGE
================================================== */

.email_label {
	float : left;
	height : auto;
	margin-bottom: 10px;
}

.email_input {
	float : left;
	height : auto;
	margin-bottom: 10px;
}

.contactSendEmail
{
	float: left;
	width:960px;
	height: auto;
}

/* css_captcha */
.captcha_container {
	float: left;
	width:300px;
	height: auto;
	padding-bottom:10px;
}

.captcha_image {
	float: left;
	width:230px;
	height: auto;
}


.captcha_input {
	float: left;
	width:300px;
	height: auto;
	text-align: left;
	padding-top:10px;
}

.captcha_reload_hear_box {
	float: left;
	width:105px;
	height: auto;
	padding-left: 2px;
}

.captcha_reload {
	float: left;
	width:auto;
	height: auto;
}

.captcha_hear {
	float: left;
	width:95px;
	height: auto;
	padding-bottom:10px;
	padding-left: 10px;
}

/* #FOOTER
================================================== */

.footerDiv
{
	background: #303030;
	
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
	
	padding-top: 5px;
	padding-bottom: 10px;
}

iframe, object, embed
{
	max-width: 100%;
}

.imageTitleTextDiv
{
	min-height: 80px;
}

.body_text_bold
{
	font-weight: bold;
	font-size: 18px;
}