body { background-image: url("images/background.png"); background-repeat:repeat-x; padding: 0px; margin: 0px; background-color:#e9e9e9; font-family:Arial; font-size:13px; line-height:20px; text-align: center;}

a { color:#333333; }
a:visited { color:#333333; }
a img {border:0px;}

p { margin: 3px 0px 6px 0px; }
h4 { margin: 15px 0px 5px 0px; }
h3 { margin: 15px 0px 5px 0px; }
h2 { margin: 15px 0px 10px 0px; }
h1 { margin: 15px 0px 10px 0px; }

.mainbody { width:820px; position:relative; z-index:1;  margin-left: auto; margin-right: auto; text-align: left; }

#companyname { float:left; width:79px; height:43px; margin:0px 15px 0px 10px; background-image: url("images/notoriousnoteslogo.png"); background-repeat:no-repeat; }
#companyname a { width:79px; height:43px; display:block; text-decoration:none; }
#companyname h1 { display:none; }

#topmenu { float:left; padding:0px; margin:0px; height:43px; }
#topmenu li { list-style-image:none; list-style-type:none; float:left; margin:0px; background-image:url("images/topmenu_separator.jpg"); background-repeat:no-repeat; padding-left:3px; }
#topmenu a { padding:20px 15px 15px 15px; display:block; font-size:11px; color:#7b7b7b; text-decoration:none; }  
#topmenu a:hover { color:#7b7b7b; text-decoration:none; background-image:url("images/topmenu_hover.jpg"); background-repeat:repeat-x; }
#topmenu a:visited { color:#7b7b7b;  }
#topmenuend { float:left; height:43px; width:3px; background-image:url("images/topmenu_separator.jpg"); background-repeat:no-repeat;  }
.topmenu_selected { background-image:url("images/topmenu_hover.jpg"); background-repeat:repeat-x;  }
.loginmenu { float:left; padding:20px 15px 0px 15px; font-size:11px; color:#7b7b7b; }
.loginmenu a { color:#7b7b7b; }
.logininfo { float:left; padding-left:15px; padding-top:20px; font-size:11px; color:#7b7b7b; }
.logininfo a { color:#7b7b7b; }
.logininfo span { font-weight:bold; }

#communitymenu { padding:0px; margin:0px; }
#communitymenu li { list-style-image:none; list-style-type:none; margin:0px 0px 20px 0px; }
#communitymenu a { color:#7b7b7b; text-decoration:none; height:85px; display:block;padding:15px 0px 0px 200px; background-color:#eeeeee; background-repeat:no-repeat; }
#communitymenu span { color:#7b7b7b; text-decoration:none; height:85px; display:block; padding:15px 0px 0px 200px; background-color:#eeeeee; background-repeat:no-repeat; }
#communitymenu a:hover { color:#7b7b7b; text-decoration:underline; background-color:#dddddd; }
#communitymenu a:visited { color:#7b7b7b;  }
.communitymenufaq { background-image:url("images/button_faq1.png"); }
.communitymenuforum { background-image:url("images/button_forum1.png"); }
.communitymenututorials { background-image:url("images/button_tutorials1.png"); }
.communitymenushowcase { background-image:url("images/button_showcase1.png"); }
.communitymenuextras { background-image:url("images/button_extras1.png"); }

.quote { margin-top:20px; background-image:url("images/quote66.png"); background-repeat:no-repeat; }
.quote p { text-indent:35px; padding-top:10px; padding-bottom:10px; background-image:url("images/quote99.png"); background-repeat:no-repeat; background-position:right bottom; }

.quotation		{ position:absolute; top:469px; left:25px; width:160px; z-index:1; margin-top:20px; background-image:url("images/quote66.png"); background-repeat:no-repeat; } 
.quotation p	{ text-indent:35px; padding-top:10px; padding-bottom:10px; background-image:url("images/quote99.png"); background-repeat:no-repeat; background-position:right bottom; } 

/*.quotation		{ position:absolute; top:473px; left:17px; width:170px; height:200px; vertical-align:middle; z-index:1; background-image:url("images/quotebackground.png"); } 
.quotation p	{ text-align:left; line-height:1.3em; margin:35px 10px 10px 10px; } 
.quotation span	{ text-align:right; font-weight:bold; display:block; margin:0px 10px 10px 10px; }*/

#songfactorylogo { float:left; margin:24px 0px 0px 10px; height:173px; width:324px; background-image:url("images/songfactorylogo.png"); }
#songfactorylogo h2 { display:none; }

#roundel { float:right; height:173px; width:179px; margin-right:10px; background-image:url("images/roundel.png"); }
#roundel span { display:none; }

#textbody { float:left; width:820px; margin-top:10px; color:#888888; }
#textbodytop { float:left; width:820px; height:17px; background-image:url("images/textbodytop.png"); }
#textbodymiddle { float:left; width:820px; background-image:url("images/textbodymiddle.png"); background-repeat:repeat-y; }
#textbodybottom { float:left; width:820px; height:17px; background-image:url("images/textbodybottom.png"); }
#textbodymiddleholder { margin: 12px 30px 5px 30px; } 

#mainimage { float:left; height:280px; width:760px; margin-bottom:20px; background-image:url("images/frontpageimage.jpg"); }
#mainimagetext { float:left; width:300px; padding:70px 0px 0px 10px; font-size:17px; color:#ffffff; }
#mainimagetext a { text-decoration:none; font-size:17px; color:#ffffff; }
#mainimagetext a:hover { text-decoration:underline; }
#mainimagetext li { height:40px;  }
#mainimagevideo { float:right; width:373px; height:280px; }

.videoimage { border:0; }
.videoimage:hover { background-image:url("images/play_on.png"); }

.videomontage { width:373px; height:280px; }

/*#mainimagetext ul { list-style-type:none; padding:0px; margin:0px; }
#mainimagetext li { background-image:url("images/star.png"); background-repeat:no-repeat; padding-left:35px; height:50px; } 
#mainimagetext li.middle { padding-top:7px;} */

.starlist { list-style-type:none; padding:0px; margin:0px; }
.starlist li { background-image:url("images/star.png"); background-repeat:no-repeat; padding-left:35px; } 
.starlist li.middle { padding-top:7px;} 
/*.starlist a { font-size:17px; color:#ffffff; }*/

.column1 { float:left; width:66%; }
.column2 { float:left; width:34%; }

.triplecolumn1 { float:left; width:20%; padding-right:10px; }
.triplecolumn2 { float:left; width:58%; }
.triplecolumn3 { float:left; width:20%; padding-left:5px; }


.vsep { background-image:url("images/v_separator.jpg");  background-repeat:no-repeat; padding-left:8px; }
.roundel { background-image:url("images/roundel_icon_small.jpg");  background-repeat:no-repeat; padding-left:110px; padding-right:10px; text-align:justify; }
.small_roundel { background-image:url("images/roundel_icon_vsmall.jpg");  background-repeat:no-repeat; padding-left:40px; padding-top:7px; height:40px; display:inline-block; }
.small_pdf { background-image:url("images/pdf_icon_small.jpg");  background-repeat:no-repeat; padding-left:20px; padding-top:1px; height:20px; display:inline-block; }

.center_text { text-align:center; }
.align_right { text-align:right; }
.center_div { width:100%; text-align:center; }
.center_div table { margin-left:auto; margin-right:auto; text-align:left; }

.paneltop { background-image:url("images/paneltop.png"); width:250px; height:10px; }
.panelbottom { background-image:url("images/panelbottom.png"); width:250px; height:10px; }
.panelmiddle { background-image:url("images/panelmiddle.png"); background-repeat:repeat-y; width:250px; padding:0px 0px 0px 10px; margin:0; }
.panelmiddle li { height:30px; }

.paylabel { float:left; width:34%; margin-left:30px; }
.paytext { float:left; width:55%; }
.payerror { float:left; width:3%; }
.paymentheader { margin-top:30px; }
.paybutton{ margin-top:40px; float:right; }
.paybutton img { vertical-align:bottom;}

.productdesc { background-image:url("images/softwarebox.jpg"); background-repeat:no-repeat; padding-left:40px; margin-top:30px;  }
.productdesc label { font-size:16px; font-weight:bold; color:Black;}
.pricewas { margin-left:10px; text-decoration:line-through; }
.priceis { margin-left:10px; font-size:16px; font-weight:bold; }
.pricesave { margin-left:10px; color:Red; }
.totalpricebox { border:solid 1px #cccccc; background-color:#eeeeee; float:right; margin:30px 0px 0px 30px; padding:5px;  width:250px; }
.totalpricebox span { display:block; text-align:right; }
.totalpricebox div span { display:inline; text-align:left; }
.error { color:Red; font-size:14px; }
.red { color:Red; }
.green { color:Green; }

.phonenumber{ background-image:url("images/phone.gif"); background-repeat:no-repeat; margin-left:15px; padding-left:25px; display:block; }
.email{ background-image:url("images/email.gif"); background-repeat:no-repeat; margin-left:15px; padding-left:25px; display:block; }

.greybox { background-color:#cbcbcc; padding:10px 0px 10px 0px; }
.greybox li { height:30px; }

.link_button { background-image:url("images/basicbutton.png"); background-repeat:no-repeat; width:150px; height:50px; display:block; color:#000000; text-align:center; padding-top:15px; text-decoration:none; font-size:20px;}
.link_button a {  }

.arialfont { font-family:Arial;  }
.nomargin { margin:0; }
.block { display:block;}
.inline { display:inline;}
.hide { display:none; }
.bigtext { font-size:22px; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.biggapattop {margin-top:340px;}
.gapattop {margin-top:115px;}
.smallgapattop {margin-top:30px;}
.verysmallgapattop {margin-top:15px;}
.smalltext { font-size:10px; line-height:14px; text-align:justify; margin-bottom:10px; }

#copyright { text-align:center; color:#444444; font-size:10px; padding:5px 0px 20px 0px; }

.clear { clear:both; }
.floatright { float:right; }
.floatleft { float:left; }

.title { height:59px; width:763px; background-image:url("images/title.png"); background-repeat:no-repeat; color:White; font-size:40px; font-weight:normal; padding:20px 0px 0px 30px; margin:0px; }


.forumpost { border:solid 1px #aaaaaa;  width:100%; margin-bottom:20px; }
.forumpostheader { background-color:#eeeeee; padding:3px 10px 3px 10px; border:solid 1px #ffffff; }
.forumpostbody { padding:3px 10px 3px 10px; }
.forumpostbody textarea { width:100%; font-family:Arial; font-size:13px; }
.forumuser { float:left; padding-left:35px; padding-top:5px; height:30px; display:block; font-size:16px; font-weight:bold; background-image:url("images/user.png"); background-repeat:no-repeat; }
.forumdate { float:right;  }

.forumcategories { border-collapse:collapse; width:100%; } 
.forumcategories tr { border:solid 1px #aaaaaa; background-color:#eeeeee; }
.forumcategories td { padding: 0px 5px 5px 15px; }

.extrabandtext { float:left; width:565px; background-color:#eeeeee; padding:0px 10px 0px 10px; }
.extrabandsamples { float:left; width:165px; padding-left:10px; }

.bio { width:45%; margin:0% 1% 0% 1%; padding:0% 1% 0% 1%; border:dotted 1px #aaaaaa; float:left; height:450px; }
.bio img { } 
.bio span { font-weight:bold; display:block; }
.bio p { font-style:italic; }

.advantage { font-size:24px; color:#000000; }

.feedbackbox { }
.feedbackbox label  { display:inline-block; width:200px; }
.feedbackbox select { width:100px; margin-right:20px; }
.feedbackbox input  { width:300px; }