<!--

body{ background-color:#000; margin:0px; padding:0px; background-image:url('/images/mcgraw/site/template/greybg.gif'); background-repeat:repeat-x; background-position:0 10px; 
color:#CCCCCC; font-size:17px; font-family:Tahoma;}

/*

a:link    {color: #0493F5; font-weight:bold;  }
a:active  {color: #0493F5; font-weight:bold;   }
a:visited {color: #0493F5; font-weight:bold;   }
a:hover   {color: #fff; font-weight:bold;   }
a:focus {outline:0px none; border:0px none;}

*/
ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
 
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {text-indent:-9999px;}

ul.menu li a {
  color: #fff;	
}

#navholder {position:absolute; left:0; top:0; top:55px; width: 131px;}

.menu li a {background:url(/images/mcgraw/site/template/nav.png); width:130px; height:41px; display:block;}

.menu li.nav-home a {background-position:0 0;}
.menu li.nav-home a:hover {background-position:-130px 0px;}

.menu li.nav-about a {background-position:0 -41px; height:42px;}
.menu li.nav-about a:hover {background-position:-130px -41px;}

.menu li.nav-galleries a {background-position:0 -83px;}
.menu li.nav-galleries a:hover {background-position:-130px -83px;}

.menu li.nav-clientview a {background-position:0 -124px; height:42px;}
.menu li.nav-clientview a:hover {background-position:-130px -124px;}

.menu li.nav-contact a {background-position:0 -166px;}
.menu li.nav-contact a:hover {background-position:-130px -166px;}

.menu li.nav-links a {background-position:0 -207px; height:42px;}
.menu li.nav-links a:hover {background-position:-130px -207px;}

.menu li.nav-newsletter a {background-position:0 -249px;}
.menu li.nav-newsletter a:hover {background-position:-130px -249px;}

.menu li.nav-workshop a {background-position:0 -290px; height:40px;}
.menu li.nav-workshop a:hover {background-position:-130px -290px;}

.menu li ul.subnav {background:url(/images/mcgraw/site/template/navbg.png) repeat-y;}
.menu li ul.subnav li a {background:url(/images/mcgraw/site/template/subnavbg.png) no-repeat; height:21px;}
.menu li ul.subnav li {height:auto; padding:5px 2px;}

.menu li ul.subnav li.sub-sample a {background-position:0 0;}
.menu li ul.subnav li.sub-sample a:hover {background-position:0 -133px;}
.menu li ul.subnav li.sub-bridal a {background-position:0 -29px;}
.menu li ul.subnav li.sub-bridal a:hover {background-position:0 -162px;}
.menu li ul.subnav li.sub-engagement a {background-position:0 -56px;}
.menu li ul.subnav li.sub-engagement a:hover {background-position:0 -189px;}
.menu li ul.subnav li.sub-fam a {background-position:0 -84px;}
.menu li ul.subnav li.sub-fam a:hover {background-position:0 -217px;}
.menu li ul.subnav li.sub-portfolio a {background-position:0 -111px;}
.menu li ul.subnav li.sub-portfolio a:hover {background-position:0 -244px;}

#btmtag { text-align:center; color:#ccc; font-family:Arial, Helvetica, sans-serif; padding-bottom:3px; padding-top:3px;  font-size:10px; }
#btmtag a:link {
	color: #ccc; text-decoration:none; 
}
#btmtag a:visited {
	color: #ccc; text-decoration:none;
}
#btmtag a:hover{
	color:#ccc; text-decoration:underline;
}
#btmtag a:active{
	color:#ccc; text-decoration:none;
}
.clear{clear:both}
#site {margin:0 0px 0 0; }
#masthead{margin: 10px auto 12px auto; width:99%; padding-right:0px; height: 32px; background-image: url(/images/mcgraw/site/template/mattmcgraw.png); background-repeat: no-repeat;  background-position: center center;}
#masthead h1{ margin:0px 0 0 115px; padding:0p 0 x; text-indent:-9000px; font-size:14px;}
#photoholder{margin: 0 0px; position:relative; z-index:0; padding-bottom:55px;}
.photoholdertl{background-image: url(/images/mcgraw/site/template/boxtl.gif); background-repeat: no-repeat; background-position: left top;}
.photoholdertr{background-image: url(/images/mcgraw/site/template/boxtr.gif); background-repeat: no-repeat; background-position: right top;}
.photoholderbl{background-image: url(/images/mcgraw/site/template/boxbl.gif); background-repeat: no-repeat; background-position: left bottom;}
.photoholderbr{padding: 10px; background-image: url(/images/mcgraw/site/template/boxbr.gif); min-height:800px;  background-repeat: no-repeat; background-position: right bottom;}
#bottomgreybar{height: 60px; background-image: url(/images/mcgraw/site/template/greybg.gif); background-repeat: repeat-x; background-position: 0pt 10px; }
#footertxt{ margin-right:140px; text-align: center; color:#333333; font-size: 10px;}

#MusicLayer {
	position:absolute;
	
	top:585px;
        left:15px;
	width:100px;
	height:25px;
	z-index:1;
}

.hana3 {height:20px;}


#subnav li a:hover, #subnav li a:focus {background:none;}
#pnlCaptcha {margin-left:200px}

@font-face {  
	  font-family: 'CopperPlate';  
	  src: url('http://www.mattmcgrawphotography.com/images/fonts/COPRGTL.eot');
	  src: local(" COPRGTL "), url( /images/fonts/COPRGTL.ttf ) format("truetype"); /* non-IE */  
	}  
	 
	/* THEN use like you would any other font */  
	.listheader { font-family:"CopperPlate", verdana, helvetica, sans-serif !important;  
	}

/* Newsletter Archives */
#letterspnl {width: 600px; height: auto; margin: 0 auto;}
#letterspnl a {font-family:"CopperPlate", verdana, helvetica, sans-serif !important; font-style: italic; color: #FFFFFF; text-decoration: none;}
#letterspnl a:hover {text-decoration: underline; color: lightblue;}
.listheader font strong {font-weight: 100;}
.listheader {font-family: copperplate; visibility: visible;}


@font-face {
    font-family: 'CopperplateRegular';
    src: url('/images/mcgraw/site/template/font/copperplate-webfont.eot');
    src: url('/images/mcgraw/site/template/font/copperplate-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/mcgraw/site/template/font/copperplate-webfont.woff') format('woff'),
         url('/images/mcgraw/site/template/font/copperplate-webfont.ttf') format('truetype'),
         url('/images/mcgraw/site/template/font/copperplate-webfont.svg#CopperplateRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

-->