/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Codewise Lite - Cascading Style Sheet for NewLeafCeramics.com

Copyright (c) 2004-2009 Codewise Systems Inc. & Twisted Lime Media Inc. 
All rights reserved.

Created: 2009-07-15

Revision History:
  1.00	- Initial version. TB, 2009-07-15

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
All media styles */

hr.header, #startOfContentLinkContainer, #startOfContentAnchorContainer, hr.footer, #topOfPageLinkContainer, #topOfPageAnchorContainer {
	display: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
HTML tag styles */

* {
	outline: 0px dashed lime;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 13px;
	line-height: 1.5em;
	color: #333333;
}

a, a img, img {
	border: 0px dashed lime;
}

a, a:link, a:active, a:hover {
	color: #497493;
	text-decoration: underline;
}

a:visited {
	color: #778e67; /* #660066 */
}

code {
	color: #990000;
}

p, ol, ul {
	margin-top: 0px !important;
}
	p + p, p + ol, p + ul { 
		margin-top: 18px !important;
	}

hr {
	width: 100%;
	height: 1px;
	overflow: hidden;
	margin: 20px 0px 18px 0px;
	padding: 0px;
	color: #ddedd1;
	background-color: #ddedd1;
	border: none;
}

strong, b {
	color: #51684b;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Class-based styles */

.clear, .clearBoth {
	clear: both;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

.leadIn {
	font-size: 120%;
	font-variant: small-caps;
}

.emphatic {
	font-style: italic;
}

.centered {
	text-align: center;
}

.hidden { 
	display: none;
}

.highlighted {
	padding: 0px 2px;
	background-color: yellow;
}

.highlighted02 {
	padding: 0px 2px;
	background-color: lime;
}

.indented {
	margin-left: 24px;
}

.leftAligned {
	float: left;
	width: auto;
}
	div.leftAligned, img.leftAligned {
		float: left;
		width: auto;
		margin: 0px 10px 10px 0px;
	}

.rightAligned {
	float: right;
	width: auto;
}
	div.rightAligned, img.rightAligned {
		float: right;
		width: auto;
		margin: 0px 0px 10px 10px;
	}

.smallCaps {
	font-variant: small-caps;
}

.smallText {
	font-size: 80%;
}

.veryEmphatic {
	font-style: italic;
	font-weight: bold;
}

.warning {
	color: red;
	font-weight: bold;
}

.okay {
	color: green;
	font-weight: bold;
}

.withLeading {
	margin-top: 20px;
}

.withoutLeading, p.withoutLeading {
	margin-top: 0px;
}

a.tel, a.tel:link, a.tel:active, a.tel:hover, a.tel:visited {
	color: #333333;
	text-decoration: none;
	cursor: text;
	border: none !important;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Screen media styles */

@media screen {

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
HTML tag styles */

html, body {
	/* width: 100%;
	height: 100%;
	overflow: auto; */
}

html {
	/* height: auto; */
	/* height: 100%; */
	height: 100%;
	background: #f4f8f4 repeat-x bottom center fixed url(http://www.newleafceramics.com/media/images/_page_bg.png);
}

body {
	width: 950px;
	height: auto;
	/* height: 100%;
	overflow: auto;
	height: 100%;
	overflow: auto; */
	margin: 0px auto;
	padding: 0px 24px 0px 24px;
	text-align: left;
	background: repeat-y top center url(http://www.newleafceramics.com/media/images/_body_bg.png);
}

acronym {
	cursor: help;
}

h1, h2, h3, h4, h5, h6, p, th, td, ol, ul, li, blockquote {
	text-align: left;
}

h1, h2, h3, h4, h5, h6, b, strong {

}

h1 {
	height: 50px;
	overflow: hidden;
	margin: 0px;
	font-size: 22px;
	line-height: 1.1em;
	color: #51684b;
	text-shadow: #a9b3a8 2px 2px 2px;
	-moz-text-shadow: #a9b3a8 2px 2px 2px;
}
	h1 + h2 {
		margin-top: 0px;
	}

h2 {
	font-size: 18px;
	color: #51684b;
}
	h2 + h3 {
		margin-top: 0px;
	}

h3 {
	font-size: 13px;
	color: #51684b;
}

h4, h5, h6 {
	font-size: 11px;
}

p, blockquote, ol, ul {
	margin-top: 0px;
	margin-bottom: 18px;
	line-height: 1.4em;
}

input, button, select, textarea {
	font-size: 11px !important;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Layout styles */

#pageContainerOuter {
	/* width: 100%;
	height: auto;
	overflow: visible; */

	text-align: center;

}
	#pageContainerInner {

	}
		/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		#header {
			width: 950px;
			height: auto;
			overflow: visible;
			margin: 0px auto;
			padding: 0px;
			text-align: center;
		}
			div#logoContainer {
				width: 950px;
				height: auto;
				overflow: visible;
				margin: 0px 0px -25px 0px;
				padding: 0px;
			}
				img#logo {
					display: block;
					overflow: auto;
				}

			ul#primaryNav {
				list-style: none;
				width: 900px;
				height: 50px;
				overflow: hidden;
				margin: 0px 0px 0px 0px;
				padding: 25px;
				background: no-repeat center center url(http://www.newleafceramics.com/media/images/_menu_bg.png);
			}
				ul#primaryNav li {
					float: left;
					width: 160px;
					height: 50px;
					margin: 0px;
					padding: 0px 10px;
					text-align: center;
				}
					ul#primaryNav li:active, ul#primaryNav li:hover, ul#primaryNav li.primaryNavItemContainerOn, ul#primaryNav li.hover {
						color: #ffffff;
						background: no-repeat center center url(http://www.newleafceramics.com/media/images/_menu_item_bg_hover.png);
					}

					ul#primaryNav li a, ul#primaryNav li a:link, ul#primaryNav li a:active, ul#primaryNav li a:hover, ul#primaryNav li a:visited {
						display: block;
						width: 160px;
						height: 34px;
						margin: 0px;
						padding: 16px 0px 0px 0px;
						font-size: 16px;
						font-weight: bold;
						color: #51684b;
						text-decoration: none;
						letter-spacing: 1px;
					}
						ul#primaryNav li a:active, ul#primaryNav li a:hover, ul#primaryNav li a.primaryNavOn, ul#primaryNav li a.primaryNavOn:link, ul#primaryNav li a.primaryNavOn:active, ul#primaryNav li a.primaryNavOn:hover, ul#primaryNav li a.primaryNavOn:visited {
							color: #ffffff;
							text-shadow: #51684b 2px 2px 2px;
						}

						ul#primaryNav li a.primaryNavOn {
							cursor: default !important;
						}

			div#bannerContainer {
				display: none;
				width: 900px;
				height: 300px;
				overflow: hidden;
				margin: -25px 0px 0px 0px;
				padding: 25px;
				text-align: center;
				background: no-repeat center center url(http://www.newleafceramics.com/media/images/_banner_bg.png);
			}
				div#bannerContainer img {
					float: left;
					display: block;
					width: auto;
					margin: 0px 1px 0px 0px;
				}
					div#bannerContainer img.clipped {
						width: 449px;
						height: 300px;
					}

					div#bannerContainer img.clipped.narrow {
						width: 223px;
						height: 300px;
					}

				div#bannerContainer iframe {
				}

		/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		#content {
			width: 900px;
			min-height: 75px;
			margin: 0px;
			padding: 0px 25px 25px 25px;
			text-align: left;
		}
			#content #banner {
			}
				#content #bannerContainer img {
				}

			#content a {
				text-decoration: none; 
				border-bottom: 1px dotted #497493;
			}
				#content a:visited {
					border-bottom: 1px dotted #96b382;
				}

				#content a:hover {
					border-bottom: 1px solid #497493;
				}

				#content a:visited:hover {
					border-bottom: 1px solid #96b382;;
				}

			#content p:last-child {
				margin-bottom: 0px;
			}

		/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		#footer {
			clear: both;
			width: 900px;
			height: 28px;
			overflow: auto;
			margin: 0px auto;
			padding: 19px 0px 3px 0px;
			text-align: center;
			font-size: 12px;
			line-height: 1.1em !important;
			color: #778e67;
			border-top: 1px dotted #cad9bf; /* e4f2d8, bbc9b0 */
		}
			#footer * {
				color: #778e67;
			}

			#footer a {
				text-decoration: none; 
				border-bottom: 1px dotted #96b382;
			}
				#footer a:visited {
					border-bottom: 1px dotted #96b382;
				}

				#footer a:hover {
					border-bottom: 1px solid #96b382;
				}

				#footer a:visited:hover {
					border-style: solid;
				}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Class-based styles */

.last {
	margin-right: 0px !important;
}

.leadIn {

}

div.styledBox {
	padding: 10px;
	border: 1px dotted #cad9bf;
}

div.subColumn {
	float: left;
	width: 438px;
	margin: 0px 24px 25px 0px;
}
	div.subColumn + div.subColumn, div.subColumn.last {
		margin-right: 0px;
	}

} /* Closing brace for "@media screen" statement */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Print media styles */

@media print {

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Layout styles */

#pageContainerOuter {
}
	#pageContainerInner {
	}
		#header, #content, #footer {
		}

		/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		#header {
		}
			#logoContainer {
			}
				img#logo {
					width: 100%;
					max-width: 900px;
				}

		/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		#content {
			text-align: left;
		}

		/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		#footer {
			
		}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Class-based styles */

.leadIn {

}

} /* Closing brace for "@media print" statement */