/**
 * cfd27.com Master Stylesheet
 * -- shared with wordpress pages
 * 
 * @version 1.1
 * @author Grace Pok (www.gracepok.com)
 * 
 * Color Theme:
 * Basic structure:
 */

/* -------------------------
 * General Style
 * -------------------------
 */
body {
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0;	padding: 0;
	color: #555;
	background: url("../assets/whitebar900.gif") repeat-y center;
}

p, h1, h2 {
	color: #555;
}

a 			{ }
a:link 		{ }    /* unvisited link */
a:visited 	{ }  	/* visited link */
a:hover 	{ text-decoration: underline; }   /* mouse over link */
a:active 	{ }   /* selected link */




/* --------------------------------
 * Mastheadwapper -- Util Menu + MastHead(Logo + Address) + Menu
 * --------------------------------
 */
#mastheadwrapper {
	background-color: white;
	border-top: 2px solid black;
}

#masthead, #menu, #utilmenu {
	width: 900px;
	margin: auto;
}
#masthead { 
	padding: 8px 0;
	width: 880px; /* made smaller */
}

#logo {
	width: 375px;
	height: 60px;
	padding-left: 0px;
	float: left;
}
#logo a { float: left; }
#logo img { border: 0px; }
p.addr {
	float: right;
	width: 165px;
	margin: 0;
	margin-top: 2px;
	text-align: right;
	font-size: 14.5px;
	line-height: 1.25;
}


#menu, #utilmenu, #catalogmenu {
	list-style-type: none; 
}

/* main navigation */
.menudiv {
	padding: 3px;
	height: 17px;
	border: 1px solid black;
	border-left-width: 0px;
	border-right-width: 0px;
}
#menu {
	text-align: center; 
	padding: 0;	
	margin: 0 auto;
	font-size: 80%;
}

#menu li {
	/* padding: 0px 30px; -- after design change */
	padding: 0px 45px;
	display: inline;
}
#menu li a			{ font-weight: bold; text-decoration: none; }
#menu li a:link 		{ font-weight: bold; text-decoration: none;   }    /* unvisited link */
#menu li a:visited 	{ font-weight: bold; text-decoration: none;   }  	/* visited link */
#menu li a:hover 	{ border-top: 0px solid black; }   /* mouse over link */
#menu li a:active 	{ }   /* selected link */


/* have proper arrow color for Browse Catalog */
a#navcat {
	background: url('../assets/arrow.gif') no-repeat 1px 4px;
	padding-left: 12px;
}
a#navcat:hover { background-position: 1px -16px; }
a#navcat.viewtoggle { background-position: 0px -34px; }
a#navcat.viewtoggle:hover, #pgcatalog a#navcat.viewtoggle { background-position: 0px -54px; }


/* Browse Catalog navigation 
 * ------------------------------------*/
#catalogmenuwrap, ul.subcatmenu {
	background-color: #4D4D4D; /* custom color applied later */
}
#catalogmenuwrap, #catalogmenu {
	 /* needed for both elements to prevent skewing in IE */
}
#catalogmenuwrap {
	width: 920px;
	position: absolute;
	left: 50%;
	margin-left: -460px;
	z-index: 50;  /* make menu appear on top of the thumbnails on design page, but less than 90 b/c of lightbox */
}
#catalogmenu {
	margin: 0 auto;
	padding: 0;
	width: 880px; padding-left: 40px; /* SUM == catalogmenuwrap.width */
	min-height: 24px;
}
#catalogmenu a {
	color: white;
	text-decoration: none;
	font-size: 80%;
}
#catalogmenu li, ul.subcatmenu {
	width: 160px;  /* same width for mastercat and subcat */
}

#catalogmenu li {
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
	height: 24px;
}
#catalogmenu li a {
	display: block;
	padding: 3px 0px 1px 15px;
	height: 20px;
	font-weight: bold;
}
ul.subcatmenu {
	list-style-type: none;
	padding: 3px 0;
	margin: 0;
	position: absolute;
	z-index: 100;  /* make menu appear on top of the thumbnails on design page */
	visibility: hidden;
}

#catalogmenu ul.subcatmenu li {
	margin: 0px;
	line-height: 100%;
	text-align: left;
	float: none;
	height: 22px;
}


#catalogmenu ul.subcatmenu li a {
	font-weight: normal;
}
#catalogmenu ul.subcatmenu li a:hover {
	color: red; /* custom color applied later */
}

#catalogmenu li:hover ul.subcatmenu, #catalogmenu li.hover ul.subcatmenu {
	visibility: visible;
}

#catalogmenu li { behavior: url(style/hover.htc); }




/* Utility Navigation */
.utilmenudiv {
	display: none;
	background-color: black;
	padding: 3px;
	height: 17px;
}
#utilmenu 	{
	text-align: right;
	font-size: 60%;
	width: 870px;
}
#utilmenu img { vertical-align: middle;}
#utilmenu li {	display: inline;	margin: 0 10px;  }
#utilmenu li a	{ text-decoration: none; color: white; }
#utilmenu li a:link	{ text-decoration: none; }
#utilmenu li a:hover { text-decoration: underline; }

#pgabout #menudiv li a#navabo,
#pgfeature #menudiv li a#navfea,
#pgdesigns #menudiv li a#navdes,
#pgdesigns2 #menudiv li a#navdes2,
.pgblog #menudiv li a#navblo,
#pgcontact #menudiv li a#navcon,
#pgpol #menudiv li a#navpol,
#pgcatalog #menudiv li a#navcat
 {color: black;}
 
 


/* Body
 * ------------------------------ */
#contentwrap {   /* applies to blog page */
	width: 900px;
	margin: 0px auto;
	margin-top: 40px;
}



/* -----------------------
 * Utility
 * ------------------------ */
.clear{
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-size: 0px;
	display: block;
	clear: both;
	overflow: hidden;
	height: 0px;
}