﻿/* -----------------------------------------



:: snippet1



----------------------------------------- */



/* font color */



.snippet1 {



	color:#efefef;



}



/* 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: 			#305aa9; /* Old browsers */



	background: 			-moz-linear-gradient(top,  #305aa9 0%, #305aa9 100%); /* FF3.6+ */



	background: 			-webkit-gradient(linear, left top, left bottom, color-stop(0%,#386187), color-stop(100%,#305aa9)); /* Chrome,Safari4+ */



	background: 			-webkit-linear-gradient(top,  #305aa9 0%,#305aa9 100%); /* Chrome10+,Safari5.1+ */



	background: 			-o-linear-gradient(top,  #305aa9 0%,#305aa9 100%); /* Opera 11.10+ */



	background: 			-ms-linear-gradient(top,  #305aa9 0%,#305aa9 100%); /* IE10+ */



	background: 			linear-gradient(to bottom,  #305aa9 0%,#305aa9 100%); /* W3C */



	filter: 				progid:DXImageTransform.Microsoft.gradient( startColorstr='#305aa9', endColorstr='#305aa9',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 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: #305aa9; /* Old browsers */



background: -moz-linear-gradient(top,  #305aa9 0%, #305aa9 30%, #ffffff 30%); /* FF3.6+ */



background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#305aa9), color-stop(30%,#305aa9), color-stop(30%,#ffffff)); /* Chrome,Safari4+ */



background: -webkit-linear-gradient(top,  #305aa9 0%,#305aa9 30%,#ffffff 30%); /* Chrome10+,Safari5.1+ */



background: -o-linear-gradient(top,  #305aa9 0%,#305aa9 30%,#ffffff 30%); /* Opera 11.10+ */



background: -ms-linear-gradient(top,  #305aa9 0%,#305aa9 30%,#ffffff 30%); /* IE10+ */



background: linear-gradient(to bottom,  #305aa9 0%,#305aa9 30%,#ffffff 30%); /* W3C */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#386187', 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: #305aa9;



    background-image: linear-gradient(to bottom, #305aa9, #305aa9 );



    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;



}



