body{
	background : #cde1e8;
}

img{
	max-width : 100% !important;
}

.content-wrapper{
	border : 2px solid #93a8a9;
	background-color : #fff;
	min-height : 400px;
	border-radius : 10px;
	position : relative;
	z-index : 0;
}

.content-wrapper:before {
  background: none;
  border-top:2px solid #ebf4f5;
  border-left:2px solid #ebf4f5;
  border-top-left-radius : 10px; 
  border-top-right-radius : 5px; 
  border-bottom-left-radius : 5px; 
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 2px;
  right: 2px;
  bottom: 2px;
}

.content-wrapper:after {
  background: none;
  border-top:3px solid #cde1e8;
  border-bottom:3px solid #cde1e8;
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 10px;
  right: 10px;
  bottom: 5px;
}

.content{
	top : 0px;
	bottom : 0px;
	left : 0px;
	right : 0px;
	position : relative;
	display : block;
	z-index : 99;
}

#title{
	font-family			: "Trebuchet MS";
	font-size			: 34px;
	color				: #043653;
	font-weight			: bold;
}

#title .blue{
	color				: #23a8e6;
}

#subtitle{
	font-family			: "Trebuchet MS";
	font-size			: 23px;
	color				: #000;
	font-weight			: bold;
}

#text{
	font-family			: Arial;
	font-size			: 18px;
	color				: #000;
	font-weight			: 1b1515;
	text-align			: left;
}

#bonus-border{
	width				: 100%;
	border				: 3px Dashed #626262;
	margin				: 0 auto;
}

#bonus-content{
	padding				: 30px;
	margin				: 0 auto;
	text-align			: center;
}

#check{
	color				: #000;
	font-family			: Trebuchet MS;
	font-size			: 15px;
	font-weight			: normal;
}

.no-padding{
	padding : 0;
	margin : 0;
}

/* XS */
@media(max-width:767px){
	.header{
		position : relative;
	}

	.left-header{
		display : block;
		position : relative;
	}

	.right-header{
		display : block;
		position : relative;
		z-index : 0;
	}		
	
	.footer{
		position : relative;
	}

	.left-footer{
		display : block;
		position : relative;
		margin-top : 20px;
	}

	.right-footer{
		display : block;
		position : relative;
		z-index : 1;
	}
	
	#copyright{
		display : block;
		text-align :center;
	}		
}

/* SM */
@media(min-width:768px){
	.header{
		position : relative;
		height : 210px;
	}

	.left-header{
		display : block;
		float : left;
		position : absolute;
		left : -20px;
	}

	.right-header{
		display : block;
		float : right;
		position : absolute;
		z-index : -1;
		right : -20px;
	}
	
	.footer{
		position : relative;
		height : 140px;
	}

	.left-footer{
		display : block;
		float : left;
		position : absolute;
		z-index : 2;
		top : 15px;
		left : -20px;
	}

	.right-footer{
		display : block;
		float : right;
		position : absolute;
		z-index : 1;
		top : -25px;
		right : -20px;
	}
	
	#copyright{
		display : block;
		position : absolute;
		left : 40px;
		bottom : -20px;
	}	
}

/* MD */
@media(min-width:992px){
	.header{
		position : relative;
		height : 275px;
	}

	.left-header{
		display : block;
		float : left;
		position : absolute;
		left : -20px;
	}

	.right-header{
		display : block;
		float : right;
		position : absolute;
		z-index : -1;
		right : -20px;
	}
	
	.footer{
		position : relative;
		height : 180px;
	}

	.left-footer{
		display : block;
		float : left;
		position : absolute;
		z-index : 2;
		top : 10px;
		left : -20px;
	}

	.right-footer{
		display : block;
		float : right;
		position : absolute;
		z-index : 1;
		top : -35px;
		right : -20px;
	}	
	
	#copyright{
		display : block;
		position : absolute;
		left : 50px;
		bottom : -20px;
	}
}


/* LG */
@media(min-width:1200px){
	.header{
		position : relative;
		height : 365px;
	}

	.left-header{
		display : block;
		float : left;
		position : absolute;
		left : -60px;
	}

	.right-header{
		display : block;
		float : right;
		position : absolute;
		z-index : -1;
		right : -60px;
	}
	
	.footer{
		position : relative;
		height : 240px;
	}

	.left-footer{
		display : block;
		float : left;
		position : absolute;
		z-index : 2;
		top : 30px;
		left : -60px;
	}

	.right-footer{
		display : block;
		float : right;
		position : absolute;
		z-index : 1;
		top : -40px;
		right : -60px;
	}
	
	#copyright{
		display : block;
		position : absolute;
		left : 60px;
		bottom : -25px;
	}
}


#copyright{
	font-family			: "Trebuchet MS";
	font-size			: 12px;
	color				: #4c6ba4;
	font-weight 		: bold;
}	
ul.no_bullet {
list-style-type: none;
padding: 0;
margin: 0 0 1em 15;
}
.li1 {
    height: 32px;
    margin: 5px 0 .25em 0; /* not needed, just to add space between the li's */
    background: url('../images/bl1.gif') no-repeat 0 0px;
    list-style: none; /* Get rid of the default bullet points */
    padding-left: 25px; /* Offsets the text. Needs to be at least the width of your image */
    line-height: 1.3em; /* Might have to play with this value a bit */
}
.li2 {
    height: 32px;
    margin: 5px 0 .25em 0; /* not needed, just to add space between the li's */
    background: url('../images/bl2.gif') no-repeat 0 0px;
    list-style: none; /* Get rid of the default bullet points */
    padding-left: 25px; /* Offsets the text. Needs to be at least the width of your image */
    line-height: 1.3em; /* Might have to play with this value a bit */
}
.li3 {
    height: 32px;
    margin: 5px 0 .25em 0; /* not needed, just to add space between the li's */
    background: url('../images/bl3.gif') no-repeat 0 0px;
    list-style: none; /* Get rid of the default bullet points */
    padding-left: 25px; /* Offsets the text. Needs to be at least the width of your image */
    line-height: 1.3em; /* Might have to play with this value a bit */
}
.li4 {
    height: 32px;
    margin: 5px 0 .25em 0; /* not needed, just to add space between the li's */
    background: url('../images/bl4.gif') no-repeat 0 0px;
    list-style: none; /* Get rid of the default bullet points */
    padding-left: 25px; /* Offsets the text. Needs to be at least the width of your image */
    line-height: 1.3em; /* Might have to play with this value a bit */
}
.li5 {
    height: 32px;
    margin: 5px 0 .25em 0; /* not needed, just to add space between the li's */
    background: url('../images/check12.png') no-repeat 0 0px;
    list-style: none; /* Get rid of the default bullet points */
    padding-left: 25px; /* Offsets the text. Needs to be at least the width of your image */
    line-height: 1.3em; /* Might have to play with this value a bit */
}
.style2 {color: #FF00FF
}
.style6 {
	font-size: 20px;
	font-weight: bold;
	color: #0000FF;
	margin: auto;
}
td {
    padding: 10px;
}
.style9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
}
.style10 {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
.style13 {color: #FF0000;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}
.style15 {font-size: 18px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #000000; font-style: italic; }
.style16 {font-family: Arial, Helvetica, sans-serif}
.style3 {
	color: #FF0000;
	font-weight: bold;
	font-size: 36px;
}
.style17 {color: #666666}
blockquote {
font-family: Georgia, serif;
font-size: 18px;
font-style: italic;
width: 60%;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
background-color:#CCCCCC
}