/********************************************************/

/*	GLOBAL PAGE SETUP - BODY, FONTS	*/

/********************************************************/

html, body {
	font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
    margin: 0; 
    padding:0;
	color:#898470; 
	background: #423A27 url(../images/bayviews.jpg);
	}	
	

body, h2, h3, h4, h5, table, form, code, pre, fieldset, legend, dl, dt, dd {
	margin:0; padding:0; border: none;
	}

table, tr, td {
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	}

hr {
	color: #ccc;
	height: 1px;
	border: 1px dotted #ccc;
	margin: 5px 0 10px 0;}

p, h1, h2, h3, h4, h5, h6 {
	padding-left: 30px;
	padding-right: 30px;}


/********************************************************************/
/*	PRINT ONLY STYLES 												*/
/*  hide for screen css
/********************************************************************/

#bayviews_warnersbay {
	display: none;
	float: none; }

	#bayviews_warnersbay div.function_venue_warners_bay { display: none; float: none; }
	#bayviews_warnersbay div.function_venue_lake_macquarie { display: none; float: none; }
	#bayviews_warnersbay div.function_venue_hunter { display: none; float: none; }

/********************************************************************/
/*	CONTAINER ZONES  												*/
/*  each zone forms the page layout holders
/********************************************************************/

/* OUTER CONTAINER - top gradient */
#restaurant {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	clear: both;
	background-image: url(../images/warnersbay.jpg);
	background-repeat: repeat-x;	
	}


/********************************************************************/
/*	TOP SECTION   												*/
/*  logos & photos
/********************************************************************/

/* TOP HOLDING CONTAINER */
#warners_bay {
	width: 992px;
	position: relative;
	margin: 0 auto;
	text-align: center;
	clear: both;
}

/* Bay views LOGO CONTAINER */
#wedding {
	width: 224px;
	height: 119px;
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
	clear: left;	}
	
/* top photos container */
#cafe {
	width: 526px;
	height: 119px;
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
	text-align: center;
	}	
	
	#cafe img {
	padding: 9px;
	margin: 18px 0 0 0;
	padding: 0;
	margin: 0;}
	
/* Brown Sugar LOGO container */
#brownsugar {
	width: 242px;
	height: 119px;
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
	}	
	

/********************************************************************/
/*	MIDDLE SECTION   												*/
/*  content area and right pane
/********************************************************************/

/* MIDDLE HOLDING CONTAINER */
#brown_sugar {
	width: 992px;
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 0;
}
	#brown_sugar:after {
	content:"";
	display:block;
	clear:both; 	}
	* html #brown_sugar { height:1px;	}


/****************************************/

/*	NAVIGATION - main menu				*/

/****************************************/	


/* CONTAINER - for nav/left pane 	*/
#lake_macquarie {
	width: 210px;
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
	border: 7px solid #fff;
	background-color: #869231;
	}
/*	#lake_macquarie:after {
	content:"";
	display:block;
	clear:both; 	}
	* html #lake_macquarie { height:1px;	}*/
	
	

/* CONTAINER 	*/
#function {
	margin: 0;
	width: 200px;
	padding: 5px 0 0 10px;
	position: relative;
	clear: both;
	}
	#function:after {
	content:"";
	display:block;
	clear:both; 	}
	* html #function { height:1px;	}
	
#function ul {
	padding: 0 0 0 0;
	margin: 0;
	}

#function ul li {
	list-style-type: none;	
	font-size: 12px;
	text-align: right;
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
	width: 190px;
	height: 32px;	
	z-index: 2;
	}

#function ul li a:link, #function ul li a:visited {
	display: block;
	padding: 8px 6px 0 0;
	margin: 0;
	color: #fff;
	height: 24px;
	border-bottom: 1px solid #EAEAEA;
	text-decoration: none;
	z-index: 2;	
	}

#function ul li a:hover, #function ul li a:active {
	color: #fff;
	border-left: 5px solid #fff;
	width: 179px;	
	background-color: none;
	z-index: 1;
	}

#function ul li.active {
	background-image: url(../images/function.gif);
	background-repeat: no-repeat;
	background-position: 195px 11px;
	font-weight: bold;
	width: 190px;
	padding: 0 10px 0 0;	
	margin: 0 0 0 0;
	color: #60696C;
	z-index: 3;
 }

#function ul li.active a:hover, #function ul li.active a:active {
}


/****************************************/

/* SUBSCRIBE FORM	 					*/

/****************************************/	

/* ERROR MESSAGE FOR SUBSCRIBE ONLY */
#suberrorhd ul {
	width: 196px;
	margin: 5px 0 5px 14px;
	padding: 0;
	}
	
#suberrorhd ul li{
	color: #FFFF00;
	padding: 1px 0 1px 0px;
	font-size: 11px;
	margin: 0;
	list-style-type: none;
	}	
	
/* SUBSCRIBE FORM - container PENNY */
#conference form {
	clear: both;}

#conference {
	width: 190px;
	height: 410px;
	margin: 30px 10px 0 10px;
	padding: 0;
	position: relative;
	clear: both;
	}	

	#conference:after {
	content:"";
	display:block;
	clear:both; 	}
	* html #conference { height:1px;	}
	
#conference h1 {
	font-family: Century Gothic, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #CCCC33; 
	padding: 0 10px 0 13px;
	margin: 0;}	

#conference p {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CFD3AD; 
	padding: 0 7px 3px 13px;
	margin: 0; }		

/* subscribe form styles */
#conference form {
	padding: 0;
	margin: 0;
	}

/* labels */	
#conference h2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #626231; 
	padding: 7px 10px 0 15px;
	margin: 0;}		

/* text fields */
#conference input {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 110%;
	color: #FFFFFF;
	padding: 0;
	margin: 0 0 0 13px;
	border: 1px solid #727C29;
	width: 160px;
	height: 18px;
	background-color: #869231;	}
	
/* submit button */
#conference .submit {
	margin: 5px 0 0 5px;
	padding: 0;
	border: 0;
	width: 86px;
	height:	 37px }	
	
/* footer note */	
#conference h3 {
	font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #B3B979; 
	padding: 7px 10px 0 15px;
	margin: 0; }		

	#conference h3 a:link, #conference h3 a:visited, #conference h3 a:hover, #conference h3 a:active  {
	color:  #B3B979;
	}
	
/****************************************/

/* PHONE, ADDRESS & MAP LINK			*/

/****************************************/

#dining {
	width: 210px;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 0 0 0;
	margin: 20px 0 0 0;
	z-index: 3;
	border: 0;
 }	

#dining img {
	border: 0;
}

/****************************************/

/* MAIN BODY CONTAINER 					*/

/****************************************/	

/* CONTENT AREA CONTAINER */
#venue {
	width: 742px;
	margin: 0 0 0 12px;
	padding: 0 0 0 0;
	float: left;
	position: relative;
	background-color: #fff;
	border: 7px solid #fff;	
	overflow: visible;
	}	
	#venue:after {
	content:"";
	display:block;
	clear:both; 	}
	* html #venue { height:1px;	}


/****************************************/

/*	CONTENT AREA					*/

/****************************************/	

#content {
	width: 500px;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: visible;
 	}
	#content:after {
	content:"";
	display:block;
	clear:both; 	}
	* html #content { height:1px;	}

/* CONTENT STRETCH */
#food {
	width: 1px;
	height: 450px;
	float: left;
	padding: 0;
	margin: 0;
	display: none; }
	
	

/****************************************/

/*	CONTENT ZONE - font styles		*/

/****************************************/	

	
#content p	{
	line-height: 140%;
	text-align: left;
	padding: 5px 40px 10px 30px;
	margin: 0;
	}	


#content p a:link, #content p a:visited { 	color: #B0A887; text-decoration: none; }
#content p a:hover, #content p a:active {	color: #B0A887; text-decoration: underline; }


/* main page header */
#content h1 {
	font-family: Century Gothic, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #869231;
	padding: 20px 30px 10px 30px;
	margin: 0 0 0 0;
	}	
	
/* standard bold subheader in beige */
#content h2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, Century Gothic, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #B0A887;
	padding: 10px 30px 0 30px;
	margin: 0 0 0 0;
	}	

/* HEADER with dotted underline */
#content h3 {
	font-family: Century Gothic, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #B0A887;
	width: 440px;
	border-bottom: 1px dotted #ccc;
	padding: 0;
	margin: 30px 30px 2px 30px;
	height: 24px;
	}	

/* SPACED HEADER with BG*/
#content h4 {
	font-family: Tahoma, Verdana, Arial, Helvetica, Century Gothic, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 125%;
	text-align: center;
	width: 450px;
	height: 16px;
	color: #B0AA9D;
	letter-spacing: 3px;
	margin: 10px 0 0 30px;
	padding: 0;
	text-transform: lowercase;
/*	border-top: 1px dotted #BAB4A9;
	border-bottom: 1px dotted #BAB4A9;*/
	background-color: #EBEBE4;	
	}	

/* CONTENT PHOTOS - home */
#content img.photo {
	float: right;
	padding: 0;
	margin: 0 30px 5px 0;
	border: 0;	
	}

/* MENU IMAGES #1 */
#content img.photo1 {
	float: right;
	clear: right;
	padding: 2px;
	margin: 9px 30px 5px 10px;
	border: 4px solid #E7E5DB;	
	}

/* MENU IMAGES #2 */
#content img.photo2 {
	padding: 2px;
	margin: 5px 30px 10px 10px;
	border: 4px solid #EAE8E5;
	float: right;
	clear: right;
	width: 100px;
	height: 75px;
	z-index: 3; }
		

/* WEDDING/FUNCTION PACKAGE MENU IMAGES */
#content img.photo3, #content img.photo3 a:link, #content img.photo3 a:visited {
	padding: 2px;
	margin: 9px 10px 10px 30px;
	border: 0;
	float: left;
	border: 4px solid #EAE8E5;	
	width: 80px;
	height: 60px;	
		
	}

/* ITEM3 MAIN PHOTO - WIZARD */
#content div.photo4 {
	width: 440px;
	margin: 10px 0 10px 30px; 
	padding: 0;
	clear: both;
	}

/* ITEM3 MAIN PHOTO - WIZARD */
#content img.photo4 {
	float: left;
	padding: 2px;
	margin: 10px 25px 10px 0;	
	border: 4px solid #EAE8E5;	
	width: 100px;
	height: 75px;
	display: inline;
	}
	
	
.clearer {
	width: 98%;
	height: 1px;
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
	overflow: visible; }
	
#content .textsmall {
	font-size: 100%;
	color: #999999;	}	
		
.errorhd, .errortxt, li.errortxt {
	color: #CC0000;
	margin: 0;
	padding: 2px 30px 2px 30px; }
	
li.errortxt	{
	margin: 3px 0 5px 15px;
	padding: 2px 0 2px 0;}

.errorhd {
	font-weight: bold; }	

.itemtxt1, .itemtxt2, .itemtxt3 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 0 0;
	padding: 0 30px 10px 30px; }
	
.itemtxt1 { color: #788387; }	
.itemtxt2 { color: #333; margin-bottom: 8px; }	
.itemtxt3 { color: #B0A887; }	


/****************************************/

/*  SMOOTH SCROLL GALLERY - content  	*/

/****************************************/

div.function_venue {
	width: 500px;
	margin: 5px 0 5px 0px;
	padding: 0;
	background-color: red;
	}
	#function_venue:after {
	content:"";
	display:block;
	clear:both; 	}
	* html #function_venue { height:1px;	}

/*
div.function_venue img {
	border: 4px solid #EAE8E5;
	margin: 0 10px 10px 0;
	padding: 2px;
	float: left;
	width: 80px;
	height: 60px;
	}
*/
/****************************************/

/*  SMOOTH SCROLL GALLERY - content  	*/

/****************************************/

/* title */
#photo_gallery {
	position: absolute;
	bottom: 90px;
	left: 185px;
	z-index: 3;
	padding-top: 50px; 
	margin-top: 100px;
	}

/* gallery container - with beige bg */
#waterview {
	background-color:#BAB4A9;
	width: 500px;
	height: 105px;
	margin: 0 0 0 0;
	position: absolute;
	bottom: 0;
	left: 0;
	clear: both;
	padding: 0;
	z-index: 2;
	}
	
/* Styles for scrolling layers  
Specify width and height in hold and wn, and in clip for wn */

div#hold	{ 
	position:relative; overflow:hidden;
	width:460px; height:104px; z-index:100; float: left;
	margin: 0 auto; text-align: center;
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:460px; height:104px; 
	clip:rect(0px, 460px, 104px, 0); 
	overflow:hidden;	
	z-index:1; 
	}
div#lyr1	{ 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:1; 
	}

img.water {
	width: 100px;
	height: 75px;
	border: 2px solid #fff;
	margin: 15px 6px 0 6px;
	padding: 0;}


/* BACK & NEXT icons */
#waterview img.back { float: left; border: 0; padding: 50px 6px 0 6px;}
#waterview img.next { float: right; border: 0; padding: 50px 6px 0 6px;}	


/****************************************/

/*	RIGHT PANE - photo & features		*/

/****************************************/	

#bay {
	width: 235px;
	padding: 0;
	margin: 0 0 0 7px;
	background-color: #453D33;
	float: left;
	position: relative;
	z-index: 1;
	}
	#bay:after {
	content:"";
	display:block;
	clear:both; 	}
	* html #bay { height:1px;	}


/****************************************/

/*	FEATURE IMAGES - right fade			*/

/****************************************/	

#best_restaurant {
	width: 235px;
	height: 400px;
	position: absolute;
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	z-index: 1; }


/****************************************/

/*	NEWS & EVENTS - under nav menu			*/

/****************************************/	

#seafood {
	width: 235px;
	padding: 0;
	margin: 0;
	text-align: left;
	position: absolute;
	top: 360px;
	left: 0;
	z-index: 2;
	}

/* HEADER IMAGE */
img.seafood {
	text-align: left;
	margin: 0;
	padding: 0;
	z-index: 2;
	}

/* FEATURED CONTAINER */
#waterfront_venue {
	position: relative;
	padding: 403px 0 0 0;	
	margin: 0 0 0 0;
	z-index: 3;	
}
	#waterfront_venue:after {
	content:"";
	display:block;
	clear:both; 	}
	* html #waterfront_venue { height:1px;	}


/* NEWS SECTION CONTAINER */
#lake {
	width: 225px;
	position: relative;
	padding: 5px 0 10px 10px;
	margin: 0 0 0 0;
	z-index: 3;
	}
	#lake:after {
	content:"";
	display:block;
	clear:both; 	}
	* html #lake { height:1px;	}


/* EVENTS CONTAINER */
#wedding_reception {
	width: 225px;
	position: relative;
	padding: 5px 0 10px 10px;
	margin: 0 0 0 0;
	z-index: 3;
	}
	#wedding_reception:after {
	content:"";
	display:block;
	clear:both; 	}
	* html #wedding_reception { height:1px;	}		
	
/* ITEM CONTAINER */
div.hunter {
	width: 195px;
	text-align: center;
	margin: 0 15px 0 15px;
	padding: 10px 0 5px 0;
	position: relative;
	z-index: 3;
	clear: both;
	}
	div.hunter:after {
	content:"";
	display:block;
	clear:both; 	}
	* html div.hunter { height:10px;	}		
	
	div.hunter img {
	width: 60px;
	height: 45px;
	float: left;
	margin: 0 6px 0 0;
	padding: 2px;
	border: 2px solid #EAEAEA;
	}

	div.hunter h1 {
	color: #788387;
	color: #869231;	
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin: 0;
	}
	
	div.hunter p {
	color: #B5B1AD;
	font-size: 11px;
	text-align: left;
	line-height: 115%;
	margin: 0;
	padding: 4px 0 0 0;
	}
		
	div.hunter p a:link, div.hunter p a:visited {
	color: #FFF;
	font-size: 11px;
	text-align: left;
	margin: 0;
	padding: 0 0 10px 0;
	text-decoration: none;
	}

	div.hunter p a:hover, div.hunter p a:active {
	text-decoration: underline;}



/****************************************/

/*  FOOTER SECTION - below gallery	 	*/

/****************************************/	

/* FOOTER CONTAINER - credits copyright links  */
	#brownsugar_restaurant {
	width: 992px;
	margin: 0 auto;
	text-align: center;
	padding: 20px 0 4px 0;
	color: #BAB4A9;
	position: relative;
	clear: both;
	}
	
	#brownsugar_restaurant a:link, #brownsugar_restaurant a:visited {	color: #BAB4A9; text-decoration: none; }
	#brownsugar_restaurant a:hover, #brownsugar_restaurant a:active { color: #FFF; text-decoration: underline; }		
	
	/* Web Sharp Designs link */
	#web_site_design_newcastle {
	width: 992px;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 30px 0;
	color: #9D9686;
	position: relative;
	clear: both;	}	
	
	#web_site_design_newcastle a:link, #web_site_design_newcastle a:visited { color: #9D9686; text-decoration: none; }
	#web_site_design_newcastle a:hover, #web_site_design_newcastle a:active { color: #FFF; text-decoration: underline; }	




/****************************************/

/*	    DATABASE ITEMS 					*/

/****************************************/

/* PDF link & image */
div.pdflink {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B2A97D;
	width: 300px;
	padding: 0 0 0 0;
	margin: 2px 0 3px 20px;
	clear: left;
	}

div.pdflink a:link, div.pdflink a:visited { 
	color:#B0A887;	text-decoration: none; }
div.pdflink a:hover, div.pdflink a:active { 
	color: #CB5832; text-decoration: underline;}
	
img.pdflink {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 0;
	float: left; }



/***********************
	FORM STYLES
***********************/

/* USED ON CONTACT FORM */
#content form {
	padding: 10px 0 0 30px;
	width: auto;
	}

/* beige bg - */	
#content .formHeader {
	font-size: 11px;
	color: #A49D8E;
	text-align: center;
	width: 440px;
	height: 14px;
	line-height: 115%;
	margin: 10px 0 10px 0;
	padding: 2px;
	background-color: #EBE9E2;
	clear: both;
	}
#content .formLabel {
	font-family: Century Gothic, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B0A887; 
	padding: 3px 0 5px 6px;
	float: left;
	width: 160px;	}

#content .formNote {
	font-size: 11px;
	color: #888;
	margin: 2px 0 10px 0;
}


/* GENERIC STYLES FOR TEXT FIELDS, CHECK BOX, SELECT MENU, SUBMIT, ETC */
input {
	margin: 0 0 15px 0;
	width: 240px;
	border: 1px solid #ccc;
	clear: right;
	}
	
input.textarea {
	margin: 0 0 15px 0;
	width: 240px;
	border: 1px solid #ccc;
	clear: right;
	}	

input.txtSml {
	width: 50px;
	margin: 4px 0 10px 0;
	clear: right; }
			
input.checkbox {
	padding: 2px;
	margin: 2px 1px 0 0;
	border: 0;
	width: 25px }	

input.submit {
	width: 86px;
	height: 37px;
	margin: 10px 0 0 0;
	clear: right;
	border: 0;
	}
	
select {
	font-size: 11px;
	width: 60px;
	padding: 2px 2px 2px 3px;
	color: #666;
	margin: 5px 5px 0 0;
	background-color: #fff;
	border: 1px solid #CEDBDA;
	float: left;
 }
 
select.large {
	font-size: 11px;
	width: 200px;
	padding: 4px 2px 4px 4px;
	color: #444;
	margin: 5px 5px 5px 0;
	background-color: #fff;
	border: 1px solid #CEDBDA;
	float: left;
	clear: right;
 }	

/* PHOTO GALLERY - select category */
#gallery {
	width: 437px;
	padding: 5px;
	margin: 8px 0 0 30px;
	border: 1px solid #e2e2e2;
	overflow: visible;
	}
	#gallery:after {
	content:"";
	display:block;
	clear:both; 	}
	* html #gallery { height:1px;	}			

#gallery p {
	font-family: Century Gothic, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #6C6453;
	float: left;
	padding: 10px 8px 8px 8px;
	margin: 0;
}
select.photos {
	font-size: 11px;
	width: 150px;
	padding: 2px 2px 2px 3px;
	color: #666;
	margin: 0 5px 0 0;
	background-color: #fff;
	border: 1px solid #CEDBDA;
	float: left;	}
	
	
	
textarea {
	margin: 0 0 10px 0;
	width: 440px;
	height: 60px;
	border: 1px solid #ccc;
	clear: right;
}	
select.dropdown {
	font-size: 11px;
	width: 60px;
	height: 20px;
	padding: 2px 2px 2px 3px;
	color: #666;
	background-color: #fff;
	border: 1px solid #CEDBDA;	 }		

/* HIDDEN FIELD to reduce spam */
.moreinfo {
	width:5px;
	visibility:hidden;
	display: inline;
	}


/****************************************/

/*	SEARCH - currnetly not used!!!!!	*/

/****************************************/	

	/* CONTAINER */
	#search {
		width: 260px;
		height: 75px;
		border: 1px dotted #DFDCDA;
		text-align: left;
		padding: 10px;
		margin: 20px auto 10px auto;
		overflow: visible;
		}
	
	#search img.find {
		clear: right;	}
		
	#search p {
		color: #A6B0B7;
		padding: 0;
		margin: 0;
		}
	#search input.search {
		width: 210px;
		height: 16px;
		vertical-align: middle;		
		border: 1px solid #E6E9EB; }
		
	#search .searchbutton {
		width: 32px;
		height: 31px;
		border: 0;
		padding: 5px 5px 5px 2px;
		vertical-align: middle; }
		
#map	{
	width: 430px;
	height: 430px;
	z-index: 4;
	margin: 10px 0 10px 30px;
	border: 3px solid #ccc;
	padding: 2px;
	clear: both;
	 }

/****************************************/

/*	SUB-DOMAIN PAGES					*/

/****************************************/	

#wedding_venue {
	width: 500px;
	margin: 20px auto 20px auto;
	text-align: center;
	background-color: #fff;
	padding: 0 5px 20px 0;
	}	
	
#restaurant_warners_bay {
	width: 500px;
	margin: 20px auto 20px auto;
	text-align: center;
	background-color: #fff;
	padding: 0 5px 20px 0;
	}		