html { background:#EEEEFF url(images/mycafecup-homepage.jpg) top left no-repeat; }
@font-face {
 font-family: MCCFont;
 src: url("http://www.mycafecup.com/webfont.eot") /* EOT file for IE */
}
@font-face {
 font-family: MCCFont;
 src: url("http://www.mycafecup.com/webfont.ttf") /* TTF file for CSS3 browsers */
}
body {
margin: 15px;
padding: 0;
font: 16px MCCFont,Trebuchet MS, Tahoma, Helvetica, sans-serif;
font-size: 16px;
color: #111122;
}

.small {
  font-size: 12px; /* 75% of the baseline */
}

.large {
  font-size: 20px; /* 125% of the baseline */
}

#wrapper {
width: 640px;
display: table;
border: 1px #666 solid;
margin: 0px 115px;
background: transparent url(http://www.mycafecup.com/images/ccc.png) repeat;
/*
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/cccie6.png');
*/
}

#header {
border-bottom: 1px #BBBBBB solid;
padding-bottom: 8px;
z-index: 2;
}
h1 {
font: 36px MCCFont,Trebuchet MS, Tahoma, Helvetica, sans-serif;
margin:0px 10px;
text-align:right
} 
.h1_brown {
color:#BBBBBB;
}



#tagline {
color:#FFFFFF;
font: 14px MCCFont,Trebuchet MS, Tahoma, Helvetica, sans-serif;
font-weight: bolder;
margin: 4px 4px 4px 4px;
text-align:right;
background: transparent url(http://www.mycafecup.com/images/headerbg.png) repeat;
}

#content {
width: 620px;
margin: 20px auto;
font: 16px MCCFont,Trebuchet MS, Tahoma, Helvetica, sans-serif;
}
#content h2 {
color:#000000;
font: 16px MCCFont,Trebuchet MS, Tahoma, Helvetica, sans-serif;
font-weight: bolder;
}
#content p {
text-align: justify;
}
#content blockquote {
border-left: 4px #663333 solid;
padding-left:4px;
text-align:justify;
font-style: italic;
}
#footer {
width: 750px;
margin: 1px 10px; 
color:#3333FF;
text-align: right;
}
#footer a {
color:#3333FF;
text-decoration: none;
text-align: right;
font: 10px MCCFont,Trebuchet MS, Tahoma, Helvetica, sans-serif;
}

#footerwarn {
width: 750px;
margin: 1px 10px; 
color:#334433;
text-align: right;
border: 1px #666 solid;
background: #ffffcc;
font-weight: normal;
font: 10px MCCFont,Trebuchet MS, Tahoma, Helvetica, sans-serif;
}

#sidebar {
width: 120px;
position: absolute;
top: 15px;
left: 5px;
}

.sidebar_item {
border: 1px #666 solid;
padding: 5px 5px;
margin-bottom: 15px;
background: transparent url(http://www.mycafecup.com/images/ccc-menu.png) repeat;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.mycafecup.com/images/ccc-menu.png');
}

#sidebar h3 {
color:#99FFFF;
margin: 0;
border-bottom: 1px #666 solid;
font: 18px MCCFont,Trebuchet MS, Tahoma, Helvetica, sans-serif;
}
#sidebar ul {
margin: 6px 0;
list-style-type: none;
padding:0
}
#sidebar ul li{
border-bottom: 1px #666 solid;
color:#777777;
}
#sidebar ul li a{
text-decoration: none;
color:#BBBBBB;
display:block;
padding: 0;
}
#sidebar ul li a:hover{
background-color:#663333;
color:#ffffff;
}

#internet_cafe_software {
width:400px;
border:0px double #000;
padding:0px;
margin:2048px AUTO;
text-align:justify;
} 

#Logo {
color:#663333;
font: 12px MCCFont,Trebuchet MS, Tahoma, Helvetica, sans-serif;
font-weight: bolder;
margin:4px 4px 0 0;
text-align:right;
}
#float_corner {
position:fixed;_position:absolute;bottom:5px;left:10px;clip:inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}

