ÿþ/* CONTENTS ------------------------

	1. General

	2. Header

	3. Navigation

	4. Grid

	5. Callouts

	6. Lists

	7. Forms

	8. Tables

	9. Footer

	10. Homepage Only

	11. Landing Only

---------------------------------------- */





/* 1. GENERAL

---------------------------------------------------------- */

* {padding:0; margin:0;}

html, body {height: 100%;}

body {

	font-family: arial, verdana, sans-serif;

	font-size: 62.5%;

	color: #3a321b;

	background-color: #fff;

	}

a, a:visited {color: #81351e;text-decoration: none;}

a:hover {text-decoration:underline;}

p {padding: 0 0 1em 0; margin: 0;}

p.noPad {padding: 0; margin: 0;}

img {border:none;}

.clear {clear: both;}

.margin {padding:1em;}

.bt-pad {margin-left:1em;}



#wrapper {

	font-size: 1.2em;

	line-height: 1.4em;

	width: 982px;

	position: relative;

	left: 50%;

	margin-left: -491px;

	background: #fff url("../images/bkgrd-grad.gif") repeat-y left top;

	}

.skip {display:none; text-align:left; position:absolute;}



h1 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1.6em;	

	color: #612c1c;

	line-height: 1.2em;

	padding-bottom: .8em;

	}

h1 em {

	font-family: arial, verdana;

	font-size: .7em;

	font-weight: normal;

	color: #3a321b;

	}

h2 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1.2em;	

	color: #612c1c;

	padding-bottom: .8em;

	}

h3 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1em;

	font-weight: normal;

	color: #eae1c2;

	padding: .5em 1em;

	background-color: #652d20;

	border-bottom: 2px solid #b8a68e;

	}

h3.leftNav {

	padding: .5em 2em;

	background: #652d20 url("../images/arrow-down.gif") no-repeat left;

	border-bottom: 2px solid #362a1c;

	}

.contact-info {

	position: absolute;

	bottom: -5px;

	width: 476px;

	}

.contact-info p {

	padding: 1em;

	background-color: #ebe7de;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1.2em;

	color: #656043;

	line-height: 1.5em;

	}

.product-logo {float:right;margin:0 0 1.5em 1em;}

.note {font-size:.9em;font-family:arial, verdana;line-height:1.2em;color:#776c4b;}





/* 2. HEADER

---------------------------------------------------------- */

#head-container {

	margin: 0 auto;

	width: 960px;

	}

#masthead {

	position: relative;

	width: 100%;

	height: 102px;

	background: #eae1c2 url("../images/bkgrd-header.jpg")  no-repeat left top;

	}

#logo {position:absolute; top:0; left:3em;}

#utility-nav {

	position: absolute;

	top: 0;

	right: 0;

	list-style: none;

	padding: .5em 0 .5em 2.5em;

	background: url("../images/bkgrd-utilityNav.gif")  no-repeat left top;

	text-align: right;

	}

#utility-nav li {display:inline; padding:0 8px; border-right:1px solid #b3ac8f;}

#utility-nav li.last {border-right:0px;}

#utility-nav li a, #utility-nav li a:visited {color:#3f351a; text-decoration:none;}

#utility-nav li a:hover {text-decoration:underline;}

#masthead p {

	position: absolute;

	display: block;

	top: 40px;

	right: 50px;

	padding: .5em;

	margin: 0;

	font: italic normal normal 2.6em/.25em "Times New Roman", Times, Arial, serif;

	color: #67554B;

	}





/* 3. NAVIGATION

---------------------------------------------------------- */

#primary-nav {

	clear: both;

	float: left;

	font-family: arial, verdana;

	font-size: 1.1em;

	list-style: none;

	width: 960px;

	background: #443927  url(../images/bkgrd-primaryNav.gif) repeat-x top left;

	border-bottom: 1px solid #fff;

	}

#primary-nav li {

	float: left;

	margin-left: .5em;

	}

#primary-nav a {

	display: block;

	float: left;

	padding: 0 1.2em;

	line-height: 2.4em;

	text-decoration: none;

	color: #fff;

	}

#primary-nav a:hover {background: #362b19 url(../images/navOver-bkgrd.gif) repeat-x top left;}

#primary-nav a.selected {background: #3a140b url(../images/navOn-bkgrd.gif) repeat-x top left;}



#leftNav ul {

	padding-bottom: .5em;

	list-style: none;

	background: #453827 url("../images/bkgrd-leftNav-grad.gif") repeat-x left bottom;

	}

#leftNav ul li {

	padding: 0;

	border-bottom: 1px solid #63553b;

	}

#leftNav ul li.highlighted {background-color: #594932;}

#leftNav ul li.last, #leftNav ul li ul li.last {border-bottom: 0px;}

#leftNav ul li ul {

	font-size: 1em;

	line-height: 1.75em;

	list-style: none;

	padding: 0 1em .5em 2em;

	margin: 0;

	background: url();

	}

#leftNav ul li ul li {

	padding: 0;

	margin: 0;

	border-bottom: 0px;

	}

#leftNav ul li ul li.currentSection {

	padding: 0 0 0 15px;

	margin: 0;

	background: url("../images/arrow-right.gif") no-repeat left bottom;

	}

#leftNav ul li a, #leftNav ul li a:visited {display: block;color:#eae1c2;text-decoration:none;padding:.5em 1em;}

#leftNav ul li a:hover {color:#A0957C;text-decoration:underline;}

#leftNav ul li ul li a, #leftNav ul li ul li a:visited {display: block;color:#eae1c2;text-decoration:none;padding:.25em 0;}





/* 4. GRID

---------------------------------------------------------- */

#body-container {

	position: relative;

	margin: 0 auto;

	width: 960px;

	background: url("../images/bkgrd-leftNav.gif") repeat-y left top;

	min-height: 65em;

	height: auto !important;

	height: 65em;

	}

#mainContent {

	width: 476px;

	margin: 0 242px;

	padding-bottom: 14em;

	overflow: hidden;

	background: url("../images/bkgrd-main.gif") repeat-x left top;

	font-family: Georgia, "Times New Roman", Times, serif;

	}

#secondaryContent {

	position: absolute;

	top: 0;

	right: 0;

	width: 240px;

	overflow: hidden;

	background: url("../images/bkgrd-secondary.jpg") repeat-x left top;

	}

#leftNav {

	position: absolute;

	top: 0;

	left: 0;

	width: 240px;

	overflow: hidden;

	}





/* 5. CALLOUTS

---------------------------------------------------------- */

#callout-container {

	margin: 0 auto;

	width: 230px;

	}

.callout {

	padding: 1em;

	text-align: center;

	font-family: Georgia, "Times New Roman", Times, serif;

	}

.style-A {background-color: #e8d9b0;}

.style-B {background-color: #d2cbae;}

.callout h4 {

	color: #3f351a;

	font-size: 1.6em;

	font-weight: bold;

	line-height: 1.2em;

	padding-bottom: .4em;

	letter-spacing: 2px;

	}

.callout p {

	font-size: 1.2em;

	padding-bottom: 1em;

	}

.callout a.action, .callout a:visited.action  {

	display: block;

	font-size: 1.2em;

	color: #652d20;

	padding: .5em 0;

	margin: 0;

	border-top: 1px solid #bdb495;

	border-bottom: 1px solid #bdb495;

	}

.callout a:hover.action {

	border-top: 1px solid #652d20;

	border-bottom: 1px solid #652d20;

	text-decoration: none;

	font-weight: bold;

	}

.hr {padding:5px 0 0 0;margin:5px 0 0 0;border-top:1px solid #bdb495;}

.hr-dash {padding:5px 0 0 0;margin:5px 0 0 0;border-top:1px dashed #bdb495;}





/* 6. LISTS

---------------------------------------------------------- */ 

ul.quick-links {

	list-style: none;

	width: 100%;

	margin: 0 0 2px 0;

	font-size: .9em;

	}

ul.quick-links li {

	font-family: arial, verdana;

	padding: .3em 0;

	margin: 0 1em;

	border-bottom: 1px solid #fff;

	}

ul.quick-links li.intro {line-height:2em;}

ul.quick-links li.last {border-bottom: 0px;}

ul.quick-links a, ul.quick-links a:visited {color: #3f351a;text-decoration: none;}

ul.quick-links a:hover {text-decoration:underline;}

ul.quick-links a.arrow, ul.quick-links a.arrow:visited {color:#612c1c;text-decoration: none;padding-right:1em;font-family: Georgia, "Times New Roman", Times, serif;background: url("../images/arrow-right2.gif") no-repeat right bottom;}

ul.quick-links a.arrow:hover {text-decoration:underline;}



.bullet {padding-bottom:1em;list-style-type:none;}

.bullet li {

	 padding-bottom: .5em;

	 margin-left: 2em;

	 list-style: url(../images/bullet.gif);

	 list-style-position: outside;

	 }

.bullet li ul {padding-top:.5em;list-style-type:none;}

.bullet li ul li {

	 padding-bottom: .5em;

	 margin-left: 1em;

	 list-style: url(../images/bullet.gif);

	 list-style-position: outside;

	 }



.bullet2 {padding-bottom:1em;list-style-type:none;}

.bullet2 li {

	 padding-bottom: .2em;

	 margin-left: 1.5em;

	 list-style: url(../images/bullet2.gif);

	 list-style-position: outside;

	 }

.zero {padding-bottom:0px;}





/* 7. FORMS

--------------------------------------------------------------------- */

.basic-form dt {float:left;padding-bottom:.5em;width:160px;text-align:right;margin-right:1em;}

.basic-form dd {float:left;padding-bottom:.5em;}



.select-vert dt {float:left;padding-bottom:.5em;width:30px;text-align:right;margin-right:1em;height:2em;}

.select-vert dd {float:right;padding-bottom:.5em;width:410px;height:2em;}



.select-horz dt {clear:both;font-weight:bold;display:block;padding-bottom:.75em;}

.select-horz dd {float:left;padding:0 .5em .5em 0;}

.select-horz dd label {padding-right:1em;}

.select-horz dd.rank select {margin-left:2em;width:70px;}



.buttons {

	clear: both;

	width: 100%;

	border-top: 3px double #bdb495;

	text-align: right;

	padding: .75em 0;

	margin: 1em 0 0 0;

	}

.buttons p {padding:0;margin:0;}

.btn-pad {margin:0 0 0 .5em;}





/* 8. TABLES

--------------------------------------------------------------------- */

.table-gen {

	width: 100%;

	border-top: 1px solid #bdb495;

	border-left: 1px solid #bdb495;

	font-family: arial, verdana;

	text-align: left;

	}

.table-gen th {

	font-weight: bold;

	background-color: #ebe3c4;

	border-right: 1px solid #bdb495;

	border-bottom: 1px dashed #bdb495;

	}

.table-gen th, .table-gen td {	

	margin: 0;

	padding: .5em;

	vertical-align: top;

	}

.table-gen td {

	border-right: 1px solid #bdb495;

	border-bottom: 1px solid #bdb495;	

	}

.table-gen tr.alt {background-color: #ebe7de;}





/* 9. FOOTER

---------------------------------------------------------- */

#footer-container{

	position: relative;

	width: 982px;

	margin: 0 auto;

	padding-bottom: 45px;

	background: url("../images/bkgrd-footer.jpg") no-repeat left top;

	color: #7c7354;

	}

#footer {

	margin: 0 auto;

	width: 960px;

	}

#footer a, #footer a:visited {color:#63553b;text-decoration:none;}

#footer a:hover {text-decoration:underline;}



#footer ul {

	padding: 1.5em 1em;

	list-style: none;

	}

#footer ul li {display:inline;padding:0 8px;border-right:1px solid #b3ac8f;}

#footer ul li.last {border-right:0px;}



#footer p {margin: 0 1.5em;}

#footer img {

	position: absolute;

	top: 10px;

	right: 25px;

	}

#footer strong {font-size:1.1em;font-weight:bold;}





/* 10. HOMEPAGE ONLY

---------------------------------------------------------- */

#home #home-container {

	margin: 0 auto;

	width: 960px;

	background-color: #eae1c2;

	}



#home #mainContent {

	padding: 0;

	margin: 0 auto;

	width: 950px;

	background: url();

	}

.first_232 {float: left;width: 232px;padding: 0;margin: 0;}

.col_232 {float: left;width: 232px;padding: 0;margin: 0 0 0 5px;}

.col_476 {float: left;width: 476px;padding: 0;margin: 0 0 0 5px;}

.home-mod {

	position: relative;

	height: 7em;

	padding: .8em;

	margin:0;

	background-color:#d2cbae;

	font-family: arial, verdana;

	font-size: 1em;

	}

.bottom {position:absolute;bottom:10px;padding:0;}

.call-to-action {

	font-family: Georgia, "Times New Roman", Times, serif;

	padding: 0 10px 0 0;

	background: url("../images/arrow-right2.gif") no-repeat right bottom;

	position: absolute;

	bottom: 10px;

	}

.mc-logo {

	position:absolute;

	bottom: 2px;

	right: 15px;

	}





/* 11. LANDING ONLY

---------------------------------------------------------- */

#landing #mainContent {

	width: 718px;

	margin: 0 0 0 242px;

	padding: 0;

	overflow: hidden;

	background: url("../images/bkgrd-main.gif") repeat-x left top;

	}

.banner {

	float: left;

	height: 240px;

	border-bottom: 2px solid #fff;

	}

.banner .image {float:left;}

.banner .text {

	float: left;

	width: 240px;

	height: 240px;

	background-color: #cbc4ae;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px !important;

	line-height: 17px !important;

	text-align: center;

	}

.banner .text p {

	padding: 0 1em;

	}

.hr-dark {padding:5px 0 0 0;margin:5px 0 0 0;border-top:1px solid #a0977b;}

#landing-container {

	clear: both;

	float: left;

	width: 100%;

	background: #fff url("../images/bkgrd-main.gif") repeat-x left top;

	}

.first_238 {

	float: left;

	width: 238px;

	height: 16em;

	position: relative;

	}

.col_238 {

	float: left;

	width: 238px;

	margin-left: 2px;

	height: 16em;

	position: relative;

	}

#landing #body-container {

	min-height: 600px;

	height: auto !important;

	height: 600px;

	}

#landing #leftNav ul {height:235px;}











/* 12. NEW MARQUEE

---------------------------------------------------------- */

#home #home-banner {

	margin: 0 0 2px 0;

	height: 269px;

	overflow: hidden;

	}



#banner-links {

	float: left;

	width: 243px;

	user-select: none;

	cursor: pointer;

	}



#banner-links ul#buttons  {

	list-style: none;

	color: #eae1c2;

	font-weight: normal;

	font-family: Georgia, "Times New Roman", Times, serif;

	}



#banner-links ul#buttons li {

	height: 89px;

	background-color: #5c4f3f;

	text-align: right;

	vertical-align: middle;

	margin-bottom: 1px;

	}



#banner-links ul#buttons li span {

	display: block;

	font-size: 16px;

	line-height: 22px;

	}



#banner-links ul#buttons li#banner1Trig span {padding: 23px 20px 15px 0;}

#banner-links ul#buttons li#banner2Trig span {padding: 23px 20px 15px 0;}

#banner-links ul#buttons li#banner3Trig span {padding: 23px 20px 15px 0;}



#banner-content {

	float: left;

	width: 716px;

	margin-left: 1px;

	}



#banner0, #banner1, #banner2, #banner3 {

	width: 716px;

	height: 269px;

	}



#banner0 {background: url("../images/banner-bkgrd-000.jpg") no-repeat left top;}

#banner1 {background: url("../images/banner-bkgrd-001.jpg") no-repeat left top;}

#banner2 {background: url("../images/banner-bkgrd-002.jpg") no-repeat left top;}

#banner3 {background: url("../images/banner-bkgrd-003.jpg") no-repeat left top;}



#banner0Wrapper {background: url("../images/banner-bkgrd-001.jpg") no-repeat left top;}

#banner1Wrapper {background: url("../images/banner-bkgrd-001.jpg") no-repeat left top;}

#banner2Wrapper {background: url("../images/banner-bkgrd-002.jpg") no-repeat left top;}

#banner3Wrapper {background: url("../images/banner-bkgrd-003.jpg") no-repeat left top;}



#banner0 h2, #banner1 h2, #banner2 h2, #banner3 h2{

	padding: 30px 0 18px 93px;

	width: 390px;

	color: #eae1c2;

	font-size: 24px;

	font-weight: normal;

	}



#banner0 p, #banner1 p, #banner2 p, #banner3 p{

	padding: 0 0 10px 93px;

	width: 390px;

	color: #fff;

	font-size: 13px;

	font-weight: normal;

	line-height: 22px;

	}