/* css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; 	padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal;}
table, td, th { vertical-align: middle;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a img { border: none;}

body {  background:url(../images/bg-wood.jpg) repeat; width: 100%; font-family:Verdana, "Arial", Helvetica, sans-serif; }

/* headers, paragraphs, list styled */
h1, h1 a { background:url(../images/webtastic-logo.jpg) 20px 0 no-repeat; width: 378px; height: 145px; text-indent: -9999px; display:block;}
h2 { color: #1fcafa; font: normal 2.7em/0.6em "Georgia", Times New Roman, serif; }
h3 { font: 1.9em/1.4em  "Georgia", Times New Roman, serif; color: #1fcafa; padding-bottom: 20px; }
h4 {  font: bold 20px/21px Arial,Helvetica,sans-serif; color: #000; padding-bottom: 10px; }
p { color: #616161; font:14px/21px Arial,Helvetica,sans-serif; padding-bottom: 10px;} 
ul {}
ul li { list-style-type: none;}
a:link, a:visited { text-decoration:none; color: #f9a020; }
a:hover { text-decoration: underline; }

/* aditionals inc image replaced headers */
h2#webtastic { background:url(../images/its-gone-webtastic-header.jpg) no-repeat; width: 460px; height: 116px; text-indent: -9999px;}
h2#about { background: url(../images/about-me-header.gif) no-repeat; width: 278px; height: 68px; text-indent: -9999px;}
h2#contact { background:url(../images/contact-image.png) no-repeat; width: 355px; height: 79px; text-indent: -9999px; background-position: 30px 0; }
h2#slide-header { background:url(../images/preview-slideshow-header.png) no-repeat; width: 379px; height: 93px; text-indent: -9999px;}
h2#logo-header { background:url(../images/logo-header-img.jpg) no-repeat; width: 318px; height: 130px; text-indent: -9999px; margin-bottom: 10px;}
h2#type-header { background:url(../images/typo-header-img.gif) no-repeat; width: 111px; height: 123px; text-indent: -9999px; margin-bottom: 10px;}
h2#card-header { background:url(../images/card-header-img.gif) no-repeat; width: 126px; height: 72px; text-indent: -9999px; margin-bottom: 10px;}
h2#message { background:url(../images/message-me.gif) no-repeat; width: 540px; height: 170px; text-indent: -9999px; margin-bottom: 10px;}
h2#poster-header { background:url(../images/print-header.jpg) no-repeat; width: 364px; height: 128px; text-indent: -9999px; margin: 20px 0 10px 0;}
h2#art-header { background:url(../images/artwork-header.jpg) no-repeat; width: 318px; height: 130px; text-indent: -9999px; margin-bottom: 10px;}


/* unordered list styles */
/* services list */
ul#services { background:url(../images/black-labels.gif) no-repeat; width: 165px; height: 214px; padding: 3px 0 0 0; }
ul#services li { font: 0.7em/2.1em "Georgia", Times New Roman, serif; display: block; color: #fff; padding-left: 5px;  }

/* about me unordered list */
ul.blue { float:left; padding: 40px 0 40px 0; font-size: 0.7em; font-weight: bold; color: #1fcafa; display:block; width: 240px;  }
ul.blue li { line-height: 2em;}

/* unordered list contact area*/
ul#info { padding: 70px 0 0 30px; }
ul#info li { font: 1.3em/1.2em "Georgia", Times New Roman, serif; font-style:italic;  color: #616161;  }
.small { font-size:0.6em;}



/*image styled */
img.post-image { padding: 20px 0 20px 0;}

.post-author { background:url(../images/post-by-bg.gif) no-repeat; color: #fff; padding-left: 10px; line-height: 22px;}
.link-button { background:url(../images/read-more-bg.gif) no-repeat; width: 102px; height: 16px; text-indent: -9999px;}
.link-button a:link, .link-button a:visited { width: 102px; height: 16px; display:block; }

/*tagline styled */
#tagline-intro {background: url(../images/intro-tagline.gif) no-repeat; width: 919px; height: 343px; text-indent: -9999px;}
#tagline-type { background:url(../images/type-tagline.gif) no-repeat; width: 919px; height: 343px; text-indent: -9999px;}
#tagline-web {background:url(../images/tagline-webdesigner.gif) no-repeat; width: 919px; height: 343px; text-indent: -9999px;}
#tagline-contact {
	background: url(../images/tagline-ad.gif) no-repeat; width: 919px; height: 240px; text-indent: -9999px; }


p.link-up { padding-top: 10px;}


/* site wraper */
#site-wrapper { width: 980px; height: 100%; margin: 0 auto; padding-bottom: 50px; background-color:#FFF; position:relative; }
#top { position:relative; height: 180px;}
#span-graphic { background:url(../images/doodle-pad.jpg) no-repeat; width: 502px; height: 181px;  position:absolute; top: 0; left: 544px; }

/* -----------------------------   */

/* navigation*/
#navigation { width: 100%; height: 151px; position: relative; }
ul#nav-list { position:absolute; top: -10px; left: 430px; }
ul#nav-list li { display:inline; float:left; text-indent: -9999px;}
ul#nav-list a {display: block; height: 151px; background: url(../images/nav-sprite-bg.jpg) no-repeat; }

ul#nav-list #home-nav a { background-position: 0 13px; width: 90px; }
ul#nav-list #home-nav a:hover { background-position: 0 -147px;  }

ul#nav-list #artwork-nav a{ background-position: -85px 0; width: 105px;}
ul#nav-list #artwork-nav a:hover { background-position: -91px -160px;}

ul#nav-list #portfolio-nav a { background-position: -190px 0; width: 136px; }
ul#nav-list #portfolio-nav a:hover { background-position: -190px -160px;}

ul#nav-list #contact-nav a { background-position: -328px 0; width: 141px;}
ul#nav-list #contact-nav a:hover { background-position: -328px -160px;}

/* ------------------------------ */


/* index intro area */
#centre { padding-left: 20px; width: 960px; position: relative; overflow: hidden;}

/* intro section */
#intro-div{ width: 480px; line-height: 2.2em; margin-bottom: 45px;}

/* index slideshow */
/* slideshow */
#slideshow { position:relative; width: 376px; height: 340px; background:url(../images/product-slide-bg.jpg) no-repeat 0 90px; }

#slideshow IMG {
    position:absolute;
    top:111px;
    left:62px;
    z-index:8;
	overflow:hidden;
}

#slideshow IMG.active { z-index:10;}

#slideshow IMG.last-active { z-index:9;}

/* about me section */
#about-me { width: 480px; line-height: 1.6em; }
.content { clear:left; }

/* right side */
#right-div { background:url(../images/grey-box.png) no-repeat; width: 365px; height: 431px; position: absolute; top: 140px; left: 560px; padding: 40px 0 0 40px; }
#right-div p { width: 287px; font: bold 0.7em/1.7em "Georgia", serif; font-style:italic;  padding-bottom: 14px;}

/* contact section on index */
#contact-div { width: 412px; height: 315px; background:url(../images/bg-card.jpg) no-repeat 0 79px; position:absolute; top: 700px; left: 500px;}

/* blog div */
.blog-div { width: 480px; margin-bottom: 45px; background:url(../images/scribble-line-bg.gif) no-repeat 0 bottom; padding-bottom: 10px;}
.blog-div p { line-height: 22px; }

/* special qoutes */
span.quote-left { background:url(../images/quote-left.gif) no-repeat; width: 44px; height: 34px; padding-right: 46px;  }
span.quote-right { background:url(../images/quote-right.gif) no-repeat; width: 44px; height: 34px; padding-left: 46px; }

/* website portfolio styles */
/* webportfolio section */
img.preview-web { float:left; width: 540px; height: 300px; border: #616161 1px solid; margin-top: 10px; }
.web-gallery { position:relative; width: 940px;  }
.intro-web { float:left; width: 295px; display:block; margin-left: 45px; color: #3d3d3d; }
.intro-web p { padding-bottom: 20px; line-height: 1.6em;}
ul#list-web li { font: 0.9em/1.5em "Georgia", Times New Roman, serif; font-style: italic; color:#000; }

/* art page styled */
img.thumbs { background:url(../images/thumb-images.gif) no-repeat; padding: 14px 20px 40px 15px;}
img.print { margin: 8px 7px 8px 7px; }

/* footer area */
#footer-div { position:relative; width: 980px; height: 125px; margin: 0 auto; padding-top: 10px;  }
#footer-div p { padding-left: 20px; font: 1.2em/1em "Georgia", serif; color: #fff; }
#footer-copy { position:absolute; top: 0; left: 600px; background: url(../images/ribbon-bg.png) no-repeat; width: 316px; height: 79px; text-align:center; padding-top: 10px;}


/* forms page */

/* 404 message */
#error { background:url(../images/404-message.png) top center no-repeat; width: 100%; height: 438px; text-indent: -9999px; }