/* Master Stylesheet for mastgraph.com
   New site design, August 2009
   Copyright ©2006-2009 Master Graphics, Inc.  All Rights Reserved. 
*/

/* Fastie Systems CSS Reset - modified from Eric Meyer's Browser Reset v2, April 2007
   Don't forget to set a foreground and background color on the 'html' or 'body' element! 
*/
html, body, div, span, applet, object, iframe, /* h1, h2, h3, h4, h5, h6, p, */ blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, 
/* dd, dl, dt, li, ol, ul, */ /* I don't like to reset lists */
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
/* This one is very useful - should it expand to incude :hover? */
a img, :link img, :visited img { border: 0; }

table { border-collapse: collapse; border-spacing: 0; }

/* ol, ul { list-style: none; } */ /* I don't like to reset lists */

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
/* Will's Overides */
em { font-style:italic; }
strong { font-weight: bold; }
/* Will's Additional very generic classes */
.underline { text-decoration: underline; }
/* ----------------------------------------------- */

/* Site Layout */
/* For this new site, all styles will be attached to classes. IDs will only be used when needed for JS or
   some other important reason. This should prevent my previous problems with IDed elements overiding class-based
   rules. Discipline is required to have only one class for those elements that must appear only once.
*/

body {
	background: #decc68 url('../img/top_bggrad.jpg') repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #141414;
	font-size: .9em; 
}
body p { line-height: 1.30; }
h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #008266;
	padding-bottom:0;
	margin-bottom:2px;
}
h1, h2 { color: #000099; }
h3, h4, h5, h6 { color: #008266; }
h1+p, h2+p, h3+p, h4+p, h5+p, h6+p { margin-top: 0; padding-top: 0; }

ul ul { list-style-type: disc; } /* recursive - causes ALL nested uls to use disc */
ul li { line-height: 1.30; }

.outer-container { 
	 width: 880px; margin: 0 auto;
	 background: #decc68 url('../img/bg_edge880.jpg') repeat-y;
}
.inner-container { 
	width: 850px; margin: 0px 15px;
	background-color: white;
}

.top-banner { position: relative; height: 162px; width: 880px; }
.top-banner div.tb-seal30 { position: absolute; right: 200px; bottom: 22px; }
.top-banner div.tb-call-us-slug { position: absolute; right: 37px; bottom: 44px;
	text-align:right; 
	color: #000099;
	font-weight: normal;
	font-size: 1.05em;
}
.top-banner div.tb-phone-nr-slug { position: absolute; right: 36px; bottom: 15px;
  text-align:right; 
	color: #9d841a;
	font-weight: normal;
	font-size: 1.7em;
}

.top-menu { 
	height: 38px; 
	margin: 0; padding: 0;
	background-color: #078265;
	font-family:Verdana, Arial, Helvetica, sans-serif; color: white;
	font-size: .9em; font-weight: bold;
}
.top-menu ul {
	float:right; 
	width:763px; /* 7 x 109 */ 
	width:654px; /* 6 x 109, temporary until Services is available */ 
	height: 38px;
	list-style: none;
	list-style-position:inside;
	padding: 0; margin: 0;
}
.top-menu li { height: 38px;
	float: left;
	margin:0; padding: 0;
}
/* .top-menu li:hover { } */
.top-menu li a { 
	display: block; width: 109px; height: 38px;
	text-decoration: none; color: white;
	text-align: center; 
	margin: 0; padding:12px 0 0 0;
}
.top-menu li a:hover { color: white;  background-image:url('../img/menubutton_hover.jpg'); background-repeat:no-repeat; }
.top-menu li a:visited { color: white; }

.main-content { width: 804px; margin: 10px 23px;
	line-height: 2em;
}
.main-content a { color: #0000ff; } /* standard blue */
.main-content a:visited { color: #0000ff; }
.main-content a:hover { color: #0000cc; background-color: #d5e7c8; } /* darker blue on the MGI light green bg */
.main-content a.no-bg:hover { color: #0000cc;  } /* no hover background */

#slideshow-home { width: 259px; height: 153px; margin: 0; padding: 0; border: 0; }
#slideshow-home img { float:left; margin: 0; padding: 0; border: 0; }
#slideshow-home img.slideshow-loading { margin: 60px 0 0 113px;  }

.ileft  { float: left; margin-right: 15px; margin-top: 5px; }
.iright { float: right; margin-left: 15px; }
.inline { float: none; }
.img-tl { float: left; margin: 0; padding: 0 .6em .1em 0; }
.img-tr { float: right; margin: 0; padding: 0 0 .5em .6em; }
.img-l { float: left; margin: 0; padding: .4em .6em .4em 0; }
.img-r { float: right; margin: 0; padding: .4em 0 .4em .6em; }
.centerme { text-align: center; }

.fineprint { font-size: .7em; font-style: italic; }
.sup { vertical-align: super; font-size: 75%; }
.bb  { font-weight: bold; color: #009; }
.hfvis { display: none; visibility: hidden; }
.markred { color: red; }
.clearboth { clear: both; }

.bottom-panels { 
	width: 804px;
	margin-left: 23px;
	padding: 8px 0px;
	border-color: gray; border-style: solid; border-width: 1px 0px;
}
.bottom-panels img { padding-right: 13px; }
.bottom-panels img.bp-right { padding-right: 0px; }

.footer { clear: both; } /* force the footer clear of everything above */
.footer-menu { background-color: white;
	margin: 0; padding: 10px 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* font-size: 65%; */ font-size: .65em;
	color: black;
}
.footer-menu a { text-decoration: none; color: black; padding: 0 1px; }
.footer-menu a:hover { color: black; background-color: #D5E7C8; }
.footer-menu a:visited { color: black; }