/* CSS page layout document */

/* index.html layout */
#homepage #page-content {
	height:auto;
}
#homepage #page-content .col-1 {
	text-align:center;
}

/* Our-Teas.html layout */
#ourteas #page-content {
	height:auto;
	text-align:center;	
}
#tea-content-box {
	float:left;
	position:relative;

}
#tea-content-box p {
	text-align:center;
}

#tea-content-box a {
	outline: none;	
}

#tea-content-box a img {
	border: 1px solid #BBB;
	padding: 2px;	
	margin: 10px 15px 0px 15px;
	
	width:150px;
	height:200px;

}

/* for single image blocks */
#tea-content-1 {
	display:block;
}

#tea-content-1 a img {
	border: 1px solid #BBB;
	padding: 2px;	
	margin: 10px 15px 0px 15px;
}

/* for dual image blocks */
#tea-content-2 {
	position:relative;
	float:left;
	left:30%;
}

#tea-content-2 a img {
	border: 1px solid #BBB;
	padding: 2px;	
	margin: 10px 15px 0px 15px;
}

/* for 4 image blocks */
#tea-content-4 {
	position:relative;
	float:left;
	left:11%;

}
#tea-content-4 a img {
	border: 1px solid #BBB;
	padding: 2px;	
	margin: 10px 15px 0px 15px;
}

/* for 8 image blocks */
#tea-content-8 {
	position:relative;
	float:left;
	left:11%;

}
#tea-content-8 a img {
	border: 1px solid #BBB;
	padding: 2px;	
	margin: 10px 15px 0px 15px;
}
/* 2nd row */
#tea-content-82 {
	clear:both;
	position:relative;
	float:left;
	left:11%;


}
#tea-content-82 a img {
	border: 1px solid #BBB;
	padding: 2px;	
	margin: 10px 15px 0px 15px;
}


/* Contact-Us.html */
/*Address/Opening hours*/
#contactus #page-content .col-1 {
	float:left;
	border: 1px solid #BBB;
	padding: 10px;
	margin: 0px 15px 10px 15px;
}
/*Mailer Form*/
#contactus #page-content .col-2 {
	float:left;
	border: 1px solid #BBB;
	padding: 10px;
	margin: 10px 15px 10px 15px;

}
/*Google Maps*/
#contactus #page-content .col-3 {
	float:left;
	margin:0px 5px 10px 5px;
	
}
/*Facebook Box*/
#contactus #page-content .col-4 {
	float:right;
}

/* Tea-Menu.html */
#teamenu #page-content .col-1 {
	WIDTH: 435px; MARGIN-RIGHT: 0px;
	padding-left:15px;
	float:left;
}
#teamenu #page-content .col-2 {
	padding-right:15px;
	WIDTH: 436px;
	float:right;
}
#teamenu #page-content .col-3 {
	padding-right:29%;
	padding-left:29%;	
}

/* Food-Menu.html */
#foodmenu #page-content .col-1 {
	WIDTH: 435px; MARGIN-RIGHT: 0px;
	padding-left:15px;
	float:left;
}
#foodmenu #page-content .col-2 {
	padding-right:15px;
	WIDTH: 436px;
	float:right;
}
#foodmenu #page-content .col-3 {
	padding-right:29%;
	padding-left:29%;	
}


#page3 #content .col-1 {
	WIDTH: 324px; MARGIN-RIGHT: 5px
}
#page3 #content .col-2 {
	WIDTH: 324px; MARGIN-RIGHT: 5px
}
#page3 #content .col-3 {
	WIDTH: 324px
}