/* CSS Document */

/* Global Styles 
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: .8em; }
ol, ul { list-style: none; }
fieldset, img { border: 0; }
.clr { clear: both; margin: 0; padding: 0; }
p {line-height: 1.3em; }

html { height: 100%; margin-bottom: 1px; }
body { color: #414040; background: url(images/background.jpg) repeat 0 0; font-family: verdana, geneva, sans-serif; font-size: .8em; }
a:link, a:visited { color: #0a5e9f; background: none; text-decoration: underline; }
a:hover, a:active { color: #666; background: none; text-decoration: none; }

#wrapper { margin: 0 auto; width: 768px; color: inherit; background-color: #fff; }

/* header area
----------------------------------------------- */
#header { float:left; width:100%; height: 147px; background-image:url("images/header.jpg"); background-repeat: no-repeat; line-height: 1.75em; }
#header ul { position:absolute; top: 124px; }
#header li { float: left; background:url("images/nav_bkg_left.gif") no-repeat left top; margin: 0 5px; padding: 0 0 0 10px; }
#header li.navFirst { margin-left: 20px; }
#header li.navLast { margin-right: 0; }
#header a { float: left; display: block; background:url("images/nav_bkg_right.gif") no-repeat right top; padding: 0 13px 1px 3px; color: #fff; background-color: inherit; text-decoration: none; font-weight: bold; font-size: .9em; }

#header li:hover, #header li:hover a { background-position:0% -150px; color:#ddead4; }
#header li:hover a { background-position:100% -150px; }

#header a:hover, .home #header a.nhome, .gallery #header a.ngallery, .commission #header a.ncommission, .calendar #header a.ncalendar, .about #header a.nabout, .awards #header a.nawards, .contact #header a.ncontact { color: #faf9a8; background-color: inherit; }

/* hides rule from IE5-Mac \*/
   * html #header li.navFirst { margin-left: 10px; } /* stupid ie padding issue */
   * html #header a:hover { color:#ddead4; }
   #header a {float:none;}
/* End IE5-Mac hack */


/* content area
----------------------------------------------- */
#contentwrap { padding: 25px 5px 20px 25px; }
#contentwrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */

#content { position: relative; float: left; width: 325px; }
#content p { padding-bottom: 1em; }
#content h1 { font-size: 1.35em; padding-bottom: 1em; font-style: italic; }

#content1col { position:relative; padding-right: 1.25em; }
#content1col p { padding-bottom: 1em; }
#content1col p.line { border-bottom: 1px solid #755c46; width: 99%; margin-bottom: 1.5em; }
#content1col h1 { font-size: 1.35em; padding-bottom: 1em; font-style: italic; }
#content1col h2 { color: #a30404; font-size: 1.25em; padding-bottom: .5em; }
#content1col ul { padding: 0 60px 0 30px; }
#content1col li { background: url(images/bullet_yel.gif) no-repeat 0 6px; padding-left: 15px; margin-bottom: .75em; }
#content1col .special { float:right; border: 1px dotted #a30404; width: 250px; padding: 10px 10px 0; margin-left: 30px; }

#homePic { margin-left: 343px; }
#homePic dt { float: left; background: url(images/frame_bkg.gif) no-repeat 0 0; width: 187px; height: 144px; padding: 3px 0 0 3px; margin: 0 5px 5px 0; }
#homePic img { width:174px; height:132px; }
#homePic h2 { font-size: 120%; font-weight: bold; }
#homePic ul { padding: 1em 2em; }
#homePic li { background: url(images/bullet_yel.gif) no-repeat 0 6px; padding-left: 15px; margin-bottom: .75em; font-weight: bold; }

/* Calendar Page
----------------------------------------------- */
.events:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */
.events div { float: left; padding-left: 3em; }
.events dl { margin-left: 310px; padding-bottom: 1.25em; }
.events dt { font-weight: bold; }
.events dd { margin-bottom: .25em; }

/* Commissioned artwork Page
----------------------------------------------- */
#contentWide { position: relative; float: left; width: 350px; }
#contentWide h1 { font-size: 1.35em; padding-bottom: 1em; font-style: italic; }
#contentWide p { padding-bottom: 1em; }
#commission { margin-left: 368px; }
#commission dt { float: left; padding: 3px 0 0 3px; margin: 0 5px 1em 0; }
#commission img { border: 1px solid #c1c1c1; padding: 2px; }
#commission dt.duo { padding-left: 50px; }
#pricing {width: 100%; border: none; border-collapse:collapse; font-size: .85em; }
#pricing th { color: #000; background-color: #c1c1c1; padding: 3px 6px; }
#pricing td { border: 1px solid #c1c1c1; padding: 3px 6px; }


/* thumbnail gallery
----------------------------------------------- */
#galleryHome { margin: 0; }
#galleryHome .pics dt { float: left; background: url(images/frame_bkg.gif) no-repeat 0 0; width: 187px; height: 144px; padding: 3px 0 0 3px; }
#galleryHome .pics dd { text-align: center; margin: 3px 0 1em 0; }

/* Project Gallery */
.threeup { float: left; margin: 0; }
.threeup dt { background: url(images/frame_bkg.gif) no-repeat 0 0; width: 187px; height: 144px; padding: 3px 0 0 3px; margin: 1em 20px .25em 20px; }
.threeup dd { text-align: center; margin: 3px 15px 1.5em 0; }

#gallery { width: 100%; border-collapse:collapse; border:0; }
#gallery td { padding: 0 .4em 2em .4em; text-align:center; }
#gallery td.lastcol { padding-right: 0; }
#gallery a:link img {border: 1px solid #fff; }
#gallery a:visted img {border: 1px solid #fff; }
#gallery a:hover img {border: 1px solid #A5A28C; }
#gallery a:active img {border: 1px solid #A5A28C; }

#gallery2 { width: 100%; border-collapse:collapse; border:0; }
#gallery2 td { padding: 0 .4em 2em .4em; text-align:center; }
#gallery2 td.lastcol2 { padding-right: 0; }


#magcover { width: 100%; border-collapse: collapse; margin-top:2em; }
#magcover td { text-align:center; }
#magcover img { border:1px solid #000; margin-bottom: 1em; }


/* footer area
----------------------------------------------- */
#footer { text-align: center; padding-top: 1.25em; font-size: .85em; color: #cdcdcd; background-color: none; }
#footer li { display: inline; padding: 10px 9px 10px 16px; background: url(images/bullet_nav.gif) no-repeat 0 50%; }
#footer li.first { background: none; padding-left: 8px; }
#footer a { color: #ae9080; background-color: inherit; }
#footer .copyright { padding: 3em 0; font-size: 90%; }



/* Contact form
----------------------------------------------- */
form { width: 500px; margin: 0 auto; padding: 0; }
fieldset { padding: 0 0 10px 10px; margin: 0; border: 1px solid #5B5C3A; }
legend { font-weight: bold; font-size: 1.3em; padding-bottom: 8px; color: #5B5C3A; background-color: inherit; }
form dt { float: left; width: 30%; text-align: right; padding: 5px 10px 0 0; }
label.last { font-weight: bold; text-align: left; padding-left: 10px; }
input, textarea, select { margin: 5px 0; border: 1px solid #a7a7a7; font-family: inherit; font-size: 1em; padding: 1px 3px; }
input.submit { margin: 0; padding: 3px; color: inherit; background-color: #FAF9A8; }
.errorMessage { color: red; background-color: inherit; font-weight: bold; font-size: 1.1em; }


/* images
----------------------------------------------- */
img.frameRight { float: right; border: 1px solid #c1c1c1; padding: 2px; margin: 5px 0 0 15px; }

img.logo { width: 768px; height: 64px; }
img.pics { width: 161px; height: 175px; }
img.thumb { width: 118px; height: 89px; }
img.pdf { width: 14px; height: 14px; }
img.magnify { width: 16px; height: 16px; vertical-align: middle; padding-right: 3px; }
img.phone { width: 16px; height: 14px; vertical-align: middle; padding-right: 4px; }