@charset "utf-8";
*{
	margin: 0px;
	padding: 0px;
}
.footer{
	clear: both;
}
body{
	padding: 0px 30px 0px 30px;
	background: #d2c4aa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
p{
	color: #333;
	padding: 0px;
	margin: 0px;
}
a{
	text-decoration: underline;
	color: #485603;
	font-weight: bold;
}
a:Hover{
	text-decoration: none;
}
input, textarea, select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #485603;
}
.spacer{
	height: 10px;
	clear: both;
}
.quote {
    padding-left: 15px;
}
/* Header */
#header {
	height: 80px;
	background: url(images/header_bg.gif) repeat-x bottom left;
}
#header .headerLeft  {
	float: left;
	background: url(images/header_left.gif) no-repeat bottom left;
	width: 9px;
	height: 80px;
}
#header h1 {
	float: left;
	margin: 12px 0px 0px 18px;
	overflow: hidden;
	padding: 0px;
}
#header h1 a {
	display: block;
	background: url(images/logo.gif) no-repeat;
	text-indent: -99999px;
	text-decoration: none;
	width: 486px;
	height: 48px;
}
#header .headerRight  {
	float: right;
	background: url(images/header_right.gif) no-repeat bottom left;
	width: 9px;
	height: 80px;
}

/* Video Section */
#video{
	float: right;
	width: 260px;
	margin-top: 10px;
	margin-right: 20px;
	z-index: 99;
}
#video .videoContent{
	float: left;
	text-align: right;
	margin-top: 8px;
}
#video .videoIcon{
	float: left;
	margin-left: 10px;
}
#video .videoIcon a{
	background: url(images/icon_video.jpg);
	width: 98px;
	height: 83px;
	display: block;
	z-index: 99;
	position: relative;
}
#video .videoContent{
	float: left;
	width: 152px;
}
#video h3{
	color: #674f22;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	font-size: 1.2em;
}
#video p{
	color: #3e2c0a;
	font-size: 1.1em;
}
#video p a{
	color: #3e2c0a;
	font-weight: bold;
}
/*Footer*/
#siteFooter {
	height: 100px;
	background: url(images/footer_bg.gif) repeat-x top left #d2c4aa;
}
#footerLeft  {
	float: left;
	background: url(images/footer_left.gif) no-repeat top left;
	width: 9px;
	height: 100px;
}
#footerRight  {
	float: right;
	background: url(images/footer_right.gif) no-repeat top left;
	width: 9px;
	height: 100px;
}
/*Footer Tab*/
#footerTab{
	background: url(images/bottomtab.gif);
	width: 473px;
	height: 63px;
	margin-left: 72px;
	float: left;
}
#footerTab .footerTabPadding{
	padding: 7px 20px;
}
#footerTab h3{
	font-size: 1.4em;
	color: #715b31;
	padding: 0px;
	margin: 0px 0px 4px 0px;
	font-weight: bold;
}
#footerTab p{
	font-size: 1.2em;
}

/*Copyright*/
#copyright{
	float: left;
}
#copyright .copyrightPadding{
	padding: 18px 5px;
}
#copyright p{
	margin-bottom: 5px;
}

/* Framework */
#framework{
	background: url(images/site_left.gif) repeat-y top left #fff;
}
#framework .padding{
	padding-left: 10px;
}
#framework2{
	background: url(images/site_right.gif) repeat-y top right;
}
#framework2 .padding{
	padding: 1px 10px 1px 0px;
}
/* Site Content Area */
#enclose{
	background: url(images/enclose_bg.gif) repeat-y top left;
	clear: both;
}
#contentLeft{
	float: left;
	width: 179px;
}
#contentLeft .contentAreaPadding{
	padding: 1px;
}
#contentRight{
	width: auto;
	margin-left: 180px;
}
/*Left Column Modules*/
#contentLeft .modulePadding{
	padding: 12px;
}
#contentLeft .module{
	border-bottom: 1px solid #fff;
}
#contentLeft .last{
	border-bottom: none;
}
#contentLeft .module .first{
	margin-bottom: 18px;
}
#contentLeft .module .last{
	margin-bottom: 8px;
}
#contentLeft .module h3{
	font-size: 1.2em;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	color: #485603;
}
#contentLeft .module h3 a{
	text-decoration: none;
}
#contentLeft .module h3 a:Hover{
	text-decoration: underline;
}
#contentLeft .imageContainer{
	margin-bottom: 8px;
	background: #a8997e;
	width: 120px;
}
#contentLeft .imageContainer a img{
	border: 1px solid #fff;
	margin: 2px;
}
#contentLeft .imageContainer a:Hover img{
	border: 1px solid #d2dca1;
}
#contentLeft .module p{
	font-size: 1.1em;
	color: #352508;
}
#contentLeft .module p a{
	text-decoration: none;
	color: #352508;
	font-weight: normal;
}
#contentLeft .module p a:Hover{
	text-decoration: underline;
}
#contentLeft .module p a:Visited{
	color: #000;
}

/*Right Column Modules*/
#contentRight .footer{
	clear: right;
}
#contentRight .modulePadding{
	padding: 12px;
}
#contentRight p{
	font-size: 1.2em;
}
#contentRight h2{
	font-size: 1.8em;
}
#contentRight h3{
	font-size: 1.4em;
	line-height: 1.8em;
}
#contentRight h4, #contentRight h5, #contentRight h6{
	font-size: 1.3em;
	line-height: 1.8em;
}
#contentRight h2, #contentRight h3, #contentRight h4, #contentRight h5, #contentRight h6{
	color: #674f22;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}
#contentRight h3{
	color: #674f22;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
#contentRight h2 a, #contentRight h3 a{
	color: #674f22;
	text-decoration: none;
}
#contentRight h2 a:Hover, #contentRight h3 a:Hover{
	text-decoration: underline;
}
#contentRight .module ul{
	padding: 0px;
	margin: 0px;
}
#contentRight .module li{
	font-size: 1.2em;
	list-style: none;
	margin-bottom: 3px;
}
#contentRight .module li {
	color: #333;
	text-decoration: none;
	font-weight: normal;
	background: url(images/bullet1-green.gif) no-repeat 0px 3px;
	padding-left: 15px;
}
#contentRight .module li a:Hover{
	text-decoration: none;
}
#contentRight .module li a:visited{
	color: #333;
}
#contentRight .imageContainer{
	float: right;
	margin: 0px 0px 0px 10px;
	background: #e8e1d4;
	padding: 4px;
}
#contentRight .imageContainer-Left{
	float: left;
	margin: 0px 0px 0px 10px;
	background: #e8e1d4;
	padding: 4px;
}
#contentRight .imageContainer a img{
	border: 1px solid #fff;
}
#contentRight .imageContainer a:Hover img{
	border: 1px solid #a8997e;
}

/* About Meerschaum Pipes */
#about{
	background: #f1f4e3;
	border-bottom: 1px solid #d2dca1;
}

/* What is Meerschaum */
#what .modulePadding{
	padding: 12px 12px 10px 12px;
}

/* Why Smoke a Meerschaum */
#why{
	background: url(images/gradient1.jpg) repeat-x;
	border-TOP: 1px solid #d2c4aa;
}
#why .modulePadding{
	padding-bottom: 0px;
}
#why p.description{
	font-weight: bold;
	margin-bottom: 8px;
}
#why .ulPadding{
	background: #fff;
	padding: 12px 12px 0px 12px;
}

/* Other Products */
#otherProducts .description{
	margin-bottom: 10px;
}
#otherProducts .entry{
	margin-bottom: 8px;
}
#otherProducts .leftColumn{
	float: left;
	width: 48%;
	margin-right: 10px;
}
#otherProducts .rightColumn{
	float: left;
	width: 48%;
}
/* Inside Page Title */
#pageTitle{
	background: #f1f4e3;
}
#contentRight #pageTitle .modulePadding{
	padding: 6px 12px 3px 12px;
}
/* Why Smoke a Meerschaum */
#insideContent{
	background: url(images/gradient1.jpg) repeat-x;
	border-TOP: 1px solid #d2c4aa;
}
#insideContent .modulePadding{
	padding-bottom: 0px;
}
#insideContent p{
	margin: 8px 0px;
}
#insideContent p.description{
	font-weight: bold;
	line-height: 1.6em;
}
#insideContent .ulPadding{
	background: #fff;
	padding: 12px 12px 0px 12px;
}
.imageCaption{
	font-style: italic;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	text-align:center;
}
#pullQuote{
	float: right;
	width: 200px;
	border-top: 2px solid #485603;
	background: url(images/gradient1.jpg) repeat-x;
	margin: 0px 0px 0px 10px;
}
#pullQuote .quotePadding{
	padding: 0px 10px;
}
#pullQuote p{
	font-weight: bold;
	line-height: 1.8em;
}
.byLine{
	font-style: italic;
}
#pullQuote .byLine{
	text-align: right;
}
#pullQuote2{
	float: left;
	width: 200px;
	border-top: 2px solid #485603;
	background: url(images/gradient1.jpg) repeat-x;
	margin: 0px 0px 0px 10px;
}
#pullQuote2 .quotePadding{
	padding: 0px 10px;
}
#pullQuote2 p{
	font-weight: bold;
	line-height: 1.8em;
}
#pullQuote2 .byLine{
	text-align: right;
}
#pullQuote3{
	float: right;
	width: 200px;
	border-top: 2px solid #485603;
	background: url(images/gradient1.jpg) repeat-x;
	margin: 0px 0px 0px 10px;
}
#pullQuote3 .quotePadding{
	padding: 0px 10px;
}
#pullQuote3 p{
	font-weight: bold;
	line-height: 1.8em;
}
#pullQuote3 .byLine{
	text-align: right;
}
#BuyNow {
	background: url(images/button_buynow_off.gif) no-repeat 0px 0px;
	width: 139px;
}
#BuyNow a:hover {
	background: url(images/button_buynow_on.gif) no-repeat 0px 0px;
}

