body{
	background: #996633 url(../images/bg_2.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, "Sans-Serif";
	color: #ffffff;
}
#pulldown_wrap{
/* background: url(../images/pulldown_overlay.gif) top left repeat-y; */
	position: absolute;
	z-index: 999;
	width: 897px;
}
#pulldown_wrap p.end{
	margin-bottom: 0px;
}
h1, h2, h3{
	margin: 0;
	padding: 0;
}
h4{
	font-size: 13px;
	margin-bottom: 0;
}
a{
	text-decoration: none;
	color: #ffffff;
}
a:hover{
	text-decoration: underline;
}
p, ul{
	font-size: 12px;
	margin-top: 0;
	line-height: 150%;
	text-align:justify;
}
p.close_pulldown{
	clear: both;
	text-align: right;
}
p#bg_image_desc{
	font-size: 10px;
	color: #000;
	padding: 10px;
	background: #ffffff;
	width: 275px;
	margin: 15px 0 65px 397px;
}
p#bg_image_desc strong{
	text-transform: uppercase;
}
#mast_wrap, #testimonial_wrap, #trial_wrap, #buynow_wrap{
	margin-left: 138px;
}
#body_wrap{
	background: url(../images/body_wrap_overlay.gif) top left no-repeat;
	clear: both;
}
#testimonial_wrap, #trial_wrap, #buynow_wrap{
	width: 826px;
	padding: 20px 26px 20px 0;
	background: #996633;
}
#testimonial_wrap p, #testimonial_wrap ul{ margin-left: 120px; }
#testimonial_wrap h3{
	background: url(../images/profile_wrap_heading.gif) top left no-repeat;
}
#trial_wrap h3{
	background: url(../images/contact_wrap_heading.gif) top left no-repeat;
}

#trial_wrap p, #trial_wrap ul{ margin-left: 120px; text-align:justify; }
#buynow_wrap p, #buynow_wrap ul{ margin-left: 120px; text-align:justify; }
#buynow_wrap h3{
	background: url(../images/proposal_wrap_heading.gif) top left no-repeat;
}
#pulldown_wrap h3{
	float: left;
	text-indent: -9999px;
	height: 300px;
	width: 93px;
}
#pulldown_wrap p.headline{
	font-size: 14px;
	margin-top: 14px;
}
#pulldown_wrap .left{
	margin-left: 26px;
	float: left;
	width: 40%;
}
#pulldown_wrap .right{
	float: right;
	width: 40%;
}
#pulldown_wrap .rightlocal{
	float: right;
	width: 20%;
}
.fourth{ width: 220px; float: left; margin-left: 20px; }
.formElement{
	clear: both;
	margin-bottom: 7px;
	padding: 0 10px 8px;
	border-bottom: 1px dotted #333;
}
textarea{
	margin-top: 0;
}

#mast_wrap{
	width: 852px;
}
#mast_wrap h1{
	text-indent: -9999px;
	float: left;
}
#mast_wrap h1 a{
	display: block;
	width: 353px;
	height: 100px;
	overflow: hidden;
	background: url(../images/vollawn_logo.gif) top left no-repeat;
}
ul#drop_nav{
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}
ul#drop_nav li{
	float: left;
	text-indent: -9999px;
	margin-left: 2px;
}
ul#drop_nav li a{
	overflow: hidden;
	display: block;
	background: url(../images/drop_nav_bg.gif) no-repeat;
	width: 133px;
	height: 20px;
}
ul#drop_nav li.testimonial a{
	background-position: 0 0;
}
ul#drop_nav li.trial a{
	background-position: -133px 0;
}
ul#drop_nav li.buynow a{
	background-position: -266px 0;
}
ul#drop_nav li.testimonial a:hover, ul#drop_nav li.testimonial a.current{
	background-position: 0 -20px;
}
ul#drop_nav li.trial a:hover, ul#drop_nav li.trial a.current{
	background-position: -133px -20px;
}
ul#drop_nav li.buynow a:hover, ul#drop_nav li.buynow a.current{
	background-position: -266px -20px;
}

#content_wrap{
	clear: both;
	margin-left: 92px;
	width: 898px;
}
ul#gallery_scroll{
	width: 46px;
	height: 261px;
	margin: 0;
	padding: 10px 0 0 0;
	background: #274039 url(../images/gallery_scroll_bg.gif) bottom center no-repeat;
	list-style: none;
	float: left;
}
ul#gallery_scroll li a{
	display: block;
	text-align: center;
	background: #274039;
	padding: 7px 0;
	font-size: 11px;
	color: #ffffff;
}
ul#gallery_scroll li a:hover, ul#gallery_scroll li a.current{
	background: #461b2e;
}
#gallery_scroll_image_wrap{
	background: #fff;
	margin-bottom: 0 !important;
	margin-bottom: -3px;
	
	margin-left: 46px;
    position: relative;
	top: 0;
	left: 0;
	overflow: visible;
	display: block;
	height: 271px;
	width: 351px;
}
img.gallery_scroll_image{
	padding: 7px;
	background: #fff;
	height: 257px;
}
#tidbit{
	clear: both;
	margin-left: 46px;
	height: 271px;
	background: #FFCC33;
	border-bottom: 6px solid #fff;
}

#tidbit p{
	color:#000;
	text-align:justify;
}

#tidbit h2{
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/learnmore_heading.gif) top left no-repeat;
	width: 351px;
	height: 121px;
}
ul#tidbit_spinner{
	background: #ffcc33;
	margin: 0;
	padding: 0 30px 0 30px;
	list-style: none;
	width: 291px;
}
#tidbit_spinner li div h4{
	color: #ffffff;
	margin-top: 0;
	line-height: 150%;
}
#tidbit_spinner li{
	display: none;
	height: 120px;
	padding-bottom: 15px;
}
#tidbit_spinner li.current{
	display: block;
}
#tidbit_spinner li#tidbit-1{
	background: url(../images/tidbit_crumbs_1.gif) bottom left no-repeat;
	color: #000;
}
#tidbit_spinner li#tidbit-2{ background: url(../images/tidbit_crumbs_2.gif) bottom left no-repeat; }
#tidbit_spinner li#tidbit-3{ background: url(../images/tidbit_crumbs_3.gif) bottom left no-repeat; }
#tidbit_spinner li#tidbit-4{ background: url(../images/tidbit_crumbs_4.gif) bottom left no-repeat; }
#tidbit_spinner li#tidbit-5{ background: url(../images/tidbit_crumbs_5.gif) bottom left no-repeat; }
#tidbit_spinner li#tidbit-6{ background: url(../images/tidbit_crumbs_6.gif) bottom left no-repeat; }
#tidbit_spinner li#tidbit-7{ background: url(../images/tidbit_crumbs_7.gif) bottom left no-repeat; }
#tidbit_spinner li#tidbit-8{ background: url(../images/tidbit_crumbs_8.gif) bottom left no-repeat; }
#tidbit_spinner li#tidbit-9{ background: url(../images/tidbit_crumbs_9.gif) bottom left no-repeat; }
#tidbit_spinner li#tidbit-10{ background: url(../images/tidbit_crumbs_10.gif) bottom left no-repeat; }
#tidbit_spinner li#tidbit-11{ background: url(../images/tidbit_crumbs_11.gif) bottom left no-repeat; }

#footer{
	width: 351px;
	padding: 10px 0 0 0;
	margin-left: 46px;
}
#footer a{
	text-decoration: none;
	color: #ffffff;
}
#footer a:hover{
	text-decoration: underline;
	color: #000;
}
#footer ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer ul li{
	display: inline;
	font-size: 10px;
	line-height: 150%;
}
#footer p{
	font-size: 10px;
}
#left_side{
	float: left;
	width: 397px;
}
#right_side{
	float: right;
	width: 495px;
	border: 3px solid #cc9966;
}
#right_side #top{
	background: #FFCC33;
	height: 187px;
	padding: 0 25px 0 25px;
}
#right_side #top.billTop{
	height: auto;
	padding-bottom: 25px;
}
#right_side h2{
	text-indent: -9999px;
	overflow: hidden;
	width: 341px;
	height: 56px;
	background: url(../images/rightside_heading.gif) top left no-repeat;
}
ul#secondary_nav{
	list-style: none;
	margin: 0px 0 0 0;
	padding: 3px 0 0 0;
	border-top: 1px solid #996633;
}
ul#secondary_nav li{
	float: left;
	text-indent: -9999px;
}
ul#secondary_nav li a{
	height: 92px;
	display: block;
	background: url(../images/nav-secondary.gif) left top no-repeat;
}
ul#secondary_nav li.welcome a{
	width: 10px;
	background-position: 0 0;
}
ul#secondary_nav li.workbook a{
	width: 137px;
	background-position: -10px 0;
}
ul#secondary_nav li.dvd a{
	width: 105px;
	background-position: -147px 0;
}
ul#secondary_nav li.vision a{
	width: 95px;
	background-position: -252px 0;
}
ul#secondary_nav li.faq a{
	width: 90px;
	background-position: -347px 0;
}

ul#secondary_nav li h4,
ul#secondary_nav li p{
	margin: 0;
	text-align:justify;
}

div#page_content{
	clear: both;
	list-style: none;
	margin: 0;
	padding: 5px 15px 5px 0;
	background: #FFCC33;
}
div#page_content div{
	background: #FFCC33;
}

#body_wrap #content_wrap #right_side #page_content #pan-welcome #image{
	margin-left:60px;
	border:4px solid #cc9966;
	width:370px; 
}

#body_wrap #content_wrap #right_side #page_content #pan-welcome #image_home{
	margin-left:60px;
	border:4px solid #000;
	width:370px; 
}

#body_wrap #content_wrap #right_side #page_content #pan-workbook #image{
	margin-left:55px;
	border:4px solid #cc9966;
	width:380px; 
}

#body_wrap #content_wrap #right_side #page_content #pan-dvd #image{
	margin-left:55px;
	border:4px solid #cc9966;
	width:380px; 
}

#body_wrap #content_wrap #right_side #page_content #pan-vision #image{
	margin-left:85px;
	border:4px solid #cc9966;
	width:300px; 
}

div#page_content p{
	color:#000;
}

div#page_content div h3{
	float: left;
	margin-left: 0px;
	text-indent: -9999px;
}
div#page_content div.welcome h3{
	margin-left: 0px !important; 
	margin-left: 0px;
}
div#page_content div.workbook h3{
	margin-left: 0px !important; 
	margin-left: 0px;
}
div#page_content div.dvd h3{
	margin-left: 0px !important; 
	margin-left: 0px;
}
div#page_content div.vision h3{
	margin-left: 0px !important; 
	margin-left: 0px;
}
div#page_content div.faq h3{
	margin-left: 0px !important; 
	margin-left: 0px;
}

div#page_content div h4, div#page_content div p{
	margin-left: 35px;
}

#pan-gallery img{ float: left; width: 88px; height: 88px; display: block; border: none; margin: 0 1px 1px 0; }
#pan-gallery a.img{ width: 88px; height: 88px; border: none; }

.lightbox{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 990; background: url(../images/bg-90.png) repeat left top; }
.lb-wrap{ position: absolute; z-index: 991; top: 0; margin: 8%; width: 84%; background: #FFFFFF; }
.lb-wrap .inner{ padding: 5%; border: 3px solid #000; }
.lb-wrap div.col{ float: left; margin-right: 5%; color: #222; }
.lb-wrap h3{ color: #000; }
.lb-wrap div p{ font-size: 12px; line-height: 16px; margin-bottom: 16px; color: #000; }
.lb-wrap div p em{ color: #000; }
.lb-wrap div.colA{ width: 23%; }
.lb-wrap div.colB{ width: 12%; }
.lb-wrap div.colC{ width: 25%; }
.lb-wrap div.colD{ width: 25%; margin-right: 0; }
.lb-wrap div.col ul{ padding-left: 20px; }
.lb-wrap div.col ul li{font-size: 12px; line-height: 16px; margin-bottom: 4px; }
.lb-wrap div.col ul em{ color: #000; }
.lb-wrap div.col ul span{ color: #000; }
.lb-wrap .close{ font-size: 10px; line-height: 1; color: red; float: right; }
.lb-wrap .close a{ color: red; border-bottom: 1px dotted red; text-decoration: none; }
.lb-wrap .close a:hover{ border-bottom: 1px solid red; text-decoration: none; }
.lb-wrap .close a strong{ font-size: 13px; font-weight: normal; }
.lb-wrap .close a strong span{ font-size: 11px; font-weight: bold; padding: 0 2px; }


.zero-margin-top{
	margin-top: 0;
}

/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}
.red { color: #FF0000; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}
#body_wrap #content_wrap #right_side #top p {
	color: #000;
	text-align:justify;
}


#facebook {
	position: absolute;
	left: 990px;
	top: 1px;
}
