/*       Layout
======================= */
body {
        margin: 0px;
        padding: 0px;
        text-align: center;
        background:#fff;
}
div {
        position: relative;
}
img {
       border:0;
}
#pagewidth{
        width:886px;
        text-align:left;
        margin:20px auto;
        background:url(../images/bg-pagewidth.png) repeat-y left top;
}
#header{
        width:100%;
        height:189px;
        position:relative;
        border-bottom: 2px solid #D5D6D7;
        background:#fff;
}
#wrapper{
       clear:both;
       border-bottom: none;
       background:url("../images/pix.png") repeat-y 214px top;
       margin-top:20px;
}
#leftcol{
        width:214px;
        float:left;
}
#maincol{
        float: left;
        display:inline;
        width: 666px;
        margin: 0 0 22px;
        position:relative;
        padding-bottom: 90px;
 }
#centercol{
        float:left;
        width:458px;
        padding:0 16px 0 0;
        margin-bottom:13px;
}
#rightcol{
        float:left;
        width: 192px;
        margin-bottom:13px;
}
#footer{
        clear: both;
        padding:5px 10px;
        border-bottom: 2px solid #D5D6D7;
        text-align:center;
        margin-top:10px;
}
.left {
        float:left;
}
.right {
        float:right;
}
.txtl{
   text-align:left;
}
.txtc{
   text-align:center;
}
.txtr{
   text-align:right;
}
.txt13 {
    font-size:13px;
}
.clear {
        clear:both;
}
.red {
        color:#F00;
}

.bluetxt {
    color:#009EFF;
}

.block {
  display:block;
}

 /*       Text
======================= */
body, td, div, select, textarea, input {
        color:#231F20;
        font: 11px Arial,Verdana,Helvetica,sans-serif;
}
p, h1, h2, h3, table, form {
        margin-left: 15px;
        margin-right: 15px;
}
ul,ol{
        margin:0em 15px 1em 15px; /* Right = same as other elements. Left = Left of other elements +30 */
        padding: 0px;
}
ul li, ol li{
        line-height:1.3em;
        margin: .25em 0;
        padding: 0;
}
li ol, li ul{
        margin-left: 15px;
        margin-top:0;
        margin-bottom:0;
}
table{
        margin-right:0;
}
p {
        color: #000000;
        font-size: 11px;
        line-height: 1.5;
		margin-top: 0;
        margin-bottom:10px;
}

h1 {
        font-size: 1.8em;
        margin-top: 0;
        margin-bottom: .3em;
}
h2 {
      font-size: 1.4em;
        color:#231f20;
      margin-top:0;
      margin-bottom:0;
}
h3 {
        font-size: 1.2em;
        color: #000000;
        display: block;
        font-size: 14px;
        margin-bottom:3px;
}
h1, h2, h3, legend {
        color: #000000;
}


/*      Vertical Nav
========================= */

#nav, #nav ul {
	float: left;
	list-style: none;
	line-height: 1em;
	padding: 0;
	margin: 0;
        position:absolute;
        top:133px;
        left:30px;
}
#nav li {
	float: left;
	padding: 0;
        margin:0 4px;
}
#nav a {
	color: #000;
	text-decoration: none;
	padding: 5px 19px 4px;
        font-size:12px;
	white-space:nowrap;
        margin:0;
	display: block;
        position:relative;
}
#nav a span {
        position:absolute;
        bottom:0;
        right:0;
        width:3px;
        height:23px;
}
#nav li a:hover,
#nav li a.current{
        background:url("../images/left-angle-nav.jpg") no-repeat left top #ffcb00;
}
#nav li a:hover span,
#nav li a.current span{
        background:url("../images/right-angle-nav.jpg") no-repeat right top #ffcb00;
}


/*       Links
======================= */
a {
        color:#009eff;
        text-decoration:underline;
}
a:hover {
        color:#009eff;
        text-decoration:none;
}

/*       Header
========================= */
#header h1 {
        margin:0;
        position:absolute;
        height:109px;
        width: 190px;
        top:0px;
        left:0px;
        overflow:hidden;
        text-indent: -9999px;
}
#header h1 a{
        display:block;
        height:100%;
        width: 100%;
}
#header h1 a span{
        display:block;
        height:100%;
        width: 100%;
        position:absolute;
        top:0;
        left:0;
        background: url("../images/logo.gif") no-repeat left top; /* logo image */
        cursor:pointer; /* ie */
}

p.tagline {
        position:absolute;
        text-indent:-9999px;
        background:url("../images/tagline.png") no-repeat;
        width:550px;
        height:30px;
        top:69px;
        left:215px;
}

ul.submenu {
        display:block;
        background:#ffcb00;
        width:840px;
        position:absolute;
        left:6px;
        bottom:0;
        margin:0;
        padding: 4px 10px 6px;
        height:25px;
}

ul.submenu li {
        display:inline;
        margin:0 1px;
}

ul.submenu li a {
        font-size:10px;
	color: #000;
        text-decoration: none;
        white-space: nowrap;
        margin:0;
}

ul.submenu li a:hover,
ul.submenu li a.sub-current {
        text-decoration:underline;
}

/*       Content
========================= */
ul.rollover-bar {
    display:block;
    width: 651px;
    overflow:hidden;
    margin: 13px 0 0;
    list-style-type: none;
    margin-left:15px;
    font-size:9px;
    position:relative;
    z-index:20;
}

ul.rollover-bar li {
    float:left;
    width:108px;
    height:126px;
    margin:0;
}

ul.rollover-bar li img {
    margin-bottom:8px;
    display:block;
    height:72px;
}

ul.rollover-bar li a {
    font-size:9px;
    display:block;
}

#leftcol ul.nav-v {
        display:block;
        list-style-type:none;
        margin-bottom:25px;
}

.separator {
    background:url("../images/separator.png") no-repeat 15px top;
    width:100%;
    height:3px;
    margin-bottom:25px;
}

ul.nav-v li {
        margin-bottom:13px;
        display: block;
}

ul.nav-v li a {
        font-size:14px;
}

ul.nav-v li a.sub-current {
        text-decoration: none;
}



#leftcol h2 {
        display:block;
        font-size:13px;
        color:#000;
        margin: 20px 0 0 0;
}

#leftcol em {
        display:block;
        margin: 0 0 4px 0;
}

#leftcol h3, #testimonials p strong {
        display: block;
        color:#231f20;
        font-size:11px;
        margin:0;
}
#testimonials {
	height:200px;
	position:relative;
	margin-top: 10px;
}

#testimonials p {
	display:none;
	position:absolute;
	top:0; left:0;
background: #fff; /* ie 6 bug fix */
width:195px;
margin-right:0;
}

#leftcol a {
        display: block;
}

#leftcol span {
    margin-bottom:7px;
    display: block;
}
#shadowbox_content {
	margin-top: 10px;
}	

.box-start-social {
    display:block;
    margin: 0 10px;
    overflow: hidden;
    padding:15px 0 0;
    border-top: 9px solid #636467;
    position: absolute;
    bottom:0;
    z-index: 10;
    width:647px;
    clear:both;
    right:0;
}

.box-start {
    float:left;
    font-size:12px;
    color:#54531f;
}

.box-start h3 {
    display:block;
    text-transform: uppercase;
    font-size:14px;
    color:#231f20;
    margin:0 0 6px 0;
}

.box-start p {
    margin: 0 0 0 0;
    line-height: 1.6;
    margin:0 0 6px 0;
}

.box-social {
    float:left;
    width:212px;
    padding: 0 0 0 12px;
}

#rightcol ul.social-button {
    list-style-type:none;
    display: block;
    margin: 10px 0 15px 0;
}

ul.social-button li {
    display:inline;
}

ul.social-button li a {
    width:25px;
    height:26px;
    display: inline-block;
}

.social-buttons-sidebar img { 
    float: left;
    padding-right: 5px;
}

a.in-icon {
    background:url("../images/in-icon.gif") no-repeat;
}
a.wp-icon {
    background:url("../images/wp-icon.gif") no-repeat;
}
a.twitter-icon {
    background:url("../images/twitter-icon.gif") no-repeat;
}

a.facebook-icon {
    background:url("../images/facebook-icon.gif") no-repeat;
}

a.b-icon {
    background:url("../images/blog-icon.gif") no-repeat;
}

a.youtube-icon {
    background:url("../images/youtube-icon.gif") no-repeat;
    width:53px !important;
}

.mini-logo {
    display:block;
    background: url("../images/mini-logo.jpg") no-repeat left top;
    padding-left:50px;
    height: 41px;
    line-height: 41px;
}

#centercol form {
    margin-right:0;
}

#centercol ul {
    margin-left: 35px;
}

#rightcol ul {
    margin:19px 0 0 27px;
}

#rightcol ul li {
    margin:0 0 19px;
}

.box-photo {
    display: block;
    width:88px;
    text-align:center;
    border-bottom:5px solid #edb111;
    padding-bottom:35px;
    margin-bottom:17px;
    margin-left: 15px;
}

.box-photo img {
    border:2px solid #808080;
}

ul.list-bruce {
    margin:0 0 6px 15px;
}

ul.list-bruce li {
    margin:0 0 6px 0 !important;
}

.box-example {
    float:left;
    width:100%;
    overflow:hidden;
    margin-left: 8px;
}

.box-example a {
    float:left;
    margin:0 8px 18px;
}

.box-example img {
    border:2px solid #808080;
}

.video-rightcol {
    display:block;
    margin-left:15px;
}

.box-video {
     display: block;
     color:#665f44;
     margin-bottom: 16px;
}

.sell-video img{
     display: block;
     border:2px solid #808080;
    margin-bottom:10px;
}

.sell-testimonials {
    display:block;
    margin-bottom:25px;
}

.sell-testimonials strong {
    display:block;
}

.bottom-distance {
    margin-bottom:10px !important;
}

i.italic-testimonials {
    font-size: 13px;
}

.hidden {
    display: none;
}

.html h4 {
    margin-left:15px;
    margin-right: 15px;
}

.width-50 {
    width: 100%;
}

.left {
    float: left;
}

#leftcol h1,#leftcol h2,#leftcol h3,#leftcol p {
    margin-left:14px;
    margin-bottom:5px;
}


/*     Form
==================== */

form.lj fieldset {
    border: 1px solid #EEEEEE;
    margin: 0 0 1em;
    padding: 0 1em 1px;
}

form.lj legend {
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom:5px;
}

form.lj .first {
    margin-top: 1em;
}

form.lj label {
    display: block;
    margin-bottom: 1em;
}

form.lj input, form.lj select, form.lj textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D5D6D7;
    color: #00040E;
    display: block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    width: 97%;
}

form.lj .submit {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D5D6D7;
    color: #000000;
    display: inline;
    font-weight: normal;
    margin: 0 2em 1em 0;
    width: auto;
}
form.lj .ammerspay{
position:absolute;
width:50px;
top:0;
left:-5000px;
}


/*     Alerts
==================== */
h3.alert, h3.alertyes, h3.alertwarn{
	font-size:12px;
	line-height:16px;
	padding:5px 5px 5px 35px;
	color:#000;
	border: 2px solid #0c0;
	border-width: 2px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top:.8em;
	margin-bottom:.8em;
	background: #cfc url(../includes/forms/alert-yes.png) no-repeat 5px 1px;
}
h3.alert{
	background: #fcc url(../includes/forms/alert-no.png) no-repeat 5px 1px;
	border-color:#c00;
}
h3.alertwarn{
	background: #ffc url(../includes/forms/alert-info.png) no-repeat 5px 1px;
	border-color:#ff3;
}
form h3.alert,
form h3.alertyes,
form h3.alertwarn {
margin-left:0;
margin-right:0;
}

/*       Footer
========================= */
.footer-nav a {
  margin:0;
}

.footer-nav {
        border-top:10px solid #bebdb0;
        display:block;
        padding:13px 0 0;
}

.footer-nav ul {
        list-style-type: none;
        margin: 0 0 10px;
}

.footer-nav ul li {
        display:inline;
        border-left:1px solid #000;
        padding:0 7px;
}

.footer-nav ul li:first-child {
        border:none;
}

.footer-nav ul li a {
        font-size:11px;
        color:#000;
        text-decoration:none;
}

.footer-nav ul li a:hover {
        color:#009eff;
}

.footer-nav ul li a.current {
        color:#009eff;
}

.footer-nav ul li {
        font-size:11px;
        color:#000;
        margin: 0;
}

/*     Float containers fix - Thanks to: http://www.csscreator.com/attributes/containedfloat.php
=============================== */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/*     printer styles
========================= */
 @media print{
/* Hide unwanted elements */
#footer, .box-start-social, .rollover-bar, #nav, #header h1 a span{display:none;}
/* Kill floats and backgrounds */
#leftcol, body #pagewidth, #maincol, #wrapper, body, #header, #header h1, #header h1 a,#footer p{background:none;border:none;}
/* Set margins to 0 */
p, h1, h2, h3, table {margin-left:0;margin-right:0;}
ul, ol {margin-left:30px; margin-right:0;}
#maincol {padding-top:0;}
/* Make texts black */
p, li, #footer p, #footer p a{color:#000;}
/* Print Logo as text */
#header,#header h1, #header h1 a{ width: auto; height:auto; text-indent:0; position:static;top:0;left:0;}
#header h1{ margin-bottom:1em;}
}