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

* {margin: 0px; padding: 0px;}

a {outline: none}

body {font-size: 62.5%; line-height: 1.4em; background:url(images/bodyBKG.jpg) repeat top left; ; font-family:Helvetica, Arial, sans-serif }

body.home #container {width: 1040px; margin: 0 auto;}

body.home #content {background:url(images/homeBKG.jpg) no-repeat; height: 614px; width: 984px; }

#container {width: 1024px; }

#content {background:url(images/insideBKG.jpg) no-repeat; height: 831px; width: 243px; float: left}

body.home #branding {background:url(images/home_logo.jpg) no-repeat; height:207px; width:367px; margin: 45px 0 0 109px; float: left}
*html body.home #branding {margin: 45px 0 0 55px}

#branding {height:321px; width: 212px}
#branding h1 {text-indent:-9999px; height: 100%; width:100%;}
#branding h1 a {display: block; height: 100%; width: 100%;}

/* ----- navigation ----- */

/* -- Main Nav -- */

/* home page */

body.home .navMain ul {list-style: none;margin: 0 0 0 81px}
body.home .navMain ul li {display: block; float:left; height: 75px; margin: 19px 66px 0 0}
.navMain ul li a {display: block; height:100%; width: 100%; text-indent: -9999px}

body.home .navMain li.invitations {background:url(images/navHome_invitations.jpg) no-repeat; width:165px}
body.home .navMain li.envelopes {background:url(images/navHome_envelopeStyles.jpg) no-repeat; width:239px}
body.home .navMain li.necessaryExtras {background:url(images/navHome_necessaryExtras.jpg) no-repeat; width:276px}

body.home .navMain li.envelopes a:hover {background:url(images/navHome_envelopeStyles_on.jpg) no-repeat; width:239px}
body.home .navMain li.invitations a:hover {background:url(images/navHome_invitations_on.jpg) no-repeat; width:165px}
body.home .navMain li.necessaryExtras a:hover {background:url(images/navHome_necessaryExtras_on.jpg) no-repeat; width:276px}

.navMain ul {list-style:none; }
.navMain ul li {display: block;}
.navMain ul li a {display: block; height:100%; width: 100%; text-indent: -9999px}

.navMain li.invitations {background:url(images/navInvitations.jpg) no-repeat; height:38px; width:196px; margin: 0 0 52px 0}
.navMain li.envelopes {background:url(images/navEnvelopes.jpg) no-repeat; height:61px; width:210px; margin: 0 0 42px 0}
.navMain li.necessaryExtras {background:url(images/navNecessaryExtras.jpg) no-repeat; height:78px; width:190px; margin: 0 0 23px 0}

.navMain li.invitations a:hover {background:url(images/navInvitations_on.jpg) no-repeat; }
.navMain li.envelopes a:hover {background:url(images/navEnvelopes_on.jpg) no-repeat;}
.navMain li.necessaryExtras a:hover {background:url(images/navNecessaryExtras_on.jpg) no-repeat;}


/* -- Sub Nav -- */

body.home .navSub, body.home .navSub2 {float: left; clear: left}
body.home .navSub ul { margin: 2px 0 0 77px; list-style: none; width: 450px}
body.home .navSub ul li {display: block; float: left;  height: 34px;}

body.home .navSub ul li.about {background:url(images/navHome_about.jpg) no-repeat; width: 211px;}
body.home .navSub ul li.contact {background:url(images/navHome_contact.jpg) no-repeat; width: 239px}

body.home .navSub ul li.about a:hover {background:url(images/navHome_about_on.jpg) no-repeat; width: 211px;}
body.home .navSub ul li.contact a:hover {background:url(images/navHome_contact_on.jpg) no-repeat; width: 239px}

body.home .navSub2 ul {margin: 75px 0 0 69px; list-style: none; width: 450px}
body.home .navSub2 ul li {display: block; float: left;  height: 44px; margin:0 19px 0 0}

body.home .navSub2 ul li.featuredWork {background:url(images/navHome_featuredWork.jpg) no-repeat; width: 184px}
body.home .navSub2 ul li.separate {background:url(images/navHome_separate.jpg) no-repeat; width: 53px; display: block}
body.home .navSub2 ul li.testimonials {background:url(images/navHome_testimonials.jpg) no-repeat; width: 156px}

body.home .navSub2 ul li.featuredWork a:hover {background:url(images/navHome_featuredWork_on.jpg) no-repeat; width: 184px}
body.home .navSub2 ul li.testimonials a:hover {background:url(images/navHome_testimonials_on.jpg) no-repeat; width: 156px}


.navSub, .navSub2 {width:199px}
.navSub ul, .navSub2 ul {width: 199px}
.navSub ul li, .navSub2 ul li { width: 199px; margin: 0}

.navSub ul li a, .navSub2 ul li a {display: block; height:100%; width: 100%; text-indent: -9999px}

li.featuredWork {background:url(images/navFeaturedWork.jpg) no-repeat; height: 33px;}
li.testimonials {background:url(images/navTestimonials.jpg) no-repeat; height: 37px;}
li.about {background:url(images/navAbout.jpg) no-repeat; height: 35px;}
li.contact {background:url(images/navContact.jpg) no-repeat; height: 35px;}
li.separate {display:none}

li.featuredWork a:hover {background:url(images/navFeaturedWork_on.jpg) no-repeat;}
li.testimonials a:hover {background:url(images/navTestimonials_on.jpg) no-repeat;}
li.about a:hover {background:url(images/navAbout_on.jpg) no-repeat; }
li.contact a:hover {background:url(images/navContact_on.jpg) no-repeat;}


/* ----- shadows ----- */
.shadowLeft {background:url(images/shadowLeft.png) no-repeat; height: 614px; width: 24px;}
body.home .shadowRight {background:url(images/shadowRight.png) no-repeat; height: 614px; width: 32px; }
body.home .shadowBottom {background:url(images/shadowBottom.png) no-repeat; height: 26px; width: 1040px; }

.shadowRight {background:url(images/shadowInside_right.png) no-repeat; height: 831px; width: 19px;}
.shadowBottom {background:url(images/shadowInside_bottom.png) no-repeat; height: 14px; width: 262px; clear: left}

.shaddow {float: left;}
*html body .shaddow {background: none !important; display: none}


/* ----- main content ----- */

#mainContent {float: right; width:762px}

p {font-size: 1.3em; line-height: 1.4em; margin: 5px 0 5px 17px; color: #6F3F0F; width: 600px; }
p a {color: #6F3F0F; text-decoration: none}
p a:hover {color:#985825}

/* ----- highslide gallery ----- */

.highslide-gallery {margin: 20px 0 20px 20px}
.highslide-number {font-weight: normal !important; font-size: .6em !important ; margin: 0 0 5px 0 !important; float: right; width:175px; text-align:right}
.highslide-caption {font-size: 1.4em !important }
 
/* ----- site info ----- */

/* footer info */
 
p.copy {width: 225px !important; text-align: left; float: left;}
p.credits {width: 260px !important; text-align: right;float: right; margin: 5px 90px 50px 0 !important}
body.home p.credits {margin: 5px 30px 50px 0 !important;}

/* ----- headers ----- */

.header {text-indent:-9999px; margin: 15px 0 ; height: 212px; width: 567px}

.header.headerInvitations {background:url(images/headerInvitations.jpg) no-repeat;}
.header.headerEnvelopes {background:url(images/headerEnvelopes.jpg) no-repeat;}
.header.headerNecessary {background:url(images/headerNecessaryExtras.jpg) no-repeat;}
.header.headerFeatured {background:url(images/headerFeatured.jpg) no-repeat;}
.header.headerAbout {background:url(images/headerAbout.jpg) no-repeat; height: 139px}
.header.headerContact {background:url(images/headerContact.jpg) no-repeat; height: 139px}
.header.headerTestimonials {background:url(images/headerTestimonials.jpg) no-repeat; height: 139px}#container #mainContent .style2 {
}


/* ----- random style ----- */

.smaller {font-size: .8em}