@charset "utf-8";
/* CSS Document */

/* Basic */
body { margin:0; font:75% Arial, Helvetica, sans-serif; color:#666666; background:#6473b7 url(images/background-gradient.jpg) top repeat-x; }
a { color:#0000FF; text-decoration:underline; } /* 666666 */
a:hover { text-decoration:none; }
img { border:none; }
li { line-height:20px; }
hr { margin: 5px 100px 5px 100px; }

/* Heading tags */
h1 { font-size:1.8em; font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-weight:bolder; margin:3px 0 3px 0; padding:0 0 5px 0; color:#333333; text-align:center; }
h2 { font-size:1.7em; font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-weight:bold; margin:3px 0 3px 0; padding:0 0 5px 0; color:#111111; text-align:center; }
h3 { font-size:1.4em; font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; margin:3px 0 3px 0; padding:0; color:#be2f37; }
h4 { font-size:1.2em; font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; margin:3px 0 3px 0; padding:0; color:#be2f37; }
h5 { font-size:1.1em; font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; margin:3px 0 3px 0; padding:0; color:#be2f37; }
h6 { font-size:1em; font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; margin:3px 0 3px 0; padding:0; color:#be2f37; }

/* Furniture */
#page { background:url(images/background-top.png) top center repeat-x; margin:0 auto; }
#heading { position:relative; background:url(images/body-top.png) top center repeat-x; margin:0 auto; height:170px; width:872px; }
#postit { position:absolute; top:27px; left:400px; width:152px; height:148px; background:url(images/postit.png) top center no-repeat; z-index:2;  }
#content { position:relative; background:url(images/body-main.png) top center repeat-y; margin:0 auto; width:872px; z-index:1; }
#content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content li, #content table { margin: 20px 100px 0 100px; line-height:1.4em; }
.nopad { margin:0; padding:0; }
#content img { margin: 0 20px 0 20px; }
#content .title { margin: 0 75px 0 75px; }
#menubutton { position:absolute; right:65px; top:5px; width:83px; height:60px; cursor:hand; }
#logo { position:absolute; left:30px; top:22px; width:391px; height:134px; background:url(images/logo.png) top no-repeat; }
#telemail { position:absolute; right:80px; top:70px; width:242px; height:63px; background:url(images/telemail.png) top no-repeat; }
#menubar { position:absolute; top:17px; left:420px; width:392px; height:40px; z-index:1; }
#topsection { padding: 0 100px 0 100px; }
#contactbutton { display:block; position:absolute; top:-30px; right:35px; width:83px; height:60px; cursor:hand; background:url(images/button-contact.png) top center no-repeat; }
#footer { margin:0 auto; background:url(images/body-bottom.png) top center no-repeat; width:872px; height:87px; text-align:center; color:#bbbbbb; padding-top:5px; }
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover { color:#0066FF; }
.gap { height:20px; }
.floatleft { float:left; margin-right:30px; }
.floatright { margin-left:30px; float:right; }
.floatcentre { text-align:center; }
.clearthis { visibility:hidden; clear:both; }

#portfolio a:link, #portfolio a:visited, #portfolio a:active { font-size:1.2em; font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; margin:0; padding:0; color:#be2f37; text-align:left; text-decoration:none; }
#portfolio a:hover { text-decoration:underline; }


.highlightlinkson { background-color:#fed8da; }
.highlightlinksoff { background-color:#ffffff; }

.highlightlinkson td, .highlightlinksoff td { padding: 3px 3px 3px 3px; }
.highlightlinkson a, .highlightlinksoff a { text-decoration:none; color:#666666; }
.highlightlinkson a:hover, .highlightlinksoff a:hover { text-decoration:underline; color:#0000FF; }