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

html, body {
	background-color: #333333;
	font: normal 22px Lato, Arial, Helvetica, 'sans-serif';
	}

#container {
	background-color: white;
	margin: 20px auto;
	padding: 0px;
	position: relative;
	width: 870px;
	/*border: 1px solid #cfcfcf;*/
	-webkit-box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.15);
	box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.15);
}

p {
	font-size: 22px;
	font-family: Lato, Arial, Helvetica, 'sans-serif';
	color: #000;
	text-indent: 1em;
	margin: 20px;
	margin-left:30px;
	margin-right:30px;
}

a:link {color: #00C;}
a:visited {color: #00C;}
	


h1{text-align: center; font-family: Lato, Arial, Helvetica, sans-serif; font-weight: 900; font-size:30px; color:#bf2025; margin-left:35px; margin-right:35px; margin-top:30px; margin-bottom:5px;}

h2{text-align: left; font-family: Lato, Arial, Helvetica, sans-serif; font-weight: 900; font-size:30px; color:black; margin-left:50px; margin-right:35px; margin-top:30px; margin-bottom:5px;}



img {
	border: 0;
}

img.right-pic {margin-left:10px; margin-right: -10px; float: right; clear: both;}

img.center-pic {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.left-pic {margin-right:20px; float: left; display: inline-block; margin-left:0px;}


img.button {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.button:hover {opacity: 0.9; filter: alpha(opacity=90);}


/* List Styles --------------------------------------------------*/

ul, li {
	font-family: Lato, Arial, Helvetica, 'sans-serif';
	font-style: normal;
	font-variant: normal;
	margin-bottom: 25px;
	margin-top: 0px;
	text-align: left;
	text-decoration: none;
	text-indent: 0px;
	margin-left: -5px;
	padding-right: 20px;
	font-size: 22px;
}


.bulletscheck {
	margin-left: 47px;
	margin-right: 40px;
	padding-left: 0px;
	list-style: none;
}
.bulletscheck li {
	padding-left: 28px;
	background-image: url(bullet-check.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.bulletscheck2 {
	margin-left: 27px;
	margin-right: 0px;
	padding-left: 0px;

	list-style: none;
	list-style-position: outside;
	
}
.bulletscheck2 li {
	padding-left: 30px;
	padding-right:0px;
	background-image: url(bullet-check2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

.bulletsarrows {
	margin-left: 45px;
	margin-right: 40px;
	padding-left: 0px;
	list-style: none;
	list-style-position: inside;
	
}
.bulletsarrows li {
	padding-left: 30px;
	background-image: url(bullet-arrows.jpg);
	background-repeat: no-repeat;
	background-position: 0 6px;
	position: relative;
}


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




.highlighttext {
	background-color: yellow;}

.textred {color: #ac0000;}

.textbig {color: black; font-family: 'Lato', Arial, sans-serif; font-size: 27px; font-weight:bold;}

.redarrows {color:#bf2025; font-family: Arial, sans-serif; font-size: 27px; font-weight:bold; position: relative; top:2px;}

.bonus {color: #bf2025; font-family: 'Lato', Arial, sans-serif; font-size: 29px; font-weight: 900; background-color: yellow;}



#References p {
	font: normal 12px Arial, sans-serif;
	margin-bottom:-15px;
	text-indent: 0em;
}

#References a {text-decoration: none; color:black;}

sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}
sub { top: 0.4em; }

.mobileRight { float:right; }
	.mobileLeft { float:left; }
	.mobileCenter { text-align:center; }
	.mobileDisplay { display:none; }
	.mobileHide {  }
	
	.linebreak { display:block; }

	.video { position: relative; padding-bottom: 40%; height: 0; overflow: hidden; margin-left:25px;}
	
	h1 { font-size: 46px; line-height: 54px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 20px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 20px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 20px; }
	h5 { font-size: 18px; line-height: 22px; margin-bottom: 20px; }
	
	.rightVideo { width:232px; float:right; }
	.sidebar { background-color:#F60; color:#FFF; width:230px; float:right; padding:10px; margin:10px; font-size:.9em; }
	.middlebar { background-color:#dee0ec; padding:15px; margin:30px 40px; font-size:1.1em; }
	.middlebar p { line-height:130%; padding:0 35px; }


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        #container { width: 760px; }
        .linebreak { display:inline; }
        .alpha.omega { margin-left: 0; margin-right: 0; }
		img {max-width: 98%;}
		.video { position: relative; padding-bottom: 48%; height: 0; overflow: hidden; }
		.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		
		.sidebar { background-color:#F60; color:#FFF; width:230px; float:right; padding:10px; margin:10px; font-size:.9em; }
		.middlebar { background-color:#dee0ec; padding:10px; margin:10px; font-size:1.1em; }
		.middlebar p { line-height:130%; padding:0 35px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 480px) {
        #container { width: 90%; background:#FFF; }
		.linebreak { display:inline; }
		h1 { font-size: 30px; line-height: 40px; margin-bottom: 14px;}
		
		.topContainer { width:320px; max-width:90%; padding:15px; margin:auto; }
		
		.topImage { display:none; }
		
		.mobileRight { float:none; }
		.mobileLeft { float:none; }
		.mobileCenter { text-align:center; }
		img {max-width: 98%;}
		.video { position: relative; padding-bottom: 56%; height: 0; overflow: hidden; }
		.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		
		.sidebar { background-color:#F60; color:#FFF;float:none; width:90%; padding:10px; margin:10px; font-size:.9em; }
		.middlebar { background-color:#dee0ec; padding:10px; margin:10px; font-size:1.1em; }
		.middlebar p { line-height:130%; padding:0 5px; }
		
		.mobileDisplay {  display:block; }
		.mobileHide { display:none; }
img.right-pic {
		display: block;
    margin-left: auto;
    margin-right: auto;
}

img.center-pic {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.left-pic {
	display: block;
    margin-left: auto;
    margin-right: auto;}
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        #container { width: 90%; background:#FFF; }
		.linebreak { display:inline; }
		h1 { font-size: 35px; line-height: 40px; margin-bottom: 14px;}
		
		.topContainer { width:480px; max-width:90%; padding:15px; margin:auto; background-image: url(../images/515_bg.png); background-repeat: repeat-x; }
		
		.topImage { display:none; }
		img {max-width: 98%;}
		.mobileRight { float:none; }
		.mobileLeft { float:none; }
		.mobileCenter { text-align:center; }
		.video { position: relative; padding-bottom: 56%; height: 0; overflow: hidden; }
	.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		
		.sidebar { background-color:#F60; color:#FFF; width:90%; float:none; padding:10px; margin:10px; font-size:.9em; }
		.middlebar { background-color:#dee0ec; padding:10px; margin:10px; font-size:1.1em; }
		.middlebar p { line-height:130%; padding:0 5px; }
		
		.mobileDisplay {  display:block; }
		.mobileHide { display:none; }
		img.right-pic {
		display: block;
    margin-left: auto;
    margin-right: auto;
}

img.center-pic {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.left-pic {
	display: block;
    margin-left: auto;
    margin-right: auto;}
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    #container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/