@charset "UTF-8";
/* CSS for www.soycafenyc.com*/



.oneColFixCtr #container {
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: none;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top: 40px;
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;
	
}
.oneColFixCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

}


body {
	font: 80% Century Gothic, sans-serif;
	font-family:Century Gothic;
	word-spacing:.1em;
	letter-spacing:.04em;
	line-height:1.125em;
	/*background: #333333;*/
	background: #cc6600;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #ffffff;
}

img { border: none }

a:link {color:#000000; text-decoration: none;}      /* unvisited link */
a:visited {color:#000000; text-decoration: none;}  /* visited link */
a:hover {color:#cc6600;}  /* mouse over link */
a:active {color:#cc6600;}  /* selected link */ 

	
#homelogo {
height:31px;
position:absolute;
top:179px;
left:152px;
}


#wrapper {
	position: relative;
}


#menu_aboutus {
	width:96px;
	height:27px;
	position:absolute;
	top:310px;
	left:436px;

}



#menu_menu {
	width:78px;
	height:27px;
	position:absolute;
	top:310px;
	left:534px;
	z-index:1;
}

#menu_location {
	
	width:101px;
	height:27px;
	position:absolute;
	top:310px;
	left:614px;
}

#menu_press {
	width:86px;
	height:27px;
	position:absolute;
	top:310px;
	left:726px;
}

#menu_contact {
	width:86px;
	height:27px;
	position:absolute;
	top:310px;
	left:714px;
}

#soytitle {
	width:439px;
	height:68px;
	position:absolute;
	top:268px;

}	


h1 {
	font: 140% Century Gothic, sans-serif;
	font-family:Century Gothic;
	letter-spacing:normal;
	color:#000;
}

h2 {
	font: 110% Century Gothic, sans-serif;
	font-family:Century Gothic;
	color:#000;
	line-height:55%;

}


h2#first {
	font: 100% Century Gothic, sans-serif;
	font-family:Century Gothic;
	color:#000;
	line-height:80%;

}


#content_background {
	width:800px;
	height:563px;
	position:absolute;
	top:335px;

	z-index:-3;
}


#address {
	position:absolute;
	top:698px;
	left: 15px;
	
}	


#subway {
	
	text-align:left;
	font-size:83%;
	
}



#menu_sections {
	font: 140% Century Gothic, Verdana, Geneva, sans-serif;
	color:#000;
	position:absolute;
	height:640px;
	width:200px;
	top:350px;
	left:16px;
	overflow:hidden;
	
}




/* for scrollbars */

 div#wn	{ 
    font: 100% Century Gothic, sans-serif;
	font-weight:550;
	letter-spacing:.03em;
	color:#000;
	position:absolute;
	height:340px;
	width:600px;
	top:350px;
	left:150px;
	overflow:hidden;	
		}

 div#about_content	{ 
    font: 100% Century Gothic, Verdana, Geneva, sans-serif;
	color:#000;
	position:absolute;
	height:340px;
	width:750px;
	top:350px;
	left:20px;
	overflow:hidden;	
		}

/*
div#wn	{ 
    color:#000;
	position:relative;
	width:600px; height:300px; 
	overflow:hidden;	
		}
*/
 
  div#scrollbar { 
  position:absolute;
  width:11px; height:300px;
  left:780px;
  top: 350px;
  font-size:1px;  /* for image vertical alignment issue */
  }
  
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:280px;
  /*background: #cc6600;
  */
  background-color:none;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; 
  height:20px;
  background-color:#ceced6;
  
  
  }  
  
  div#dragBar_menu {
  position:absolute; left:1px; top:1px;
  width:9px; 
  height:50px;
  background-color:#FFFFFF;
  
  
  } 
  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment [1]*/
div#scrollbar img {
    display:block; 
    } 




p.aboutus {
	color:#000;
}

p.menu {
	width: 380px;
	
}

p.location {
	width: 380px;
	font-size: 100%;
	color: #000;
}

p.contact {
	color: #000;
}




#header {
	
}	


#map{
	position:absolute;
	top:378px;
	left:440px;
}	




#contact {
	position:absolute;
	top:350px;
	left:20px;
	font-family:Century Gothic;
	font-color: #000;
	overflow:hidden;
	
}

ul {font-size:120%;
color:#000;
}







p {color:#FFFFFF;}

a.twitter {a:link {color:#FFFFFF;; text-decoration: none}      /* unvisited link */
a:visited {color:#000000; text-decoration: none;}  /* visited link */
a:hover {color:#000000;}  /* mouse over link */
a:active {color:#cc6600;}  /* selected link */ 
}







/*
#scrollbar_container {  
     position:relative;  
     width:auto;  
 } 
  
#scrollbar_track {  
     position:absolute;  
     top:0;  
     rightright:0;  
     height:100%;  
     width:10px;  
     background-color:transparent;  
     cursor:move;  
 } 
  
#scrollbar_handle {  
     width:10px;  
     background-color:#5c92e7;  
     cursor:move;  
     -moz-border-radius: 5px;  
     -webkit-border-radius: 5px;  
     opacity:0.9;  
     -moz-opacity:0.9;  
 } 
  
#scrollbar_content {  
		color:#000;
        width:600px;  
        height:340px;
		position: absolute;
		left:140px;
		overflow:hidden;
 }
 
*/