﻿/* -----------------------------------------
:: snippet1
----------------------------------------- */
/* font color */
.snippet1 {
	color:#FFFFFF;
}
/* h3 color */
.snippet1 h3 {
	color:#ffffff;
}
/* lead */
.snippet1 p.lead{
	 font-variant:small-caps; 
}
/* image borders and margins */
.snippet1 img {
	margin:10px 10px 10px 0px;
	border: 				5px solid rgba(255,255,255,0.25);
}
/* background */
.snippet1 {
	padding: 				10px;
	box-sizing: 			border-box;
	-moz-box-sizing: 		border-box; /* Firefox */;
	-webkit-box-sizing: 	border-box; /* Safari */;
	border: 				0px solid rgba(0,0,0,0.75);
	border-bottom:			0px solid rgba(255,255,255,0.75);
	border-top:				0px solid rgba(255,255,255,0.75);
	box-shadow: 			0px 0px 25px rgba(0,0,0,0.25), inset 0px 0px 0px 0px rgba(0,0,0,0.75), inset 0px 0px 45px 0px rgba(255,255,255,0.0), inset 0px 0px 0px 0px rgba(255,255,255,0.0), inset 0 -1px 1px rgba(0,0,0,0.0); 
	-o-box-shadow: 			0px 0px 25px rgba(0,0,0,0.25), inset 0px 0px 0px 0px rgba(0,0,0,0.75), inset 0px 0px 45px 0px rgba(255,255,255,0.0), inset 0px 0px 0px 0px rgba(255,255,255,0.0), inset 0 -1px 1px rgba(0,0,0,0.0);
	-webkit-box-shadow: 	0px 0px 25px rgba(0,0,0,0.25), inset 0px 0px 0px 0px rgba(0,0,0,0.75), inset 0px 0px 45px 0px rgba(255,255,255,0.0), inset 0px 0px 0px 0px rgba(255,255,255,0.0), inset 0 -1px 1px rgba(0,0,0,0.0); 
	-moz-box-shadow: 		0px 0px 25px rgba(0,0,0,0.25), inset 0px 0px 0px 0px rgba(0,0,0,0.75), inset 0px 0px 45px 0px rgba(255,255,255,0.0), inset 0px 0px 0px 0px rgba(255,255,255,0.0), inset 0 -1px 1px rgba(0,0,0,0.0); 

	background: 			#FFCF68; /* Old browsers */
	background: 			-moz-linear-gradient(top,  #FFCF68 0%, #F29E22 100%); /* FF3.6+ */
	background: 			-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCF68), color-stop(100%,#F29E22)); /* Chrome,Safari4+ */
	background: 			-webkit-linear-gradient(top,  #FFCF68 0%,#F29E22 100%); /* Chrome10+,Safari5.1+ */
	background: 			-o-linear-gradient(top,  #FFCF68 0%,#F29E22 100%); /* Opera 11.10+ */
	background: 			-ms-linear-gradient(top,  #FFCF68 0%,#F29E22 100%); /* IE10+ */
	background: 			linear-gradient(to bottom,  #FFCF68 0%,#F29E22 100%); /* W3C */
	filter: 				progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFCF68', endColorstr='#F29E22',GradientType=0 ); /* IE6-9 */
}
/* to create your own gradients, go to "http://www.colorzilla.com/gradient-editor/" - create, copy and paste above */

/* sections */
.snippet1-sections{
	background:url('../../graphics/snippet1-vertical-divider.jpg') center center repeat-y;
}
.snippet1-right-subject {
    padding: 0px 0 0px 60px;
    margin:0px 0px 20px 0px;
    background:url('../../graphics/snippet1-right-subject-bg.png') left center no-repeat;
}
.snippet1-right-subject a:hover, a:active {
	color:#000000;
}

.snippet1-right-subject a,a :link, a:visited {
	color:#F29E22;
}
.snippet1-right-subject h3 {
	line-height: 30px;
    margin: 10px 0 0px 0px;
}
.snippet1-bottom-divider {
	width:100%;
	height:2px;
	background:url('../../graphics/.snippet1-bottom-divider.jpg') center bottom repeat-x;
}


/* -----------------------------------------
:: snippet2
----------------------------------------- */
.snippet2 .span3 {
	border-right:1px #cccccc solid;
}

/* image borders and margins */
.snippet2 img {
	margin:2px 10px 10px 0px;
	border: 				5px solid rgba(255,255,255,0.50);
}

/* -----------------------------------------
:: snippet3
----------------------------------------- */
.snippet3 ul li {list-style:none;
	
}

/* -----------------------------------------
:: snippet4
----------------------------------------- */
.snippet4 {
	border: 				1px solid rgba(255,255,255,0.5);
	background: 			rgba(255,255,255,0.25);	
	padding:0px;

}
.snippet4 .lead {
	margin-top:30px;
	
}
.snippet4-left{
	min-height:300px;
	background: #ffffff;
	padding:20px;
	box-sizing:border-box;
	
	background: #4096ee; /* Old browsers */
background: -moz-linear-gradient(top,  #4096ee 0%, #4096ee 35%, #ffffff 35%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4096ee), color-stop(35%,#4096ee), color-stop(35%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4096ee 0%,#4096ee 35%,#ffffff 35%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4096ee 0%,#4096ee 35%,#ffffff 35%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4096ee 0%,#4096ee 35%,#ffffff 35%); /* IE10+ */
background: linear-gradient(to bottom,  #4096ee 0%,#4096ee 35%,#ffffff 35%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	
}
.snippet4-right{
	min-height:300px;
	background: #ffffff;
	padding:20px;
	box-sizing: 			border-box;
	-moz-box-sizing: 		border-box; /* Firefox */;
	-webkit-box-sizing: 	border-box; /* Safari */;
	
background: #8fc800; /* Old browsers */
background: -moz-linear-gradient(top,  #8fc800 0%, #8fc800 35%, #ffffff 35%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc800), color-stop(35%,#8fc800), color-stop(35%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8fc800 0%,#8fc800 35%,#ffffff 35%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8fc800 0%,#8fc800 35%,#ffffff 35%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8fc800 0%,#8fc800 35%,#ffffff 35%); /* IE10+ */
background: linear-gradient(to bottom,  #8fc800 0%,#8fc800 35%,#ffffff 35%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.snippet4-right ul li {
list-style:none;
}
.snippet4-left h3{
margin:0px;
color:#ffffff;

}
.snippet4-right h3{
margin:0px;
color:#ffffff;

}

.snippet4-left h4{
margin:0px 0px 20px 0px;
color:#ffffff;
}
.snippet4-right h4{
margin:0px 0px 20px 0px;
color:#ffffff;

}

/* -----------------------------------------
:: snippet5
----------------------------------------- */
.snippet5 img{
	margin:10px;
}
.snippet5 ul li{
	list-style:none;
}
.snippet5 h4{
	margin-bottom:5px;
}
.snippet5 p{
	margin-bottom:15px;
}

/* -----------------------------------------
:: snippet7
----------------------------------------- */

.snippet7 .left {margin-right:20px;}
.snippet7 .right {margin-left:20px;}

/* -----------------------------------------
:: snippet8
----------------------------------------- */
.snippet8 img {
	margin:10px 10px 10px 0px;
	border: 				10px solid rgba(255,255,255,0.50);
	box-sizing: 			border-box;
	-moz-box-sizing: 		border-box; /* Firefox */;
	-webkit-box-sizing: 	border-box; /* Safari */;
}


/* -----------------------------------------
:: snippet13
----------------------------------------- */
.snippet13 {
	padding: 				2%;
	box-sizing: 			border-box;
	-moz-box-sizing: 		border-box; /* Firefox */;
	-webkit-box-sizing: 	border-box; /* Safari */;
	border-radius: 			10px;

background: #4A842F; /* Old browsers */
background: -moz-linear-gradient(top,  #4A842F 0%, #4A842F 30%, #ffffff 30%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4A842F), color-stop(30%,#4A842F), color-stop(30%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4A842F 0%,#4A842F 30%,#ffffff 30%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4A842F 0%,#4A842F 30%,#ffffff 30%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4A842F 0%,#4A842F 30%,#ffffff 30%); /* IE10+ */
background: linear-gradient(to bottom,  #4A842F 0%,#4A842F 30%,#ffffff 30%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4A842F', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
/* to create your own gradients, go to "http://www.colorzilla.com/gradient-editor/" - create, copy and paste above */

}

.snippet13 .h3-lead {
font-size:20px;
font-weight:bold;
color: rgba(255, 255, 255, 0.25);
letter-spacing:2px;
margin:0px;
padding:0px;
line-height: 20px;
}

.snippet13 .h3-bold {
font-size:26px;
font-weight:bold;
color:#ffffff;
letter-spacing:2px;
margin:0px;
padding:0px;
line-height: 20px;
}

.snippet13 p{
	margin:30px 0px;
}

.snippet13 .btn {
    background-color: #7AAF39;
    background-image: linear-gradient(to bottom, #4A842F, #7AAF39);
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-left-width: 0;
    border-radius: 4px 4px 4px 4px;
    border-right-color: transparent;
    border-right-style: none;
    border-right-width: 0;
    border-top-color: transparent;
    border-top-style: none;
    border-top-width: 0;
    color: #ffffff;
    cursor: pointer;
    display: inline;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0;
    margin-left: 0.3em;
    padding: 6px 12px 4px;
    text-align: center;
    vertical-align: middle;
    font-weight:bold;
}

/* -----------------------------------------
:: snippet14
----------------------------------------- */
.snippet14 {
	box-sizing: 			border-box;
	-moz-box-sizing: 		border-box; /* Firefox */;
	-webkit-box-sizing: 	border-box; /* Safari */;
	padding:20px;
}
.snippet14 h4 {
	border-bottom:1px solid #000000;
	font-weight:bold;
	font-size:24px;
	border-bottom-color: rgba(0, 0, 0, 0.25);
	letter-spacing:0px;
	font-family:"Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}

.snippet14 img {
	margin:10px 10px 10px 0px;
	border: 				5px solid rgba(255,255,255,0.50);
	border-radius:5px;
}

.snippet14 .lead {
	font-size:14px;
	font-weight:bold;
	font-family:"Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
	line-height:18px;
	margin:10px 0px 5px 0px;

}

.snippet14 .btn {
	margin:10px 0px 25px 0px;

}

.snippet14  ul li{

list-style-image:url('../../graphics/snippet14-bullet.png');
padding:5px 0px;
}


/* -----------------------------------------
:: snippet top
----------------------------------------- */
.snippettop {
	width:auto;
}
.snippettop h1 {
	color:#000000;
	margin:10px 60px;
}
