html {min-height: 100%;height: auto;}

body {background: #fff url(/images/site/background-large.jpg) no-repeat bottom center; color: #333; font-family: verdana, helvetica, sans-serif; font-size: 14px; margin: 0 auto; padding: 0; text-align: center;}

table tr td {font-size: 100%;}

span {}

.highlight {color: #cdb760;}


h1 {color: #111; font-size: 170%; line-height: 1.2em; margin: 0 0 .76em 0; padding: 0;} 

h2 {color: #111; font-size: 150%; line-height: 1.2em; margin: .5em 0; padding: 0;}

h3 {color: #111; font-size: 130%; line-height: 1.2em; margin: .5em 0; padding: 0;}

h4 {color: #111; font-size: 120%; line-height: 1.2em; margin: .5em 0; padding: 0;}

h5 {color: #111; font-size: 100%; font-weight: bold; line-height: 1.2em; margin: 0 0 .5em 0; padding: 0;}

h6  {color: #111; font-weight: normal; font-size: 100%; line-height: .4em;margin: 0 0 .5em 0; padding: 0;}

.lined {border-bottom: 1px solid #111;}
.first {margin-top: 0;}

a {color: #000; text-decoration: underline;}
a:link {color: #000; text-decoration: underline; outline: none;}
a:visited{color: #000; text-decoration: underline; outline: none;}
a:hover {color: #c60; text-decoration: none; outline: none;}
a:active {color: #c60; text-decoration: none; outline: none;}

p {line-height: 1.5em; margin: 0 0 1.2em 0; padding: 0;} 

.hidden {display: none;}

.caption {color: #868686; font-size: 90%; line-height: 1.2em; margin: 0px; padding: 2px; position: relative; text-align: center;}

.large {font-size: 240%;}

.small {font-size: 90%;}

.floatleft {display: inline; float: left; margin: 0px 10px 5px 0px;} 

.floatright {display: inline; float: right; margin: 0px 0px 5px 10px;}

.floatcenter {margin: 0px auto; padding: 0px; text-align: center;}

a img.framed {border: 1px solid #f2f2f2; margin: 0; padding: 2px;}
a:hover img.framed {border: 1px solid #333; margin: 0; padding: 2px;}
.framed {background: #afaca4; border: 1px solid #7f7d77; padding: 4px; margin: 0;}

a img.invisibleframed {border: 1px solid #fff; margin: 0; padding: 2px;}
a:hover img.invisibleframed {border: 1px solid #333; margin: 0; padding: 2px;}
.invisibleframed {padding: 4px; margin: 0;}

.signature {display: block; font-weight: bold; margin: 0px; padding: 3px; text-align: right;}

.document {background: transparent url(/images/site/document.png) no-repeat top left; margin: 0; padding: 0 0 0 20px;}

.document-summary {font-style: italic;}

.note {color: #666; font-style: italic; font-size: 12px; margin-top: 10px;}


#wrap { position: relative; margin: 0 auto; padding: 0; text-align: center; width: 960px; }

/* -- HEADER-- */

#header { position: relative; border-bottom-style: double; border-bottom-color: #ccc; padding: 0; margin: 0; height: 100px; width: 960px; }

#logo { position: absolute; top: 36px; left: 0; padding: 0; margin: 0; height: 40px; width: 280px; }

#nav { position: absolute; top: 36px; left: 330px; background: transparent url(/images/site/nav.gif) no-repeat top center; padding: 0; margin: 0; height: 40px; width: 630px; }
#nav ul { font-size: 100%; margin: 0; padding: 0;}	
#nav li { display: inline; list-style: none; margin: 0; padding: 0;}
#nav a { color: #000; float: left; margin: 0px; padding: 0px; text-decoration: none; height: 40px; text-indent: -9000px;}
#nav a:hover {}
#nav a:active {}

#home a {width: 84px;}
#web-design a {width: 140px;}
#graphic-design a {width: 180px;}
#paintings a {width: 123px;}
#contact a {width: 103px;}

#home a:hover, #home a:active {background: transparent url(/images/site/nav.gif) 0px -40px no-repeat;}
#web-design a:hover, #web-design a:active {background: transparent url(/images/site/nav.gif) -84px -40px no-repeat;}
#graphic-design a:hover, #graphic-design a:active {background: transparent url(/images/site/nav.gif) -224px -40px no-repeat;}
#paintings a:hover, #paintings a:active {background: transparent url(/images/site/nav.gif) -404px -40px no-repeat;}
#contact a:hover, #contact a:active {background: transparent url(/images/site/nav.gif) -527px -40px no-repeat;}

body#home-page #home a {background: transparent url(/images/site/nav.gif) 0px -40px no-repeat;}
body#web-design-page #web-design a {background: transparent url(/images/site/nav.gif) -84px -40px no-repeat;}
body#graphic-design-page #graphic-design a {background: transparent url(/images/site/nav.gif) -224px -40px no-repeat;}
body#paintings-page #paintings a {background: transparent url(/images/site/nav.gif) -404px -40px no-repeat;}
body#contact-page #contact a {background: transparent url(/images/site/nav.gif) -527px -40px no-repeat;}

/* -- CONTENT -- */

#content { margin: 20px 0 0 0; padding: 0; line-height: 1.5em; text-align: left; width: 960px;}

#columns {margin: 0; padding: 0;}
.column {display: inline; float: left; margin: 0; padding: 0; width: 320px;}
.column-content-left {margin: 0; padding: 0 30px 0 0; width: 290px;}
.column-content-center {margin: 0; padding: 0 15px; width: 290px;}
.column-content-right {margin: 0; padding: 0 0 0 30px; width: 290px;}

#main {float: left; margin: 0; padding: 0; width: 600px;}

#main-content {margin: 0; padding: 0;}

#sidebar {float: right; margin: 0; padding: 0; width: 300px; font-size: 12px;}

div.break { clear: both; display: block; line-height: .1em; margin: 0; padding: 0; }

#footer { position: relative; margin: 0 auto; padding: 30px 0 0 0; text-align: center; width: 960px; }

#footer-content { position: relative; border-top-style: double; border-top-color: #ccc; font-size: 90%; line-height: 1.4em; margin: 0; padding: 10px 0; text-align: center; }

.painting-block {padding-bottom: 20px;}

.web-block {margin: 0 0 20px 0; padding: 0; border-bottom: 1px solid #999; height: 250px;}
.webscreen {display: inline; float: right; margin: 0 0 10px 0; width: 300px;} 
.webcopy {margin-right: 330px; width: 260px;}


ul#nav_categories { padding: 0; margin: 0 0 35px 0; list-style: none;}
ul#nav_categories li { background:#eee; list-style-type: none; margin: 8px 0; padding:0; line-height: 24px; -moz-border-radius: 10px; border-radius: 10px;}
#nav_categories a { display:block; color:#333; font-size:14px; font-weight: normal; text-decoration: none; padding: 7px 7px 7px 15px;}
#nav_categories a:hover { background:#ddd; -moz-border-radius: 10px; border-radius: 10px;}
ul#nav_categories li a#currentsubpage {background:#ccc; -moz-border-radius: 10px; border-radius: 10px;}

ul#nav_categories_title { padding: 0; margin: 0; list-style: none;}
ul#nav_categories_title li { background:#eee; list-style-type: none; margin: 0; padding:0; line-height: 24px; -moz-border-radius: 10px; border-radius: 10px;}
#nav_categories_title a { display:block; color:#333; font-size:14px; font-weight: normal; text-decoration: none; padding: 7px 7px 7px 15px;}
#nav_categories_title a:hover { background:#ddd; -moz-border-radius: 10px; border-radius: 10px;}
ul#nav_categories_title li a#currentsubpage {background:#ccc; -moz-border-radius: 10px; border-radius: 10px;}

#search  {height:40px; margin: 0; padding: 0;}
#search-box {font-size:13px; width: 200px;float: left; margin: 7px 10px 0 0; padding: 3px; background:#fff; border:1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;outline: none; /*Remove Chrome and Safari glows on focus*/}
#search-btn {border:none; width: 20px; height: 20px; float: left; margin: 7px 0 0 -34px;background: url(/images/site/searchmag.gif) no-repeat; text-indent: -9999px;cursor: pointer;}

ul#search-results {margin: 0; padding: 10px 0;}
ul#search-results li {list-style: none; margin: 0; padding: 15px 0;}

/* -- FORM ELEMENTS -- */

form legend {
background: #fff;
border: 0;
color: #333;
font-size: 110%;
font-weight: bold;
margin: 10px;
padding: 5px;
}

form fieldset {
border: 0;
margin: 0px;
padding: 10px 0;
}

form label {
display: block;
color: #666;
font-weight: normal;
font-size: 90%;
}

form input, select, option {
background: #fff;
border: 1px solid #666;
color: #333;
}

form textarea {
background: #fff;
border: 1px solid #666;
color: #333;
width: 400px;
}

form fieldset div {
padding: 2px 10px 3px 10px;
}

.submitbutton {
background: #333;
border: 0px;
color: #fff;
cursor: pointer;
font-weight: bold;
font-size: 100%;
margin: 5px;
padding: 3px 7px 3px 7px;
}

.req {
color: #F90;
}

/* Pagination
-------------------------------------------------------------- */

div.paginate span.pagecount {font-size: 14px; font-style: italic; margin: 0 2px; padding: 10px;}
div.paginate a {font-size: 14px; font-style: italic; border: 1px solid #ccc; background: #dedede; margin: 0 2px; padding: 10px;}

/* Comments Form
-------------------------------------------------------------- */

#comments fieldset {width:auto; margin:20px 0;}
#comments {margin:20px 0;}

#comments form p { margin: 0 0 13px; }
#comments form p label { display: block; font-size:13px; width:auto; margin: 0 0 7px;}

#comments form p input { width: 250px; border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7; border-style:solid; border-width:1px; padding:5px; font-size:13px;}
#comments form p textarea { width: 575px; border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7; border-style:solid; border-width:1px; padding:5px; font-size:13px;}
#comments form p.checkbox input { width: auto; }
#comments form p input.button { width: auto; border-color:#444 #000 #000 #444; border-style:solid; border-width:1px;font-size:13px; background:#38311c; color:#fff; cursor:pointer; margin-top:7px;}

#comments .commentlist {width: auto; margin-top:20px; padding-bottom:5px; border-bottom: 1px solid #eee;}
#comments .byline { color: #999; font-style:oblique;}
#comments dt {float: left; clear: left; width: 120px; text-align: right; margin: 0 0 15px 0; color:#38311c; font-weight:bold;}
#comments dd { margin: 0 0 15px 145px;}

.commentlist {{border-bottom: 1px solid #eee; margin: 0 0 10px 0; padding: 0 0 10px 0;}