@charset "UTF-8";
/* CSS Document */

/* ----------------------
   CSS 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* ----------------------
   GENERAL LAYOUT
   ---------------------- */
   
body { font-family: 'Muli', Arial, sans-serif; padding-top:20px; }
strong { font-weight: bold; }
a { text-decoration:none; }
.cleardiv { display:block; clear:both; height:0px; }

/* header */
#header { width:960px; height:106px; margin:0px auto; clear:both; margin-bottom:20px; }
#header h1 { display:block; width:310px; height:85px; background-image:url(images/silverleaf_photography_logo.gif); text-indent:-9999px; position:relative; top:-5px; }
.logo_box { display: inline-block; float:left; width:330px; height: 106px; margin-right:10px; }
.logo_box h2 { float:right; text-align:right; color:#666666; }
.menu_box { width: 140px; height: 106px; float:left; display: inline-block; border-left: 1px #666666 solid; padding-left:10px; line-height: 26px; }
.menu_box h3 { font-weight: bold; font-size:18px; }
.menu_box a { color: #888; }
.menu_box a:hover { color:#0099CC; }
.menu_box a.menu_active { background-color:#CCCCCC; color: #333333; padding:0px 2px; position:relative; left: -2px; }

/* footer */
#footer { width:960px; height:20px; margin:0px auto; margin-top:20px; margin-bottom: 20px; border-top: 1px #999999 solid; padding-top: 10px; }
#footer p { color:#666666; text-align:center; }

/* ----------------------
   HOMEPAGE
   ---------------------- */
#hm_slideshow { display:block; clear:both; width:960px; height: 640px; margin:0px auto; }
.fadein { height: 639px; margin: 0 auto; position: relative; width: 960px; }
.fadein img { float: left; left: 0; position: absolute; top: 0; }

/* ----------------------
   INTERIOR PAGES
   ---------------------- */

.int_holder { width: 960px; margin:0px auto; }
.int_holder p { color:#333333; line-height: 20px; margin:15px 0px; }

/* Pricing */

table.pricetable { width:960px; margin:10px 0px; clear: both; }
table.pricetable td { width: 320px; padding: 0px 10px; border: #CCCCCC solid; border-width: 0px 1px; }
table.pricetable ul { list-style-type: circle; margin: 0 0 0 20px; }
table.pricetable ul li { margin: 15px 0px; line-height: 19px; }
.packagebox { background-color:#efefef; text-align:center; padding: 5px; font-size:20px; }
.packagebox p { margin: 5px 0px; }


/* Testimonials */
.contentdiv img { float: left; margin-right: 20px; }
.contentdiv p { font-size: 18px; line-height: 25px; }
.contentdiv p.testimonial_name { color:#999999; }

/* contact page */

.contactform { background-color:#efefef; float:right; display: inline-block; height: 500px; width: 450px; padding: 20px;}

.contactinfo { float:left; display: inline-block; height: 540px; width: 460px; background-image:url(images/contact.jpg); background-position:bottom; background-repeat:no-repeat; }
.contactinfo p { text-align:center; font-size: 20px; line-height: 25px; margin-top: 20px; }