/*
MADDIES SIFANTUS © Diasa Design 2008
----------------------------------------------- */
@media screen {
/* =General page settings
----------------------------------------------- */
* { font-size: 100%; margin: 0; padding: 0; }

html { height: 100%; }

body { background: url(../i/MS_bg.jpg) #8d7d7f repeat-x 0 0; color: #fff; font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; min-width: 780px; text-align: center; }

p, ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, textarea, blockquote, pre, table { margin: 0 0 5px 0; }

/* =Headings - Generic styles
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 { background: transparent; color: #fff; font-weight: normal; letter-spacing: 2px; }

#content h2 { font-size: 10px; padding: 15px 0px 12px 0px; }

#content h3 { font-size: 10px; padding: 0px 0px 5px 0px; text-align:right; font-variant:small-caps; }

#content h4 { font-size: 10px; }

#content h5{ font-size: 10px; }

#content h6 { font-size: 10px; }

/* =Anchors
----------------------------------------------- */
a img { border: none; }

a:link { background: transparent; color: #eeeeee; text-decoration: none; }

a:visited, a:hover, a:focus, a:active { background: transparent; color: #dddddd; text-decoration: none; }

/* =Wrappers
----------------------------------------------- */
#wrapper { background: transparent url(../i/MS_wrapper.jpg) repeat-y 0 0; margin: 0 auto; width: 780px; }

/* =Heading Layout
----------------------------------------------- */
#heading { background: transparent; height: 152px; position: relative; width: 780px; margin-left:auto; margin-right:auto; margin-bottom:0px; margin-top:0px; float:none; }

#heading h1 { left: 60px; position: absolute; top: 40px; }

#heading h1 a { background: transparent; display: block; height: 45px; overflow: hidden; text-indent: -9999px; width: 520px; }

/* =Content Layout
----------------------------------------------- */
#content { background: url(../i/MS_content.jpg) no-repeat 0 0; width: 780px; }

#content-a { float: left; font-size: 11px; width: 400px; text-align:justify; }

#content-b { float: right; font-size: 11px; width: 380px; text-align:justify; }

#content-a-inner { padding: 45px 10px 15px 60px; }

#content-b-inner { padding: 45px 38px 15px 10px; }

#content-c { float: left; font-size: 12px; width: 780px; text-align:justify; }

#content-c-inner { padding: 10px 68px 25px 78px; }

/* =Images
----------------------------------------------- */
.frame { border: double; border-color: #fff; margin: 10px}


/* =Main Navigation
----------------------------------------------- */
#main {width: 780px; height: 30px; background: transparent; padding:0 0px 0 0px; }

.navmain {padding:0 30px 0 54px; margin:0; list-style:none; height:30px; position:absolute; top: 121px; left: 0; z-index:500; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold;}

.navmain li.top {display:block; float:left; height:30px; width:115px; }

.navmain li a.pos1, .navmain li a.pos2, .navmain li a.pos3, .navmain li a.pos4, .navmain li a.pos5, .navmain li a.pos6 { height:30px; width:115px; display:block; border-bottom: 1px solid #eee; padding:0; cursor:pointer; overflow: hidden; text-indent: -9999px; }

.navmain li a.pos1 {background: transparent url(../i/nav_weddings.gif); } 
.navmain li a.pos2 {background: transparent url(../i/nav_ministry.gif); } 
.navmain li a.pos3 {background: transparent url(../i/nav_music.gif); } 
.navmain li a.pos4 {background: transparent url(../i/nav_links.gif); } 
.navmain li a.pos5 {background: transparent url(../i/nav_bio.gif); } 
.navmain li a.pos6 {background: transparent url(../i/nav_contact.gif); }  

.navmain li.p1, .navmain li.on a.pos1, .navmain li.on a.pos1:hover {background: transparent url(../i/nav_weddings.gif); background-position: 0 -30px;} 
.navmain li.p2, .navmain li.on a.pos2, .navmain li.on a.pos2:hover {background: transparent url(../i/nav_ministry.gif); background-position: 0 -30px;} 
.navmain li.p3, .navmain li.on a.pos3, .navmain li.on a.pos3:hover {background: transparent url(../i/nav_music.gif); background-position: 0 -30px;} 
.navmain li.p4, .navmain li.on a.pos4, .navmain li.on a.pos4:hover {background: transparent url(../i/nav_links.gif); background-position: 0 -30px;} 
.navmain li.p5, .navmain li.on a.pos5, .navmain li.on a.pos5:hover {background: transparent url(../i/nav_bio.gif); background-position: 0 -30px;} 
.navmain li.p6, .navmain li.on a.pos6, .navmain li.on a.pos6:hover {background: transparent url(../i/nav_contact.gif); background-position: 0 -30px;} 

.navmain table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.navmain a:hover {visibility:visible; position:relative; z-index:200;}
.navmain li:hover {position:relative; z-index:200;}

.navmain li a.top_link:hover {background:transparent;} 
.navmain li:hover > a.top_link {background:transparent;} 

/* keep the 'next' level invisible by placing it off screen. */
.navmain ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.navmain :hover ul {left:0; top:30px; background: transparent url(../i/navsubmain_bg.jpg); padding:3px; white-space:nowrap; height:auto; width:auto; z-index:300; border-left: 1px solid #f6f0e1; border-right: 1px solid #f6f0e1; border-bottom: 1px solid #f6f0e1; }
.navmain :hover ul li {display:block; height:20px; position:relative; width:115px;}
.navmain :hover ul li a {display:block; font-size: 11px; font-variant:small-caps; text-align:center; height:20px; line-height:20px; width:auto; padding:0 10px; color: #ffffff; background:transparent; text-decoration:none;}
.navmain :hover ul li a:hover { color: #cccccc; }


/* =Classes
----------------------------------------------- */
p.sig { font-size: 10px; padding: 3px 0px 12px 0px; }
p.cent { text-align:center; }

#link { text-align:center; margin-bottom: 30px; }
#link p { letter-spacing: 1px; margin: 10px 0; }
#link ul { list-style-type:none; margin: 26px 0;}
#link li { margin: 10px 0; }

#frm { text-align: center; margin-left: auto; margin-right:auto; margin-top: 14px; }

/* =Forms
----------------------------------------------- */
label { background: transparent; color: #fff; display: block; text-align:left; margin-bottom: 0; }

input, textarea, select { background: /* transparent */ #fefefe repeat-x 0 0; border-top: 1px solid #aaaaaa; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; border-left: 1px solid #cccccc; color: #787878; display: block; font: .9em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; padding: 2px; }

input, select { letter-spacing: 1px; }

#contactform table { padding: 0px 0px 0px 80px; margin: 20px 0; }

#contactform table td { padding: 0; vertical-align:top;}

#contactform-name, #contactform-email, #contactform-email2, #contactform-phone, #contactform-url, #contactform-industry, #contactform-service, #contactform-phone-long { width: 220px; }

#contactform-subject, #contactform-message, #comments { width: 450px; }

#contactform-message { height: 100px; }
#contactform-method { margin: 0px;  padding:0px;}
label.contactform-method  {  }

input.imagelogin { border: none; margin: 0; padding: 0px; background: transparent; }


/* =Footer
----------------------------------------------- */
#footer { background: transparent url(../i/MS_footer.jpg) no-repeat 0 0; clear: both; height: 125px; width:780px; }

#footer p { background: transparent; color: #888888; font-size: .8em; line-height: 1em; margin: 0 0 0 0; padding: 10px 100px 0px 100px; }

#nav-d { background: none; list-style-position:inside; list-style-type: none; padding: 0px 38px 0px 0px; }

#nav-d li { float: right; margin: 0 0px 0 0; list-style-type: none; padding: 0 0px 0px 0px; }

#nav-d li a { display: block; overflow: hidden; text-indent: -9999px; width: 89px; height: 15px; }

#nav-d li a:hover {background-position: 0 -20px; }

#nav-d-design { background: transparent; position: relative; cursor: pointer; }


}
@media print {
body { background: #ffffff; color: #888888; font: 8pt Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6, code, pre { color: #888888; }

h2	{ font-size: 10pt; }

h3	{ font-size: 9pt; }

h4, h5, h6 { font-size: 8pt; }

abbr, acronym { border-bottom: none; }

abbr:after, acronym:after { content: ' (' attr(title) ') '; }

a:after { content: ' (' attr(href) ') '; }

a { color: #eeeeee; text-decoration: none; }

#nav-a, #nav-b,form { display: none; }

}