html {
	height:100%;
	width:100%;
	}

body {
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-size: .9em;
    line-height: 1.5em;
	color: #212121;
	height:100%;
	width:100%;
	background:#fff url(../images/bkg-slice.png) repeat-x center top;
}


/* Global Positioning
----------------------------------------------------------------------------------------------------*/

.container {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	position:relative;
}

#maincontent {
	width:790px;margin-left:5px;
	}

.block_quarter,
.block_third,
.block_half,
.block_twothird,
.block_threequarter,
.block_full {
	display: inline;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

.container .block_quarter {
	width: 190px;
}

.container .block_third {
	width: 260px;
}

.container .block_half {
	width: 390px;
}

.container .block_twothird {
	width: 520px;
}

.container .block_threequarter {
	width: 570px;
        margin-left:10px;
}

.container .block_full {
	width: 800px;
}


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* Basic Elements
----------------------------------------------------------------------------------------------------*/	

a {
	text-decoration: none;
}

a:hover,a:active {
	color:#0f0f0f;outline:none;border:0;
}

h1 {
	color: #545454;
	font-size: 3em;
	letter-spacing: -1px;
	margin: 0 0 0.6em 0;
        line-height:36px;
	}

h2 {
	font-size: 1.8em;
    line-height:1.3em;
	margin: 0 0 0.8em 0;
	letter-spacing: -1px;
	clear:both;
	}


h3 {
	font-size: 1.2em;
    line-height:1.5em;
	margin: 0 0 0.8em 0;
	clear:both;
}

h4 {
	font-size: 1.2em;
	margin: 0 0 0.1em 0;
	}

h5 {
	font-size: 1em;
	margin: 0 0 0.1em 0;
}


h6 {
    font-weight:normal;
	margin: 0 0 0.1em 0;
	}

h2.title {
    border-bottom:1px solid #545454;
	margin: 0 0 1em 0;line-height:1.6em;
	}

h1 span, h2 span, h3 span, h5 span, h4 span{
	font-weight:normal;
	}

#footer h1 {
	margin-top:10px;
	margin-bottom:0px;
	line-height:0;
	}
	
code, pre{
	font: normal 1em/1.6em "Courier New", Courier, monospace;
	background: #e8e8e8;
	padding: 10px 10px;
	border: 1px dotted #bbb;
	color: #4d4d4d;
    margin-bottom:2em;}

code{ 
	padding: 1px 3px; background-image: none; 
	}
	
sup	{ 
	bottom: 0.1em;
	}
	
p {
	line-height: 1.6em;
	padding: 0 0 1em 0;
	}
	
.date {
	font-weight:bold;
	font-size: 1em;
	}	
	

blockquote {
	position:relative;
   text-align:center;
	font-family: 'Lobster', arial, serif;
	font-size: 40px;
	line-height:38px;
	margin:20px 0px 20px 0px;
	color:#c80d0d;
	}

blockquote p {
	margin:0;
	padding:0;
	line-height:38px;
	}

b, strong {
	font-weight:bold;
	}

.qanda b{
	color:#c80d0d
}

u {
	text-decoration:none;
	border-bottom:1px solid;
	}

em {
	font-style: italic;
	}

input, select, textarea {
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	border: #cfcfcf 1px solid;
	color: #212121;
	font-size: 12px;
	padding: 3px;
}

.red {
	color:#c80d0d;
}

#maincontent ul {
	list-style-type: disc;
	list-style-image: url(../images/tick-small.png);
	list-style-position: inside;
	margin: 1.5em 0em 1.5em 1em;
	padding-left: 1em;
	text-indent: -2em;
	}


#maincontent li {
   margin-bottom:8px;
}

#maincontent ul.cross li {
	list-style-image: url(../images/cross.png);
	}


#maincontent ol {
list-style-type:decimal;
list-style-position: inside;
position: relative;
padding:20px;
line-height:normal;
margin:20px 0px 0px 0px;
background:#5f5f5f;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
color:#fff;
padding-left: 46px;
text-indent: -25px;
}

#maincontent ol li {
width: 650px;
}

#maincontent .lesson-section a {color:#4a88bc}
#maincontent .lesson-section a:hover {color:#346288}

/* Header Elements
----------------------------------------------------------------------------------------------------*/

#header {
	float:left;
	width:100%;
	z-index:1;
	}

#header-banner{
    width:806px;
    height:217px;
    float:left;
    position:relative;
    margin:50px 0px 0px -2px;
    background:#fff url(http://www.primaryworkathome.com/images/header-bkg.png) no-repeat
}

#header-banner.blank{
    background:#fff url(http://www.primaryworkathome.com/images/header-bkg-blank.png) no-repeat;
    height:255px;
    margin-bottom:20px;
}

#header-banner.blank.david{
    background:#fff url(http://www.primaryworkathome.com/images/header-bkg-david.png) no-repeat;
}

#header h1{
	float:left;
	}

#twitter {
	height:29px;
	width:800px;
	color:#fff;
	float:left;
	}

#twitter .twitpic {
	float:left;
	margin-right:10px;
	margin-top:6px;
	}

#twitter .tweet{
	margin-top:9px;
	font-size:12px;
	} 
	
#twitter .tweet a{
    color:#fff;
	border-bottom:1px solid #fff; 
	}

#header h1 {
	margin-top:0px;
	line-height:0;
	}

#header h1 a{
	float:left;margin:32px 0px 0px 30px;
	width:173px;
	}
	
#header h1 span{
	float:left;
	font-size:26px;
	width:460px;
    height:100px;
	line-height:30px;
	margin:74px 0px 0px 20px;
    color:#fff;
} 

#header h1 span small{
 font-size:18px;
line-height:0px;
	
} 

/* Navigation
----------------------------------------------------------------------------------------------------*/

#navigation {
	position:absolute;
	bottom:4px;
}
	
#navigation ul{
	margin-left:10px;
}

#navigation li{
	float:left;
	height:39px;
	line-height:37px;
	font-size: 1.2em;
	padding:0px 20px;
	letter-spacing: -1px;
}

#navigation a.active {color:#fff}
#navigation a {color:#77acd9}
#navigation a:hover,#navigation a:focus {color:#fff}


/* Videos
----------------------------------------------------------------------------------------------------*/

.videoembed {
	height:387px;
	width:654px;
	padding:12px 0px 0px 12px;
	margin:20px auto;
	background:#fff url(http://www.primaryworkathome.com/images/video-home-bkg.png) no-repeat;
}

.videoembed-lesson {
	height:507px;
	width:654px;
	padding:12px 0px 0px 12px;
	margin:20px auto;
	background:#fff url(http://www.primaryworkathome.com/images/video-lesson-bkg.png) no-repeat;
}



/* boxes
----------------------------------------------------------------------------------------------------*/
.lesson-section{
	width:770px;
	margin:0px auto 30px auto;
	padding:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border:1px solid #efefef;
	background:#fff url(http://www.primaryworkathome.com/images/stripe-box.png) repeat;
}

.lesson-section blockquote {
	margin:0px 0px 20px 0px;
	}

.lesson-section h2 {
text-align:center
}

h4 a.trigger-post {
	margin: -10px 0px 0px 0px;
	letter-spacing: -1px;
	height: 46px;
	line-height: 46px;text-align:right;
	padding:0px 30px;
	width: 740px;
	font-size: 1.6em;
	font-weight: normal;
	clear:both;
	background: url(http://www.primaryworkathome.com/images/trigger.png) no-repeat;
	color:#fff;
}

h4 a.trigger-post:hover {
	background-position: left bottom;
}


.box{
	width:640px;
	margin:22px auto 10px auto;
	padding:10px;
	text-align:center;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border:1px solid #efefef;
}

.box.guarantee{
	background:#fff url(http://www.primaryworkathome.com/images/stripe-box.png) repeat;
}

.box.sales{
	background:#fff url(http://www.primaryworkathome.com/images/stripe-box.png) repeat;
}

.box.notice{
    text-align:left;
    width:100%;
    margin-top:60px;
    background:#fff url(http://www.primaryworkathome.com/images/stripe-box.png) repeat;
}

.inner {
	padding:20px;
	background:#fff;
	border:1px solid #efefef;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.box p{
	text-align:left;
	line-height: 1.8em;
	font-size: 1em;
}



.floatleft {
	float:left;
	margin:0px 10px 10px 0px
	}
	
.floatright {
	float:right;
	margin:0px 0px 10px 10px
	}

.floatcenter {	
	margin-left:25%
	}

.textright{
text-align:right
}

.textleft{
text-align:left
}

.getstarted{
        text-indent: 10000px;
        font-size:0em;
	overflow: hidden;
	background: url(../images/get-started-button.png) top left no-repeat;
	display:block;
	width:603px;
	height:186px;
        margin-left:-3px;
        border:0px;
        cursor:pointer;
	}



.getstarted:hover,.getstarted input[type=submit]:focus{
	background-position: bottom left;
	cursor:pointer;
}

.onetoone{
        text-indent: 10000px;
	overflow: hidden;
	background: url(../images/button-121.png) top left no-repeat;
	display:block;
	width:335px;
	height:187px;
        margin-left:-3px;
        border:0;
        cursor:pointer;
	}

.onetoone:hover,.getstarted input[type=submit]:focus{
	background-position: bottom left;
	cursor:pointer;
}

a.getstarted, a.onetoone, a.ordernow{
border:0px solid #fff;
        font-size:0em;}


.ordernow{
        text-indent: 10000px;
	overflow: hidden;
	background: url(../images/get-started-button.png) top left no-repeat;
	display:block;
	width:603px;
	height:180px;
        margin:10px auto;
        border:0;
        cursor:pointer;
	}

.ordernow:hover,.ordernow:focus{
	background-position: bottom left;
	cursor:pointer;
}

.center .getstarted {margin:20px auto;}

.margin {
	margin-bottom:20px;
	}

.nomargin {
margin-bottom:0px;
}


/* Social Links - Footer
----------------------------------------------------------------------------------------------------*/

#sociallinks {
	float:right;
	position:relative;
	clear:both;
	margin-top:44px;
	}
	
#sociallinks li{
	display:inline;
	margin-left:1px;
	}
	
#sociallinks a{	
	opacity: .8; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
   -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#sociallinks a:hover{
	opacity: 1; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
   -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


/* Footer 
----------------------------------------------------------------------------------------------------*/

.wrapper {   /* Holds footer at bottom of page */ 
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -61px;
}
.push {   /* Holds footer at bottom of page */ 
	height: 61px;
	clear:both;
}

#footer {
	height:61px;
	background:url(../images/footer-slice.png) repeat-x;
	}
	
.copyright{
	font-size:10px;
	letter-spacing:.09em;
	}



/* Member Login
----------------------------------------------------------------------------------------------------*/

#topnav {
	padding:8px 0px 12px;
	font-size:11px;
	line-height:23px;
	text-align:right;
	position:absolute;
	right:-5px;
	color:#fff;
}
#topnav a.signin {
	background:#257aa0;
	padding:4px 6px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	*background:transparent url("../images/signin-nav-bg-ie.png") no-repeat 0 0;
	*padding:4px 12px 6px;
}
#topnav a.signin:hover {
	background:#65bced;
	border:1px solid #257aa0;
	*background:transparent url("../images/signin-nav-bg-hover-ie.png") no-repeat 0 0;
	*padding:4px 12px 6px;
		padding:3px 5px 5px;
}
#topnav a.signin, #topnav a.signin:hover {
	*background-position:0 3px!important;
}

a.signin {
	position:relative;
	margin-left:3px;
}
a.signin span {
	background-image:url("../images/toggle_down_light.png");
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:4px 16px 6px 0;
}
#topnav a.menu-open {
	background:#ddeef6!important;
	color:#666!important;
	outline:none;
	border:1px solid #257aa0;
		padding:3px 5px 5px;
}
#small_signup {
	display:inline;
	float:none;
	line-height:23px;
	margin:25px 0 0;
	width:170px;
}
a.signin.menu-open span {
	background-image:url("../images/toggle_up_dark.png");
	color:#789;
}

#signin_menu {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	display:none;
	background-color:#ddeef6;
	position:absolute;
	width:766px;
	height:177px;
	z-index:100;
	border:1px transparent;
	text-align:left;
	padding:12px;
	top: 81px; 
	right:0px; 
	margin-top:5px;
	margin-right: 0px;
	*margin-right: -1px;
	color:#333;
	font-size:11px;
	overflow:hidden;
}

#signin_menu.show {display:block;}

#signin_menu input[type=text], #signin_menu input[type=password] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:203px;
}

#signin_menu input:focus{
	border:1px solid #257aa0;
}


#signin_menu p {
	margin:0;padding:1px 0px 0px 0px;
}
#signin_menu a {
	color:#6AC;
}
#signin_menu label {
	font-weight:normal;
}
#signin_menu p.remember {
	padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
	clear:both;
	margin:0px;
}
#signin_menu p a {
	color:#27B!important;
}
#signin_submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#39d url('../images/bg-btn-blue.png') repeat-x scroll 0 0;
	border:1px solid #39D;
	color:#fff;
	text-shadow:0 -1px 0 #39d;
	padding:4px 10px 5px;
	font-size:11px;
	margin:0 5px 0 0;
	font-weight:bold;
}
#signin_submit::-moz-focus-inner {
	padding:0;
	border:0;
}
#signin_submit:hover, #signin_submit:focus {
	background-position:0 -5px;
	cursor:pointer;
}

#signinnotice {
	position:absolute;top:10px;right:40px;
	width:490px;
	font-size:18px;
	color:#333;
}



/* Pagination
----------------------------------------------------------------------------------------------------*/

.pagination{
	float:left;
    width:630px;
	clear: both;
	font-size: 12px;
	}

.pagination .pagelinks {float:right;} /*IE fix to keep pagination right aligned */

.pagination a{
	border: 1px solid #c1c1c1;
	margin-left: 4px;
	padding: 3px 7px;
	text-decoration: none;
	}

.pagination a:hover{
	border: 1px solid #e5e5e5;
    background:#f0f0f0;
	}

.pagination .current{
	border: 1px solid #ccc;
	margin-left: 4px;
	padding: 3px 7px;
	text-decoration: none;
	}
	
	

/* Form
----------------------------------------------------------------------------------------------------*/

.order {position:relative;height:340px;}
	
.form{
	margin:20px 0px 0px 0px;
	width:800px;
	}

.fields {
	width:380px;
	float:left;
	}



#contact label,#register label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:120px;
	float:left;
}

#contact .small,#register .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:120px;
	}

#contact input,#register input{
	float:left;
	font-size:12px;
	height:24px;
	padding:8px 8px 0px 8px;
	border:solid 1px #aacfe4;
	width:220px;
	margin:2px 0 10px 10px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

#contact textarea{
	float:left;
	font-size:12px;
	height:18px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:380px;
	height:116px;
	margin:2px 0 16px 0px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

#contact .send{
	float:right;
	background:#257aa0;
	margin-right:32px;
	padding:4px 6px 6px;
	height:30px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

#contact .send:hover {
	background:#65bced;
	border:1px solid #257aa0;
}

.ip {
	clear:both;
	margin:-10px 36px 0px 0px;
	font-size:80%
}

#register .fields{width:720px;}
#register input{width:480px;}
#register label{width:150px;}
#register .small{width:150px;}
#register input[type=checkbox]{width:20px;margin-top:10px;}
#register input[type=submit]{clear:both;height:34px;padding:8px;width:220px;margin-left:160px;}
#register input[type=submit]:hover{background:#65bced;border:1px solid #257aa0;color:#fff;cursor:pointer;}
#register .ip {margin:-40px 66px 0px 0px;font-size:80%}


/* Lessons
----------------------------------------------------------------------------------------------------*/

.js #maincontent .accordion {
	visibility:hidden
	}
	
.accordion .outer {
	border:0px;
	}
	
.accordion .inner {
	margin-bottom:2px; 
	padding:0px; 
	position:relative;
	background:#fff;
	border:0px;
	}
	
.accordion .lesson-summary a h2{
	height: 46px;
	line-height: 46px;
        margin:2px 0px;
        padding:0px 0px 0px 80px;
        font-weight:normal;
        font-size:18px;
	background:#5f5f5f;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
        color:#fff;
	}

.accordion .lesson-summary a h2:hover{
	color:#77acd9;
}

a.trigger {
	display:block;
	}
		
h4 a.trigger {
	margin: 0;
	letter-spacing: -1px;
	height: 46px;
	line-height: 46px;
	padding-left:50px;
	width: 740px;
	font-size: 1.6em;
	font-weight: normal;
	clear:both;
	background: url(../images/trigger.png) no-repeat;
	color:#fff;
}

h4 a.trigger.open {
	background-position: left bottom;
}

h5 a.trigger {
	margin: 0;
	letter-spacing: -1px;
	height: 46px;
	line-height: 46px;
	padding-left:80px;
	width: 740px;
	font-size: 1.6em;
	font-weight: normal;
	clear:both;
	background: url(../images/trigger-alt.png) no-repeat;
	color:#fff;
}

h5 a.trigger.open {
	background-position: left bottom;
}


.view a{
	position:absolute;
	margin:-35px 0px 0px 640px;
	text-align:right;
	color:#fff;
}

.view a:hover{
	position:absolute;
	color:#77acd9;
}

.viewlesson a{
	position:absolute;
	margin:-33px 0px 0px 682px;
	text-align:right;
	color:#fff;
}

.viewlesson a:hover{
	position:absolute;
	color:#77acd9;
}