/* <style> */


/* <style> */

/* 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, sup, tt, var,
dl, dt, dd, ol, ul, li, i, b, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: normal;
	font-size: 1em;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
small {
	font-size:.9em;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {
	text-decoration:none;
}

/* GENERALLY USEFUL STYLES *********************************************/

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

.block {
	display:block;
}

.floatL {
	float:left !important;
}

.floatR {
	float:right !important;
}

.noMargin {
	margin:0 !important;
}

.alignR {
	text-align:right !important;
}

.clear {
	clear:both !important;
}

.clearpad {
	clear:both !important;
	height:20px;
}

.clearer {
	display:block !important;
	float:none !important;
	width:100% !important;
	height:1px !important;
	line-height:0px !important;
	font-size:0px !important;
	border:0px !important;
	clear:both !important;
}

.HIDE {
	display:none;
}

a:active {
	outline:none !important;
}

a:focus {
	-moz-outline-style:none;
}

b {
	font-weight:bold;
}

i {
	font-style:italic;
}
/************************************************ STRUCTURE */

body {
	background:#1178af url("/_images/mpk_bg.jpg") repeat-x top left;
	color:#ffffff;
	font-family:arial;
	font-size:62.5%;
	font-weight:bold;
}

#header {
	width:900px;
	height:419px;
	margin:0 auto;
	position:relative;
	background:url("/_images/mpk_header.jpg");
}

#header a {
	position:absolute;
	text-indent:-6000px;
}

#header h1 a {
	width:400px;
	height:400px;
	left:250px;
}

#header ul a {
	width:225px;
	height:148px;	
}

#header ul a:hover {
	background-image:url("/_images/mpk_sprites.png");
	background-position:0 -449px;
	background-repeat:no-repeat;
}

#header a#navLearn {
	left:7px;
	top:36px;
}

#header a#navRead {
	left:7px;
	top:216px;
}

#header a#navCreate {
	left:668px;
	top:36px;
}

#header a#navShare {
	left:668px;
	top:216px;
}

#wrapper {
	position:relative;
	width:840px;
	margin:0 auto;
}

#threeCol .col {
	width:270px;
	margin-right:15px;
}

#twoCol .col {
	width:410px;
	margin-right:20px;
}

.col {
	float:left;
}

.col.last {
	margin-right:0 !important;
}

.box {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background:#2986b7;
	padding:1px 0;
}

.fixedHeight .box {
	height:290px;
}

.box.narrow {
	padding-left:20px;
	padding-right:20px;
}

#footer {
	position:relative;
	width:900px;
	margin:0 auto;
	padding:50px 0 0 0;
	height:120px;
}

#footer a#griffinLink {
	display:block;
	width:109px;
	height:18px;
	text-indent:-6000px;
	padding:5px 0 0 155px;
	background:url("/_images/footer_logo.png") top right no-repeat;
}

#footer a#buyNow {
	display:block;
	height:39px;
	width:274px;
	background:url("/_images/mpk_buybutton.gif");
	text-indent:-6000px;
}

#footer a#buyNow:hover {
	background-position:0 -39px;
}

#footer a#buyNow:active {
	background-position:0 -78px;
}


/*************************************************** HEADERS */

h2 {
	margin-top:20px;
	height:35px;
	background:url("/_images/mpk_sprites.png") no-repeat;
	width:100%;
	text-indent:-6000px;
}

h2#greatSound 			{	background-position:0 -5px;		}
h2#safeSound 			{	background-position:0 -40px; 	}
h2#yourSound 			{	background-position:0 -75px; 	}
h2#readHeader			{	background-position:0 -145px;	}
h2#createHeader			{	background-position:0 -110px;	}
h2#learnHeader			{	background-position:0 -215px;	}
h2#shareHeader			{	background-position:0 -180px;	}

.box h3 {
	font-size:2em;
	margin:1.2em 25px .8em 25px;
}

.box p, p.format {
	margin:1.2em 25px;
	font-size:1.4em;
	line-height:1.3em;
}

.box ul {
	list-style-type:square;
	list-style-position:outside;
	padding:0 60px;
	margin:1.6em 0;
}

.box ul li {
	font-size:1.4em;
	line-height:1.3em;
	margin:5px 0;
}

.box ul li p {
	font-size:1em;
	margin:1em 5px;
}

.box a, .format a {
	color:#edff00 !important;
}

.box a:hover, .format a:hover {
	text-decoration:underline;
}


#homeLife {
	margin-top:20px;
	width:100%;
	height:76px;
	background:url("/_images/mpk_home_life.jpg");
}

#readGraph {
	width:100%;
	height:362px;
	background:url("/_images/mpk_read_graph.jpg") center top no-repeat;
}


#createInsert1, #createInsert2 {
	display:block;
	float:left;
	width:185px;
	height:271px;
	background:url("/_images/mpk_create_inserts.jpg") top left no-repeat;
	text-indent:-5000px;
	margin:10px;
}

#createInsert2 {
	background-position:-185px 0;
}

#createInsert1:hover, #createInsert2:hover {
	margin-top:9px;
}

a#shareBtn {
	margin:30px 0 0 300px;
	display:block;
	text-indent:-6000px;
	background:url("/_images/mpk_share_btn.jpg");
	width:460px;
	height:100px;
}

a#shareBtn:hover {
/*	background-position:0 -1px;
*/}

/* video btns & flood ***************************************************/

a.video {
	display:block;
	height:62px;
	background:url("/_images/mpk_videobuttons.png") no-repeat;
	text-indent:-6000px;
	cursor:pointer;
}

a.video.welcome {
	width:262px;
	margin:20px auto;
	background-position:0 -186px;
}

a.video.learn {
	width:260px;
	margin-left:50px;
}

a.video.decorate {
	width:335px;
	background-position:0 -124px;
	margin:20px auto;
}

a.video.inserts {
	width:345px;
	background-position:0 -62px;
	margin:20px auto;
}

#videoFlood {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:#000000;
	z-index:2000;
	display:none;
}

#video {
	position:absolute;
	width:490px;
	background:url("../_images/italk_sync_bg.png") left top no-repeat;
	z-index:2001;
	display:none;
}