/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight:bold; font-weight:700;}
em {font-style:italic}
input[type="submit"] {cursor:pointer;}

/* End Reset */

html {font-size:62.5%;}
body {
	position:relative;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	font-style:normal; 
	font-size:2rem; 
	text-align:center; 
	color:#FFFFFF; 
	margin:0 auto 0 auto; 
	background:#FFFFFF;
	}

a, a:visited {color:#ededed; text-decoration:none; cursor:pointer;}
a:active, a:hover {color:#ededed; text-decoration:none;} 

/* classes */
.center {text-align:center;}
.right {float:right;}
.left {float:left;}
.txt-right {text-align:right;}
.justify {text-align:justify}
.upper {text-transform:uppercase;}
.upperbold {font-weight:bold; font-weight:700; text-transform:uppercase;}
.black {color:#000000;}
.small {font-size:80%;}
.nowrap {white-space:nowrap;}

/* **** clear fix **** */
.clear { clear:both; }
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
	} 
.clearfix:after {
    clear: both;
	}
.clearfix {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
	}

/* **** header **** */

header {
	display:block;
	box-sizing:border-box;
	position:relative;
	width:100%;
	height:270px;
	text-align:center;
	padding:19px 0 0 0;
	padding:1.9rem 0 0 0;
	margin:0 auto 0 auto;
	background:url(../images/head-bg.jpg) no-repeat 50% top;
	border:0 solid transparent;
	}

#logoHd {
	width:359px;
	height:114px;
	margin:0 auto 0 auto;
	}

#logoHd h1 {
	display:block;
	width:100%;
	height:114px;
	}

#logoHd h1 a {
	display:block;
	width:100%;
	height:114px;
	text-indent:-100000px;
	background-image:url(../images/logo-hd.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:100% auto;
	}

/* **** page content **** */

#pageCt {
	position:relative;
	box-sizing:border-box;
	width:100%;
	text-align:left;
	margin:0 auto 0 auto;
	background-color:#652D8F;
	border-top:1px solid #652D8F;
	border-bottom:1px solid #652D8F;
	}

#pageCt .content {
	box-sizing:border-box;
	width:400px;
	padding:2.7rem 2.4rem .4rem 2.4rem;
	margin:0 auto 0 auto;
	}

#pageCt .content h2 {
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:2.4rem;
	line-height:2.9rem;
	font-weight:bold;
	font-style:italic;
	margin:0 0 1.5rem 0;
	}

#pageCt .content p {
	font-size:2rem;
	line-height:2.9rem;
	margin:0 0 1.4rem 0;
	}

#pageCt .content ul {
	margin:0 0 0 1.6rem;
	padding:0 0 1.4rem 0;
	}

#pageCt .content li {
	font-size:2rem;
	line-height:2.9rem;
	padding:0 0 0 1.4rem;
	background:url(../images/bullet-ct.png) no-repeat left 11px;
	}

#videoCt {
	box-sizing:border-box;
	width:100%;
	margin:0 auto 0 auto;
	background:#4B4B4B;
	border-top:1px solid #652D8F;
	}

#videoCt .content {
	box-sizing:border-box;
	width:400px;
	padding:2.6rem 4.2rem 2.4rem 4.2rem;
	margin:0 auto 0 auto;
	}

#michelliVideo {
    height: auto;
    width: 100%;
	}

/* **** navigation **** */

nav {
	display:block;
	position:relative;
	box-sizing:border-box;
	width:100%;
	height:auto;
	padding:3rem 1rem 3rem 1rem;
	margin:0 auto 0 auto;
	}

nav ul {
	width:400px;
	padding:0 0 .1rem 0;
	margin:0 auto 0 auto;
	}

nav li {  
	display:inline-block;
	float:left;
	box-sizing:border-box;
	width:50%;
	font-size:1.8rem;
	line-height:2.1rem;
	text-align:center;
	padding:0 1.2rem 0 1.2rem;
	margin:0 0 1.6rem 0;
	}

nav .btn {
	display:block;
	box-sizing:border-box;
	width:100%;
	text-align:center;
	color:#FFFFFF;
	padding:1.7rem .5rem 1.6rem .5rem;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	background-color:#4B4B4B;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	}

nav .btn:active,
nav .btn:hover {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	background-color:#652D8F;
	}

nav ul ul {
	width:100%;
	padding:0 0 0 0;
	margin:0;
	}

nav li li {  
	display:inline-block;
	float:left;
	box-sizing:border-box;
	width:33%;
	height:54px;
	text-align:center;
	padding:0 .2rem 0 .2rem;
	margin:0 0 0 0;
	}

nav li li .facebook,
nav li li .twitter,
nav li li .blog {
	display:block;
	width:32px;
	height:54px;
	text-indent:-100000px;
	margin:0 auto 0 auto;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	background-repeat:no-repeat;
	background-position:left top;
	}

nav li li .facebook {
	background-image:url(../images/facebook-bg.gif);
	}

nav li li .twitter {
	background-image:url(../images/twitter-bg.gif);
	}

nav li li .blog {
	background-image:url(../images/blog-bg.gif);
	}

nav li li .facebook:active,
nav li li .facebook:hover,
nav li li .twitter:active,
nav li li .twitter:hover,
nav li li .blog:active,
nav li li .blog:hover {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	background-position:left bottom;
	}

@media screen and (max-width:400px) {

/* **** header **** */

	#logoHd {
		width:89.75%;
		}

/* **** page content **** */

#pageCt .content {
	width:100%;
	}

#videoCt .content {
	padding:2.6rem 2rem 2.4rem 2rem;
	width:100%;
	}

/* **** navigation **** */

nav ul {
	width:100%;
	}

	}

@media screen and (max-width:361px) {

/* **** page content **** */

	#pageCt .content h2 {
		font-size:2rem;
		line-height:2.5rem;
		}

	#pageCt .content p {
		font-size:1.8rem;
		line-height:2.5rem;
		}

	#pageCt .content ul {
		margin:0 0 0 1rem;
		}

	#pageCt .content li {
		font-size:1.8rem;
		line-height:2.5rem;
		background-position:left 9px;
		}

	/* **** navigation **** */

	nav li {  
		display:block;
		float:none;
		width:100%;
		}

	}