/* Salutation Art: The Art of Phllip Frankcombe
/* URL www.salutationart.com


/* Design and Code by Guy Jeffrey
/* Sol Design www.sol.com.au
/* Last modified: March, 2007







/* basics
----------------------------------------------- */
html, body, form, fieldset { margin: 0; padding: 0; }
body { font-family: "Book Antiqua", Cambria, Georgia, "Times New Roman", serif; font-size: 76%; color: black; text-align: left; background-color: #f9f8f4; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0; padding: 0; }
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }
.standardsAlert { display: none; }
.clearleft { clear: left; }
img { display: inline; }
div.clearer {clear: both; line-height: 0; height: 0;}




/* basic links
----------------------------------------------- */



/* layout
----------------------------------------------- */
#wrapper { background-color: #fff; background-position: center 0; width: 810px; margin: 0 auto; padding: 0; text-align: left; }
#contentwrapper { background-color: #fff; background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-position: 0 bottom; margin: 0 auto; width: 800px; }
#gallerytitle { background-color: #ccc; vertical-align: middle; width: 500px; height: 20px; margin-top: 20px; margin-bottom: 0; margin-left: 20px; border: solid 1px #ccc; }
#gallery { margin-top: 0; margin-bottom: 0; margin-left: 20px; width: 500px; height: 410px; border: solid 1px #ccc; }
#gallery img a { border-style: none; border-width: 0; }
#leftcolumn img { border-style: none; border-width: 0; }
#masthead { background-image: url(../images/masthead-grad.gif); margin: 0 auto; width: 800px; height: 80px; padding: 0; border-bottom: 1px solid #787878; }
#painting { margin: 0 auto; width: 800px; height: 280px; padding: 0; }
#leftcolumn { text-align: left; display: inline; width: 550px; float: left; overflow: visible; margin: 0; padding: 15px 0 20px; }
#rightcolumn { background-image: url(../images/rightcol-grad.gif); background-repeat: no-repeat; background-position: 0 top; width: 250px; float: left; display: inline; overflow: visible; position: relative; margin: 0; padding: 0 0 2em; }
#footer { background-color: #fff; background-image: url(../images/masthead-grad.gif); background-position: center 0; width: 800px; margin: 0 auto; text-align: center; border-top: 1px solid #ccc; order-bottom-style: solid; order-right-style: solid; }




/* Nav */
#nav  { background-color: #fff; background-image: none; margin: 0 auto; width: 800px; height: 28px ; border-top: 1px solid #787878; border-bottom: 1px solid #ccc; }
#nav ul {margin: 0;	padding: 0;	list-style-type: none;	text-align: center;}
#nav ul li { float: left; }
#nav ul li a { width: 160px; font-size: 13px; font-weight: normal; height: 28px; line-height: 2.2em; text-align: center; color: #ab1a1f; font-style: normal; background-color: #f0e6cf; text-decoration: none; display: block; }
#nav ul li a.larger { width: 114px; }
#nav a:hover { color: #000; background-image: url(../images/masthead-grad.gif); }
#nav a.here { color: #2e2c2b; font-weight: bold; }
#nav ul li a.largerhere { width: 114px; color: #fff; font-weight: bold; }



/* Forms & Tables
----------------------------------------------- */
#table1 { font-weight: normal; font-style: normal; vertical-align: top; padding: 0; }
#table1 td { color: #f00; font-size: 1em; font-weight: normal; font-style: normal; text-align: left; padding: 0; }

/* Masthead
----------------------------------------------- */
#masthead h1 { color: #732a1c; font-size: 2.5em; font-weight: normal; text-align: center; letter-spacing: 0.3em; margin: 0; padding: 0; }
#masthead h2 { color: #d29b1c; font-size: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.1; text-transform: capitalize; text-align: center; word-spacing: 0.1em; margin: 0 0 5px; padding: 10px 0 0; }



/* Left Column
----------------------------------------------- */
#leftcolumn p { color: #2e2c2b; font-size: 1em; line-height: 1.8; text-align: left; padding-right: 15px; padding-bottom: 10px; padding-left: 20px; }
#leftcolumn tt { color: #f00; }
#leftcolumn h1 { color: #732a1c; font-size: 2.5em; font-weight: normal; padding: 17px 20px 1em; }
#leftcolumn h2 { color: #d29b1c; font-size: 1.5em; font-family: "News Gothic", "trebuchet ms", verdana, arial; font-weight: bold; line-height: 1.1; padding: 1em 20px 0.8em; }
#leftcolumn h3 { color: #787878; font-size: 1em; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; padding: 10px 10px 10px 20px; }
#leftcolumn h4 { color: #732a1c; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.1; padding: 1em 20px 0.5em; }
#leftcolumn h5 { color: #fff; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.1; padding: 3px 0 0 20px; }
#leftcolumn ol { font-family: Arial, Helvetica, sans-serif, Verdana; text-align: left; margin-top: 0; margin-bottom: 10px; padding: 0 20px 0 40px; list-style-type: decimal; }
#leftcolumn ol li { color: #003b78; font-size: 1.1em; padding-top: 7px; padding-bottom: 7px; }
#leftcolumn ul { text-align: left; margin-top: 0; margin-bottom: 10px; padding-left: 20px; list-style-type: none; }
#leftcolumn ul li { background: url(../images/bullet.gif) no-repeat left 1px; padding-left: 20px; margin-bottom: 10px; margin-left: 0; padding-bottom: 3px; }
#leftcolumn a:link { color: #ab1a1f; font-weight: bold; text-decoration: none; }
#leftcolumn a:visited { color: #ab1a1f; text-decoration: none; }
#leftcolumn a:hover { color: #1b395f; text-decoration: none; }
#leftcolumn a:active { text-decoration: none; }
#leftcolumn td { color: #003b78; font-size: 1em; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 1.8; text-align: left; padding-right: 10px; padding-bottom: 0; padding-left: 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#leftcolumn table { background-color: #fff; margin-top: 10px; margin-left: 20px; border: solid 1px #ccc; }
/* Right Column
----------------------------------------------- */
#rightcolumn p { color: #787878; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.7; padding: 0.5em 19px 0.5em 15px; }
#rightcolumn p.quote { color: #0042a9; font-size: 1em; line-height: 2em; padding: 0.5em 19px 0.5em 15px; }
#rightcolumn h1 { color: #003b78; font-size: 1.4em; font-weight: bold; line-height: 1.3; padding: 20px 15px 1em; }
#rightcolumn h2 { color: #ab1a1f; font-size: 1.2em; font-weight: bold; line-height: 1.2em; padding-top: 10px; padding-bottom: 0; padding-left: 15px; }
#rightcolumn h3 { color: #60677d; font-size: 1em; font-weight: bold; line-height: 1; padding: 20px 15px 0; }
#rightcolumn h4 { color: #0042a9; font-size: 1.2em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-align: left; padding: 5px 20px 0.3em 15px; }
#rightcolumn h5 { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1.1em; font-weight: bold; color: #141414; line-height: 1.5em; padding: 5px 20px 0.3em 0; }
#rightcolumn strong { font-weight: bold; }
#rightcolumn em { color: 	red; font-weight: bold; font-style: normal; }
#rightcolumn ul { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; list-style-type: disc; padding: 5px 20px 10px; }
#rightcolumn li { line-height: 2; list-style-type: none; }
#rightcolumn a:link { color: #d5005e; }
#rightcolumn a:visited { color: #d5005e; }
#rightcolumn a:hover { color: #f8c7ba; }
#rightcolumn a:active { color: #c2d833; }



/* Images
----------------------------------------------- */
img.left	{ float: left; margin-top: 3px; margin-right: 15px; border: 0; }
img.icon { vertical-align: baseline; margin-right: 15px; float: left; border: 0; }
img.rctop { display: block; margin: 15px 0 5px 15px; }
img.right { display: block; margin: 0; padding-top: 3px; padding-left: 15px; float: right; }
img.b-left { display: block; margin: 3px 15px 10px 0; padding: 3px; float: left; border: solid 1px #c8b7c4 }
img.b-right { display: block; margin: 3px 0 0 15px; padding: 4px; float: right; border: solid 1px #c8b7c4; }
img.logos { margin: 10px 0; }
img.acrobat { margin-top: 15px; padding: 0; display: block; }
img.covers { display: block; margin-top: 10px; margin-left: 15px; padding: 0; border: solid 1px #999; }
img.border { margin-top: 10px; margin-bottom: 10px; display: block; padding: 0; border: solid 1px #999; }

.mainimage { margin: 10px 0 0 15px; padding: 0;  }
.thumb { text-decoration: none; float: left; display: inline; padding: 0; margin: 15px 30px 15px 15px; border-style: none; border-width: 0; }
.thumb-last { display: inline; margin: 15px 0 15px 15px; padding: 0; float: left; border-style: none; border-width: 0; }
/* footer
----------------------------------------------- */
#footer p { color: #732a1c; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.2; text-align: center; padding: 10px; }
#footer a:link { color: #d29b1c; text-decoration: none; border: none; }
#footer a:visited { color: #2e2c2b; text-decoration: none; border: none; }
#footer a:hover { color: #ab1a1f; text-decoration: none; border: none; }


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

#gallerytitle { background-color: #ccc; vertical-align: middle; width: 500px; height: 20px; margin-top: 0; margin-bottom: 0; margin-left: 20px; border: solid 1px #ccc; }
#gallery { margin-top: 0; margin-bottom: 0; margin-left: 20px; width: 500px; height: 520px; border: solid 1px #ccc; }
#gallery img a { border-style: none; border-width: 0; }