body{
		text-align:center;
		font-size:14px;
		line-height:1.6em;
		background-color:#F5F5F5;
	}
	
	body, td, th, input, textarea {
		font-family: Arial, Helvetica, sans-serif;
		color: #606164;
	}

	h1{
		color:#25408F;
		font: Viner Hand ITC
		margin:0;
		padding:0;
	}h2, h3, h4, h5, h6{
		color:#FF7F27;
		margin:0;
		padding:0;
	}
	
	.h1Style{
		font-size:2em;
		font:Viner Hand ITC
	}
	
	p{
		padding:0;
		margin:0;
		margin-bottom:20px;
	}
	p.last{
		margin-bottom:0;
	}
	
	a{
		color:#25408F;
		text-decoration:none;
	}
	a:hover,
	a:focus{
		text-decoration:underline;
	}
	
	.contentArea{
		margin:0 auto auto auto;
		text-align:left;
		width:960px;
	}

	h1.bubble,
	h2.bubble,
	h3.bubble,
	h4.bubble,
	h5.bubble,
	h6.bubble{
		background-color: #FF7F27;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
		color: #FFF;
		display: inline-block;
		padding: 15px 30px;
		margin-bottom:20px;
		white-space:nowrap;
	}

	span.bubble{
		background-color: #E9ECF4;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
		display: inline-block;
		padding: 5px 15px;
		white-space:nowrap;
	}
	
	a.button{
		background-color:#DE712C;
		display: inline-block;
		padding:5px 35px;
		color:#fff;
		text-decoration:none;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background: #f08643; /* Old browsers */
		background: -moz-linear-gradient(top,  #f08643 0%, #de712c 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f08643), color-stop(100%,#de712c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f08643 0%,#de712c 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f08643 0%,#de712c 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f08643 0%,#de712c 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f08643 0%,#de712c 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f08643', endColorstr='#de712c',GradientType=0 ); /* IE6-9 */
		white-space:nowrap;
	}

/*
 * .inline-block
 * -------------
 * Another very very useful bit of code. Inline-block may not
 * be perfect in every scenario as it does add unwanted whitespace
 * around the element, however it is ideal for vertical alignment
 * and giving <span> elements layout.
 */
	.inline-block{
		display:-moz-inline-box;
		display:inline-block;
		zoom:1;
		*display:inline;
	}

/*
 * .clear-after
 * ------------
 * This is a really handy piece of css
 * that enables us to clear floats without
 * the need for adding unecessary code
 * instead of doing this:
 * 		<div class="float-left"></div>
 * 		<div class="clear"></div>
 * do this:
 * 		<div class="float-left clear-after"></div>
 */
	.clear-after:after{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
    }
	.clear-after{
		display:block;
		zoom:1;
	}
	/* Standard clears */
	.clear-left { clear: left; }
	.clear-right { clear: right; }
	.clear { clear: both; }


/*
 * Columns
 * -------
 * Standard column set-up and widths
 */
	.row,
	.column,
	.column1of4,
	.column1of2,
	.column3of4,
	.column1of3,
	.column2of3,
	.column1of5,
	.column2of5,
	.column3of5,
	.column4of5 {
		display:block;
		float:left;
		zoom: 1;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.row {
		clear:both;
		width:100%;
	}
	.full-width { width: 100%; }
	.column1of4 { width:25%; }
	.column1of2 { width:50%; }
	.column3of4 { width:75%; }
	.column1of3 { width:33.33%; }
	.column2of3 { width:66.66%; }
	.column1of5 { width: 20%; }
	.column2of5 { width: 40%; }
	.column3of5 { width: 60%; }
	.column4of5 { width: 80%; }
	


	.pod{
		border:1px solid #D7D7D7;
		margin:10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	.pod.borderTop{
		border-top:6px solid #ffd700; 
	}
	
	.stdpad{
		padding:10px;
	}
	.doublepad{
		padding:20px;
	}
	
	ul.bullets{
		padding-left: 30px;
	}
	ul.bullets li{
		list-style:none;
		margin:10px 0;
	}
	ul.bullets li:before {
	    content: "•";
	    color: #ffd700;
	    left:-10px;
	    position:relative;
	}
	
	
	ul.menu{
		padding:0;
		margin:0;
	}
	ul.menu li{
		padding:0;
		margin:0;
		list-style: none;
		border-top:1px solid #eee;
	}
	ul.menu li a{
		display:block;
		padding:6px 10px 5px 30px;
		color:inherit;
		text-decoration:none;
		background-image:url(../images/bullet-menu.png);
		background-repeat:no-repeat;
		background-position:8px 11px;
	}
	ul.menu li a:hover,
	ul.menu li a:focus{
		background-color:#F5F5F5;
	}
	
	
	.icon{
		display:-moz-inline-box;
		display:inline-block;
		zoom:1;
		*display:inline;
		width:37px;
		height:37px;
		background-repeat:no-repeat;
		background-position:left top;
		vertical-align:middle;
	}
	.icon.van{
		background-image:url(../images/icon-van.png);
	}
	.icon.links{
		background-image:url(../images/icon-links.png);
	}
	.icon.download{
		background-image:url(../images/icon-download.png);
	}
	
	table.padded{
		width:100%;
	}
	table.padded td,
	table.padded th{
		padding:5px;
	}

	.borderBottom{
		border-bottom:1px solid #eee;
	}
	
	.alignLeft{
		text-align:left;
	}
	.alignCenter{
		text-align:center;
	}
	.alignRight{
		text-align:right;
	}
	.floatLeft{
		float:left;
	}
	.floatRight{
		float:right;
	}
	.vAlignMiddle{
		vertical-align:middle;
	}
	
	.contentWrapper{
		background-color:#fff;
		padding:20px 0;
	}
	
	.header.contentWrapper{
		background-color:#FF7F27;
		color:#fff;
		background-image:url(../images/bg-header.png);
		background-repeat:repeat-x;
		background-position:bottom;
		border-bottom:6px solid #ffd700;
	}
	.header a{
		color:#fff;
	}
	
	.footer.contentWrapper{
		background-color:#FF7F27;
		color:#fff;
		background-image:url(../images/bg-header.png);
		background-repeat:repeat-x;
		background-position:top;
		border-top:6px solid #ffd700;
	}

	.tabular{
		display:table;
		width:100%;
	}
	.tabular > .cell{
		display:table-cell;
		vertical-align:middle;
	}
	.tabular > .cell.logoCell{
		width:200px;
	}
	
	a.domain{
		font-weight:bold;
		color:#ffd700;
		text-decoration:none;
	}
	a.domain em{
		font-style:normal;
		color:#000;
	}
	.header a.domain,
	.header a.domain em{
		color:#fff;
	}


	.primaryNav{
		border-bottom:1px solid #D9D9D9;
		background-color:#F2F2F2;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 1%, #f2f2f2 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 1%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 1%,#f2f2f2 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 1%,#f2f2f2 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 1%,#f2f2f2 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
	}

	.primaryNav ul,
	.primaryNav ul li{
		display:-moz-inline-box;
		display:inline-block;
		zoom:1;
		*display:inline;
		padding:0;
		margin:0;
		vertical-align:middle;
	}
	
	.primaryNav ul li a{
		color:#25408F;
		text-decoration:none;
		display:block;
		padding:10px 30px;
	}
	.primaryNav ul li a:hover,
	.primaryNav ul li a:focus{
		text-decoration:underline;
	}

	.pushDown{
		margin-top:20px;
	}

	.clickable{
		cursor:pointer;
		cursor:hand;
	}

	.container{
		position:relative;
	}

* {box-sizing:border-box}
body {font-family: Verdana,sans-serif;margin:0}

/* Slideshow container */
.slideshow-container {
  max-width: 750px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: relative;
  top: 0;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: #FF7F27;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .slprev, .slnext,.text {font-size: 11px}
}
.grid_element {
  display: inline-block;
  width: 200px;
  height:200px;
  zoom: 1;         /* for IE */
  display*:inline; /* for IE */
}