/*
Site: Cafe Rose/Bistro Alex
Design: Lyndia Haryanto for Schipul
Build: Lyndia Haryanto for Schipul
URI: 
*/
p {
	margin-bottom: 8px;
	color:#6d6460;
	font-size:12px;
	text-align: left;
}

body {
	font: 12px/1.4em Arial, Helvetica, sans-serif;
	color: #6d6460;
	background: #f2f0db url(/images/home/body-bg.jpg) repeat top center;
	}

ul, ol { margin: 1em 0; padding-left: 2.5em; color: #6d6460; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-weight: bold; margin-bottom: 8px; } 

h1 { font-size: 18px; color: #6C4D1F; }
h2 { font-size: 16px; color: #6C4D1F; }
h3 { font-size: 12px; color: #6C4D1F; }
h4 { font-size: 12px; color: #6C4D1F; }
h5 { font-size: 12px; color: #666; }
h6 { font-size: 12px; color: #666; }

a { color: #6C4D1F; outline:none }
.content a:hover, #bodycontent a:hover { text-decoration: none; }

.clear {clear:both; margin:0; padding:0;}

*{margin:0px; padding: 0px;}

#bodycontent, #bodycontent-cafe, #bodycontent-bistro{ width:610px;float:left; padding: 30px 0 0 10px; min-height: 550px;}

#bodycontent-cafe h1{ color: #820024;}
#bodycontent-bistro h1{ color: #062c58;}

/** STRUCTURE **/

#container{width: 1012px; margin: 0 auto;}

	.header-area{
		width: 1012px;
		background:url(/images/header-bg.jpg) top left no-repeat;
		height: 99px;
		float:left;
		}

		.nav{
			width: 1012px;
			height: 46px;
			margin-top: 19px;
			float:left;
			}
			

	.home-content-bg{
		width: 1012px;
		background: url(/images/hm-body-bg.jpg) top left no-repeat;
		/**min-height: 680px**/
		float:left;
		}
		
		
		.home-content{
			width: 899px;
			padding: 0 0 0 55px;
			
			float:left;
			}
			
			.top-content{
				width: 899px;
				background: url(/images/top-bg.jpg) top left no-repeat;
				height: 172px;
				position: relative;
				}
				.illy-link { text-indent: -9999px; position: absolute; top: 100px; right: 0; display: block; width: 130px; height: 90px; }
				
				.address{width:144px;height: 100px;padding: 27px 0 0 48px;}
					.address a{font-size: 11px; color:#6b4d20;}
					.address a:hover{text-decoration: none;}
					.address p{font-size: 11px; color:#403b2b; margin:0px; padding:0px;}		
					.address h3{font-size: 11px; font-weight:bold; color:#403b2b; padding: 0 0 3px 0; margin: 0px;}	
					
					
			.middle-content{
				width: 759px;
				height: 355px;
				margin: 0 0 10px 62px
				}

				.bistro-content{
					width: 383px;
					height: 355px;
					float:left;
					}

					.bistro-logo{
						width: 383px;
						height: 190px;
						background: url(/images/bistro-logo.jpg) top left no-repeat;
						float:left;
						}
						
					.bistro-img{
						width: 136px;
						float:left;
						}
					
					.bistro-text{
						width: 247px;
						float:left;
						font-family: Arial, Helvetica, sans-serif;
						color: #6b4d20;
						font-size: 12px;
						}
						
						.bistro-text p{
							font-size: 12px;
							padding: 0 0 0 9px;
							color: #6b4d20;
							margin:0px;
							}
						
						.bistro-text ul{		
							font-size: 12px;
							list-style: none;
							margin:0px;
							padding:5px 0 10px 0;
							}
						
						.bistro-text li{							
							font-size: 12px;
							padding: 0 0 0 9px;
							background:url(/images/small-arrow.jpg) left no-repeat;
							line-height: 20px;
							}						
						
						.bistro-text li a{color: #002b54;}
						
						.bistro-text li a:hover{text-decoration:none;}
							
				.cafe-content{
					width: 376px;
					height: 355px;
					float:left
					}
					
						.cafe-logo{
							width: 376px;
							height: 190px;
							background: url(/images/cafe-logo.jpg) top left no-repeat;
							float:left;
							}
							
					.cafe-img{
						width: 136px;
						float:left;
						}
					
					.cafe-text{
						width: 206px;
						float:left;
						font-family: Arial, Helvetica, sans-serif;
						color: #6b4d20;
						font-size: 12px;
						}
						
						.cafe-text p{
							font-size: 12px;
							padding: 0 0 0 9px;
							color: #6b4d20;
							margin:0px;
							}
						
						.cafe-text ul{		
							font-size: 12px;
							list-style: none;
							margin:0px;
							padding:5px 0 10px 0;
							}
						
						.cafe-text li{							
							font-size: 12px;
							padding: 0 0 0 9px;
							background:url(/images/small-arrow.jpg) left no-repeat;
							line-height: 20px;
							}						
						
						.cafe-text li a{color: #820024;}
						
						.cafe-text li a:hover{text-decoration:none;}
						
			.bottom-content{
				width: 900px;
				marging: 0 auto;
				height:148px;
				background:url(/images/brown-bar-bg.jpg) left no-repeat;
				}
				
				.bistro-links{
					width: 288px;
					float:left;
					padding: 0 0 0 208px;
					}
					
						.bistro-links p{
							font-size: 12px;
							padding: 0 0 0 9px;
							color: #FFF;
							margin:0px;
							}
						
						.bistro-links ul{		
							font-size: 12px;
							list-style: none;
							margin:0px;
							padding:13px 0 10px 0;
							}
						
						.bistro-links li{							
							font-size: 12px;

							}						
						
						.bistro-links li a{
							color: #FFF;							
							padding: 0 0 0 26px;
							background:url(/images/arrow-square-brn.jpg) left no-repeat;
							line-height: 30px;
							}
						
						.bistro-links li a:hover{
							text-decoration:none;
							background:url(/images/arrow-square-brn-hover.jpg) left no-repeat;
							}
				
				.cafe-links{
					width: 288px;
					float:left;
					padding: 0 0 0 94px;
					}
						
						.cafe-links p{
							font-size: 12px;
							padding: 0 0 0 9px;
							color: #FFF;
							margin:0px;
							}
						
						.cafe-links ul{		
							font-size: 12px;
							list-style: none;
							margin:0px;
							padding:13px 0 10px 0;
							}
						
						.cafe-links li{							
							font-size: 12px;

							}						
						
						.cafe-links li a{
							color: #FFF;							
							padding: 0 0 0 26px;
							background:url(/images/arrow-square-brn.jpg) left no-repeat;
							line-height: 30px;
							}
						
						.cafe-links li a:hover{
							text-decoration:none;
							background:url(/images/arrow-square-brn-hover.jpg) left no-repeat;
							}				
			.footer-bg{
				width: 1012px;
				height:194px;
				background:url(/images/footer-bg.jpg) top left no-repeat;
				float:left;
				color:#404040;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				text-align:center;
				}
				
				.footer-bg a, .cafe-footer-bg a, .bistro-footer-bg a{
					color:#727171;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					
					}	
		
				.footer-bg a:hover, .cafe-footer-bg a:hover, .bistro-footer-bg a:hover{text-decoration: none;}
				
				.city-center-logo a, .brennans-logo a, .illy-logo a{ display:block}
				.city-center-logo{
					width: 153px;
					height:97px;
					float:left;
					padding: 10px 0 0 72px;
					}
				
				.brennans-logo{
					width: 174px;
					height:97px;
					float:left;			
					padding-top: 10px;
					}
				
				.illy-logo{
					width: 97px;
					height:97px;
					float:left;		
					padding-top: 10px;
					}
				
				.footer-social{
					width: 469px;
					height:107px;
					float:left;						
					}
				
					.footer{
						width: 469px;
						float:left;		
						padding: 30px 0 5px 0;
						}
						
						.footer a{color:#727171;}
					
					.social-icons{
						width: 469px;
						float:left;
						}
						
					.social-icons-logos{
						width: 190px;
						float:left;
						padding-left: 100px;
						}
					
						.social-icons-text {margin:0px; padding: 10px 0 0 0; float:left; width: 120px;}
						.social-icons-text p {text-decoration:underline;}
						
						
/** Template **/


			.template-footer-bg{
				width: 1012px;
				height:194px;
				background:url(/images/template/template-footer-bg.jpg) top left no-repeat;
				color:#404040;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				text-align:center;
				}
						
/** Cafe Rose Template **/


	.cafe-header{
		width: 1012px;
		background:url(/images/cafe-rose/cafe-header-bg.jpg) top left no-repeat;
		height: 99px;
		float:left;
		}

	.template-content-bg{
		width: 1012px;
		background: url(/images/template-content-bg.png) top center repeat-y;
		float:left;
		}
			.cafe-top-content{
				width: 899px;
				background: url(/images/cafe-rose/cafe-top-bg.jpg) top left no-repeat;
				height: 172px;
				}
				
				.cafe-logo-template{
					width:196px;
					height:112px;
					padding: 20px 0 0 26px;
				}

			.content-area{
				width: 900px;

				margin: 0 0 10px 0px
				}
				
				.left-column{
					width:245px;
					float:left;
					}
					
					.left-column-top{
						width: 245px;
						float:left;
						background: url(/images/cafe-rose/left-col-top-bg.jpg) top left;
						height: 41px;
						}
							
					.left-column-content{
						width: 245px;
						float:left;
						background: url(/images/cafe-rose/left-col-cont-bg.jpg) top left;
						}
						
						.left-col-cafe-links{
							width: 212px;
							float:left;
							padding: 0 0 0 33px;
							}
								
								.left-col-cafe-links p{
									font-size: 12px;
									padding: 0 0 0 9px;
									color: #443e29;
									margin:0px;
									}
								
								.left-col-cafe-links ul{		
									font-size: 12px;
									list-style: none;
									margin:0px;
									padding:13px 0 10px 0;
									}
								
								.left-col-cafe-links li{							
									font-size: 12px;
		
									}						
								
								.left-col-cafe-links li a{
									color: #443e29;							
									padding: 0 0 0 26px;
									background:url(/images/arrow-square-brn.jpg) left no-repeat;
									line-height: 30px;
									}
								
								.left-col-cafe-links li a:hover{
									text-decoration:none;
									background:url(/images/cafe-rose/arrow-square-red.jpg) left no-repeat;
									}		
							
						.cafe-hours{
							width: 212px;
							float:left;
							padding: 20px 0 0 33px;
							color:#443f2b;
							}
							
							.cafe-hours h3{color:#710423; font-weight:bold;padding: 0 0 3px 0; margin: 0px;}

						.left-col-address{
							width: 212px;
							float:left;
							padding: 20px 0 0 33px;
							}
								.left-col-address a{font-size: 12px; color:#6b4d20;}
								.left-col-address a:hover{text-decoration: none;}
								.left-col-address p{font-size: 12px; color:#403b2b; margin:0px; padding:0px;}		
								.left-col-address h3{font-size: 12px; font-weight:bold; color:#710423; padding: 0 0 3px 0; margin: 0px;}	
								
					
					.left-column-bottom{
						width: 245px;
						float:left;
						background: url(/images/cafe-rose/left-col-btm-bg.jpg) top left;
						height: 75px;
						}	
						
						.bistro-logo-sm{
							width: 225px;
							float:left;
							padding: 40px 0 20px 20px;
						}
						
							.bistro-logo-sm p{
								text-decoration: underline;
								text-align:center;
							}						
							.bistro-logo-sm a:hover{text-decoration: none;}	
							
						.cafe-logo-sm{
							width: 225px;
							float:left;
							padding: 10px 0 0 20px;
						}

							.cafe-logo-sm p{
								text-decoration: underline;
								text-align:center;
							}						
							.cafe-logo-sm a:hover{text-decoration: none;}	
	
				.right-column{
					width:649px;
					float:left;
					}
				

			.cafe-footer-bg{
				width: 1012px;
				height:194px;
				background:url(/images/cafe-rose/cafe-footer-bg.jpg) top left no-repeat;
				color:#404040;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				text-align:center;
				}




/** Bistro Alex Template **/


	.bistro-header{
		width: 1012px;
		background:url(/images/bistro-alex/bistro-header-bg.jpg) top left no-repeat;
		height: 99px;
		float:left;
		}

	.template-content-bg{
		width: 1012px;
		background: url(/images/template-content-bg.png) top center repeat-y;
		float:left;
		}
			.bistro-top-content{
				width: 899px;
				background: url(/images/bistro-alex/bistro-top-bg.jpg) top left no-repeat;
				height: 172px;
				}
				
				.bistro-logo-template{
					width:196px;
					height:112px;
					padding: 20px 0 0 26px;
				}

			.content-area{
				width: 900px;

				margin: 0 0 10px 0px
				}
				
				.left-column{
					width:245px;
					float:left;
					}
					
					.left-column-top{
						width: 245px;
						float:left;
						background: url(/images/cafe-rose/left-col-top-bg.jpg) top left;
						height: 41px;
						}
							
					.left-column-content{
						width: 245px;
						float:left;
						background: url(/images/cafe-rose/left-col-cont-bg.jpg) top left;
						}
						
						.left-col-bistro-links{
							width: 212px;
							float:left;
							padding: 0 0 0 33px;
							}
								
								.left-col-bistro-links p{
									font-size: 12px;
									padding: 0 0 0 9px;
									color: #443e29;
									margin:0px;
									}
								
								.left-col-bistro-links ul{		
									font-size: 12px;
									list-style: none;
									margin:0px;
									padding:13px 0 10px 0;
									}
								
								.left-col-bistro-links li{							
									font-size: 12px;
		
									}						
								
								.left-col-bistro-links li a{
									color: #443e29;							
									padding: 0 0 0 26px;
									background:url(/images/arrow-square-brn.jpg) left no-repeat;
									line-height: 30px;
									}
								
								.left-col-bistro-links li a:hover{
									text-decoration:none;
									background:url(/images/bistro-alex/arrow-square-blue-hover.jpg) left no-repeat;
									}		
							
						.bistro-hours{
							width: 212px;
							float:left;
							padding: 20px 0 0 33px;
							color:#443f2b;
							}
							
							.bistro-hours h3{color:#062c58; font-weight:bold;padding: 0 0 3px 0; margin: 0px;}

						.left-col-address-bistro{
							width: 212px;
							float:left;
							padding: 20px 0 0 33px;
							}
								.left-col-address-bistro a{font-size: 12px; color:#6b4d20;}
								.left-col-address-bistro a:hover{text-decoration: none;}
								.left-col-address-bistro p{font-size: 12px; color:#403b2b; margin:0px; padding:0px;}		
								.left-col-address-bistro h3{font-size: 12px; font-weight:bold; color:#062c58; padding: 0 0 3px 0; margin: 0px;}	
								
					
					.left-column-bottom{
						width: 245px;
						float:left;
						background: url(/images/cafe-rose/left-col-btm-bg.jpg) top left;
						height: 75px;
						}				
						
				.right-column{
					width:649px;
					float:left;
					}
				

			.bistro-footer-bg{
				width: 1012px;
				height:194px;
				background:url(/images/bistro-alex/bistro-footer-bg.jpg) top left no-repeat;
				color:#404040;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				text-align:center;
				}


/** TENDENCI **/
.titles { font-size: 18px; font-weight: bold; color: #6C4D1F}
.subtitles {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.body_copy {}
.currency { font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {font-weight: bold; text-decoration: none}
.bold_body_copy_blue { font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy { font-size: 14px; color: #000000; text-decoration: none}
.links { }
.copyright { font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs { font-size: 10px; color: #999999}
.body_copy_alerts {font-size: 12px; color: #FF0000}
.body_copy_invert {font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00;font-size: 12px; font-style: normal; color: #000000}
.reports { font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy {font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles {font-size: 14px; font-weight: bold; color: #000000}
.reports_titles {font-size: 18px; font-weight: bold; color: #000000}

div#skiptocontent {position: absolute; left: -9999px;}
	 

.color1 {
	background-color: #993300;
}
.color2 {
	background-color: #999999;
}


td { 

}

input{font-family:"Trebuchet MS", Arial, Helvetica, sans-serifa; font-size:12px; padding: 2px; margin: 2px; color:#6d6460; border: 1px solid #999
}
input:focus {color:#333; background-color:#fff5ed; border: 1px solid #f37a18 }

textarea{

}


select{

}