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

@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);

/*----------------------------------------------------------------*/
/*- Common Styles ------------------------------------------------*/
/*----------------------------------------------------------------*/

.none { display:none !important; }
.inline { display:inline; }
.block { display:block; }
.iblock { display:inline-block; }
.TAC { text-align:center; }
.TAL { text-align:left; }
.TAR { text-align:right; }
.left { float:left !important; }
.right { float:right !important; }
.slim { font-weight:300; }
.bold { font-weight:700; }
.slx_ml_0 { margin-left:0 !important; }
    
    
/*----------------------------------------------------------------*/
/*- Header -------------------------------------------------------*/
/*----------------------------------------------------------------*/

header {
	background:#FFFFFE;
	padding:20px 0;
	color: #333332;
}
	header a, header a:hover { color:#333332; }
	#headElement2 { text-align:right; }
		#headElement2a { font-size:30px; }
		#headElement2b { font-size:24px; }


/*----------------------------------------------------------------*/
/*- Blocks 1 and 4 -----------------------------------------------*/
/*----------------------------------------------------------------*/

#block1, #block4 {
	background:#DDDDDD;
	padding:40px 0;
	color:#212121;
}
	
	#block1 h1, 
	#block1 h2, 
	#block1 h3, 
	#block1 h4, 
	#block1 h5, 
	#block1 h6, 
	#block1 a, 
	#block1 a:hover,
	#block4 h1, 
	#block4 h2, 
	#block4 h3, 
	#block4 h4, 
	#block4 h5, 
	#block4 h6, 
	#block4 a, 
	#block4 a:hover { color: #212121; }
		#block1 a, #block4 a { text-decoration: underline; color: #212121; }
			#block1 a:hover, #block4 a:hover { text-decoration: none; color: #212121; }

	#block1 img {
		padding:2px;
		-webkit-box-shadow:0 0 10px 0 #000000;
		-moz-box-shadow:0 0 10px 0 #000000;
		box-shadow:0 0 10px 0 #000000;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		background:none repeat scroll 0 0 #ffffff;
	}
    
#block1 a.formLink {
    background: none;
    border: 1px solid #212121;
    color: #212121;
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
	margin:0 0 10px;
    padding: 10px 20px;
    text-decoration: none;
}
    #block1 a.formLink:hover { border:1px solid #FFF; text-decoration:none; color:white; }


/*----------------------------------------------------------------*/
/*- Blocks 2 and Footer ------------------------------------------*/
/*----------------------------------------------------------------*/

#block2, footer {
	background:#CCCCCC;
	padding:40px 0;
	color:#323232;
	text-align: center;
}
	footer { padding:30px 0; }
	
	#block2 i.fa,
	#block2 h1,
	#block2 h2,
	#block2 h3,
	#block2 h4,
	#block2 h5,
	#block2 h6,
	#block2 a,
	#block2 a:hover,
	footer p,
	footer a,
	footer a:hover { color: #323232; }
		#block2 a, footer a { text-decoration: underline; color: #323232; }
			#block2 a:hover, footer a:hover { text-decoration: none; color: #323232; }
	footer p { margin: 0; }


/*----------------------------------------------------------------*/
/*- Layout -------------------------------------------------------*/
/*----------------------------------------------------------------*/

body {
    font-size:16px;
    line-height:26px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

ul {
	padding:0;
    margin:0 0 15px;
}
    ul li {
        list-style:none outside none;
        margin-left:15px;
    }
    	ul li i { margin-left:-20px; margin-right:4px; }

p {
    font-weight:400;
    margin:0 0 15px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight:600;
    margin:0 0 15px;
    padding:0;
}
h1, h3, h4, h5, h6 { color:#000001; }
    h1 { font-size:36px; line-height:40px; margin:0 0 10px; }
    h2 { font-size:30px; line-height:34px; color:#222222; }
    h3 { font-size:26px; line-height:30px; }
    h4 { font-size:22px; line-height:26px; }
    h5 { font-size:18px; line-height:22px; }
    h6 { font-size:14px; line-height:18px; }

a, button, input[type=submit], input[type=reset] { cursor: pointer; }
a { color:#222222; text-decoration:none; word-wrap:break-word; }
    a:hover { color:#222222; text-decoration:underline; }


/*----------------------------------------------------------------*/
/*- Blocks 3 and 5 -----------------------------------------------*/
/*----------------------------------------------------------------*/

#block3, #block5 {
	background:#fffffd;
	padding:40px 0;
	color:#333333;
}
	#block3 i.fa, #block5 i.fa { color:#222222; }


/*----------------------------------------------------------------*/
/*- Responsive YouTube Video / Google Map ------------------------*/
/*----------------------------------------------------------------*/

.iframe_responsive {
    position: relative; /* keeps the aspect ratio */
    padding-bottom: 56.25%; /* fine tunes the video positioning */
    padding-top: 0px;
    overflow: hidden;
    margin-bottom:20px;
}

.iframe_responsive iframe,
.iframe_responsive object,
.iframe_responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*----------------------------------------------------------------*/
/*- Products / Gallery -------------------------------------------*/
/*----------------------------------------------------------------*/

.itemHolder { text-align:center; }
	.itemTile {
		display:inline-block;
		text-align:center;
		margin:0 1% 20px;
		vertical-align:top;
	}

	.itemFull {
		border:1px solid #ddd;
		display:block;
		text-align:left;
		padding:15px 15px 5px;
		margin:0 0 20px;
	}

		.itemTile img, .itemFull img {
			margin:0 auto 10px;
			padding:2px;
			border:1px solid #ddd;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
			background:white;
			height: auto !important;
		}
			.itemFull img {
				float: left;
				width: 30% !important;
				height: auto !important;
				margin:0 20px 10px 0;
			}
		.itemTile h4, .itemTile h5, .itemFull h4, .itemFull h5 { margin:0 0 5px; }
		.itemTile p, .itemFull p { margin:0 0 10px; }

.galleryHolder { text-align:center; }
	.galleryHolder img {
		display:inline-block;
		text-align:center;
		margin:0 1% 20px;
		vertical-align:top;
		padding:2px;
		border:1px solid #ddd;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		background:white;
		height: auto !important;
	}

		.itemTile1, .galleryHolder1 img { width:97% !important; } /* 1 product/image per row */
		.itemTile2, .galleryHolder2 img { width:47% !important; } /* 2 products/images per row */
		.itemTile3, .galleryHolder3 img { width:30% !important; } /* 3 ppr */
		.itemTile4, .galleryHolder4 img { width:22% !important; } /* etc */
		.itemTile5, .galleryHolder5 img { width:17% !important; }
		.itemTile6, .galleryHolder6 img { width:13% !important; }


/*----------------------------------------------------------------*/
/*- Forms --------------------------------------------------------*/
/*----------------------------------------------------------------*/

.formHolder {
    padding:20px;
    margin:0 0 20px;
    -webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}

.formbuilder-form { margin:0 0 10px; }


.formHolder1 { background:#BBBBBD; color: #393939; }
	.formHolder1 input#submit-form { background:#CCCCCD; }
	
.formHolder2, .modal { background:#CCCCCD; color: #383838; }
	.formHolder2 input#submit-form, .modal input#submit-form { background:#BBBBBD; }

	.formHolder1 h1, .formHolder1 h2, .formHolder1 h3, .formHolder1 h4, .formHolder1 h5, .formHolder1 h6, .formHolder1 a, .formHolder1 a:hover { color: #393939; }
	.formHolder2 h1, .formHolder2 h2, .formHolder2 h3, .formHolder2 h4, .formHolder2 h5, .formHolder2 h6, .formHolder2 a, .formHolder2 a:hover { color: #383838; }
		.formHolder a { text-decoration: underline; }
			.formHolder a:hover { text-decoration: none; }

		.formHolder input#submit-form {
			float:none;
			padding: 6px 20px;
			font-weight: 600;
			border: none;
		}
			.formHolder2 input#submit-form { color: #383838; }
			.formHolder1 input#submit-form { color: #393939; }
			.formHolder input#submit-form:hover {
				-webkit-box-shadow:inset 0 20px 20px -20px #FFFFFF;
				-moz-box-shadow:inset 0 20px 20px -20px #FFFFFF;
				-o-box-shadow:inset 0 20px 20px -20px #FFFFFF;
				box-shadow:inset 0 20px 20px -20px #FFFFFF;
			}

.formbuilder-form .row {
	margin:0 0 5px;
	width:100%;
}

.formHolder label { font-weight:600; margin:0; width:100%; }
	

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
width: auto !important;
}
.formbuilder-form input[type="radio"], .formbuilder-form input[type="checkbox"]{
	height: auto !important;
	min-height: 10px;
}	
	
	.checkBoxGroup { margin:0; display:inline-block; }
		.checkBoxGroup label { font-weight:400; width:auto; }
		.checkBoxGroup .option {
			margin:0 10px 0 0;
			display:inline-block;
		    clear:both;
		    float:none;
		    overflow:hidden;
		    padding:2px 0;
		}
			.checkBoxGroup .option input { margin:6px 4px 0 0; }

	.radioButton { margin:0; display:inline-block; }
		.radioButton label { font-weight:400; width:auto; }
		.radioButton .option { margin:0 10px 0 0; display:inline-block; }
			.radioButton .option input { margin:6px 4px 0 0; }
	
	.formbuilder-form input,
	.formbuilder-form select,
	.formbuilder-form textarea {
		width:100%;
		float:left;
		display:inline-block;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		min-height:30px;
	}
		.formbuilder-form input,
		.formbuilder-form textarea,
		.formbuilder-form select,
		.formbuilder-form select option { color: DarkSlateGrey; }
		
#__email__ {
    height: 0;
    margin: 0;
    min-height: 0;
    padding: 0;
    visibility: hidden;
}

.formbuilder-form label.error { color:red; }


/*----------------------------------------------------------------*/
/*- Media Queries ------------------------------------------------*/
/*----------------------------------------------------------------*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	body { padding:0; text-align:center; }
	#headElement2 { text-align:center; margin:10px 0 0; }
	.img-responsive { display:inline-block; }
	.itemTile { border-bottom: 1px dotted #ccc; width: 100% !important; margin:0 0 10px; }
	.galleryHolder img { width: auto !important; margin:0 0 10px; }
	#block5Element2b, #block1 a.formLink2 { display:none; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.container { padding: 0 10px; }
	h1 { font-size:30px; line-height:34px; }
	h2 { font-size:24px; line-height:28px; }
	.itemFull { padding:10px 10px 0; text-align: center; }
	.itemFull img { float: none;  margin: 0 auto 10px; width: 100% !important; }
 	.formHolder { padding:5px; }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	.container { padding: 0 5px; }
}