/*------------start reset styles to reduce browser inconsistency------------*/ 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; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /*------------end reset styles to reduce browser inconsistency------------*/ /*-----------------Start Common Styles------------------*/ body { margin: 0px auto; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #4c1650; background-image: url(layout-images/bodybg-tile.jpg); background-repeat: repeat; line-height: 140%; } table { text-align: left; } td { vertical-align: top; } a:link, a:visited { color: #4c1650; border-bottom: 1px dotted #4c1650; text-decoration: none; } a:hover, a:active { color: #768F1C; text-decoration: none; border-bottom: 1px dotted #768F1C; } p { padding: 0 0 10px 0; } li { list-style-type: none; } li p { padding: 0; } li ul li { list-style-type: square; margin-left: 12px; font-size: 14px; font-style: italic; } .wrapper { margin: 0 auto; text-align: center; width: 906px; } .tiny { font-size: 11px; padding: 10px 0; } .header { } .content { background-image: url(layout-images/watercolor.jpg); background-repeat: no-repeat; background-position: right bottom; font-size: 1px; line-height: 1px; /*fixes ie 6double padding bug */ } .content-padding { padding: 5px 25px 0px 25px; background-color: #FAFFEA; background-image: url(layout-images/contentbg-mid.jpg); font-size: 15px; /*fixes the fix for the ie 6double padding bug */ line-height: 140%; /*fixes the fix for the ie 6double padding bug */ } /*-----------------End Common Styles------------------*/ /*------------------Start Nav Styles------------------*/ /*I've used a selection of IDs on the tag to allow for those cute active tabs. When the id on the and the li class match up, the tab is activated, no fancy scripting needed*/ /*This menu is based on the following technique...http://www.tutorio.com/tutorial/pure-css-image-rollovers*/ .nav { margin: 0px auto; width: 906px; height: 37px; } .nav a { display: block; height: 37px; text-indent: -9999px; border: 0px none; } .nav a:hover { border: 0px none; } .nav a:visited { border: 0px none; } .nav li { list-style: none; float: left; } .nav ul, li { margin: 0px; padding: 0px; } .nav li.nav-home a { background: url(layout-images/nav-home.jpg) no-repeat; width: 111px; } .nav li.nav-wedding a { background: url(layout-images/nav-wedding.jpg) no-repeat; width: 115px; } .nav li.nav-everyday a { background: url(layout-images/nav-everyday.jpg) no-repeat; width: 119px; } .nav li.nav-commercial a { background: url(layout-images/nav-commercial.jpg) no-repeat; width: 152px; } .nav li.nav-homedecor a { background: url(layout-images/nav-homedecor.jpg) no-repeat; width: 150px; } .nav li.nav-about a { background: url(layout-images/nav-about.jpg) no-repeat; width: 88px; } .nav li.nav-contactus a { background: url(layout-images/nav-contactus.jpg) no-repeat; width: 171px; } #home .nav li.nav-home a { background: url(layout-images/nav-home.jpg) no-repeat 0 -37px; } #wedding .nav li.nav-wedding a { background: url(layout-images/nav-wedding.jpg) no-repeat 0 -37px;} #everyday .nav li.nav-everyday a { background: url(layout-images/nav-everyday.jpg) no-repeat 0 -37px; } #commercial .nav li.nav-commercial a { background: url(layout-images/nav-commercial.jpg) no-repeat 0 -37px; } #homedecor .nav li.nav-homedecor a { background: url(layout-images/nav-homedecor.jpg) no-repeat 0 -37px; } #about .nav li.nav-about a { background: url(layout-images/nav-about.jpg) no-repeat 0 -37px; } #contactus .nav li.nav-contactus a { background: url(layout-images/nav-contactus.jpg) no-repeat 0 -37px; } /*------------------End Nav Styles------------------*/ /*-----------------Start text pages Content Column Styles------------------*/ .textpage .picstrip { width: 850px; background-image: url(layout-images/hm-firstcol-bg-mid.jpg); background-repeat: repeat-y; padding: 0; font-size: 1px; line-height: 1px; } .textpage .firstcol-bg-top { background-image: url(layout-images/hm-firstcol-bg-top.jpg); background-repeat: no-repeat; height: 10px; width: 850px; font-size: 1px; line-height: 1px; } .textpage .firstcol-bg-btm { background-image: url(layout-images/hm-firstcol-bg-btm.jpg); background-repeat: no-repeat; height: 10px; width: 850px; clear: both; } .textpage .picstrip .floatleft { float: left; padding: 10px 0px 10px 16px; } /*Oh noes! Double margin float bug. Fix is the display: inline declaration*/ .textpage .firstcol { width: 175px; text-align: left; margin: 10px 0 0 24px; float: left; display: inline; } .textpage .firstcol p { font-size: 14px; } .textpage .secondcol { width: 620px; text-align: left; float: left; margin: 10px 0 0 0; background-image: url(layout-images/watercolor.jpg); background-position: right bottom; background-repeat: no-repeat; } .textpage .secondcol-padding/*Double margin float bug! Oh noes! Affects IE v7 and under. Fix is present in ie.css stylesheet.*/ { padding: 0px; } /*-----------------end text pages Content Column Styles------------------*/ /*-----------------Start gallery pages Content Column Styles------------------*/ .gallerypage .firstcol-bg-top { background-image: url(layout-images/firstcol-bg-top.jpg); background-repeat: no-repeat; height: 10px; width: 200px; } .gallerypage .firstcol-bg-btm { background-image: url(layout-images/firstcol-bg-btm.jpg); background-repeat: no-repeat; height: 10px; width: 200px; margin-top: 10px; } .gallerypage .firstcol { width: 200px; text-align: center; background-image: url(layout-images/firstcol-bg-mid.jpg); background-repeat: repeat-y; margin: 0 23px 0 0; float: left; padding: 0; font-size: 1px; line-height: 1px; /*fixes ie 6double padding bug */ } .gallerypage .firstcol p { padding: 5px 23px; text-align: left; font-size: 14px; line-height: 140%; } .gallerypage #logo { padding-top: 10px; } .gallerypage .secondcol { text-align: left; width: 290px; float: left; } .gallerypage .secondcol-padding/*Double margin float bug! Oh noes! Affects IE v7 and under. Fix is present in ie.css stylesheet.*/ { } .thirdcol { margin: 0 0 0 20px; } .galleryimg { background-color: #FFFFFF; margin: 0 4px 4px 4px; } .thirdcol a:link { border: 0px none; } .thirdcol a:link img { border: 6px solid #ffffff; } .thirdcol a:hover img { border: 6px solid #4c1650; } /*-----------------End gallery pages Content Column Styles------------------*/ .map { float: right; padding: 5px; border: 1px solid #89277B; margin: 10px 0 10px 10px; }