body {
margin: 0;
padding: 0;
text-align: left;
background: #F1F1F1;
font-family: "futura-pt", arial, sans-serif;
color: #999999;
text-align:justify;
font-size: 14px;
}

body p {
line-height: 24px;
font-size: 18px;
font-weight: 100;
}

.extralarge {
	margin-top: 60px;
	color: #39B54A;
	font-size: 120px;
	font-weight:900;
}
.extralarge h1 {
	font-size: 30px;
}

.fyys p {
	font-size: 21px;
	color: #797979;
}




.hiddenheader {
position: absolute;
left: -9999px
}

.headertextimg {
padding: 6px 0 0px 12px;
}
h1 {
margin: 12px 0 24px 0;
color: #666666;
padding: 0;
font-size: 24pt;
font-weight: 800;
}

h2 {
margin: 12px 0 18px 0;
padding: 0;
font-size: 20px;
}

h3 {
margin: 12px 0 14px 0;
padding: 0;
font-size: 16px;
}

h4 {
margin: 0 0 0px 0;
padding: 0;
font-size: 14px;
}

h5 {
margin: 0 0 0px 0;
padding: 0;
font-size: 12px;
}

h6 {
margin: 0 0 0px 0;
padding: 0;
font-size: 10px;
}

#content {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	
}





#logoball {
	margin: 24px 0 0 0;
}
	

a:link {
color: #c7b923;
text-decoration: none;
}

a:visited {
color: #c7b923;
text-decoration: none;
}
a:hover {
color: #999999;
text-decoration: none;
}
a:active {
color: #333333;
text-decoration: none;
}


ul {
line-height: 28px;
margin-left: 0px;
}

li {
list-style: none;
}




.righthipsimage {
float: right;
padding: 0;
margin: 4px 0px 18px 48px;
border: 1px solid #b7b7b7;
}

.lefthipsimage {
float: left;
padding: 0px;
margin: 4px 48px 18px 0px;
border: 1px solid #b7b7b7;
}


.rightbodyimage {
float: right;
padding: 12px;
margin: 4px 0px 18px 48px;
border: 1px solid #b7b7b7;
}

.leftbodyimage {
float: left;
padding: 12px;
margin: 4px 48px 18px 0px;
border: 1px solid #b7b7b7;
}

.rightlogoimage {
float: right;
padding: 12px;
margin: 4px 0px 18px 48px;
}

.leftlogoimage {
float: left;
padding: 12px;
margin: 4px 48px 18px 0px;
}



#container {
width: 972px;
overflow:hidden;
margin: 0px auto;
padding: 0px;
text-align: center;
text-align: left;
background: #ffffff;
}

#rightcolumn {
float: right;
width: 424px;
height: 100%;
margin: 0 0 0 0px;
}
#leftcolumn {
float: left;
width: 452px;
height: 100%;
margin: 0 24px 0 0;
}









#footer {
clear:both;
position: relative;
width: 972px;
height: 260px;
margin: 0px auto;
margin-top: -68px;
text-align: center;
background-color: #f1f1f1;
color: #666666;
padding: 0;

}

#logoheader {
padding: 0;
margin: 0;
width: 972px;
height: 200px;
border-top: 1px solid #b7b7b7;
border-bottom: 1px solid #b7b7b7;
}

#lefttopimage {
position: relative;
top: -206px;
left: 24px;
z-index: 3;
}


#topquote {
margin: 0px 6px;
height: 26px;
text-align: right;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-style: italic;
color: #868686;
}


#quote {
position:absolute;
left: 300px;
top: 12px;
}

#blurb {

color: #666666;
text-align:justify;
width: 924px;
margin: 0px 24px 0px 24px;
padding: 0px;
}

body#about a#aboutnav,
body#vision a#visionnav,
body#services a#servicesnav,
body#samples a#samplesnav,
body#contact a#contactnav,
body#dailymustard a#dailymustardnav,
body#history a#historynav,
body#howwework a#howweworknav,
body#kenraymond a#kenraymondnav,
body#faqs a#faqsnav,
body#coffeeshops a#coffeeshopsnav,
body#freecoffee a#freecoffeenav
{
color: #666666;
background: #e5e5e5;
}

body#fishing {
	background:#ffffff;
}


/*Here the main nav bar formatting*/

#mainmenu {
   clear:both;
   float:left;
   margin: 10px 0 0 0;
   padding: 0 0px 0 0px;
   border-top: 1px solid #b7b7b7;
   border-bottom: 1px solid #b7b7b7; /* grey line below menu */
   width:972px;
   height: 21px;
   background: #f1f1f1;
   font-family: Arial, Helvetica, sans-serif; /* Menu font */
   z-index:999; /* This makes the dropdown menus appear above the page content below */
   position:relative;
}

/* Top menu items */
#mainmenu ul {
   list-style:none;
   position:relative;
   margin: 0;
   padding: 0;
   background-color: #f1f1f1;
 
}
#mainmenu ul li {
   margin: 0;
   padding: 0;
   float:left;
   line-height: 21px;
   position:relative;
   background-color: #f1f1f1;
   width: 162px;
}
#mainmenu ul li a {
   display:block;
   margin:0;
   text-align: center;
   font-size: 12px;
   text-decoration:none;
   color: #666666;
}

#mainmenu ul li a:hover {
   background:#b7b7b7; /* Top menu items background colour */
   color:#ffffff;
   margin: 0;
}
#mainmenu ul li a:active {
   color:#ffffff;
   background:#000000;
   margin: 0;
}

#mainmenu ul li:hover a,
#mainmenu ul li.hover a { /* This line is required for IE 6 and below */
   background:#b7b7b7; /* Top menu items background colour */
   color:#ffffff;
}

/* Submenu items */
#mainmenu ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:21px;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width: 162px; /* width of the drop-down menus */
   border-top:1px solid #ffffff;
}
#mainmenu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:162x;
   font-size: 12px;
   border-bottom:1px solid #ffffff;
   line-height: 21px;
}
#mainmenu ul ul li a,
#mainmenu ul li.active li a,
#mainmenu ul li:hover ul li a,
#mainmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-weight:normal; /* resets the bold set for the top level menu items */
   background:#f1f1f1;
   color:#98918b;
    /* sub menu item horizontal lines */
}
#mainmenu ul ul li a:hover,
#mainmenu ul li.active ul li a:hover,
#mainmenu ul li:hover ul li a:hover,
#mainmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background:#98918b; /* Sub menu items background colour */
   color: #ffffff;
}

/* Flip the last submenu so it stays within the page */
#mainmenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#mainmenu ul li:hover ul,
#mainmenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}

#footerblock {
position: relative;
clear:both;
top: 60px;
left: 24px;
z-index: 399;
}


/* FOOTER menu items */
#footermenu {
position: relative;
height:21px;
width: 648px;
border-top: 1px solid #b7b7b7;
border-bottom: 1px solid #b7b7b7;
}



#footermenu ul {
   list-style:none;
   position:relative;
   margin: 0;
   padding: 0;
   background-color: #ffffff;
   
}

#footermenu ul li {
   margin: 0;
   padding: 0;
   float:left;
   line-height: 21px;
   position:relative;
   background-color: #f1f1f1;
   width: 162px;
}
#footermenu ul li a {
   display:block;
   margin:0;
   text-align: center;
   font-size: 12px;
   text-decoration:none;
   color: #666666;
}

#footermenu ul li a:hover {
   background: #B7B7B7; /* Top menu items background colour */
   color: #ffffff;
   margin: 0;
}
#footermenu ul li a:active {
   color: #ffffff;
   background: #B7B7B7;
   margin: 0;
}

#footermenu ul li:hover a,
#footermenu ul li.hover a { /* This line is required for IE 6 and below */
   background:#B7B7B7; /* Top menu items background colour */
   color:#ffffff;
}

/* Submenu items */
#footermenu ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:21px;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width: 162px; /* width of the drop-down menus */
   border-top:1px solid #ffffff;
}
#footermenu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:162px;
   font-size: 12px;
   border-bottom:1px solid #ffffff;
   line-height: 21px;
}
#footermenu ul ul li a,
#footermenu ul li.active li a,
#footermenu ul li:hover ul li a,
#footermenu ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-weight:normal; /* resets the bold set for the top level menu items */
   background:#f1f1f1;
   color:#98918b;
    /* sub menu item horizontal lines */
}
#footermenu ul ul li a:hover,
#footermenu ul li.active ul li a:hover,
#footermenu ul li:hover ul li a:hover,
#footermenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background:#98918b; /* Sub menu items background colour */
   color: #ffffff;
}

/* Flip the last submenu so it stays within the page */
#footermenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#footermenu ul li:hover ul,
#footermenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}

.footermenuheader {
font-size: 13px;
line-height: 32px;
}

#contactline {
position: relative;
top: 90px;

z-index: 800;
}

#contactline p {
line-height: 5px;
font-size: 11px;
}


.bigquote {
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 36px;
font-weight: bold;
margin: 36px 44px 24px 0px;
padding: 12px;
width: 420px;
border: 1px solid #B7B7B7;
background: #efefef;
text-align:center;
}

.toplogo {
float: left;
margin: -8px 6px -6px 6px;
height: 32px;
}

.footnote {
font-size: 11px;
line-height: 14px;
font-style: italic;
width: 360px;
}

.footnotewide {
font-size: 11px;
line-height: 14px;
font-style: italic;
}

.value {
font-weight: bold;
}

#leftthreecolumn, #middlethreecolumn, #rightthreecolumn {
float: left;
width: 272px;
height: 832px;
margin: 0 6px 0 6px;
padding: 0 12px 0 12px;
background: #fafafa;
}

#leftthreecolumn li, #middlethreecolumn li, #rightthreecolumn li {
margin-left: -24px;
}

#leftthreecolumnhead, #middlethreecolumnhead, #rightthreecolumnhead {
float: left;
width: 272px;
height: 42px;
margin: 0 6px 6px 6px;
padding: 0 12px 0 12px;
background: #f0f0f0;

}

.captionright {
position:relative;
top: -18px;
text-align: right;
font-size: 11px;
font-style: italic;
z-index: 100;
}

#righttwocolumn {
float: right;
margin: 48px 24px 0 24px;
width: 448px;
}

.centrehead {
text-align: center;
margin-left: 24px;
color: #999999;
}

.samplesimage {
padding: 0 0 24px 0;
}

#mainpageimage {
position: relative;
float:right;
height: 300px;
width: 424px;
margin: -8px 0px 18px 48px; 
}


/* rotator in-page placement */

    div.rotator {

	position:relative;

	height:300px;

	margin-left: -42px;

	display: none;

}

/* rotator css */

	div.rotator ul li {

	float:left;

	position:absolute;

	list-style: none;

}

/* rotator image style  */	

	div.rotator ul li img {

	padding: 12px;
   
    border: 1px solid #b7b7b7;

	background: #FFF;

}

    div.rotator ul li.show {

	z-index:500

}

#fullpagebkgimg img {
	/* Set rules to fill background */
	
	min-width: 1024px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

@media screen and (min-width: 800px) and (max-width: 1024px) { /* Specific to this particular image */
#fullpagebkgimg img	 {
		left: 50%;
		margin-left: -512px;   /* 50% */
		}
		}

@media screen and (max-width: 800px) { /* Specific to this particular image */
#fullpagebkgimg	 {
		display: none;
		
		}
		}

@media screen and (orientation:portrait) {

{display: none;} }

@media screen and (max-device-width: 600px) { 
body {
	font-size:1.5em;}
}