/* ---- =Header! --------------------------------------------------------- */

#header-side {
	top:20px;
}




/* ---- =Nav! --------------------------------------------------------- */

#nav-container {
	background:#fff2e3 url(/images/nav-bg-2.gif) no-repeat left top;
}
#navlist li {
	background: url(/images/nav-items-2.gif) 0 0 no-repeat; 
}
#navlist li a:hover {
	background: url(/images/nav-items-2.gif) no-repeat; 
}

/*#navlist li a {
	color:#544741;
}
#navlist li a:hover {
	color:#808080;
}*/



/* ---- =Content Structure! --------------------------------------------------------- */

#interior-container {
	/* I <3 IE7 !! */
	background: #D1D1C7 url('/images/content-bg.gif') repeat-y;

}
#content-container {
 position:relative;
	background: #D1D1C7 url('/images/content-bg.gif') repeat-y;
	padding-top:90px;
}
#main-column {
	zzzzposition:relative;
	float:left;
	display:inline;
	width:420px;
	padding:0px 25px 0 25px;
	color:#564741;
}
#side-column {
	position:relative;
	float:right;
	display:inline;
	width:210px;
	padding:25px;
	padding-right:15px;
	padding-bottom:15px;
}





/* ---- =Main Content Styles! --------------------------------------------------------- */

#main-content {
 padding-bottom:115px;
}

#main-content h1 {
	font: italic 16px Arial, Helvetica, sans-serif;
	margin-bottom:1em;
}
#main-content h2 {
	margin-top:-0.2em;
	margin-bottom:0.8em;
}


/* ---- =Photo List! ---- */

ul#photo-list {
	width:420px;		/* CodeBoi: was: 390 */
	/* CodeBoi: height:130px; */
	padding-top:15px;
}
#content-container ul#photo-list {		/* override main layout CSS !!! */
 padding-left:0;
 list-style-type:none;
}
ul#photo-list li {
	list-style-type:none;
	width:127px;
	float:left;
	display:inline;
	margin-right:18px;
	text-align:center;
	font-size:11px;
	line-height:1;
}
ul#photo-list li.first {
	zzzmargin-left:0;
}
zzzzul#photo-list li.center {
	zzzpadding:0 30px;
}
ul#photo-list li.third {
	margin-right:0;				/* every third list item should have this */
}
ul#photo-list li img {
	width:115px;
	height:115px;
	zzzborder:6px solid #fff2e3;
	margin-bottom:5px;
}
ul#photo-list li a {
 text-decoration:none;
}
ul#photo-list li a img {
 border:6px solid #FFF2E3;
}
ul#photo-list li a:hover img {
 border-color:#FFF;
}




/* ---- =Logo List at bottom! ---- */
/* Note, ensure enough padding-bottom is created in main-content for this ...*/

#logo-list {
	position:absolute;
	bottom:0;
	background: url('/images/logo-list-vertical-separator.gif') no-repeat 50% 30px;
padding-bottom:10px;
 width:420px;
}
#logo-list ul {
	list-style-type:none;

}
#logo-list ul li {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	padding-top:5px;
	text-indent:-9999px;
}
#logo-list ul li a {
	display:block;
	padding-bottom:1px;
}
#logo-list ul li a#hkgen {
	background: url('/images/logo-hkgenerations.gif') no-repeat;
	width:68px;
	height:83px;
	margin-left:70px;

}
#logo-list ul li a#hopkiln {
	margin-left:105px;
	padding-top:18px;
	width:157px;
	height:26px;
	background: url('/images/logo-hopkiln.gif') no-repeat bottom center;
}





/* ---- =Side Column Styles! --------------------------------------------------------- */

#side-column {
	margin-top:20px;
	font-family: Georgia, Garamond, "Times New Roman", Times, serif;
	font-weight:normal; /* was: bold */
	color:#AF9C8E;  /* was: #897668 */
	line-height:1.6;
	background: url('/images/sidecol-bg.jpg') no-repeat center top;
	
	min-height:475px;
	height:auto !important;
	height:475px;		/* love IE6, baby! */
	background-color:#3E3432;

}
#side-column h1 {
	font: normal 24px Georgia, Garamond, serif;
	margin-top:10px;
	margin-left:-10px;
	margin-bottom:18px;
}
#side-column p {
 margin-right:7px;
}
#side-column a {
	color:#DBC3B2;
	text-decoration:none;
}
#side-column blockquote {
	margin-bottom:18px;

}
#side-column a:hover {
	color:#D3B6A1;
	text-decoration:underline;
}

#side-column ul {
	margin-left:1em;
	padding-left:8px;
	font-size: 11px;
	margin-bottom:18px;
}
#side-column ul ul {
	margin-bottom:0;
}
#side-column ul li {
	margin-top:5px;
	margin-bottom:5px;
	list-style: url(/images/sidecol-listdeco.gif) outside;
	font-style: italic;
	line-height:1.2;
}
#side-column ul li a {
	color: #f7ebdc;
	text-decoration:none;
	font-weight:bold;
}
#side-column ul li a:hover {
	color: #FFF;
	text-decoration:underline;
}




/* special override for the "social icons" list! */

#side-column ul#social-icons-list li {
	list-style:none;
	text-indent:-9999px;
	float:left;
	display:inline;
	margin-right:10px;
}
#side-column ul#social-icons-list li a,
#side-column ul#social-icons-list li a:hover {
	display:block;
	text-decoration:none;
}
ul#social-icons-list li#social-icon-facebook a {
	background:url('/images/social-icon-facebook.jpg') no-repeat;
	width:30px;
	height:30px;
}
ul#social-icons-list li#social-icon-twitter a {
	background:url('/images/social-icon-twitter.jpg') no-repeat;
	width:30px;
	height:30px;
}
ul#social-icons-list li#social-icon-yelp a {
	background:url('/images/social-icon-yelp.jpg') no-repeat;
	width:76px;
	height:38px;
}