@charset "utf-8";
/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Arial, Verdana, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

img {border: 0;}

body
{
  margin: 0;
  background-color: #484848;
  color: #CCCCCC;
  FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
  min-width: 940px;
  text-align: center;
}


a:link {text-decoration: underline; color: #ff3399; background-color: transparent;}
a:visited {text-decoration: underline; color: #ff3399; background-color: transparent;}
a:hover {text-decoration: none; color: #ff3399; background-color: transparent;}

/*-- GENERAL BITS --*/
.container {margin: 0 auto; width: 940px; padding: 0; border: 0; position: relative; text-align: left;}
.divClear {clear: both;}

/*-- HEADER--*/
.headerArea {float: left; display: inline; width: 940px; height: 120px; margin: 0 0 0 0; padding: 0;}
	.headerArea img {border: 0;}

.headerLogo {float: left; display: inline; width: 290px; height: 41px; margin: 30px 0 0 20px;}

/*-- TOP NAV AREA --*/
.topNav {float: right; display: inline; width: 280px; margin: 0 25px 0 0; height: 40px; background: url(images/top_nav_bg.gif) top left no-repeat;}
	.topNav ul {float: left; display: inline; margin: 10px 0 0 50px; padding: 0; height: 22px;}
	.topNav li {display: inline; list-style: none;}
	.topNav li a {float: left; display: inline; height: 22px; outline: none;}
	.topNav li span {display: none;}

#topNavAboutUs a {width: 67px; height: 22px; background: url(images/topnav_about_us.gif); margin: 0 32px 0 0;}
#topNavAboutUs a:hover {width: 67px; height: 22px; background: url(images/topnav_about_us.gif) 0 22px; margin: 0 32px 0 0;}
#topNavAboutUsOn a {width: 67px; height: 22px; background: url(images/topnav_about_us.gif) 0 22px; margin: 0 32px 0 0;}

#topNavContactUs a {width: 78px; height: 22px; background: url(images/topnav_contact_us.gif); margin: 0;}
#topNavContactUs a:hover {width: 78px; height: 22px; background: url(images/topnav_contact_us.gif) 0 22px; margin: 0;}
#topNavContactUsOn a {width: 78px; height: 22px; background: url(images/topnav_contact_us.gif) 0 22px; margin: 0;}

/*-- MAIN NAV BAR --*/
.navbar {float: left; display: inline; width: 940px; margin: 0; height: 40px; background: url(images/navbar_bg.gif) top left no-repeat;}
	.navbar ul {float: left; display: inline; list-style: none; margin: 10px 0 0 25px; padding: 0; height: 22px; width: 915px;}
	.navbar li {float: left; display: inline; list-style: none; margin: 0;}
	.navbar li a {float: left; display: inline; height: 22px; outline: none;}
	.navbar li span {display: none;}	
	

#navHome a {width: 44px; height: 22px; background: url(images/nav_home.gif); margin: 0 32px 0 0;}
#navHome a:hover {width: 44px; height: 22px; background: url(images/nav_home.gif) 0 22px; margin: 0 32px 0 0;}
#navHomeOn a {width: 44px; height: 22px; background: url(images/nav_home.gif) 0 22px; margin: 0 32px 0 0;}

#navTheMachine a {width: 205px; height: 22px; background: url(images/nav_the_machine.gif); margin: 0 32px 0 0;}
#navTheMachine a:hover {width: 205px; height: 22px; background: url(images/nav_the_machine.gif) 0 22px; margin: 0 32px 0 0;}
#navTheMachineOn a {width: 205px; height: 22px; background: url(images/nav_the_machine.gif) 0 22px; margin: 0 32px 0 0;}

#navPotentialEarnings a {width: 130px; height: 22px; background: url(images/nav_potential_earnings.gif); margin: 0 32px 0 0;}
#navPotentialEarnings a:hover {width: 130px; height: 22px; background: url(images/nav_potential_earnings.gif) 0 22px; margin: 0 32px 0 0;}
#navPotentialEarningsOn a {width: 130px; height: 22px; background: url(images/nav_potential_earnings.gif) 0 22px; margin: 0 32px 0 0;}

#navHowToBuy a {width: 84px; height: 22px; background: url(images/nav_how_to_buy.gif); margin: 0 32px 0 0;}
#navHowToBuy a:hover {width: 84px; height: 22px; background: url(images/nav_how_to_buy.gif) 0 22px; margin: 0 32px 0 0;}
#navHowToBuyOn a {width: 84px; height: 22px; background: url(images/nav_how_to_buy.gif) 0 22px; margin: 0 32px 0 0;}

#navDistributors a {width: 81px; height: 22px; background: url(images/nav_distributors.gif); margin: 0 32px 0 0;}
#navDistributors a:hover {width: 81px; height: 22px; background: url(images/nav_distributors.gif) 0 22px; margin: 0 32px 0 0;}
#navDistributorsOn a {width: 81px; height: 22px; background: url(images/nav_distributors.gif) 0 22px; margin: 0 32px 0 0;}

#navFAQs a {width: 37px; height: 22px; background: url(images/nav_faqs.gif); margin: 0 32px 0 0;}
#navFAQs a:hover {width: 37px; height: 22px; background: url(images/nav_faqs.gif) 0 22px; margin: 0 32px 0 0;}
#navFAQsOn a {width: 37px; height: 22px; background: url(images/nav_faqs.gif) 0 22px; margin: 0 32px 0 0;}

#navSuggestAVenue a {width: 120px; height: 22px; background: url(images/nav_suggest_a_venue.gif); margin: 0;}
#navSuggestAVenue a:hover {width: 120px; height: 22px; background: url(images/nav_suggest_a_venue.gif) 0 22px; margin: 0;}
#navSuggestAVenueOn a {width: 120px; height: 22px; background: url(images/nav_suggest_a_venue.gif) 0 22px; margin: 0;}

/*-- HOME INTRO AREA --*/
.homeIntro {float: left; display: inline; width: 890px; margin: 0 0 0 25px; background: url(images/home_intro_bg.jpg) bottom right no-repeat #484848; height: 275px;}
	.homeIntro h1 {text-indent: -9999px; font-size: 12px; background: url(images/home_strapline.gif) top left no-repeat; width: 376px; height: 68px; margin: 20px 0 10px 0;}
	.homeIntro p {font-size: 14px; width: 446px; line-height: 1.5em; color: #CCCCCC; margin: 0.5em 0 0.5em 0;}
	.homeIntro h6 {font-size: 14px; width: 446px; line-height: 1.5em; color: #CCCCCC; margin: 15px 0 0 0;}

/*-- HOME MAIN AREA --*/
.homeMainAreaHolder {float: left; display: inline; width: 940px; margin: 0;}
.homeMainAreaTop {float: left; display: inline; width: 940px; margin: 0;}

.homeMainArea {float: left; display: inline; width: 940px; padding: 0 0 35px 0; background: url(images/bg_home_main_area.jpg) bottom right no-repeat #000000;}

.homeBoxout {float: left; display: inline; width: 280px; margin: 10px 0 0 25px;}
	.homeBoxout h2 {text-indent: -9999px; font-size: 12px; margin: 0 0 0 0;}
	.homeBoxout p {font-size: 14px; line-height: 1.5em; color: #CCCCCC;}
	.homeBoxout h6 {font-size: 12px; line-height: 1.2em; margin: 20px 0 10px 0;}

#subDoYouOwnAVenue {background: url(images/sub_do_you_own_a_venue.gif) top left no-repeat; width: 220px; height: 26px;}
#subStartYourOwnBusiness {background: url(images/sub_start_your_own_business.gif) top left no-repeat; width: 244px; height: 26px;}
#subContactDetails {background: url(images/sub_contact_details.gif) top left no-repeat; width: 154px; height: 26px;}

.homeRightColumn {float: right; display: inline; width: 280px; margin: 10px 25px 0 0;}
	.homeRightColumn img {margin: 0 0 20px 0; border: 0;}

.homeLogosArea {float: left; display: inline; width: 585px; margin: 20px 0 0 25px;}

/*-- FOOTER --*/
.footer {float: left; display: inline; width: 890px; margin: 0 0 0 25px; padding: 20px 0 30px;}
	.footer p {font-size: 12px; color: #CCCCCC; line-height: 1.2em; margin: 0;}
	.footer a:link {text-decoration: underline; color: #ffff33; background-color: transparent;}
	.footer a:visited {text-decoration: underline; color: #ffff33; background-color: transparent;}
	.footer a:hover {text-decoration: none; color: #ffff33; background-color: transparent;}

.footerLeft {float: left; display: inline;}
.footerRight {float: right; display: inline;}

.iconFacebook {background: url(images/icon_facebook.gif) center left no-repeat; padding: 0 0 0 22px;}
.iconTwitter {background: url(images/icon_twitter.gif) center left no-repeat; padding: 0 0 0 22px;}

/*-- TITLE AREA --*/
.titleArea {float: left; display: inline; width: 890px; height: 70px; background-color: #484848; margin: 0 0 0 25px;}
	.titleArea h1 {text-indent: -9999px; font-size: 12px; width: 800px; height: 36px; margin: 18px 0 0 0;}

#titleAboutUs {background: url(images/title_about_us.gif) top left no-repeat;}
#titleTheMachine {background: url(images/title_the_machine.gif) top left no-repeat;}
#titlePotentialEarnings {background: url(images/title_potential_earnings.gif) top left no-repeat;}
#titleHowToBuy {background: url(images/title_how_to_buy.gif) top left no-repeat;}
#titleDistributors {background: url(images/title_distributors.gif) top left no-repeat;}
#titleFAQs {background: url(images/title_faqs.gif) top left no-repeat;}
#titleSuggestAVenue {background: url(images/title_suggest_a_venue.gif) top left no-repeat;}
#titleContactUs {background: url(images/title_contact_us.gif) top left no-repeat;}
#titleThankYou {background: url(images/title_thank_you.gif) top left no-repeat;}

/*-- MAIN CONTENT AREA --*/
.contentAreaHolder {float: left; display: inline; width: 940px; margin: 0;}
.contentAreaTop {float: left; display: inline; width: 940px; margin: 0;}

.contentArea {float: left; display: inline; width: 940px; background: url(images/main_area_bottom.gif) bottom right no-repeat #000000; padding: 0 0 20px 0;}

/*-- MAIN COLUMN --*/
.contentMainColumn {float: left; display: inline; width: 585px; margin: 0 25px 0 25px;}
	.contentMainColumn h4 {font-size: 16px; font-weight: normal; line-height: 1.5em; color: #FFFFFF;}
	.contentMainColumn p {font-size: 14px; line-height: 1.5em; color: #CCCCCC;}
	.contentMainColumn h2 {font-size: 18px; font-weight: bold; color: #FFFFFF; margin: 1em 0 0.5em 0;}
	.contentMainColumn h3 {font-size: 16px; font-weight: bold; line-height: 1.5em; color: #FFFFFF; margin: 1.2em 0 -0.5em 0;}
	.contentMainColumn h6 {font-size: 12px; font-weight: normal; color: #d6e0ea; line-height: 1.5em;}
	.contentMainColumn h6 em {color: #fbad18;}
	.contentMainColumn form {padding: 0; margin: 10px 0 0 0;}
	.contentMainColumn label {font-size: 14px; font-weight: bold; color: #FFFFFF; width: 130px; display: inline; float: left; padding: 4px 0 0 0; margin: 0 20px 0 0;}
	.contentMainColumn label em {color: #ffff33;}
	.contentMainColumn ul {font-size: 14px; color: #CCCCCC;}
	.contentMainColumn li {line-height: 1.8em; list-style: disc;}

.formContactText {width: 400px; border: 1px solid #585858; background-color: #484848; color: #FFFFFF; font-size: 14px; padding: 4px; FONT-FAMILY: Arial, Helvetica, sans-serif;}
.formContactSelect {width: 400px; background-color: #FFFFFF; font-size: 14px; color: #333333; padding: 4px;}
.formButtonSendForm {float: left; display: inline; margin: 5px 0 10px 150px;}
	
/*-- RIGHT COLUMN --*/
.contentRightColumn {float: right; display: inline; width: 280px; margin: 25px 25px 0 0;}
	.contentRightColumn h2 {text-indent: -9999px; font-size: 12px; margin: 20px 0 0 0;}
	.contentRightColumn p {font-size: 14px; color: #CCCCCC; line-height: 1.5em;}
	.contentRightColumn p strong {font-weight: bold; color: #FFFFFF;}
	
#colHeadContactDetails {background: url(images/col_head_contact_details.gif) top left no-repeat; width: 280px; height: 35px;}

.rhBanner {float: left; display: inline; margin: 0 0 25px 0;}