@charset "UTF-8";
body { background-color: #F7F2E1; background: url(../images/backgrounds/page-pattern.gif) repeat; margin: 0; padding: 0 0 5em 0; color #333; }

h1, h2 { font-family: "Times New Roman", Times, serif; background: url(../images/icons/divider.png) no-repeat bottom center; text-align: center; }
h1 { color: #902; font-size: 2.2em; padding-bottom: 18px;}
h1.home { background: none; padding-bottom: 0; }
h2 { color: #663; font-size: 1.4em; padding-bottom: 12px; }
h2.contact { color: #902; text-align: left; background: none; border-bottom: 1px solid #E0D0B1; padding-bottom: 0; margin-top: 1.5em; }

a:link, a:visited { color: #313280; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { color: #902; text-decoration: underline; }


/* === Navigation styles === */
#nav { background-color: #4A0015; border-top: 8px solid #802; width:100%; height: 91px; position: relative; }
#nav a#logo { display: block; position: absolute; top: 10px; left: 10px; width: 97px; height: 71px; background: url(../images/nav/cabinets-on-the-square-logo.png) top left no-repeat; }
#nav #logo span { display: none; }
#nav a { color: #FFF; text-decoration: none; font-family: "Times New Roman", Times, serif; font-size: 1.25em; }
#nav a:hover { text-decoration: underline; }
#nav a.on { background: url(../images/nav/active-tab-fill.png) repeat-x; }
#nav ul { list-style-type: none; text-align: center; padding-bottom: .5em; position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; }
#nav ul li { display: inline; vertical-align: bottom; line-height: 2em; min-height: 27px; }
#nav ul li a { margin: 0; padding: 0 .6em .6em .6em;  }


/* === Content Container === */
.content { width: 720px; margin: 20px auto 5em auto; background: #F6F1DE url(../images/backgrounds/content-fill.png) repeat-x; border: 1px solid #E0D0B1; color: #5F2B0B; padding: 10px 0 2em 0; }

.sidebar p, .sidebar li { font-size: 0.9em; color: #5F2B0B; }


/* === Home === */
#statement { margin: 0 auto; width: 320px; padding: 50px 200px 0 200px; text-align: center; }
#statement p { font-size: 1.2em; }

/* --- Gallery  ---*/
#mini a { color: #E0D0B1; margin-right: 11px; }
.galleryphotos a { color: #E0D0B1; margin-right: 9px; }
#mini a.last { margin-right: 0; }
#mini a:hover, .galleryphotos a:hover { color: #313280; } 
#mini img, .galleryphotos img { border: 1px solid; padding: 2px; margin-bottom: 9px; }
.galleryphotos { padding-bottom: 1em; }


/* === Gallery === */

.gallery H2 { background: none; text-align: left; padding-bottom: 0; }

/* === Contact === */

form#contact input { display: block; width: 98%; }
form#contact select { display: block; width: 98%; }
form#contact textarea { display: block; width: 98%; height: auto; background: #FFF; }
form#contact .half { width: 50%; }
form#contact #sendit { margin: 2em 0; }
form#contact #sendit input { display: inline; vertical-align: middle; width: auto; }

label { display: block; clear: both; font-family: "Times New Roman", Times, serif; color: #663; font-weight: normal; font-size: 1.2em; padding-bottom: 0.25em; }
label span { font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-size: 0.75em; color: #963; padding-left: 2em; }



/* === Copyright === */

#copyright { color:#A28162; font-size: 0.9em; text-align: center; }