@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:720px;
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;
font-size:10px;
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;
}
 
#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;
}
 
#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;
}
 
 
#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;
padding:10px 20px 0px 0px;
margin:0px 0px 0px 0px;
}
 
#topnav a { 
color:#666666;text-decoration:none; }
 
#topnav a:hover { 
color:#669900;text-decoration:none;}
 
 
 
#left{
float:left;
width:515px;
height:623;
margin:0px;
padding:0px;}
 
#leftwebcam{
float:left;
width:375px;
height:623;
margin:0px;
padding:0px;}
 
#right{
float:right;
width:485px;
height:623;
margin:0px;
padding:0px;}
 
 
#toptextcontentsmall{
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; }
 
 
#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:485px;
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;
}
 
#centercontent a { 
color:#422414;  text-decoration:none; }
 
#centercontent a:hover { 
color:#660000; font-weight:500;  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;
}
 
 
 
 
.scroll {
width:485px;
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; }

/* Slideshow Home */

div.Slideshow {
	position: relative;
	display: block;
	overflow: hidden;
	margin: auto;
	/* Necessary for correct positioning */
}

div#Fader {
	display: none;
}

div#Loading {
	position: absolute;
	z-index: 100;
	top: 100px;
	left: 50px;
	width: 525px;
	height: 350px;
	overflow: hidden;
	background: #000 url(../images/loading.gif) no-repeat 50% 50%;
}

div#Overlay {
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
}

div#Nav {
	z-index: 2000;
}

div#Nav a#Webcam {
	z-index: 2001;
	position: absolute;
	top: 411px;
	left: 34px;
	background: url(../images/nav-webcam.jpg) no-repeat center top;
	height: 50px;
	width: 167px;
	text-indent: -2000px;
}

div#Nav a#Menu {
	z-index: 2001;
	position: absolute;
	top: 472px;
	right: 238px;
	background: url(../images/nav-menu.jpg) no-repeat center top;
	height: 60px;
	width: 180px;
	text-indent: -2000px;
}

div#Nav a#Reviews {
	z-index: 2001;
	position: absolute;
	top: 29px;
	right: 111px;
	background: url(../images/nav-reviews.jpg) no-repeat center top;
	height: 45px;
	width: 148px;
	text-indent: -2000px;
}

div#Nav a#Think {
	z-index: 2001;
	position: absolute;
	top: 368px;
	right: 11px;
	background: url(../images/nav-think.gif) no-repeat center top;
	height: 55px;
	width: 258px;
	text-indent: -2000px;
}

div#Nav a#Webcam:hover, div#Nav a#Menu:hover, div#Nav a#Reviews:hover, div#Nav a#Think:hover {
	background-position: center bottom;
}