/*******************************************************************************
*  CSS DOCUMENT. Created for Urban Aerobics.com, bodydrumming.com, Steve Elie
*  December 2005. Based on Ruthsarian's Skidoo too layouts. To learn more about 
*  us, visit Ink Works Publication Services at http://www.inkworkswell.com. 
*  Thank you for poking around the code. 
*******************************************************************************/


/* BEGIN COLORS

ContentColumn Offwhite:          #F5F1EB
Left Column Background Beige:    #DBCFB9
Body Background Light Beige:     #ECE7DD
Light Green:                     #91B77E
Links, Dark Orange:					#B95C00
Links, Demos, Dark Brown:        #753A00
Links, Order/Learn More, Green:  #618D5A
Links, vnav, dark brown:         #4F2700
Links, vnav, green:              #637E5F
Links, hnav, dark brown:         #4F2700
Links, hnav, yellow:             #FBDB99
Links, Content Column brown:     #753A00
Links, Content Column, green:    #618D5A
Footer, brown:                   #4F2700
Footer, orange:                  #D57E55
Footer, green:                   #637E5F
Form, dark brown:                #592D00
Form, background,                #F5F2ED
Form input focus color:          #EEE3CC
Form, submit button:             #C8AE8D
Form, light tan:                 #E2D9C7

END COLORS */

/**BEGIN STRUCTURAL ELEMENTS**/
body{	/*/*//*/ width: 130%; /* nn4 fix */}
* html body{	text-align: center;	/* hack to center this under IE5 */}
* html #pageWrapper{	text-align: left;	/* keep the content left-aligned */}
#pageWrapper{
	width: 822px;
	margin-left: auto;
	margin-right: auto;}
.hide {display: none;}
.clear, #nsFooterClear{ clear: both;}
.inside{padding: .5em;}
.insideRight{padding: .3em;}
#contentColumn {
	margin: 0 12em;
	padding-left: 68px;
	padding-right: 25px;
	font: 0.9em/140% Geneva, Arial, Helvetica, sans-serif;}
#leftColumn {
	float: left;
	width: 140px;
	margin-right: -140px;
	font: 0.9em/140% Geneva, Arial, Helvetica, sans-serif;}
#rightColumn{
	float: right;
	width: 140px;
	text-align: left;
	margin-left: -140px;
	padding-right: 20px;}
#masthead, #mastheadBot, #contentColumn, #contentColumn .inside, #footer{
	/*/*//*/ border: none;	/* nn4 fix */
	/*/*//*/ margin: 0;		/* nn4 fix */
	}
#nsFooterClear{
	/*/*//*/ display: block;	/* nn4 fix */}
#footer {
	width: 822px;
	height: 69px;
	visibility: visible;
	background: url(../images/ua_footerbg8.jpg) no-repeat left top;
	clear: both;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 5px;}
/* END STRUCTURAL ELEMENTS */


/* Begin Images */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;}
img.alignright {
	padding: 4px;
	margin: 0 0 3px 4px;
	display: inline;}
img.alignleft {
	padding: 3px;
	display: inline;
	margin-top: 0;
	margin-right: 3px;
	margin-left: 0;}
/* END IMAGES */

/* BEGIN BOXES */
.box {
	background: url(../images/ua_bichiphoto.jpg) no-repeat left top;
	width: 203px;
	height: 211px;
	margin-top: 5px;
	margin-left: -1px;}
.boxwarn {
	background: url(../images/ua_boxwarn.jpg) no-repeat left top;
	width: 203px;
	height: 211px;
	margin-top: 5px;
	margin-left: -1px;}
#links {}
#links a, #links a:link, #links a:visited {
	color: #B95C00;
	padding: 0px 0px 0px 23px;
	text-decoration: none;
	background: url(../images/ua_iconlink.gif) no-repeat left top;}
#links a:active, #links a:hover {
	color: #B95C00;
	padding: 0px 0px 0px 23px;
	text-decoration: none;
	background: url(../images/ua_iconlink_up.gif) no-repeat left top;}
.box1 {
	background: url(../images/ua_bbsilhouette1.jpg) no-repeat left top;
	width: 203px;
	height: 199px;
	margin-top: 5px;
	margin-left: -1px;}
.box2 {
	background: url(../images/ua_bbsilhouette2.jpg) no-repeat left top;
	width: 203px;
	height: 199px;
	margin-top: 5px;
	margin-left: -1px;}
.box3 {
	background: url(../images/ua_bbsilhouette3.jpg) no-repeat left top;
	width: 203px;
	height: 199px;
	margin-top: 5px;
	margin-left: -1px;}
.box4 {
	background: url(../images/ua_bbsilhouette4.jpg) no-repeat left top;
	width: 203px;
	height: 199px;
	margin-top: 5px;
	margin-left: -1px;}
.box5 {
	background: url(../images/ua_bbsilhouette5.jpg) no-repeat left top;
	width: 203px;
	height: 199px;
	margin-top: 5px;
	margin-left: -1px;}
.box6 {
	background: url(../images/ua_bbsilhouette6.jpg) no-repeat left top;
	width: 203px;
	height: 199px;
	margin-top: 5px;
	margin-left: -1px;}
.box7 {
	background: url(../images/ua_bbsilhouette.jpg) no-repeat left top;
	width: 203px;
	height: 199px;
	margin-top: 5px;
	margin-left: -1px;}
.warning {
	padding: 19px 10px 6px 16px;
	margin-top: 20px;}
.warning p {
	font: 11px/118% "Trebuchet MS";
	color: #000000;}
#testimonials {
	font: .8em Geneva, Arial, Helvetica, sans-serif;
	background: url(../images/ua_bichiballs1.gif) no-repeat right bottom;
	padding-bottom: 36px;
}
#testimonials h3 {
	background: url(../images/ua_testimonials.gif) no-repeat left top;
	height: 52px;}
#benefits {
	font: .8em Geneva, Arial, Helvetica, sans-serif;
	background: url(../images/ua_benefits.gif) no-repeat left top;
	padding-top: 33px;
	margin-left: -8px;
}
.demos {
	font: 0.8em/140% Geneva, Arial, Helvetica, sans-serif;
	background: url(../images/ua_bichiballs1.gif) no-repeat left bottom;}
.demos h3 {
	background: url(../images/ua_videos.gif) no-repeat left top;
	height: 65px;}
.demos a, .demos a:link, .demos a:visited {
	color: #753A00;
	text-decoration: underline;}
.demos a:active, .demos a:hover {
	text-decoration: underline;}	
#contact { }
#contact li {
	list-style: url(none) none;
	display: block;}
.bichiballs { }
.bichiballs1 {}
.bichiballs2 {}
.bichiballs3 {}
/* END BOXES */

/* BEGIN SITE MAP ELEMENTS */
#sitemap {}
#sitemap ul {
	list-style: none;
	display: block;}
#sitemap li {
	list-style: none;}
#sitemap ul li a, #sitemap li a:link, #sitemap li a:visited, #sitemap li a:hover, #sitemap li a:active {	
	list-style: none;
	display: block;}
.folder {
	background: url(../images/ua_iconfolder.gif) no-repeat left center;
	height: 16px;
	padding-left: 16px;
	display: block;
	padding-top: .6em;
	padding-bottom: .6em;}
.file {
	background: url(../images/ua_iconfile.gif) no-repeat left center;
	height: 15px;
	padding-left: 1.3em;
	font-size: 90%;
	margin-left: .8em;
	display: block;
	padding-top: 0.15em;
	padding-bottom: 0.15em;}
/* END SITEMAP ELEMENTS */

/* BEGIN STYLISTIC ELEMENTS */
.address{
	padding: 4px 3px 9px 22px;
	margin-bottom: 0.6em;
	line-height: 110%;
	font-variant: small-caps;}
.quicktime {
	background: url(../images/ua_iconquicktime.gif) no-repeat left center;
	padding: 3px 3px 3px 22px;
	height: 20px;
	margin-bottom: .6em;}
.wmf {	
	background: url(../images/ua_iconwmf.gif) no-repeat left center;
	padding: 3px 3px 3px 22px;
	height: 20px;
	margin-bottom: .6em;}
.pdf {	
	background: url(../images/ua_iconpdf.gif) no-repeat left center;
	padding: 3px 3px 3px 22px;
	height: 20px;
	margin-top: .6em;}
.acrobat {	
	background: url(../images/ua_iconacrobat.gif) no-repeat left center;
	padding: 3px 3px 3px 62px;
	height: 22px;
	margin-top: 0.6em;}
.acrobat1 {	
	background: url(../images/ua_iconacrobat2.gif) no-repeat left center;
	padding: 3px 3px 3px 62px;
	height: 65px;
	margin-top: 0.6em;}
.textfile {	
	background: url(../images/ua_icontext.gif) no-repeat left center;
	padding: 3px 3px 3px 22px;
	height: 20px;
	margin-top: .6em;}
.print {	
	background: url(../images/ua_iconprint.gif) no-repeat left center;
	padding: 3px 3px 3px 22px;
	height: 20px;
	margin-top: .6em;}
.secure {	
	background: url(../images/ua_iconlock.gif) no-repeat left center;
	padding: 3px 3px 3px 22px;
	height: 20px;
	margin-top: .6em;}
.web {	
	background: url(../images/ua_iconview.gif) no-repeat left center;
	padding: 0px 0px 0px 22px;
	height: 20px;
	margin-top: 10px;}
.email {	
	background: url(../images/ua_iconemail.gif) no-repeat left center;
	padding: 3px 3px 3px 22px;
	height: 20px;
	margin-top: .6em;}
.mail {	
	background: url(../images/ua_iconmail.gif) no-repeat left center;
	padding: 3px 3px 3px 22px;
	height: 20px;
	margin-top: .6em;}
.phone {	
	background: url(../images/ua_iconphone.gif) no-repeat left center;
	padding: 3px 3px 3px 22px;
	height: 20px;
	margin-top: .6em;}
.form {	
	background: url(../images/ua_iconform.gif) no-repeat left center;
	padding: 3px 3px 3px 22px;
	height: 20px;
	margin-top: .6em;}
.help {	
	background: url(../images/ua_iconhelp.gif) no-repeat left center;
	padding: 3px 3px 3px 22px;
	height: 20px;
	margin-top: .6em;}
.news {	
	background: url(../images/ua_iconnews.gif) no-repeat left center;
	padding: 3px 3px 3px 22px;
	height: 20px;
	margin-top: 10px;}
.save {	
	background: url(../images/ua_iconsave.gif) no-repeat left center;
	padding: 3px 3px 3px 22px;
	height: 20px;
	margin-top: .6em;}
.quote {
	background: url(../images/ua_quote.gif) no-repeat left top;
	padding: 30px 6px 20px 32px;
	font: italic small Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.05em;}
.quote1 {
	padding: 6px 6px 20px 32px;
	font: italic small Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.05em;
	background: url(../images/ua_quotel.gif) no-repeat left top;
	margin-top: 60px;}	
.quote2 {
	padding: 6px 6px 20px 32px;
	font: italic small Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.05em;
	background: url(../images/ua_quotel.gif) no-repeat left top;
	margin-top: 1.5em;}	
.quote3 {
	padding: 8px 6px 6px 23px;
	font: italic small Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.05em;
	background: url(../images/ua_quotel.gif) no-repeat left top;
	margin-top: 50px;
}	
.author {
	font: small-caps small Geneva, Arial, Helvetica, sans-serif;
	float: right;
	padding: 5px 18px 8px 0px;
	margin-top: -11px;
	color: #5A4A2E;
	text-align: right;
	background: url(../images/ua_boxes.gif) no-repeat right center;
	height: 13px;}
.learnmore {
	color: #844200;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 0.05em;
	text-align: right;
	padding: 2px 5px 2px 23px;
	border: solid 1px #F5F2ED;
	margin-top: 2em;}
.learnmore a {
	color: #B95C00;
	font: bold small-caps 1em "Trebuchet MS", sans-serif;
	padding: 2px 5px 2px 23px;
	letter-spacing: 0.05em;
	border-top: 1px solid #F5F2ED;
	border-right: 1px solid #F5F2ED;
	border-bottom: 1px solid #B95C00;
	border-left: 1px solid #F5F2ED;
	text-decoration: none;
	background: url(../images/ua_icon_pagenext.gif) no-repeat left top;}
.learnmore a:link, .learnmore a:visited {
	color: #B95C00;
	font: bold small-caps 1em "Trebuchet MS", sans-serif;
	padding: 2px 5px 2px 23px;
	letter-spacing: 0.05em;
	border-top: 1px solid #F5F2ED;
	border-right: 1px solid #F5F2ED;
	border-bottom: 1px solid #B95C00;
	border-left: 1px solid #F5F2ED;
	text-decoration: none;
	background: url(../images/ua_icon_pagenext.gif) no-repeat left top;}
.learnmore a:hover, .learnmore a:active {
	color: #618D5A;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 0.05em;
	text-decoration: none;
	background: url(../images/ua_icon_pagenext_up.gif) no-repeat left top;
	padding: 2px 5px 2px 23px;
	border: 1px solid #B95C00;
	text-align: center;}
.ordernow {
	color: #844200;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 0.05em;
	text-align: right;
	padding: 2px 5px 2px 23px;
	border: solid 1px #F5F2ED;
	margin-top: 2em;}
.ordernow a {
	color: #B95C00;
	font: bold small-caps 1em "Trebuchet MS", sans-serif;
	padding: 2px 5px 2px 23px;
	letter-spacing: 0.05em;
	border-top: 1px solid #F5F2ED;
	border-right: 1px solid #F5F2ED;
	border-bottom: 1px solid #B95C00;
	border-left: 1px solid #F5F2ED;
	text-decoration: none;
	background: url(../images/ua_icon_pagenext.gif) no-repeat left top;}
.ordernow a:link, .ordernow a:visited {
	color: #B95C00;
	font: bold small-caps 1em "Trebuchet MS", sans-serif;
	padding: 2px 5px 2px 23px;
	letter-spacing: 0.05em;
	border-top: 1px solid #F5F2ED;
	border-right: 1px solid #F5F2ED;
	border-bottom: 1px solid #B95C00;
	border-left: 1px solid #F5F2ED;
	text-decoration: none;
	background: url(../images/ua_icon_pagenext.gif) no-repeat left top;}
.ordernow a:hover, .ordernow a:active {
	color: #618D5A;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 0.05em;
	text-decoration: none;
	background: url(../images/ua_icon_pagenext_up.gif) no-repeat left top;
	padding: 2px 5px 2px 23px;
	border: 1px solid #B95C00;
	text-align: center;}
.alignright {
	float: right;}
.alignleft {
	float: left;}
#order {}
#order a, #order a:link, #order a:visited, a:active, #order a:hover {
	border: 1px solid #F5F2ED;}
#order img {
	border: 1px solid #F5F2ED;}
/* END STYLISTIC ELEMENTS */

/* END BOXES */

/* BEGIN TYPOGRAPHY */
#rightColumn p{}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {margin-top: 14px;	margin-bottom: 14px;	padding-top: 0; padding-bottom: 0;}
h1{font-size: 210%;}
h2{font-size: 180%;}
h3{font-size: 140%;}
h4{font-size: 126%;}
h5{font-size: 110%;}
h6{font-size: 100%;}


	
/* END TYPOGRAPHY */

/* BEGIN VERTICAL NAVIGATION */
.vnav{
	background: url(../images/ua_vnavbg.jpg) no-repeat left top;
	width: 203px;
	padding-top: 55px;
	font: bold small-caps 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #4F2700;
	height: 325px;
	margin-left: -1px;}
.vnav ul, .vnav ul li {
	margin: 0;
	list-style-type: none;
	display: block;
	width: 115px;
	font: bold small-caps 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 13px;}
.vnav ul {
	border-bottom-width: 0;
	width: 115px;
	font: bold small-caps 13px Verdana, Geneva, Arial, Helvetica, sans-serif;}
.vnav ul li a {
	background: url(../images/ua_vnavlkbg.jpg) no-repeat left top; 
	display: block;
	color: #4F2700;
	text-decoration: none;
	padding: 5px 10px 5px 20px;
	font: bold small-caps 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 3px;
	margin-bottom: 3px;
	border: 0.08em solid #B89C83;
	width: 115px;}
.vnav ul li a:link, .vnav ul li a:visited {
	background: url(../images/ua_vnavlkbg.jpg) no-repeat left top;
	display: block;
	color: #4F2700;
	text-decoration: none;
	padding: 5px 10px 5px 20px;
	font: bold small-caps 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 3px;
	margin-bottom: 3px;
	border: 0.08em solid #B89C83;
	width: 115px;}
.vnav ul li a:active, .vnav ul li a:hover {
	background: url(../images/ua_vnavlkbgup.jpg) no-repeat left top; 
	display: block;
	color: #637E5F;
	text-decoration: none;
	padding: 5px 10px 5px 20px;
	font: bold small-caps 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 3px;
	margin-bottom: 3px;
	border: 0.08em solid #91B77E;
	width: 115px;} 
.vnav h3{
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 126%;}
* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */{
	height: 0.01%;}
* html .vnav ul{
	position: relative;	/* IE needs this to fix a rendering problem */}
/* END VERTICAL NAVIGATION */

/* BEGIN HORIZONTAL NAVIGATION */

#hnav {
	margin-left: 4px;
	margin-top: -1px;
	padding: 3px;
	width: 100%;
	font: bold small-caps 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
	letter-spacing: .15em;}
#hnav li {
	display: inline;
	list-style-type: none;}
#hnav ul {
	margin: -1px 17px 0 0;
	_margin: -1px 14px 0 0;
	padding: 5px 1em;}
#hnav a, #hnav a:link, #hnav a:visited {
	background: url(../images/ua_hnav1.jpg) repeat;
	color: #4F2700;
	margin: 0 2px 0 0;
	padding: 6px 6px;
	font: bold small-caps 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #669966;
	letter-spacing: .15em;
	text-decoration: none;}
#hnav a:active, #hnav a:hover {
	text-decoration: none;
	background: url(../images/ua_hnav2.jpg) repeat;
	color: #FBDB99;}
/* END HORIZONTAL NAVIGATION */


/* BEGIN BORDERS */
#footer{	/*/*//*/ border-width: 1px 0 0 0;	/* hide from ie4 */}
/* END BORDERS */

/* BEGIN COLORS */
body{
	color: #4F2700;
	margin-top: 0px;
	background: #ECE7DD url(../images/ua_bg.jpg) repeat-x left top;
	font-size: 100.1%;	/* font sizing approach recommended by Dave Silvester 
	                        on the css-discuss list. "the .1 is important." */
                      	/*/*//*/ background-color: #ccc;	/* nn4 coloring */}
#pageWrapper {
	width: 822px;
	margin-right: auto;
	margin-left: auto;}
* html #pageWrapper{
	/* \*/
		word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */}
.orange {
	color: #B95C00;}
.green {
	color: #618D5A;}
#head {
	height: 31px;
	text-align: center;
	padding-bottom: 5px;}
#head a, #head a:link, #head a:visited {
	height: 31px;
	background: url(../images/ua_url.jpg) no-repeat center 1px;
	padding-bottom: 5px;
	text-align: center;}
#head a:active, #head a:hover {
	height: 31px;
	background: url(../images/ua_urlup.jpg) no-repeat center 1px;
	padding-bottom: 5px;
	text-align: center;}
#masthead{
	background: url(../images/ua_masttop.jpg) no-repeat 0px 1px;
	width: 822px;
	height: 163px;
	margin-top: -5px;}
#mastheadBot{
	background: url(../images/ua_mastbot.jpg) no-repeat left 1px;
	width: 822px;
	height: 46px;
	margin-top: 0px;
	_margin-top: -1px;}
#pageTop {
	height: 32px;
	background: url(../images/ua_pagetop.jpg) no-repeat left top;
	width: 822px;}
#outerColumnContainer{
	background: url(../images/ua_pagebg.jpg) repeat-y left top;}
#contentcolumn					/* selector case hack */ {
	color: #592D00;
	background: #F5F2ED;}
#contentColumn h1, h2, h3, h4, h5, h6{
	color: #3C1E00;
	margin-bottom: 1.5em;
}
#contentColumn a, #contentColumn a:link, #ContentColumn a:visited {
	color: #753A00;}
#contentColumn a:active, #contentColumn a:hover{
	color: #618D5A;}
#contentColumn hr {
	border-bottom: 0.2em solid #CACACA;
	height: 5px;
	background: #F5F2ED;
	margin-top: 2em;
	margin-bottom: 1.5em;
}
.footercopyright {
	color: #4F2700;
	text-align: left;
	float: left;
	font-size: 0.8em;
	padding-top: 30px;
	padding-left: 20px;}
.footercredit {
	color: #4F2700;
	text-align: right;
	float: right;
	font-size: 0.8em;
	padding-top: 30px;
	padding-right: 215px;}
#footer a:link, 
#footer a:visited {
	color: #D57E55;
	text-decoration: none;
	font-weight: normal;}
#footer a:hover, 
#footer a:active {
	color: #637E5F;
	text-decoration: none;
	font-weight: normal;
	border: 0 none;}
.legal {
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* END COLORS */

/* BEGIN GUTTERS */
#masthead {	/*/*//*/ padding-bottom: 0;		/* nn4 fix */}
/* END GUTTERS */

/* BEGIN FORM STYLE */
input, textarea {
	font: small Geneva, Arial, Helvetica, sans-serif;
	color: #592D00;
	padding: 1px;
	border: 1px solid #592D00;
	background: #F5F2ED;}
input:focus, textarea:focus {
	background: #EEE3CC;}
#textfield {
	font: small Geneva, Arial, Helvetica, sans-serif;
	color: #592D00;
	border: 1px solid #592D00;}
#submit {
	font: small Geneva, Arial, Helvetica, sans-serif;
	color: #592D00;
	padding: 1px;
	background: #C8AE8D;
	border: 1px solid #592D00;
}
#reset {
	font: small Geneva, Arial, Helvetica, sans-serif;
	color: #592D00;
	padding: 1px;
	background: #C8AE8D;
	border: 1px solid #592D00;}
#formArea {
	background: #E2D9C7;
	border: 1px solid #592D00;
	height: 450px;
	width: 340px;
	padding: 5px;}
/* END FORM STYLE */