/* Start of CMSMS style sheet 'Mocha Joes ROASTERS' */
/* CSS Document - Mocha Joes */

html, body {
	background-color: black;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	height: 100%;
	margin: 0;
	padding: 0;
	}

#home_shim {
	visibility: hidden;
	width: 100%;
	height: 50%;
	margin-top: -235px;
   	float: left;
	}
	
#home_wrap {
	position: relative;
	margin: 0 auto;
	width: 540px;
	height: 490px;
	clear: both;
	text-align: left;
	}
	
#home_mjcircle {
   position: absolute;
   margin: 0 0 0 115px;
   }
   
#home_cafe {
   position: absolute;
   margin: 115px 0 0 0;
   }   

#home_roasters {
   position: absolute;
   margin: 105px 0 0 240px;
   }

#home_clickabean {
   position: absolute;
   margin: 415px 0 0 233px;
   }
	
#shim {
	visibility: hidden;
	width: 100%;
	height: 50%;
	margin-top: -275px;
   	float: left;
	}
	
#wrap {
	position: relative;
	margin: 0 auto;
	width: 965px;
	height: 550px;
	clear: both;
	text-align: left;
	}
	
#main {
	position: absolute;
	margin: 70px 0 0 40px;
	width: 900px;
	height: 450px;
	text-align: left;
	border: 1px solid white;
	}
	
#home {
	position: absolute;
	margin: 200px 0 0 195px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: lighter;
	color: white;
	font-size: 70px;
	}
	
#mjcircle {
	position: absolute;
	margin: 0 0 0 0;
	}

#mjcircle2 {
	position: absolute;
	margin: -17px 0 0 -17px;
        visibility: hidden;
	}
	
#nav {
	position: absolute;
	margin: 30px 0 0 200px;
	font-family: Helvetica, Arial, sans-serif;
	color: white;
	font-size: 23px;
	}
	
#textwrap {
	position: absolute;
	margin: 90px 0 0 330px;
	width: 590px;
	height: 420px;
	background-image: url('global/images/roasters/backgrounds/textbg.png');
	}
	
#textbox {
	position: absolute;
	margin: 70px 0 0 0;
	width: 550px;
	height: 340px;
	color: white;
	overflow: auto;
	padding-left: 20px;
	padding-right: 20px;
	text-align: justify;
	font-family: helvetica, Arial, sans-serif;
	font-size: 12px;
	word-spacing: 2px;
	letter-spacing: 1px;
        line-height: 130%;
	}

#head {
	position: absolute;
	margin: 70px 0 0 290px;
	}

#aboutus_textwrap {
	position: absolute;
	margin: 90px 0 0 230px;
	width: 670px;
	height: 415px;
	background-image: url('global/images/roasters/backgrounds/textbg.png');
	}
	
#aboutus_textbox {
	position: absolute;
	margin: 95px 0 0 0;
	width: 630px;
	height: 310px;
	color: white;
	overflow: auto;
	padding-left: 20px;
	padding-right: 20px;
	text-align: justify;
	font-family: helvetica, Arial, sans-serif;
	font-size: 12px;
	word-spacing: 2px;
	letter-spacing: 1px;
        line-height: 130%;
	}

#aboutus_textbox img{
        float: right;
	padding-left: 10px;
        padding-bottom: 10px;
        border: 0px;
	}

#aboutus_nav1 {
       position: absolute;
       margin: 105px 0 0 540px;
       }

#aboutus_nav2 {
       position: absolute;
       margin: 140px 0 0 640px;
       }

#aboutus_head {
	position: absolute;
	margin: 70px 0 0 190px;
	}

#meetthestaff_textbox {
	position: absolute;
	margin: 95px 0 0 0;
	width: 630px;
	height: 310px;
	color: white;
	overflow: auto;
	padding-left: 20px;
	padding-right: 20px;
	font-family: helvetica, Arial, sans-serif;
	font-size: 12px;
	word-spacing: 2px;
	letter-spacing: 1px;
	line-height: 130%;
	}

#wheretofind_textwrap {
	position: absolute;
	margin: 85px 0 0 230px;
	width: 630px;
	height: 415px;
	background-image: url('global/images/roasters/backgrounds/textbg.png');
	}
	
#wheretofind_textbox {
	position: absolute;
	margin: 95px 0 0 0;
	width: 590px;
	height: 315px;
	color: white;
	overflow: auto;
	padding-left: 20px;
	padding-right: 20px;
	text-align: justify;
	font-family: helvetica, Arial, sans-serif;
	font-size: 12px;
	word-spacing: 2px;
	letter-spacing: 1px;
	line-height: 130%;
	}

table#wheretofind {
       border-collapse: collapse;
       }

.evenrow {
        background-image: url('global/images/roasters/backgrounds/textbg.png');
        }

.oddrow {
        }

table#wheretofind td {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 15px;
        }

td.wheretofind {
       font-size: 16px;
       }

#wheretofind_head {
	position: absolute;
	margin: 75px 0 0 195px;
	}

#wheretofind_nav {
       position: absolute;
       margin: 110px 0 0 630px;
       }

#wheretofind_textbox a, #wheretofind_textbox a:visited {
       color: #999999; 
       text-decoration: none;
       }

#wheretofind_textbox a:hover {
      color: #FF0000;
      text-decoration: underline;
      }


#store_textwrap {
	position: absolute;
	margin: 90px 0 0 205px;
	width: 723px;
	height: 420px;
	background-image: url('global/images/roasters/backgrounds/textbg.png');
	}
	
#store_textbox {
	position: absolute;
	margin: 70px 0 0 0;
	width: 693px;
	height: 340px;
	color: white;
	overflow: auto;
	padding-left: 10px;
	padding-right: 20px;
	text-align: justify;
	font-family: helvetica, Arial, sans-serif;
	font-size: 12px;
	word-spacing: 2px;
	letter-spacing: 1px;
	line-height: 130%;
	}

#store_head {
	position: absolute;
	margin: 67px 0 0 185px;
	}

table#storetable td{
        vertical-align: top;
        padding: 10px
        }
        
#viewcart {
	position: absolute;
	margin: 105px 0 0 744px;
	}

#coffeeinfo_textwrap {
	position: absolute;
	margin: 90px 0 0 230px;
	width: 670px;
	height: 415px;
	background-image: url('global/images/roasters/backgrounds/textbg.png');
	}
	
#coffeeinfo_textbox {
	position: absolute;
	margin: 95px 0 0 0;
	width: 630px;
	height: 310px;
	color: white;
	overflow: auto;
	padding-left: 20px;
	padding-right: 20px;
	text-align: justify;
	font-family: helvetica, Arial, sans-serif;
	font-size: 12px;
	word-spacing: 2px;
	letter-spacing: 1px;
	line-height: 130%;
	}

#coffeeinfo_textbox img{
	padding-left: 10px;
	}

#coffeeinfo_nav {
       position: absolute;
       margin: 110px 0 0 600px;
       }

#coffeeinfo_head {
	position: absolute;
	margin: 80px 0 0 190px;
	}



/* START MAP */


#map_img_centralamerica {
	position: absolute;
	margin: 252px 0 0 222px;
        visibility: hidden;
        }

#map_img_southamerica {
	position: absolute;
	margin: 313px 0 0 317px;
        visibility: hidden;
        }

#map_img_africa {
	position: absolute;
	margin: 241px 0 0 485px;
        visibility: hidden;
        }

#map_img_indonesia {
	position: absolute;
	margin: 331px 0 0 779px;
        visibility: hidden;
        }

#map_hvr_centralamerica {
       position: absolute;
       margin: 250px 0 0 219px;
       }

#map_hvr_southamerica {
       position: absolute;
       margin: 290px 0 0 281px;
       }

#map_hvr_africa {
       position: absolute;
       margin: 230px 0 0 466px;
       }

#map_hvr_indonesia {
       position: absolute;
       margin: 300px 0 0 746px;
       }

#map_selectdestination {
       position: absolute;
       margin: 265px 0 0 55px;
       }

#map_nav_centralamerica1 {
       position: absolute;
       margin: 285px 0 0 80px;
       }

#map_nav_centralamerica2 {
       position: absolute;
       margin: 285px 0 0 80px;
       visibility: hidden;
       }

#map_nav_southamerica1 {
       position: absolute;
       margin: 326px 0 0 80px;
       }

#map_nav_southamerica2 {
       position: absolute;
       margin: 326px 0 0 80px;
       visibility: hidden;
       }

#map_nav_africa1 {
       position: absolute;
       margin: 347px 0 0 80px;
       }

#map_nav_africa2 {
       position: absolute;
       margin: 347px 0 0 80px;
       visibility: hidden;
       }

#map_nav_indonesia1 {
       position: absolute;
       margin: 367px 0 0 80px;
       }

#map_nav_indonesia2 {
       position: absolute;
       margin: 367px 0 0 80px;
       visibility: hidden;
       }

#map_nav_orcoffeetype {
       position: absolute;
       margin: 420px 0 0 55px;
       }

#map_nav_frenchroast1 {
      position: absolute;
      margin: 440px 0 0 80px;
      }

#map_nav_decaffeinated1 {
      position: absolute;
      margin: 460px 0 0 80px;
      }

#map_nav_blends1 {
      position: absolute;
      margin: 480px 0 0 80px;
      }

/* END Map */



#coffees_textwrap {
	position: absolute;
	margin: 90px 0 0 250px;
	width: 675px;
	height: 420px;
	background-image: url('global/images/roasters/backgrounds/textbg.png');
	}
	
#coffees_textbox {
	position: absolute;
	margin: 110px 0 0 0;
	width: 645px;
	height: 300px;
	color: white;
	overflow: auto;
	padding-left: 10px;
	padding-right: 20px;
	text-align: justify;
	font-family: helvetica, Arial, sans-serif;
	font-size: 12px;
	word-spacing: 2px;
	letter-spacing: 1px;
	line-height: 130%;
	}

#coffees_textbox a, #coffees_textbox a:visited {
       color: #999999;
       text-decoration: none;
       }

#coffees_textbox a:hover {
     color: #FF0000;
     text-decoration: none;
     }

#coffees_head {
	position: absolute;
	margin: 67px 0 0 205px;
       }

.expand {
      padding: 0 25px 0 25px;
      }

#contact_textwrap {
	position: absolute;
	margin: 90px 0 0 250px;
	width: 420px;
	height: 380px;
	background-image: url('global/images/roasters/backgrounds/textbg.png');
	}
	
#contact_textbox {
	position: absolute;
	margin: 70px 0 0 0;
	width: 390px;
	height: 300px;
	color: white;
	overflow: auto;
	padding-left: 10px;
	padding-right: 20px;
	text-align: justify;
	font-family: helvetica, Arial, sans-serif;
	font-size: 12px;
	word-spacing: 2px;
	letter-spacing: 1px;
	line-height: 130%;
	}

#contact_head {
	position: absolute;
	margin: 70px 0 0 220px;
       }

#foot {
	position: absolute;
	margin: 535px 0 0 50px;
	font-family: Helvetica, Arial, sans-serif;
	color: white;
	font-size: 18px;
	}

a, a:visited {
       color: #999999;
       text-decoration: underline;
       }

a:hover {
     color: #FF0000;
     text-decoration: underline;
     }

.preload {
      position: absolute;
      margin: -1000px 0 0 0;
      visibility: hidden;
      }
	
/* End of 'Mocha Joes ROASTERS' */