/* CSS Document */

/* commented backslash hack; hides from IE5 Mac \*/ 
html, body {
	height: 100%;
	} 
/* end hack */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: #FFFFFF url(http://www.artisanalprose.com/images/bg_column.png) repeat-y center top;
	}
#outer {
	min-height: 100%; /* for Mozilla */
	height: auto; /* so Mozilla will expand as needed, not remain at 100% */
	width: 650px;
	margin: 0 auto;
	padding: 10px 0;
	background: #FFFFFF;
	}
* html #outer {
	height: 100%; /* Star hack - for IE only */
	}

/* Content Area Elements */

p, div#content_area ul, div#content_area ol {
	font-size: 85%;
	color: #5F5F5F;
	}
	
div#content_area ol li {
	margin-bottom: 12px;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

h1 {
	font-size: 130%;
	color: #6C2C15;
	margin: 2px 0 10px 0;
	border-bottom: 1px solid #6C2C15;
	}
h2 {
	font-size: 100%;
	color: #5F5F5F;
	}
h3 {
	font-size: 90%;
	color: #5F5F5F;
	}

.photo_right { 
	margin: 0 0 10px 10px;
	padding: 5px;
	border: 1px solid #CCCCCC;
}
.photo_left { 
	margin: 0 10px 10px 0; 
	padding: 5px;
	border: 1px solid #CCCCCC;
}
a:hover .photo_right, a:hover .photo_left {
	border-color: #D15400;
}


/* Page header elements */

#logo {
	position: relative;
	top: 16px;
	left: 0;
	float: right;
	margin: 0;
	}
#toplinks {
	display: block;
	clear: both;
	height: 15px;
	margin: 0 0 4px 0;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #6C2C15;
	text-align: left;
	font-size: 85%;
	color: #999999;
	}

#banner {
	margin: 0;
	padding: 0;
	background: #EDEFCC url(../images/blueblock.gif) repeat-y right top;
	}

/*text link styles*/

#content_area a {
	color: #D15400;
	text-decoration: underline;
	}
#content_area a:hover {
	color: #D15400;
	background-color: #FFD7BB;
	}
#toplinks a {
	color: #999999;
	text-decoration: none;
	}
#toplinks a:hover {
	color: #D15400;
	}
	
/* element positioning */

.clearit {
	clear: both;
	display: block;
	}

/* list-based navigation bar */

div#navmenu {
	float: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	width: 650px;
	background: #EDEFCC url(../images/blueblock.gif) repeat-y right top;
	margin: 0 0 25px 0;
	}
	
div#navmenu a {
	display: block;
	padding: 1px 6px;
	background-color: #EDEFCC;
	color: #6C2C15;
	text-decoration: none;
	font-weight: normal;
	font-size: 85%;
	}
	
/*these ids resize width on second-level menus as needed and are subject to change with menu updates*/

#about_menu a {width: 7em;}
#services_menu a {width: 13em;}
#clients_menu a {width: 8em;}

div#navmenu ul {
	float: left;
	padding: 0;
	margin: 0 0 0 20px;
	list-style: none; /*removes bullets*/
	}
div#navmenu li {
	float: left; /*displays list horizontally*/
	position: relative; /*displays second-level list below first*/
	padding: 0 6px;
	margin: 0 40px 0 0;
	color: #6C2C15;
	font-weight: bold;
	z-index: 100;
	}
div#navmenu li ul {
	display: none; /*makes second level list invisible until hover behaviors are triggered*/
	position: absolute; /*pulls second-level list out of doc flow*/
	margin: 0;
	padding: 0;
	width: 12em;
	top: 1.1em; /*this rule will only apply to IE, other browsers are reset to auto in below hack*/
	left: 0;
	}
div#navmenu li > ul { /* this hack ignores IE browsers */
	top: auto; /* resets positioning to default setting (bottom-left) */
	left: auto;
	margin: 0 0 0 -6px; /* aligns secondary menu below primary */
	}
div#navmenu li ul li {
	padding: 0;
	margin: 0;
	}

/*rollover behaviors*/

div#navmenu li:hover ul, div#navmenu li.over ul {
	display: block
	}
div#navmenu li:hover, div#navmenu li.over, div#navmenu a:hover, div#navmenu li.selected {
	background-color: #6C2C15;
	color: #EDEFCC;
	}
	
/* What's New area on home page */

#news_wrapper {
	float: right;
	width: 300px;
	height: auto;
	margin-top: 20px;
	position: relative;
	background: #FFF url(../images/bluebird_header2.gif) no-repeat left top;
	z-index: 10;
}
#news_body {
	margin: 65px 0 10px 0;
	padding: 0 5px 5px 50px;
	background: #FFF url(../images/newsborder_left.gif) no-repeat left bottom;
	font-size: 85%;
}

/* Archive box - variation on What's New box with different header image*/

#archivebox_wrapper {
	float: right;
	width: 300px;
	height: auto;
	margin-top: 0px;
	position: relative;
	background: #FFF url(../images/archivebox_header.gif) no-repeat left top;
	z-index: 10;
}

#archivebox_body {
	margin: 35px 0 10px 0;
	padding: 0 5px 5px 50px;
	background: #FFF url(../images/newsborder_left.gif) no-repeat left bottom;
	font-size: 85%;
}

/* Text style for both News box and Archive box */

#news_body p, #archivebox_body p {
	color: #999999;
}