* {margin:0;padding:0;}
body {
    background:#7F9A29 url(/assets/templates/fiveq/gui/bg_page.jpg) repeat-x 0 0;
    font: 10px Arial, Helvetica, sans-serif;
    color:#333;
    text-align:center;
    line-height:1.4;
    }
.frame {
    text-align:left;
    width:802px;
    margin:0 auto;
    }
#header {
    position:relative;
    background:#64A334 url(/assets/templates/fiveq/gui/bg_header.jpg) no-repeat 50% 0;
    height:181px
    }
/* non-section masthead override */
.page_67 #header {
    background:#64A334 url(/assets/templates/fiveq/gui/bg_header_home.jpg) no-repeat 50% 0;
    }
#main {
    position:relative;
    background:#fff url(/assets/templates/fiveq/gui/bg_content.gif) no-repeat 50% 0;
    }
#content {
    margin:0px 20px 0px 260px;
    padding:65px 0px;
    font-size:12px;
    font-family:Arial, sans-serif;
    margin:0;
    float:right;
    width:520px;
    padding:65px 20px 0px 0px;
    }
#footer {
    background:#64A334 url(/assets/templates/fiveq/gui/bg_footer.gif) no-repeat 50% 0;
    border-bottom:1px solid #373;
    margin-bottom:1em;
    padding:72px 0 0 0;
    }

/* .htc PNG hack... Makes IE 6 properly apply PNG alpha transparency */
#header * {_behavior: url(iepngfix.htc);}
/* End .htc hack */

#logo {
    position:absolute;
    top:0;
    left:-15px;
    width:171px;
    height:170px;
    background: transparent url(/assets/templates/fiveq/gui/lywb_logo.png) no-repeat 0 0;
    }
#logo a {
    display:block;
    width:170px;
    height:170px;
    overflow:hidden;
    }
#logo a span {position:absolute;left:-2000px;}

#header h2 {
    position:absolute;
    top:62px;
    right:32px;
    width:300px;
    height:46px;
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:100% 0;
    }
#header h2 span {visibility:hidden;}
/* get started */
#hdr_69 h2 {background-image:url(/assets/templates/fiveq/gui/hdr_getstarted.png);}

/* videos */
#hdr_68 h2 {background-image:url(/assets/templates/fiveq/gui/hdr_videos.png);}

/* blog */
#hdr_19 h2 {background-image:url(/assets/templates/fiveq/gui/hdr_blog.png);}

/* book */
#hdr_65 h2 {background-image:url(/assets/templates/fiveq/gui/hdr_book.png);}

/* =================================================
-- MAIN MENU CONTROLS
==================================================== */
#menu {
    position:absolute;
    left:170px;
    top:155px;
    }
#menu ul {
    list-style:none;
    font-size:17px;
    }
#menu li {
    float:left;
    margin-right:50px;
    }
#menu li a {
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    font-weight:bold;
    }
#menu li.active a {border-bottom:2px solid #ADCF90;}
#menu li a:hover {border-bottom:2px solid #fff;}

p#utilitynav {
    float:right;
    padding:7px 10px;
    font-size:10px;
    color:#fff;
    font-weight:bold;
    text-transform:uppercase;
    }
#utilitynav a {
    text-decoration:none;
    color:#fff;
    }
#utilitynav a:hover {color:#DAEC91;}

/* =================================================
-- PRINT & EMAIL CONTROLS
==================================================== */
#print_email {
    position:absolute;
    top:30px;
    left:490px;
    font-size:2px;
    color:#fff;
    width:170px;
    }
#print_email a {
    cursor:pointer;
    display:block;
    float:left;
    width:81px;
    height:26px;
    background: transparent url(/assets/templates/fiveq/gui/email_print.gif) no-repeat 0 0;
    text-decoration:none;
    }
#print_email a#email_link {background-position: 100% 0;color:#fff;}
#print_email a span {position:absolute;left:-1000px;}

/* =================================================
-- SIDEBAR / SUBNAV CONTROLS
==================================================== */
#panel {
    width:234px;
    position:relative;
    float:left;
    padding:40px 0 0 10px;
    }
#subnav {
    background: #fff url(/assets/templates/fiveq/gui/bg_subnav.gif) no-repeat 0 100%;
    padding-bottom:10px;
    }
#subnav .inner {
    background: transparent url(/assets/templates/fiveq/gui/bg_subnav.gif) no-repeat 0 0;
    padding:20px 10px 10px 0;
    min-height:125px;
    height:auto !important;
    height:125px;
    overflow:visible;
    }
#panel ul {
    list-style:none;
    padding:0 0 0 10px;
    margin:0;
    }
#panel li a {
    display:block;
    height:1%;
    padding:0 0 5px 30px;
    color:#64A334;
    text-decoration:none;
    font-weight:bold;
    font-size:12px;
}
    
#panel li.active a,
#panel li.active li.active a {
    color:#d63c6f;
}

#panel li.current {
    background:transparent url(/assets/templates/fiveq/gui/dink_pinkflower.gif) no-repeat 7px 0;
}

#panel li.active li a {
    color: #64a334;
    background: none;
}

#panel li a:hover {color:#d63c6f;}

/* SHARE & SIGNUP CONTROL ========== */
#share_email {
    font-size:2px;
    position:relative;
    padding:10px 0 0 20px;
    height:105px;
    }
#share_email a {
    display:block;
    float:left;
    width:91px;
    height:95px;
    background: transparent url(/assets/templates/fiveq/gui/button_share_email.gif) no-repeat 0 0;
    }
#share_email a#signup_link {width:85px;background-position: 100% 0;}
#share_email a span {position:absolute;left:-1000px;}

/* BLOG JUMPER CONTROLS ========== */
#blog_jumper {position:relative;left:30px;top:30px}
#blog_jumper a {
    display:block;
    width:172px;
    height:88px;
    bottom:-15px;
    overflow:hidden;
    background:transparent url(/assets/templates/fiveq/gui/button_blog.gif) no-repeat 0 0;
    }
#blog_jumper a span {position:absolute;left:-1000px;}

p.img-heading {
    background-repeat: no-repeat;
    background-position: 5px 50%;
    font-size:2px;
    height:30px;
    }
p.img-heading span {position:absolute;left:-1000px;}
p#blog_caregories_hdr {background-image:url(/assets/templates/fiveq/gui/text_categories.gif);   background-position: 40px 50%;}
p#blog_topics_hdr {background-image:url(/assets/templates/fiveq/gui/text_topics.gif);   background-position: 40px 50%;}
p#blog_archives_hdr {background-image:url(/assets/templates/fiveq/gui/text_archives.gif);}
p#blog_blogroll_hdr {background-image:url(/assets/templates/fiveq/gui/text_blogs_sites.gif);}

/* =================================================
-- CONTENT CONTROLS
==================================================== */
#content h1 {
    margin:1em 0 0 0;
    padding:0;
    line-height:1em;
    color:#64A334;
    font-size:28px;
    font-weight:bold;
    }
#content h1.page-title {margin:0;}
#content h2 {
    color:#d63c6f;
    font-size:21px;
    font-weight:normal;
    padding-top:1em;
    }
#content h3 {
    font-size:17px;
    font-weight:normal;
    color:#d63c6f;
    padding-top:1em;
    clear:both;
    }
#content h3 span {font-size:12px;}
#content h4 {
    margin:0;
    padding:0;
    line-height:1em;
    color:#64A334;
    font-size:15px;
    font-weight:normal;
    }
#content p {
    line-height:1.5;
    padding:.5em 0;
    }
#content ul, #content ol {
    line-height:1.5;
    margin:.5em 0 1em 3em;
    }
#content a {color:#d63c6f;}
#content a:hover {color:#e69;}
.contentrow textarea {
    display:block;
    border:1px solid #E0E5DB;
    background-color:#FDFDFD;
    margin:1em 2em 0 0;
    padding:.5em;
    height:7em;
    overflow:auto;
    width:95%;
    color:#778;
    font: 11px/18px Verdana, sans-serif;
    }
.contentblock {
    float:left;
    margin-right:2em
    }
#content blockquote {
    margin:0 .5em 0 .5em;
    padding:.5em 1em;
    font-style:italic;
    font-family:"Times New Roman", serif;
    font-size:1.1em;
    border-left:0px solid #9c9
    }
#content blockquote p {
    margin:0;
    padding:0 0 1em 0;
    }
#content blockquote i {font-style:normal;}

.jumpbackto {float:right;margin:0 0 1em 1em;}

.callout {
    float:right;
    margin:0 0 1em 1em;
    width:130px;
    }

/* =================================================
-- FORM CONTROLS
==================================================== */
form th {white-space:nowrap;text-align:right;}
form th, form td {
padding:5px 3px;
}

input,
select,
textarea {
    border:1px solid #669933;
    font-size:13px;
padding:2px;
    font-family:Arial, sans-serif;
    }
form img.captcha {
margin-bottom:.5em;
}
form span.footnote {
font-size:11px;
}
textarea {width:20em;}
input.field {
    width:20em;
    padding:3px 5px;
    background:#fff url(/assets/templates/fiveq/gui/bg_field.gif) repeat-x 0 0;
    color:#333;
    }
#get_updates_form input.field {color:#ababab;}
#get_updates_form input.field.active {color:#333;}
input.button {
    padding:2px 5px;
    color:#fff;
    background:#86B755 url(/assets/templates/fiveq/gui/bg_button.gif) repeat-x 0 0;
    }
#subwrapper a {color:#333;}
#footer p {
    color:#fff;
    font-size:12px;
    padding:10px;
    text-align:center;
    }
#footer a {
    color:#fff;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;
    }
#gcn {
    padding:2em;
    }
#gcn a {
    margin:0 auto;
    display:block;
    width:160px;
    height:36px;
    overflow:hidden;
    background: transparent url(/assets/templates/fiveq/gui/gcn_logo.gif) no-repeat 50% 0;
    }
#gcn a span {position:absolute;left:-1000px;}

/* =================================================
-- UTILITY STYLES
==================================================== */
.left {float:left;}
.right {float:right;}
.fix {clear:both;}
.alignright,#content p.alignright {text-align:right;}
.alignleft,#content p.alignleft {text-align:left;}
img.left {margin:0 20px 20px 0;}
img.right {margin:0 0 20px 20px;}
.none {display:none;}

/* =================================================
-- Contact Us Form STYLES
==================================================== */

.errors {
color: #f00;
border: 1px solid #f00;
padding: 5px;
}


/* =================================================
-- Misc STYLES
==================================================== */

.preview_sample {
    width: 105px;
    float: right;
    margin: 0 0 0 10px;
}

.preview_sample img {
    border: 1px solid #d63c6f;
}

.AddThis {
    clear: left;
    padding-top: 30px;    
}

.note {
    font-style: italic;
    color: #999;    
    font-size: 10px;
}

#example {
    font-size: 10px;
}

#example ul {
    margin: 0 0 0 17px;
    padding: 0;
}

#example ul li {
    padding: 0;
    margin: 0;
    color: #999;
}

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

#ditto_pages {
    text-align: center;
    margin-top: 30px;
}

/* page counter */
p.ditto_pages {
    margin-top: 10px;
    text-align: right;
}

/* page buttons */
#ditto_pages .ditto_currentpage {
    border: 1px solid #65a334;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #65a334;
    font-weight: bold;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #eee;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #eee;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;

}
#ditto_pages a:hover {
    border-color: #e69;
}


/*
=============================
    Video Section
-----------------------------
*/


.video-list,.video-cabinet {margin:1em 0;padding-bottom:1em;clear:both;}
#content h3.video-title {margin:0;padding:0;clear:none;}
.video-title a {text-decoration:none;}
.video-file,.video-thumbnail {
    float:left;
    margin-right:1em;
    margin-bottom:3em;
    background-color:#ccc;
    width:220px;
    height:180px;
    }
.video-file {margin-bottom:1em;}
.video-thumbnail {width:105px;height:85px;}
#content ul.video-links {list-style:none;}
ul.video-links li {
    float:left;
    width:100px;
    margin-left:20px;
    }
ul.video-links a {
    display:block;
    height:18px;
    background-position:0 50%;
    background-repeat:no-repeat;
    padding-left:20px;
    }
li.video-download a {background-image:url(/assets/templates/fiveq/gui/dink_download.gif);}
li.video-embed a {background-image:url(/assets/templates/fiveq/gui/dink_embed.gif);}
li.video-email a {background-image:url(/assets/templates/fiveq/gui/dink_email.gif);}
li.video-seeall a {background-image:url(/assets/templates/fiveq/gui/dink_seeall.gif);}

.watch-link {
    padding-left: 120px;
}