/*
Company:	
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Common Text Styles - Styles for text
Default Headings - headings like h1, h2, etc
Default Lists - unordered and ordered lists
Nav - navigation bar
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html {
	background: #000 url(../images/bg-page.jpg) top center no-repeat fixed;
}
body {
	font-family: 'LatoRegular', Arial, sans-serif;
}
/* @end */

/* @group Layout */
/* Head */
div#hd {
	width: 1012px;
	margin: 0 auto 2px auto;
	padding: 0 0 5px 0;
	background: url(../images/bg-dark-container.png) top left repeat-y;
	position: relative;
	z-index: 85;
}

div#nav {
	z-index:  50;
}

div.slogan {
	z-index:  40;
}

/* Logo */
div.logo {
	padding: 0 0 0 14px;
	float: left;
	margin: 0 20px 0 0;
}

div.logo a:link, div.logo a:visited {
	display: block;
	width: 216px;
	height: 144px;
	text-indent: -9999px;
	background: url(../images/bg-logo.png) top left no-repeat;
}

/* Slogan */
div.slogan {
	float: left;
	padding: 82px 0 0 0;
}

div.slogan h3 {
	display: block;
	margin: -23px 0 0 0;
	width: 762px;
	height: 87px;
	padding: 0;
	text-indent: -9999px;
	background: url(../images/bg-slogan-new.png) top right no-repeat;
	position:  relative;
	top:  23px;
}

div.telephone {
	float: right;
}

div.telephone h5 {
	color: #FFF;
	text-align: right;
	position: absolute;
	top: 10px;
	right: 0px;
	padding: 0;
	font-size: 16px;
	float: right;
	margin: 0;
	font-family: 'LatoBold', Arial, sans-serif;
	font-weight: normal;
}

/* Body */
div#bd {
	position: relative;
	z-index: 50;
	margin: -2px 0 0 0;
	left: -12px;
}

/* Footer */
div#ft {
	padding: 0 32px 0 37px;
	color: #c0bdb8;
}

div.page-container-inner div#ft {
	color: #363636;
	padding: 20px 0 0 16px;
	clear: both;
}

/* Footer Navigation */
div#ft ul {
	float: left;
}

div#ft ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#ft ul {display: inline-block;}

/* Hides from IE-mac \*/
* html div#ft ul {height: 1%;}
div#ft ul {display: block;}
/* End hide from IE-mac */
/* @end */

div#ft ul {
	margin: 0;
}

div#ft ul li {
	float: left;
	list-style: none;
	border-right: 1px solid #FFF;
	font-size: 93%;
	padding: 0 5px 0 0;
	margin: 0 5px 0 0;
}

div.page-container-inner div#ft ul li {
	border-right: 1px solid #363636;
}

div#ft ul li:last-child,
div.page-container-inner div#ft ul li:last-child {
	border-right: none;
}

div#ft ul li a:link,
div#ft ul li a:visited {
	color: #FFF;
	text-transform: uppercase;
}

div.page-container-inner div#ft ul li a:link,
div.page-container-inner div#ft ul li a:visited {
	color: #363636;
}

div#ft ul li a:hover,
div.page-container div#ft ul li a:hover {
	color: #b07c2e;
}

/* Footer Text */
div#ft p {
	float: right;
	font-size: 85%;
	text-align: right;
	margin: 0;
}

div#ft p a:link,
div#ft p a:visited {
	color: #c0bdb8;
}

div.page-container-inner div#ft p a:link,
div.page-container-inner div#ft p a:visited {
	color: #363636;
}

div#ft p a:hover {
	color: #FFF;
}

div.page-container div#ft p a:hover {
	color: #b07c2e;
}

/* @end */

/* @group Modules */

/* Home Feature - Foil Background */
div.home-feature {
	background: url(../images/bg-home-foil.png) top left no-repeat;
	width: 1018px;
	padding: 15px 0 0 30px;
	margin: 0 auto;
	overflow: hidden;
	height: 548px;
	position: relative;
}

div.home-feature .ui-tabs-hide {
	display: none;
}

/* Home Feature Left Column */
div.home-feature div.slide-image {
	width: 623px;
	float: left;
	position: relative;
	left: 3px;
	border: 4px solid #799eb8;
	height: 470px;
	overflow: hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}

div.home-feature div.slide-image img {
	width: 623px;
	height: 470px;
}

.connect_widget_interactive_area {
	display: none;
}

/* Home Feature Right Column */
div.home-feature div.slide-text {
	width: 387px;
	float: left;
	position: relative;
	left: -35px;
	padding: 17px 0 0 0;
	height: 461px;
	overflow: hidden;
}

div.home-feature div.slide-text ul {
	margin: 0;
}

div.home-feature div.slide-text ul li {
	list-style: none;
	padding: 0 0 15px 0;
}

div.home-feature div.slide-text ul li a:link,
div.home-feature div.slide-text ul li a:visited {
	display: block;
	height: 40px;
	line-height: 40px;
	background: url(../images/bg-slide-text.png) top left no-repeat;
	padding: 0 0 0 51px;
	color: #003663;
	font-family: 'LatoBold', Arial, sans-serif;
	font-size: 131%;
}

div.home-feature div.slide-text ul li.ui-state-active a:link,
div.home-feature div.slide-text ul li.ui-state-active a:visited {
	background: url(../images/bg-slide-text.png) 0 -40px no-repeat;
	color: #231f20;
}

/* Call Out Container */
div.home-bottom {
	width: 1012px;
	margin: -54px auto 0 auto;
	background: url(../images/bg-dark-container.png) top left repeat-y;
	position: relative;
	left: 12px;
	padding: 20px 0 80px 0;
}

/* Call Outs */
div.call-outs {
	width: 914px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	color: #b3b3b3;
}

div.call-outs-top {
	height: 20px;
	font-size: 0px;
	background: url(../images/bg-call-outs-top.png) top left no-repeat;
}

div.call-outs-inner {
	background: url(../images/bg-call-outs-tile.png) top left repeat-y;
	padding: 0 0 1px 26px;
}

div.call-outs-bottom {
	height: 25px;
	font-size: 0px;
	background: url(../images/bg-call-outs-bottom.png) top left no-repeat;
}

div.call-outs h2 {
	margin: 0 0 10px 0;
	font-weight: normal;
	font-family: 'LatoLight', Arial, sans-serif;
	font-size: 300%;
	line-height: 1em;
	color: #b07c2e;
}

div.call-outs h3 {
	margin: 0;
	font-size: 138.5%;
}

div.call-outs p {
	font-size: 136%;
}

span.more a:link,
span.more a:visited {
	color: #b07c2e;
	font-family: 'LatoBold', Arial, sans-serif;
}

p.see-all {
	text-align: right;
	text-transform: uppercase;
	font-family: 'LatoBold', Arial, sans-serif;
}

p.see-all a:link,
p.see-all a:visited {
	color: #b07c2e;
}

/* Call Out Column */
div.call-outs div.col-one,
div.call-outs div.col-two,
div.call-outs div.col-three {
	float: left;
}

div.call-outs div.col-one {
	width: 230px;
	margin: 0 95px 0 0;
}

div.call-outs div.col-two {
	width: 222px;
	margin: 0 90px 0 0;
}

div.call-outs div.col-three {
	width: 225px;
}

div.call-outs div.col-three img {
	max-width: 225px;
	max-height: 200px;
	float: left;
	margin: 13px 10px 13px 0px;
}

div.call-outs div.col-three p {
	display: block;
	margin: 0;
	padding: 10px 0 0 0;
}

div.call-outs div.col-three span.more {
	font-size: 138.5%;
	clear: both;
}

/* Page Container */
div.page-container {
	width: 1048px;
	margin: 0 auto;
	background: url(../images/bg-foil-tile.jpg) top left repeat-y;
	color: #231f20;
	height: 1%;
}

div.page-container-inner {
	margin: -253px 0 0 0;
	position: relative;
	z-index: 65;
	padding: 0 54px 17px 54px;
	min-height: 520px;
	height:auto !important;
	height: 520px;
}

div.page-container-fade-bridge {
	position: relative;
	top: -50px;
	height: 200px;
	z-index: 45;
}

/* Page Container Top */
div.page-container-top {
	height: 91px;
	font-size: 0px;
	background: url(../images/bg-page-container-top.png) top left no-repeat;
	width: 1048px;
	margin: 0 auto;
}

/* Side Column */
div.side {
	width: 329px;
	float: right;
	position: relative;
	left: 54px;
	margin: 0 0 0 -36px;
	color: #d5cbc2;
}

div.page-container div.side p {
	font-size: 100%;
}

div.side-top {
	font-size: 0px;
	height: 28px;
	background: url(../images/bg-side-top.png) top left no-repeat;
}

div.side-bottom {
	font-size: 0px;
	height: 41px;
	background: url(../images/bg-side-bottom.png) top left no-repeat;
}

div.side-inner {
	background: url(../images/bg-side-tile.png) top left repeat-y;
	padding: 1px 28px 1px 30px;
}

div#bd div.page-container div.side h2,
div#bd div.page-container div.side h3 {
	font-weight: normal;
	color: #d1923c;
	font-family: 'LatoLight', Arial, sans-serif;
	margin: 0 0 5px 0;
	font-size: 262%
}

/*Foilcure Form */

#gform_5 .gform_body label, .gform_body li, .gform_body p, .gform_wrapper .top_label .gfield_label  {
  font-family: 'Lato', sans-serif !important;}
#gform_5 .gform_body input, .gform_body input[type="password"], .gform_body input[type="search"], .gform_body textarea {
  border: 1px solid #d2d2d2 !important;
  width: 100% !important;
}

html div#bd #gform_wrapper_5 .ginput_container input{
	 width: 400px !important;
}

#gform_wrapper_5 .ginput_container input {
	background-color: white !important;
	background-image: none !important;
}

div.page .gform_wrapper .button {
	float: none;
	left: 0px;
}

/* Side Form */
html div#bd .gform_wrapper {
	margin: 0;
	width: auto;
}

html div#bd .gform_wrapper .gform_heading {
	margin-bottom: 0px;
	width: auto;
}

.gform_wrapper ul {
	margin: 0;
}

.gform_wrapper ul li {
	list-style: none;
}

html div#bd .gform_wrapper .gfield_label {
    clear: both;
    display: block;
    font-weight: normal;
    line-height: 1em;
	margin: 0;
	text-transform: uppercase;
	font-family: 'LatoBold', Arial, sans-serif;
	color: #20170d;
	padding: 0 0 3px 0;
}

html div#bd .gform_wrapper .ginput_container li.gchoice_4_9_1 {
	margin-top: -30px !important;
}

html div#bd .gform_wrapper .ginput_container input#choice_4_9_1 {
	width: 37px !important;
}

html div#bd .gform_wrapper .ginput_container #label_4_9_1  {
	margin-top: -9px !important;
}

html div#bd .gform_wrapper .ginput_container input {
	width: 239px!important;
	height: 26px;
	padding: 0 0 0 10px!important;
	margin: 0 0 12px 0;
	line-height: 26px;
	background: url(../images/bg-side-txt.png) top left no-repeat;
	border: none;
}

.gform_wrapper .button {
	width: 57px;
	height: 26px;
	background: url(../images/bg-side-btn.png) top left no-repeat;
	border: none;
	text-align: center;
	color: #442e08;
	font-family: 'LatoBold', Arial, sans-serif;
	float: right;
	position: relative;
	left: -22px;
	margin-top: 10px !important;
}



html div#bd .gform_wrapper .gform_footer {
	clear: none;
	margin: 0px;
	padding: 0px;
}

html div#bd .gform_footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

html div#bd .gform_footer {display: inline-block;}

/* Hides from IE-mac \*/
* html html div#bd .gform_footer {height: 1%;}
html div#bd .gform_footer {display: block;}
/* End hide from IE-mac */

/* Side Testimonials */
div.side-testimonials {
	border-top: 1px solid #2a1e11;
	padding: 13px 0 0 0;
	font-size: 123.1%;
	margin: 18px 0 0 0;
}

div.side-testimonials blockquote {
	padding: 0;
	margin: 0;
	font-family: 'LatoLightItalic', Arial, sans-serif;
	line-height: 1.4em;
}

div.side-testimonials p.testimonial-author {
	color: #c28523;
}

/* product */
div.product {
	color: #003a69;
}

div.product-detail {
	display: none;
	padding: 0 0 10px 0;
}

div#bd div.page-container div.product h3 {
	padding: 0 0 0 45px;
	display: block;
	height: 40px;
	line-height: 40px;
	width: 342px;
	background: url(../images/bg-product.png) top left no-repeat;
	margin: 0 0 11px 0;
	cursor: pointer;
	position: relative;
	left: -16px;
	color: #231f20;
	font-size: 17px;
}

div.expanded h3 {
	background: url(../images/bg-product.png) 0 -40px no-repeat;
}

.wp-post-image {
	max-width: 350px !important;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}


div.product-image {
	width: 206px;
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 0 0;
}

div.product-image img {
	display: block;
	width: 200px;
	height: auto;
	border: 3px solid #4c82a3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
}

div#bd div.page-container div.product-text {
	/* width: 425px; */
	width: 700px;
	display: inline-block;
	vertical-align: top;
	font-size: 17px;
}

div#bd div.page-container div.product-text p,
div#bd div.page-container div.product-text ul li,
div#bd div.page-container div.product-text ol li {
	font-size: 100%!important;
}

/* @end */

/* @group Common Text Styles */
div.page-container p.emphasis {
	font-size: 161.6%;
}

div.page-container p {
	font-size: 123.1%;
	line-height: 1.4em;
}

div.entry-meta {
	padding: 0 0 1em 0;
}
	
/* @end */

/* @group Default Headings */
html div#bd div.page-container h1.entry-title,
html div#bd div.page-container h1.page-title {
	margin: 0 0 .65em 0;
	color: #003663;
	font-family: 'LatoBold', Arial, sans-serif;
	font-weight: normal;
	font-size: 262%;
}

div.page-container h1,
div.page-container h2,
div.page-container h3,
div.page-container h4,
div.page-container h5,
div.page-container h6 {
	color: #003663;
	font-family: 'LatoBold', Arial, sans-serif;
	font-weight: normal;
	margin: 0 0 .6em 0;
}

div.page-container h1 {font-size: 262%;}
div.page-container h2 {font-size: 232%;}
div.page-container h3 {font-size: 192%;}
div.page-container h4 {font-size: 162%;}
div.page-container h5 {font-size: 132%;}
div.page-container h6 {font-size: 102%;}

div.page-container h2 {clear: both;}
/* @end */

/* @group Default Lists */
div.page-container ul li,
div.page-container ol li {
	font-size: 123.1%;
	line-height: 1.4em;
}

div.page-container ul li li,
div.page-container ol li li {
	font-size: 100%;
}
	
/* @end */

/* @group Nav */
	
/* @end */

/* @group Forms */
	
/* @end */

/* @group Default Links - link visited hover active */
a:link, a:visited {
	text-decoration: none;
	color: #003663;
}
a:hover {
	
}
/* @end */

/* @group Misc */
div.page-container-inner img {
	max-width: 922px;
	height: auto;
}

#cboxLoadedContent .cboxPhoto {
	max-width: 900px!important;
	height: auto!important;
}

.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */