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

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#FFFFFF;

}




#container{
color:#999999;
font-size:10px;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}

#indexcontainer{
color:#999999;
font-size:10px;
width:600px;
height:633px;
padding:0px;
margin:auto;
}

#indexcontent{
color:#999999;
font-size:10px;
width:600px;
height:600px;
padding:0px;
margin:auto;
}

#indexcontent2{

color:#999999;
font-size:10px;
width:600px;
height:600px;
padding:0px;
margin:auto;
}

#containerwebcam{
background-image:url(images/webcam_background.jpg);
background-repeat:no-repeat;
color:#999999;
font-size:10px;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}

#containermenu{
background-image:url(images/mashiko_menu.jpg);
background-repeat:no-repeat;
color:#999999;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}

#containervideo{
background-image:url(images/mashiko_video.jpg);
background-repeat:no-repeat;
color:#999999;
font-size:10px;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}

#containerhajime{

background-repeat:no-repeat;
color:#999999;
font-size:10px;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}

#containerrules{
background-image:url(images/mashiko_rules.jpg);
background-repeat:no-repeat;
color:#999999;
font-size:10px;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}

#containersustain{
background-image:url(images/mashiko_sustain.jpg);
background-repeat:no-repeat;
color:#999999;
font-size:10px;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}

#containershop{
background-image:url(images/mashiko_shop.jpg);
background-repeat:no-repeat;
color:#999999;
font-size:10px;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}

#containersitemap{
background-image:url(images/mashiko_sitemap.jpg);
background-repeat:no-repeat;
color:#999999;
font-size:10px;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}
#containerhome{
background-image:url(images/mashiko_home.jpg);
background-repeat:no-repeat;
color:#999999;
font-size:10px;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}

#containerreview{
background-image:url(images/reviews_background.jpg);
background-repeat:no-repeat;
color:#999999;
font-size:10px;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}


#containerstaff{
	background-image:url(images/mashiko_staff_revise_4.jpg);
	background-repeat:no-repeat;
	color:#999999;
	font-size:10px;
	width:1000px;
	height:633px;
	padding:0px;
	margin:auto;
}

#containerhajime{
background-image:url(images/Mashiko_Hajime.jpg);
background-repeat:no-repeat;
color:#999999;
font-size:10px;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}


#banner{
background-repeat:no-repeat;
font-size:10px;
width:510px;
height:123px;
padding:0px;
margin:0px;
}


#topnav{
	float:right;
	text-align:right;
	color:#666666;
	font-size:10px;
	width:455px;
	height:70px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#topnav a { 
color:#666666;text-decoration:none; }
 
#topnav a:hover { 
color:#669900;text-decoration:none;}
#social {
	float: right;
	width: 120px;
	height: 80px;
}
#social a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#social img  {
	float: left;
	padding-top: 12px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}




#left{
float:left;
width:515px;
height:623;
margin:0px;
padding:0px;}

#leftwebcam{
float:left;
width:375px;
height:623;
margin:0px;
padding:0px;}

#lefthome{
float:left;
width:200px;
height:623;
margin:0px;
padding:0px;}

#right{
	width:620px;
	margin:0px;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#rightMenuPage{
	width:800px;
	margin:0px;
	float: right;
	padding: 0px;
}
div.rightLinks#right {
	padding-left: 180px;
	background-image: url(images/home_logo.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 623px;
}

div.rightContact#right {
	padding-left: 180px;
	background-image: url(images/contact_logo.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}


#homecontent {
float:right;
text-align:left;
color:#422414;
font-size:11px;
width:610px;
height:250px;
line-height:13px;
padding:15px 10px 0px 20px;
margin:95px 95px 0px 10px;}

#homecontent a { 
color:#422414;  text-decoration:none; }
 
#homecontent a:hover { 
color:#669900;  text-decoration:none; }

#toptextcontentsmall{
float:left;
text-align:left;
color:#422414;
font-size:11px;
width:370px;
height:150px;
line-height:20px;
padding:10px 0px 0px 5px;
margin:25px 0px 0px 20px;}

#toptextcontentsmall a { 
color:#422414;  text-decoration:none; }
 
#toptextcontentsmall a:hover { 
color:#669900;  text-decoration:none; }

#toptextmenu{
font:Helvetica, sans-serif;
text-align:left;
color:#CCCCCC;
font-size:12px;
line-height:20px;
width:360px;
height:310px;
padding:10px 0px 0px 5px;
margin:0px 20px 0px 20px;}

#textmenupage{
	font:Helvetica, sans-serif;
	text-align:left;
	color:#CCCCCC;
	font-size:12px;
	line-height:20px;
	width:360px;
	height:310px;
	float: left;
	margin-top: 80px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 55px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#toptextcontentsmall a { 
color:#422414;  text-decoration:none; }
 
#toptextcontentsmall a:hover { 
color:#669900;  text-decoration:none; }



#webcamcontentsmall{
float:left;
text-align:right;
color:#FFFFFF;
font-size:12px;
width:320px;
height:390px;
line-height:20px;
padding:0px 0px 0px 0px;
margin:145px 0px 0px 0px;

border-color:#cb3000;}


#centercontent{
float:left;
text-align:left;
color:#422414;
font-size:11px;
font-weight:300;
width:500px;
height:400px;
line-height:14px;
padding:0px 0px 0px 0px;
margin:75px 0px 0px 0px;
}

#centercontent a { 
color:#422414;  text-decoration:none; }
 
#centercontent a:hover { 
color:#660000; font-weight:500;  text-decoration:none; }

#centercontentrules{
float:left;
text-align:left;
color:#422414;
font-size:14px;
font-weight:600;
width:485px;
height:300px;
line-height:32px;
padding:0px 0px 0px 0px;
margin:95px 0px 0px 0px;
}

#centercontentrules a { 
color:#422414;  text-decoration:none; }
 
#centercontentrules a:hover { 
color:#660000; font-weight:500;  text-decoration:none; }

#centercontentsustain{
float:left;
text-align:left;
color:#CCCCCC;
font-size:12px;
width:505px;
height:240px;
line-height:14px;
padding:0px 0px 0px 0px;
margin:75px 0px 0px 0px;
}

#centercontentsustain a { 
color:#990000;  text-decoration:none; }
 
#centercontentsustain a:hover { 
color:#993300;  text-decoration:none; }


#centercontentsitemap {
float:right;
text-align:left;
color:#422414;
font-size:12px;
font-weight:400;
width:510px;
height:420px;
line-height:16px;
padding:10px 10px 0px60px;
margin:65px 95px 0px 10px;
}

#centercontentsitemap a { 
color:#422414;  text-decoration:none; }
 
#centercontentsitemap a:hover { 
color:#660000; font-weight:500;  text-decoration:none; }

#centercontentshop {
float:right;
text-align:left;
color:#422414;
font-size:12px;
font-weight:400;
width:590px;
height:420px;
line-height:16px;
padding:0px 10px 0px 60px;
margin:35px 95px 0px 10px;
}

#centercontentshop a { 
color:#422414;  text-decoration:none; }
 
#centercontentshop a:hover { 
color:#660000; font-weight:500;  text-decoration:none; }


#centercontentshopscroll {
float:right;
text-align:left;
color:#422414;
font-size:12px;
font-weight:400;
width:575px;
height:420px;
line-height:16px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}


#centercontentstaff {
	float:right;
	text-align:left;
	color:#CCCCCC;
	font-size:11px;
	font-weight:100;
	width:600px;
	height:400px;
	line-height:13px;
	margin-top: 95px;
	margin-right: 115px;
	margin-bottom: 45px;
	margin-left: 30px;
	overflow: auto;
	padding: 0px;
}

#centercontent a { 
color:#422414;  text-decoration:none; }
 
#centercontent a:hover { 
color:#660000; font-weight:500;  text-decoration:none; }

#centercontenthajime {
float:right;
text-align:left;
color:#000000;
font-size:11px;
font-weight:100;
width:600px;
height:400px;
line-height:13px;
padding:5px 10px 0px 20px;
margin:95px 95px 0px 10px;
}

#centercontenthajime a { 
color:#333333;text-decoration:none; font-weight:bold; }
 
#centercontenthajime a:hover { 
color:#CCCCCC; font-weight:bold;  text-decoration:none; }



#rightcontent{
float:left;
text-align:right;
color:#422414;
font-size:11px;
font-weight:300;
width:405px;
height:400px;
line-height:28px;
padding:0px 0px 0px 0px;
margin:55px 0px 0px 100px;
}

#rightcontent a { 
color:#422414;  text-decoration:none; }
 
#rightcontent a:hover { 
color:#990000; font-weight:500;  text-decoration:none; }


#leftcontent{
float:right;
text-align:left;
color:#FFFFFF;
font-size:12px;
width:280px;
height:600px;
line-height:14px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#leftcontent a { 
color:#422414;  text-decoration:none; }
 
#leftcontent a:hover { 
color:#660000; font-weight:500;  text-decoration:none; }


#menuslidewhow{
float:right;
text-align:left;
color:#FFFFFF;
font-size:12px;
width:240px;
height:325px;
padding:0px 0px 0px 0px;
margin:233px 32px 0px 0px;
}
#menuslideshow{
	float:left;
	text-align:left;
	color:#FFFFFF;
	font-size:12px;
	width:240px;
	height:325px;
	padding:0px;
	margin-top: 152px;
	margin-bottom: 0px;
	margin-left: 40px;
	margin-right: 0px;
}




.scroll {
	width:500px;
	height:250px;
	padding-left: 5px;
	padding-top:0px;
	padding-right: 5px;
	margin:0px 0px 0px 0px;
	overflow:auto;
}

#toptextcontent{
text-align:left;
color:#422414;
font-size:11px;
font-weight:300;
width:370px;
height:230px;
line-height:14px;
padding:15px 0px 0px 5px;
margin:28px 0px 0px 20px;
}

#toptextcontent a { 
color:#422414;  text-decoration:none; }
 
#toptextcontent a:hover { 
color:#660000; font-weight:500;  text-decoration:none; }

#toptextcontentlinks{
text-align:left;
color:#422414;
font-size:11px;
line-height:18px;
font-weight:300;
width:370px;
height:230px;
padding:15px 0px 0px 5px;
margin:28px 0px 0px 20px;
}

#toptextcontentlinks a { 
color:#422414;  text-decoration:none; }
 
#toptextcontentlinks a:hover { 
color:#660000; font-weight:500;  text-decoration:none; }


#topcontactcontent{
background-image:url(images/contact_content.jpg);
background-repeat:no-repeat;
float:right;
text-align:right;
color:#666666;
font-size:12px;
width:485px;
height:293px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#topcontent a { 
color:#666666; font-weight:bold; text-decoration:none; 
 
}
 
#topcontent a:hover { 
color:#669900; font-weight:bold; text-decoration:none; 

}


#tophomecontent{
background-image:url(images/home_content.jpg);
background-repeat:no-repeat;
float:right;
text-align:right;
color:#666666;
font-size:12px;
letter-spacing:.5px;
width:485px;
height:293px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#topcontent a { 
color:#666666; font-weight:bold; text-decoration:none; }
 
#topcontent a:hover { 
color:#669900; font-weight:bold; text-decoration:none; }


#imagecontactcontainer{
float:right;
background-image:url(images/contact_image.jpg);
background-repeat:no-repeat;
text-align:right;
color:#666666;
font-size:12px;
letter-spacing:.5px;
width:485px;
height:250px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#imagehomecontainer{
float:right;
background-image:url(images/home_image_1.jpg);
background-repeat:no-repeat;
text-align:right;
color:#666666;
font-size:12px;
letter-spacing:.5px;
width:485px;
height:250px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}


#menu{
float:left;
text-align:right;
color:#666666;
font-size:12px;
letter-spacing:.5px;
width:200px;
height:623px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;}


#midcontactcontent{
background-image:url(images/contact_logo.jpg);
background-repeat:no-repeat;
float:left;
color:#666666;
font-size:12px;
letter-spacing:.5px;
width:315px;
height:623px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;}


#midhomecontent{
background-image:url(images/home_logo.jpg);
background-repeat:no-repeat;
float:left;
color:#666666;
font-size:12px;
letter-spacing:.5px;
width:315px;
height:623px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#midcamcontent{

float:left;
color:#666666;
font-size:12px;
letter-spacing:.5px;
width:315px;
height:623px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#footer{
text-align:center;
color:#666666;
font-size:10px;
line-height:14px;
width:1000px;
height:50px;
padding:5px 0px 0px 0px;
margin:auto;
}

#footer a { 
color:#666666; font-weight:bold; text-decoration:none; }
 
#footer a:hover { 
color:#669900; font-weight:bold; text-decoration:none; }

#h1{
	color:#FFFFFF;
	letter-spacing:0.5px;
	text-transform:uppercase;
	font-size:16px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#h2{


color:#CCCCCC;
font-weight:bold;
font-size:11px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#h3{


color:#000000;
font-size:11px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#h4{


color:#000000;
font-size:16px;
line-height:18px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
#staffBios {
}
#staffBios li {
	padding-left: 230px;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: left top;
	height: 80px;
	padding-right: 25px;
	margin-bottom: 20px;
	padding-top: 30px;
}
.staffBetty {
	background-image: url(images/staffBetty.png);
}
.staffBrandon {
	background-image: url(images/staffBrandon.png);
}
.staffJohn {
	background-image: url(images/staffJohn.png);
}
.staffKeiko {
	background-image: url(images/staffKeiko.png);
}
.staffMariah {
	background-image: url(images/staffMariah.png);
}
.staffMelissa {
	background-image: url(images/staffMelissa.png);
}
.staffBerit {
	background-image: url(images/staffBerit.png);
}
#containersustain #centercontentsustain ul li {
	padding-bottom: 10px;
	margin-right: 20px;
	margin-left: 10px;
}
.whiteText {
	font-style: italic;
	font-weight: bold;
	color: #FFF;
}