﻿/* CSS Document */

/* colors: 
 
 gold e8d86d, dark b39c3e
 yellow: ffff7d
 green 195a29, dark 0d3c17
 
 adobe-caslon-pro 400 - not used anymore because Typekit's cut has unnaturally high lineheight due to ornaments
 proxima-nova-condensed 700

*/

/* ------------------------------------------------------------------------ */
/* START Freestyle
--------------------------------------------------------------------------- */

.fs-color1 { color: #195a29; }
.fs-color2 { color: #e8d86d; }
.fs-color3 { color: #ffff7d; }

.fs-white { color: #fff; }
nobr .fs-white { text-shadow: -1px -1px 3px #333; background: #ddd; display: inline-block; padding: .25em .5em; }

.fs-float-left { float: left; margin: 0 1.25em .5em 0; }
.fs-float-right { float: right; margin: 0 0 .5em 1.25em; }
.fs-img-border { display: inline-block; padding: 4px; background: #fff; border: 1px solid #aaa;
	-moz-box-shadow: 0px 0px 6px #ccc;
	-webkit-box-shadow: 0px 0px 6px #ccc;
	box-shadow: 0px 0px 6px #ccc;

	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#eeeeee')";

	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#eeeeee');
}
.fs-img-border img { display: block; }

.fs-subheadingLG { 
	font-size: 1.4em;
	font-weight: bold;
}

.fs-subheadingMED { 
	font-size: 1.25em;
	font-weight: bold;
}

.fs-subheadingSM { 
	font-size: 1.2em;
	font-weight: bold;
}

.fs-bodyTextLG { 
	font-size: 1.1em;
}

.fs-bodyTextSM { 
	font-size: 10px;
}

/* ---------------------- */
/* MFT Defaults
------------------------- */

html {
	overflow-y: scroll;
}
body {
	text-align: center; /*IE6 center page fix*/
	margin: 0;
	min-width: 1000px;
	scrollbar-face-color: #eee;
	scrollbar-highlight-color: #eee;
	scrollbar-shadow-color: #eee;
	scrollbar-3dlight-color: #ddd;
	scrollbar-darkshadow-color: #eee;
	/*scrollbar-arrow-color: #ccc;*/
	scrollbar-track-color: #ccc;
	line-height: 1.35;
}

img {
	 -ms-interpolation-mode: bicubic;
	vertical-align: middle;
	max-width: 100%;
}
a img {
	border: none;
}
h1 a,
h1 a:hover {
	text-decoration: none;
}
h1, h2, h3, p {
	margin: 0 0 .8em 0;

}
h1, h2, h3 {
	line-height: 1.15;
}

h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.125em; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	vertical-align: bottom;
}
td {
	vertical-align: middle;
}
blockquote {
	margin-left: 2em;
}
ul {
	margin: 0 0 1em 2em;
	padding: 0;
	list-style: none;
	/*overflow: hidden;*/
}
ul li {
	background: url(/images/bullet_square_4x4.gif) left .4em no-repeat;
	padding: 0 0 0 10px;
}
ul li, ol li {
	margin-bottom: .5em;
}
ol li ol li { list-style: lower-alpha; margin: .5em 0; }
ol li ol li ol li { list-style: lower-roman; }

.nav,
ul.nav ul,
ol.nav ol {
	margin: 0;
	padding: 0;
}
.nav li {
	margin: 0;
	padding: 0;
	background: none;
}
ol.nav li { list-style: none; }

.nav li a,
.nav li a:hover {
	text-decoration: none;
}

hr {
	border : none;
	border-top : 1px solid #ccc;
	height : 0;
	margin : 1em 0;
	display: inline-block;
	width: 100%;
	clear: both;
}

a {
	color: #333;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
a:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.fine-print { font-size: .75em; }

/* ------------------------------------------------------------------------ */
/* START Layout
--------------------------------------------------------------------------- */

body { background: #195a29 url(/Images/bkg.jpg) center 200px no-repeat; }
body, button, input, select, textarea { font-family: georgia, serif; font-size: 15px; }

div.siteContainer {  }
div.pageContainer { margin: 0 auto; max-width: 1000px; text-align: left; }
div.address { background: #b39c3e url(/images/shad1.png) center bottom no-repeat; font-size: 0.6875em; letter-spacing: .5em; text-transform: uppercase; padding: 1.5em; }
div.address p { margin: 0; }

div.header { background: #ffff7d url(/images/bkg-f8f468.png) bottom repeat-x; min-height: 200px; text-align: left; }
    div.header div.inner { max-width: 1000px; position: relative; z-index: 2; margin: 0 auto; }
a.logo { position: absolute; left: -40px; top: -40px; }

div.page_img { padding: 8px;
background: #FFF;
float: right;
margin: 0 0 .5em 1em;
	box-shadow: 1px 1px 7px #000;
   -webkit-box-shadow: 2px 2px 5px #666; }

div.navMain { padding: 2.5% 0 0 260px; }
div.navMain > ul { font-size: 0; }
div.navMain > ul > li { display: inline-block; *display: inline; font-size: 18px; margin-left: .35em; position: relative; }
div.navMain > ul > li:first-child { margin-left: 0; }
div.navMain > ul > li > a { display: inline-block; padding: 0 .75em; line-height: 35px; background: #195a29; color: #fff; font-size: 0.9em; /*font-family: proxima-nova-condensed, arial narrow, arial, sans-serif;*/ font-family: arial, sans-serif; font-weight: 700;
    -moz-border-radius: .35em;
    -webkit-border-radius: .35em;
    border-radius: .35em; /* future proofing */
    -khtml-border-radius: .35em; /* for old Konqueror browsers */
}
div.navMain > ul > li > a:hover,
div.navMain > ul > li:hover > a,
div.navMain > ul > li.selected > a { color: #ffff7d; }
	div.navMain ul li:hover ul { display: block; }
	div.navMain ul li ul { display: none; position: absolute; top: 35px; left: 0; background: #195a29; padding: .35em 0 .5em; margin-top: -.35em; border-bottom: 1px solid #0d3c17;
        -moz-border-radius: 0 0 .35em .35em;
        -webkit-border-radius: 0 0 .35em .35em;
        border-radius: 0 0 .35em .35em; /* future proofing */
        -khtml-border-radius: 0 0 .35em .35em; /* for old Konqueror browsers */
    }
    div.navMain ul li ul li {  }
    div.navMain ul li ul li:first-child {  }
    div.navMain ul li ul li a { color: #fff; display: block; padding: .25em 1em; font-size: .8em; white-space: nowrap; }
    div.navMain ul li ul li.selected a,
    div.navMain ul li ul li a:hover { color: #ffff7d; background: #0d3c17; }

div.col1 { float: left; width: 21%; padding: 3% 2% 3% 3%; }
div.col2 { width: 72%; float: left; background: #fff url(/images/bkg-col2.png) 150% 50px repeat-y; margin-top: -120px; position: relative; z-index: 1; border: 1px solid #e8d86d; border-bottom-color: #b39c3e; padding: 0 0 .5em; margin-bottom: 1em; min-height: 600px;
    -moz-border-radius: .35em;
    -webkit-border-radius: .35em;
    border-radius: .35em; /* future proofing */
    -khtml-border-radius: .35em; /* for old Konqueror browsers */
    -moz-box-shadow: 0px 0px 10px #e8d86d;
    -webkit-box-shadow: 0px 0px 10px #e8d86d;
    box-shadow: 0px 0px 10px #e8d86d;
}

div.col1 .intro { color: #ffff7d; background: #0d3c17; padding: 2em .5em; text-align: center; margin: -14.29% -9.52% 14.29% -14.29%; }
div.col1 .intro p { margin: 0; }
div.col1 .intro p.phone { color: #fff; font-size: 1.5em; margin: 0; }

div.main { background: #e8d86d; display: inline-block; width: 100%; margin-bottom: -1em;
    -moz-border-radius: 0 0 .5em .5em;
    -webkit-border-radius: 0 0 .5em .5em;
    border-radius: 0 0 .5em .5em; /* future proofing */
    -khtml-border-radius: 0 0 .5em .5em; /* for old Konqueror browsers */
}
div.content { padding: 10% 17.5% 5% 8.333%; padding: 10% 8.333% 5% 8.333%; }

div.breadcrumbs { font-size: .8em; margin: 1em 0; }


div.footer { overflow: hidden; font-size: .65em; padding: 3em 2em 2em; color: #e8d86d; background: #0d3c17; font-family: arial, sans-serif; }
div.footer p { float: right; }
div.footer p:first-child { float: left; }

div.footer a { color: #e8d86d; }
div.footer a:hover { color: #ffff7d; }


/* ---------------------- */
/* END Layout
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Custom Page Styles
--------------------------------------------------------------------------- */

h1 { color: #195a29; font-weight: normal; font-family: proxima-nova-condensed, arial, sans-serif; font-weight: 700; font-size: 1.65em; }

blockquote { font-size: 1.125em; }
blockquote p.author { text-align: right; font-style: italic; }

div.col1 blockquote { margin: 2em 0; }

div.callout1 { padding: 3% 3% 3% 8.333%; background: #e8eee9 url(/images/shad2.png) center top no-repeat; }


table.data { border-collapse: collapse; width: 100%; margin: 1em 0 2em; }
table.data caption { font-weight: bold; margin-bottom: .8em; }
table.data tr:hover td { background: #f8f8f8; cursor: default; }

table.data th,
table.data td { padding: .5em 1em; vertical-align: top; border: 2px dotted #ccc; font-size: .9em; }
table.data tr:first-child td,
table.data tr:first-child th,
table.data th { font-weight: normal; background: #eee; vertical-align: bottom; }
table.data tr:first-child th { }
table.data td:first-child { background: #fdfdfd; }
table.data td {  }

/* homepage */
div.masthead { margin: 1px -2.08% -5%; padding-bottom: 16px; background: url(/images/shad2.png) bottom no-repeat; }

/* staff */
div.staff { margin-left: -5%; text-align: center; overflow: hidden; font-size: 0; }
    div.staff-member { background: #e8eee9 url(/images/shad2.png) center top no-repeat; font-size: 16px; padding: 5%; border: 1px solid #333; width: 33%; display: inline-block; *display: inline; vertical-align: top; margin: 0 0 5% 5%; }
    /*div.staff-member img { margin-bottom: 1em; border: 2px solid #ccc!important; box-shadow: 1px 1px 7px #000; -webkit-box-shadow: 2px 2px 5px #666; }*/
    div.staff-member img { margin-bottom: 1em; background: #FFF; padding: 8px; box-shadow: 1px 1px 7px #000; -webkit-box-shadow: 2px 2px 5px #666; }
    div.staff-name { margin-bottom: .5em; }
    div.staff-name span { display: block; }
    div.staff-name span.field2 { font-size: .8em; }
div.highslide-maincontent img.image1 { float: right; margin: 0 1.25em .5em 0; padding: 5px; background: #fff; border: 1px solid #ddd!important; }


/* ---------------------- */
/* END Custom Page Styles
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Custom Form Styles
--------------------------------------------------------------------------- */

.form-FieldsetDescription { margin-bottom: 1.25em; font-size: 1.125em; }
.form-commentBox { margin-left: 1em; }

input, select, textarea, button, .text-button, .text-button-lg, .text-button-sm, .text-buttond {
	border: 1px solid #ccc;
	padding: 5px .6em;
	background: #eee url(/images/grad2-top-hilight.png) repeat-x;
}

button, .text-button, .text-button-lg, .text-button-sm, .text-buttond {
	background: #195a29 url(/images/grad2-bot-shad.png) bottom repeat-x;
	color: #fff;
	line-height: 14px; /* ie 7/8 only */
	height: 28px; height: 29px;
	border-color: #232323;
}
.text-button-lg,
button.large,
.add-to-cart input { font-size: 1.15em; height: 36px; padding: 0 1em; }

a.text-button-lg,
a.text-buttond.large { font-size: 1.15em; line-height: 36px; } /* ie 7/8 only */

.text-button-sm { line-height: 18px; height: auto; font-size: .8em; padding: 0 .5em; }

a.text-button, a.text-buttond {
	line-height: 26px;
	color: #fff;
}
.text-buttond {
	background-color: #333;
}
.text-button:hover, .text-button-lg:hover, .text-button-sm:hover, .text-buttond:hover, button:hover {
	background-color: #666;
	color: #fff;
}
select.text-box-list, select.text-box-100 {
	padding: 4px;
}
input:focus, select:focus, textarea:focus {
	border-color: #ccc;
}

/* ---------------------- */
/* END Custom Form Styles
------------------------- */


/* ------------------------------------------------------------------------ */
/* START Custom Module Styles
--------------------------------------------------------------------------- */


ul.testimonials { padding: 15px; }
ul.testimonials li { margin-top: 1em; display: none; }
ul.testimonials li:first-child { margin-top: 0; }

.testimonial { padding: 2em; border-top: 1px solid #ddd; font-size: 1.125em; }
.testimonial span { display: block; font-style: italic; font-weight: bold; margin-top: .5em; }


div.FAQsContainer { font-size: 1.1em; }
div.FAQ_CategoryTitle { background: #ebebeb; padding: .35em 0; border-bottom: 1px solid #dfdfde; }
span.FAQ_CategoryTitleActive { font-weight: bold; }
div.FAQ_Cat { margin-bottom: 1em; }
div.FAQ_Question { color: #195a29; }
span.FAQ_Q { color: #000; }

/* widgets */

.widget-container { margin: 2em 0; }
.widget-heading { display: block; background: #195a29; padding: .5em .75em; color: #ffff7d!important; overflow: hidden; line-height: 1; margin: 0;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em; /* future proofing */
    -khtml-border-radius: .5em; /* for old Konqueror browsers */
}
.widget-heading span { float: left; }
.widget-heading a { float: right; display: inline-block; background: #ffff7d; padding: .25em .5em; font-size: .65em; text-decoration: none; }
.widget-heading a:hover { background: #fff; }
.widget-inner { padding: 10px; }

div.news-widget-inner { height: 150px; } /* undo default scroller style */
div.news-widget-inner ul { padding: 10px; }
div.news-widget-inner h1 { } /* undo default h1 style */

div.announce-widget-container { background: #b39c3e url(/images/shad2.png) center top no-repeat; padding: 3% 8.333%; margin-bottom: -5%; }
.announce-widget-heading { margin-top: -30px; }
div.announce-widget-inner { height: 20px; }
div.announce-widget-inner ul { position: relative; } /* undo default scroller style */
div.announce-widget-inner ul li a { padding: 0!important; }

div.search-widget-container p { display: none; }
div.search-widget-container div .text-box { width: 66%; }
div.search-widget-container div .text-button {
	background-image: url(/Images/icon-arrow.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 29px;
	text-indent: -999em;
	border-color: #777;
}
div.search-widget-container div .text-button:hover {
	background-color: #999;
}


/* ---------------------- */
/* END Custom Module Styles
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Media Queries
--------------------------------------------------------------------------- */

@media only screen
and (max-device-width : 480px) {
/* Styles */
}

/* ---------------------- */
/* END Media Queries
------------------------- */

