/*
============================================== 
MUIR GRAPHICS Main Styles
============================================== */
* {
padding:0;
margin:0;
}
body {
background: #fff;
color:#666;
padding:0px; 
font-family:helvetica, Arial, sans-serif; 
font-size: small;
margin: 0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { 

}
fieldset { padding:10px; }

img { border: 0px; }

em {
color: #11244C;
font-style: italic;
}
iframe {
border: 0;
margin: 0;
}
a
{
color:#0c7ece;
color: #666;
}
a:visited {
color: #999;
}
a:hover {
text-decoration: none;
}
hr {
visibility: hidden;
margin: 0;
padding:0;
height: 0;
}
address {
font-style: normal;
line-height: 1.2em;
}
ul, ul, li {list-style: none;}

/* HEADINGS
--------------------------------- */
#masthead .logo {
background: url(../img/logo_muir.gif) no-repeat 0 0;
display: block;
height: 88px;
width: 278px;
text-indent: -9000px;
position: absolute;
top: 70px;
left: 45px;
}
#main h1, #main h2, #main h3, #main h4 {
font-weight: normal;
margin: 1em 0;
}
.sub #main h1 {
background-color: transparent;
background-position: right top;
background-repeat: no-repeat;
background-image: url(../img/about_sub.jpg);
font-size: 90%;
line-height: 1em;
position: absolute;
display: block;
margin: 0;
overflow: hidden;
padding: 74px 0 0 0;
height: 0 !important;
height /* */: 74px; /* False value for IE4-5.x/Win. */
width: 518px;
top: -74px;
left: 44px;
}
#main h2 { /* being overridden for now */
font-family: georgia, serif;
font-size: 1.7em;
}
#main h2 {
font-family: arial;
font-size: 1.2em;
font-weight: bold;
color: #009933;
}
#main .col_1 h2,
#main .col_2 h2,
#whatsnew h2 {
font: bold 1em/1.5em  arial;
color: #009933;
}
#main .col_1 h3,
#main .col_2 h3,
#whatsnew h3 {
font: bold 1em/1.5em  arial;
color: #666;
}
#whatsnew #main h3 {
font-size: 1.1em;
}
#eimaging #main h1 {background-image: url(../img/electronic_sub.jpg);}
#phonefax #main h1 {background-image: url(../img/phone_sub.jpg);}
#emailus #main h1 {background-image: url(../img/email_sub.jpg);}
#prepress #main h1 {background-image: url(../img/prepress_sub.jpg);}
#pressroom #main h1 {background-image: url(../img/pressroom_sub.jpg);}
#bindery #main h1 {background-image: url(../img/bindery_sub.jpg);}
#customer #main h1 {background-image: url(../img/customer_sub.jpg);}
#portfolio #main h1 {background-image: url(../img/portfolio_sub.jpg);}
#whatsnew #main h1 {background-image: url(../img/what_sub.jpg);}
#order #main h1,
#estimate #main h1 {display: none;}

/* BREADCRUMB */
.breadcrumb {
background: transparent url(../img/rainbow.gif) no-repeat right 0;
display: block;
position: relative;
float: right;
width: 200px;
top: 35px;
right: 26px;
padding-top: 20px;
}
.breadcrumb a {
background-color: transparent;
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -9000px;
display: block;
position: relative;
float: right;
}
body.about .breadcrumb a.about {
background-image: url(../img/about_header.jpg);
height: 40px;
width: 132px;
}
body.services .breadcrumb a.services {
background-image: url(../img/service_header.jpg);
height: 40px;
width: 117px;
}
body.contact .breadcrumb a.contact {
background-image: url(../img/contact_header.jpg);
height: 40px;
width: 105px;
}
 
/* PAGE LAYOUT
--------------------------------- */
#page_container {
position: relative;
width: 745px;
margin: 0 auto;
}
#main  {
clear: both;
line-height: 1.5em;
width: 745px;
}
.sub #main {
background: transparent;
float: left;
width: 560px;
position: relative;
margin-top: 92px;
padding-bottom: 4em;
}
.sub .main-inner {
padding: 0 40px 3em 44px;
}
.sub #main .col_1 {
float: left;
width: 48%;
}
.sub #main .col_2 {
float: right;
width: 48%;
}

/* MASTHEAD
--------------------------------- */
#masthead {
position: relative;
min-height: 192px;
margin-top: 10px;
}
.sub #masthead {
min-height: 128px;
}
#masthead address {
background: transparent url(../img/rainbow.gif) no-repeat right top;
float: right;
text-align: right;
position: relative;
top: 27px;
padding-top: 1.2em;
margin-right: 17px;
line-height: 1.3em;
display: block;
}

/* MAIN NAV
--------------------------------- */
#masthead .nav {
background: #6f9ed4 url(../img/cap.gif) no-repeat top;
text-align: right;
list-style: none;
}
#masthead .nav ul {
display: block;
float: right;
padding-right: 16px;
}
#masthead .nav li {
padding: .6em .2em 4px;
list-style: none;
float: left;
height: 33px;
}
#masthead .nav li a {
color: #fff;
float: left;
font-family: tahoma, arial;
font-size: 1.1em;
display: block;
text-decoration: none;
padding: .4em 7px .5em;
margin: 0;
}
#masthead .nav li a:hover {
background-color: #9cbfe8;
}
.home #masthead .nav li.home a,
.about #masthead .nav li.about a, 		
.services #masthead .nav li.services a, 	
.contact #masthead .nav li.contact a 	{color: #47903f; background-color: #fff;}

/* MAIN SUBPAGE
--------------------------------- */




/* SIDEBAR SUBPAGE
--------------------------------- */
#sidebar {clear: both;}

.sub .sidebar {
background: transparent url(../img/1px_gray.gif) repeat-y 0 234px;
line-height: 1.5em;
float: right;
width: 184px;
position: relative;
top: 92px;
}
.sub .sidebar .sidebar-inner {
background: transparent url(../img/about_image.jpg) no-repeat 1px 0;
padding: 140px 0 0 0;
}
.services .sidebar .sidebar-inner {background-image: url(../img/services_image.jpg);}
.contact .sidebar .sidebar-inner {background-image: url(../img/phone_image.jpg);}
#eimaging .sidebar .sidebar-inner {background-image: url(../img/electronic_image.jpg);}
#phonefax .sidebar .sidebar-inner {background-image: url(../img/phone_image.jpg);}
#emailus .sidebar .sidebar-inner {background-image: url(../img/phone_image.jpg);}
#prepress .sidebar .sidebar-inner {background-image: url(../img/prepress_image.jpg);}
#pressroom .sidebar .sidebar-inner {background-image: url(../img/pressroom_image.jpg);}
#bindery .sidebar .sidebar-inner {background-image: url(../img/bindery_image.jpg);}
#customer .sidebar .sidebar-inner {background-image: url(../img/cust_image.jpg);}
#portfolio .sidebar .sidebar-inner {background-image: url(../img/portfolio_image.jpg);}
#whatsnew .sidebar .sidebar-inner {background-image: url(../img/what_image.jpg);}


.sub .sidebar ul {
background: transparent url(../img/sidebar_btm.gif) no-repeat left bottom;
padding-bottom: 10px;
width: 184px;
}
#order .sidebar ul,
#estimate .sidebar ul {
padding-bottom: 0 !important;
}
.sub .sidebar li {
margin: 0;
padding-left: 15px;
position: relative;
margin: 0 0;
}
.sub .sidebar a {
display: block;
padding: .5em 0;
text-decoration: none;
color: #666;
}
.sub .sidebar a:hover {
color: #111;
}

 /* Sidebar septagon images*/
.sub .sidebar #pdfprep a 	{background: transparent url(../img/tips_file_prep.jpg) no-repeat 0 0;}
.sub .sidebar #brochure a 	{background: transparent url(../img/check_out_brochure.gif) no-repeat 0 0;}
.sub .sidebar #pressrelease a {background: transparent url(../img/view_press_release.gif) no-repeat 0 0;}
.sub .sidebar #fileprep a {background: transparent url(../img/file_prep_tips.gif) no-repeat 0 0;}

.sub .sidebar li.md 		{height: 19px;} /* height of the container LI for smaller ones */
.sub .sidebar li.lg 		{height: 22px;} /* height of the container LI for larger ones */

/* Septagon default <a> styles */
.sub .sidebar ul li.pdf a  {
display: block;
width: 59px;
height: 51px;
text-indent: -9000px;
overflow: hidden;
position: absolute;
right: 0;
top: 3px;
outline: 0;
}
.sub .sidebar ul li.lg a {
width: 68px;
height: 58px;
}
#portfolio li#pdfprep {
display: none;
}


/* HOME
--------------------------------- */
.home #main .col {
float: left;
min-height: 400px;
}
.home #main .col .nav a {
text-decoration: none;
}
.home #main .col .nav a:hover {
color: #111;
}
.home #main .col ul li {margin: .5em 0;}
.home #main .col .nav {
position: absolute;
top: 220px;
text-align: right;
line-height: 1.5em;
list-style: none;
font-size: 1em;
}
.home #main div.about {
background: transparent url(../img/about_home.jpg) 0 -9px no-repeat;
width: 250px;
min-height: 430px;
position: relative;
}
.home #main .about h2,
.home #main .about .pitch {
display: block;
text-indent: -9000px;
}
.home #main .about .nav {
right: 34px;
width: 190px;
}
.home #main div.services {
background: transparent url(../img/services_home.jpg) no-repeat 1px  -9px;
width: 250px;
min-height: 430px;
position: relative;
}
.home #main .services h2,
.home #main .services .pitch {
display: block;
text-indent: -9000px;
}
.home #main .services .nav {
right: 34px;
width: 190px;
}
.home #main .nav .pdfprep {display: none;}
.home #main div.contact {
background: transparent url(../img/contact_home.jpg) 2px  -9px no-repeat;
display: block;
min-height: 430px;
width: 245px;
float:left;
position: relative;
}
.home #main .contact h2,
.home #main .contact .pitch {
display: block;
text-indent: -9000px;
}
.home #main .contact .nav {
right: 28px;
width: 190px;
}
/* CUSTOMER
--------------------------------- */
#customer .sub #main .col_1 {
float: left;
width: 43%;
}
#customer  #main .col_2 {
float: right;
width: 52%;
}
#customer #main .col_1 img {
margin-top: 1.1em;
}
#eimaging #main .col_1 img {
margin-top: .8em;
}

/* PORTFOLIO
--------------------------------- */
#portfolio #main .gap dl {
padding-top: 130px;
min-height: 150px;
padding-bottom: 2em;
margin-top: 1em;
}
#portfolio #main dl dd,
#portfolio #main dl dt {
margin: .2em 0;
}
#portfolio #main dl dd.img {
background: transparent;
padding-left: 0;
position: absolute;
margin-top: -170px;
}
#portfolio #main dl dd.img img {
border: 1px solid #ccc;
}

/* CERTIFICATIONS
--------------------------------- */
#main .certifications {
border-top: 1px solid #ccc;
}
#main .certifications dl {
border-bottom: 1px solid #eee;
clear: both;
position: relative;
margin: 0;
padding: 1em 0;
}
#main .certifications dl dd {
background: transparent;
float: right;
width: 350px;
}
#main .certifications dl dd.logo {
float: left;
width: 100px;
}
#act_logo {
margin-top: -10px;
}
#ymca_logo {
margin-top: -2px;
}
/* PHONE/FAX
--------------------------------- */
#phonefax #main .col_1 {width: 43%; padding-top: 15px;}
#phonefax #main .col_2 {width: 37%;}

/* TEXT
--------------------------------- */
#main p {
margin: 1em 0;
}
.sub #main ul li {
background: transparent url(../img/bullet_a.gif) no-repeat 0 6px;
padding-left: 12px;
margin: .5em 0;
}
#main dl dt {
color: #006600;
font-weight: bold;
font-size: 95%;
margin: 2em 0 1.2em;
text-transform: uppercase;
}
#main dl dd {
background: transparent url(../img/bullet_a.gif) no-repeat 0 6px;
padding-left: 12px;
margin: .3em 0;
}

/* FOOTER
--------------------------------- */
#footer {
clear: both;
padding: 1em 0 2em;
min-height: 80px;
}
dl.credit {
clear: right;
padding-left: 25px;
display: block;
position: relative;
padding-top: .5em;
padding-right: 10px;
float: right;
}
.credit dt {
display: none;
}
.credit dd, .credit dd a {
float: left;
}
.credit dd {
padding-right: 3px;
}
.credit .mc a {
background: transparent url(../img/MC.gif) no-repeat;
display: block;
height: 25px;
width: 40px;
text-indent: -9000px;
}
.credit .visa a {
background: transparent url(../img/visa.gif) no-repeat;
display: block;
height: 25px;
width: 40px;
text-indent: -9000px;
}
#footer .legal {
float: right;
padding-right: 10px;
}
#order dl.credit,
#estimate dl.credit {
display: block;
top: 48.5em;
left: 535px;
position: absolute;
}
/* =Icons
	Compliments of ParticleTree.com!!
----------------------------------------------------- */


#main .pdf {
	width:20px;
	padding:0 13px 0 0;
	margin-right: 3px;
	background: url(../img/icons/pdf.gif) no-repeat right;
	}

.sidebar li em.pdf {
	width:20px;
	padding:0 17px 0 0;
	margin-right: 3px;
	background: url(../img/icons/pdf.gif) no-repeat right;
	text-decoration: underline;	
	}

.doc{
	width:20px;
	padding:0 20px 0 0;
	margin-right: 3px;
	background: url(../img/icons/doc.png) no-repeat right;
	}
.ppt{
	width:20px;
	padding:0 20px 0 0;
	margin-right: 3px;
	background: url(../img/icons/ppt.png) no-repeat right;
	}
.xls{
	width:20px;
	padding:3px 18px 3px 0;
	margin-right: 3px;
	background: url(../img/icons/xls.gif) no-repeat right;
	}
/*.email {
	padding:0 0 0 20px;
	margin-right: 3px;
	background: url(../img/icons/email.gif) no-repeat left center;
	}*/

/* misc
--------------------------------- */
em.highlight {
color: #C00;
}
.clear {
clear: both;
}
.right {
float: right;
}
.left {float: left;}
.center {
text-align: center;
}
.hide {
display: none !important;
}
.hidden {
visibility: hidden;
}
.red {
color: #C00 !important;
}
.note { 
font-size: 90% !important; 
margin-top: 1.5em !important;
}
.photo {
background: #fff;
border: 1px solid #ccc;
padding: 3px;
}
#skipnav {
display: none;
}
.ieonly {
display: none;
display: inline-block;
}
.gap {
margin: 1em 0 !important;
}
@media print {
	#content ul li {
	background: transparent;
	list-style-type: square;
	}
}
/* =Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */