@charset "utf-8";
/* www.askdecorating.co.uk - A.S.K. Painting and Decorating */

/* 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; font-style: normal; }
body { line-height: 1; font-size: 62.5%;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }

/* Set global text styles */
h1 { font-size: 2.1em; font-weight: normal; line-height: 1.5em; font-style: italic; color: #94816B; }

h2, h3, h4 { font-size: 1.6em; font-weight: normal; line-height: 1.8em; margin: 15px 0 7px 0; color: #94816B; border-bottom: 1px dotted #94816B; }

p, ol, address { font-size: 1.3em; line-height: 1.5em; color: #660000; text-align: justify; margin-bottom: 11px; }

/* Site-wide styles */
body { font-family: Georgia, serif; background-color: #E0D3A8; }

#header { position: relative; background: #E0D3A8 url(./assets/title2.jpg) no-repeat; 
width: 900px; height: 148px; margin-left: auto; margin-right: auto; }

#title-link a { /* places a link to index.html over the title graphic */
float: right; display: block; width: 410px; height: 59px; }

#index-spacer { /* mimics the above div but without the anchor */
float: right; display: block; width: 410px; height: 59px; }

#navbar { float: right; clear: right; margin: 55px 42px 0 0; }

* html #navbar { /* for IE6 */
float: right; margin: 55px 32px 0 0; }

#navbar li { display: block; float: left; }

#navbar a { display: block; border-left: 1px solid #79684A; height: 19px; padding: 7px 12px 0 12px; 
background: url(./assets/navbar.jpg) repeat-x left bottom; text-decoration: none; font-size: 1.2em; color: #79684A; }

a#border-right { border-right: 1px solid #79684A; }

a#active-link { color: #FFFFFF; }

#navbar a:hover { color: #FFFFFF; }

#footer { clear: both; position: relative; width: 100%; padding: 12px 0 20px 0; }

#footer p { text-align: center; line-height: 1.6em; }

#footer a { text-decoration: none; color: #660000; border-bottom: 1px dotted #660000; }

#footer a:hover { color: #79684A; border-bottom: 1px dotted #79684A; }

/* Index page */
#index { position: relative; width: 818px; height: auto; padding: 40px; margin: 0 auto; border: 1px solid #660000; background-color: #FFFFFF; }

#index a { text-decoration: none; color: #660000; border-bottom: 1px dotted #660000; }

#index a:hover { color: #79684A; border-bottom: 1px dotted #79684A; }

#heading { margin: 0 60px 25px 60px; }

#heading h1 { text-align: center; }

#index h2, #index h3, #index h4 { width: 508px; }

#image1 { float: right; margin: 28px 0 40px 40px; }

#image2 { float: left; margin: 30px 40px 40px 0; }

h4.right { text-align: right; margin-left: 310px; }

blockquote#quote { margin: 12px 160px 0 160px; font-size: 1.6em; line-height: 1.8em; font-style: italic; color: #94816B; text-align: center; }

/* Terms & conditions and Testimonials */
#text-wrapper { position: relative; width: 818px; padding: 40px; margin-left: auto; margin-right: auto; border: 1px solid #660000; background-color: #FFFFFF; }

#text-wrapper ol { list-style-type: decimal; margin-left: 30px; }

.nested { /* Controls sub-list */
margin: 0.8em 0 1em 0; font-size: 1em; }

.nested li { list-style-type: lower-alpha; }

#text-wrapper li { margin-bottom: 0.6em; }

#text-wrapper h1 { font-size: 1.6em; font-style: normal; line-height: 1.6em; margin: 15px 0 7px 0; color: #94816B; border-bottom: 1px dotted #94816B; }

#text-wrapper a { text-decoration: none; color: #660000; border-bottom: 1px dotted #660000; }

#text-wrapper a:hover { color: #79684A; border-bottom: 1px dotted #79684A; }

#address p { /* Font-size corrects size of text on terms-conditions page */
font-size: 1em; text-align: center; padding-top: 30px; }

#text-indent { /* Controls a div on testimonials.html */
padding: 10px 30px 10px 30px; }

/* Portfolio */
#portfolio { position: relative; width: 818px; min-height: 737px; padding: 40px; margin: 0 auto; border: 1px solid #660000; background-color: #FFFFFF; }

#leftcolumn { float: left; width: 475px; }

#thumbs li { float: left; }

#thumbs img { display: block; border: 1px solid #660000; margin: 0 12px 28px 0; }

#rightcolumn { width: 320px; margin-left: 495px; }

#rightcolumn h1 { font-size: 1.6em; font-style: normal; line-height: 1.6em; margin: 5px 0 4px 0; color: #94816B; border-bottom: none; }

#rightcolumn p { border-top: 1px dotted #94816B; padding-top: 6px; }

/* Contact */
#contact { width: 818px; padding: 40px; margin: 0 auto; border: 1px solid #660000; background: #FFFFFF url(assets/kitchen.jpg) no-repeat 605px 40px; }

#contact h1 { width: 525px; font-size: 1.6em; font-style: normal; line-height: 1.6em; margin: 0 0 7px 0; color: #94816B; border-bottom: 1px dotted #94816B; }

#textaboveform { width: 525px; padding-bottom: 20px; }

#textaboveform a { text-decoration: none; color: #660000; border-bottom: 1px dotted #660000; }

#textaboveform a:hover { color: #79684A; border-bottom: 1px dotted #79684A; }

#italic { /* Controls note about asterisked form fields */
font-style: italic; font-size: 1.1em; padding-bottom: 10px; }

#form p { padding-bottom: 5px; }

legend { display: none; }

label.left { float: left; width: 170px; margin-right: 5px; text-align: right; }

#submit-btn input { margin: 0 0 15px 175px; }

#contact-address p { text-align: center; padding-top: 30px; }

/* Gallery pages */
#gallery-navbar { height: 36px; width: 100%; }

#gallery-navbar ul { width: 394px; margin: 8px auto 0 auto; }

#gallery-navbar li { display: block; float: left; width: 130px; }

#gallery-navbar a { display: block; text-align: center; border-left: 1px solid #79684A; height: 19px; padding-top: 7px; 
background: url(./assets/navbar.jpg) no-repeat left bottom; text-decoration: none; font-family: Georgia, serif; font-size: 1.2em; color: #79684A; }

#gallery-navbar a:hover { color: #FFFFFF; }

#landscape { width: 749px; height: 529px; margin: 0 auto 0 auto; }

#portrait { width: 529px; height: 749px; margin: 0 auto; }

#landscape img, #portrait img { border: 1px solid #660000; }