/* reset */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; } 

/* default styles */	
body { background: #fff; color: #000; font: 62.5% Verdana, Arial, Helvetica, sans-serif; text-align: center; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; } 
a { color: #808285; text-decoration: none; }
a:hover, a:active { color: #d0d727; text-decoration: none; }
 
/* layout */	
div.container { width: 1064px; margin: 0 auto; text-align: left; } 
	
/* header */	
div#header { position: relative; height: 217px; } 
div#header h1, div#header h1 span { display: block; width: 97px; height: 174px; overflow: hidden; cursor: pointer; }
div#header h1 {	position: absolute;	top: 20px; left: 485px; }
div#header h1 span {	position: absolute; top: 0; left: 0; z-index: 10; background: url(../weddings/logo.gif) no-repeat; }  

/* content */
div#content { text-align: center; }
div#content h2 { clear: left; font-size: 2.2em; font-weight: normal; padding: 20px 0 8px 0; }
div#content p { font-size: 1.5em; }
div#content p.other-site { font-size: 1em; padding: 20px 0; }

/* photos */ 
ul.photos li { float: left; margin-left: 5px; }
ul.photos li.you { margin-left: 3px; }
ul.photos li a { display: block; height: 263px; width: 172px; text-indent: -9999em; }
ul.photos li a:hover { background-position: bottom left; } 
ul.photos li.you a { background-image: url(../weddings/michael_ford_photography_you.jpg); }
ul.photos li.celebrate a { background-image: url(../weddings/michael_ford_photography_celebrate.jpg); }
ul.photos li.moments a { background-image: url(../weddings/michael_ford_photography_moments.jpg); }
ul.photos li.life a { background-image: url(../weddings/michael_ford_photography_life.jpg); }
ul.photos li.together a { background-image: url(../weddings/michael_ford_photography_together.jpg); }
ul.photos li.now a { background-image: url(../weddings/michael_ford_photography_now.jpg); }

/* enter */
ul.enter { padding: 30px 0 0 0; font-size: 1.1em; }
ul.enter li { text-transform: uppercase; display: inline; font-weight: bold; padding: 0 10px; }

/* other-site */
p.other-site a { text-decoration: underline; }

/* need a headshot button */
div.need-a-headshot a { display: block; margin: 0 auto; text-align: center; width: 211px; height: 43px; background: url(../images/button.png) no-repeat top left; line-height: 40px; text-align: center; text-decoration: none; font-weight: bold; color: #666; font-size: 1.3em; }
div.need-a-headshot a:hover { background-position: bottom left; }