/*
  Think Web.
  (c) 2010 Think Web Limited (www.thinkweb.co.nz)
*/

/* SETUP */

@import url("/media/library/css/std.css");
@import url("/media/library/css/form.css");
body { text-align:center; background:#fff url(/media/img/body-bg.png) repeat-y center; font-family:Georgia, serif; }

#container { position:relative; background:#fff url(/media/img/body-bg.png) repeat-y center; }
#nav-col { float:left; width:280px; padding-top:27px; text-align:center; }
#columnwrap { margin-left:332px; }

#content-head { padding:72px 0 40px; }

#content-main { }
.col1 #content-main { text-align:left; }
.col2 #content-main { float:left; width:330px; text-align:left; }
.col2 #content-related { margin-left:380px; text-align:left; }

.pwidth { width:960px; margin-left:auto; margin-right:auto; }

img { behavior: url(/media/library/js/iepngfix.htc); } /* png alpha transparency support */

/* HEADER */

#header { margin-top:10px; text-align:left; }
#logo { display:block; text-indent:-9999px; overflow:hidden; width:280px; height:79px; background:#fff url(/media/img/think-web-logo.png) no-repeat top center; }
#logo:hover { background-position:bottom center; }

/* NAV */

#nav-global { display:block; margin-top:63px; }
#nav-global li { display:block; list-style-type:none; line-height:26px; }
#nav-global a { display:block; float:right; width:210px; list-style-type:none; line-height:26px; background:transparent url(/media/img/nav-sprites.png) no-repeat; overflow:hidden; text-indent:-9999px; }

#nav-about a { height:26px; background-position:0px -0px; }
#nav-about a:hover {  background-position:0px -26px; }

#nav-contact a { height:27px; background-position:0px -52px; }
#nav-contact a:hover {  background-position:0px -79px; }

#nav-portfolio a { height:26px; background-position:0px -106px; }
#nav-portfolio a:hover {  background-position:0px -132px; }

#nav-services a { height:26px; background-position:0px -158px; }
#nav-services a:hover {  background-position:0px -184px; }

#nav-support a { height:26px; background-position:0px -210px; }
#nav-support a:hover {  background-position:0px -236px; }

#services #nav-services a { background-position:0px -184px; }
#portfolio #nav-portfolio a { background-position:0px -132px; }
#contact #nav-contact a { background-position:0px -79px; }
#about #nav-about a { background-position:0px -26px; }
#support #nav-support a { background-position:0px -236px; }


/*#homepage #nav-homepage a, #products #nav-products a, #servicing #nav-servicing a, #specials #nav-specials a, #links #nav-links a, #contact #nav-contact a, #about #nav-about a {  }
#homepage #nav-homepage a:hover, #products #nav-products a:hover, #servicing #nav-servicing a:hover, #specials #nav-specials a:hover, #links #nav-links a:hover, #contact #nav-contact a:hover, #about #nav-about a:hover {  }
*/

/* FOOTER */

#footer { clear:both; padding-top:40px; height:5em; text-align:right; color:#999; font-size:0.9em; }
#footer a { color:#999; text-decoration:none; }
#footer a:hover {  }

/* CONTENT */

#content-head-c {  }
#content-head { text-align:left; }
#content-main, #content-related { line-height:1.5em; font-size:1.4em; }
#content-main ul { margin:0 0 1em 20px; }

/*#content-main .content-layout { padding:0 15px; }*/

/* CONTENT-RELATED */

#content-related .content-layout {  }

/* FORMS */

.form .vLargeTextField { width:300px; }

/* SITEMAP */

ul.sitemap li { list-style-type:circle; }

#sitemap h1 { font-size:1.5em; }
#sitemap-list ul { margin-left:0; }
#sitemap-list li { list-style-type:none; font-weight:bold; margin-left:0; }
#sitemap-list li li li { margin-left:1em; font-weight:normal;}
#sitemap-list, #sitemap-list a { color:#333; }

/*  CLEARFIX KLUDGE */
/*
#columnwrap:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#columnwrap { display:inline-block; }
/* Hides from IE-mac \*/
/** html #columnwrap { height: 1%; }
#columnwrap { display: block; }*/
/* End hide from IE-mac */

/* HEADINGS */

#content-main h1 { margin-bottom:0; font:normal 2em/2em Georgia, serif; color:#333; }
#content-main h2 { font:bold 1.5em/1.5em Courier, serif; color:#999; }
#content-main h3, #content-related h3 { text-transform:uppercase; font-size:1em; margin:30px 0 2em; border-top:1px dotted #999; padding-top:2em; }

#content-head h1 { height:93px; background-repeat:no-repeat; background-position:0 0; overflow:hidden; text-indent:-9999px; }
#content-head h2 { margin-top:35px; padding-left:5px; text-align:left; font:bold 1.6em/2.6em Georgia, serif; border-top:2px dotted #999; border-bottom:2px dotted #999; font-style:italic; color:#1c1c1c; }
.smart-web-design { background-image:url(/media/img/txt-smart-web-design.png); }
.services-to-smile-about { background-image:url(/media/img/txt-services-to-smile-about.png); }
.smart-ecommerce { background-image:url(/media/img/txt-smart-ecommerce.png); }
.email-marketing-big { background-image:url(/media/img/txt-email-marketing-big.png); }
.the-portfolio { background-image:url(/media/img/txt-the-portfolio.png); }
.shedding-a-little-light { background-image:url(/media/img/txt-shedding-a-little-light.png); }
.about-think-web { background-image:url(/media/img/txt-about-think-web.png); }
.say-hello { background-image:url(/media/img/txt-say-hello.png); }
.the-sitemap { background-image:url(/media/img/txt-the-sitemap.png); }
.the-directory { background-image:url(/media/img/txt-the-directory.png); }

#content-main h3.img, #content-related h3.img { height:47px; margin-top:0; border:none; padding-top:0; background-repeat:no-repeat; background-position:0 0; overflow:hidden; text-indent:-9999px; }
.welcome-to-the-easy-way { background-image:url(/media/img/txt-welcome-to-the-easy-way.png); }
.my-latest-project { background-image:url(/media/img/txt-my-latest-project.png); }
.my-latest-project-ecommerce-edition { background-image:url(/media/img/txt-my-latest-project-ecommerce-edition.png); }
.sign-up-for-the-news { background-image:url(/media/img/txt-sign-up-for-the-news.png); }
.the-services { background-image:url(/media/img/txt-the-services.png); }
.sell-locally-or-sell-globally { background-image:url(/media/img/txt-sell-locally-or-sell-globally.png); }
.welcome-to-think-mail { background-image:url(/media/img/txt-welcome-to-think-mail.png); }
.key-features { background-image:url(/media/img/txt-key-features.png); }
.have-your-cake-and-eat-it-too { background-image:url(/media/img/txt-have-your-cake-and-eat-it-too.png); }
.why-it-pays-to-think { background-image:url(/media/img/txt-why-it-pays-to-think.png); }
.how-well-make-it-work { background-image:url(/media/img/txt-how-well-make-it-work.png); }
.the-business { background-image:url(/media/img/txt-the-business.png); }
.recent-articles { background-image:url(/media/img/txt-recent-articles.png); }
.about-me { background-image:url(/media/img/txt-about-me.png); }
.id-love-to-hear-from-you { background-image:url(/media/img/txt-id-love-to-hear-from-you.png); }
.your-message-was-dispatched { background-image:url(/media/img/txt-your-message-was-dispatched.png); }
.the-pages { background-image:url(/media/img/txt-the-pages.png); }
.the-listings { background-image:url(/media/img/txt-the-listings.png); }

#content-main h3.small-img { height:39px; margin:0 0 20px; border:none; padding-top:0; background-repeat:no-repeat; background-position:0 0; overflow:hidden; text-indent:-9999px; }
.web-design { background-image:url(/media/img/txt-web-design.png); }
.ecommerce-solutions { background-image:url(/media/img/txt-ecommerce-solutions.png); }
.email-marketing { background-image:url(/media/img/txt-email-marketing.png); }


/* LINKS */

#content-c a { color:#666; }

/* LISTS */

ul.standard li { margin-bottom:1em; }
ul.pretty { list-style-type:image; list-style-image:url(/media/img/tick.gif); list-style-position:inside; text-indent:0.2em; }
ul.pretty li { line-height:2.4em; }

#content-main ul.rows { list-style-type:none; margin-left:0; }
ul.rows li { border-bottom:1px dotted #999; line-height:2em; }
ul.rows li.last { border-bottom:none; }

/* MISC */

hr { border:none; height:1px; background-color:#ddd; }
.button { cursor:pointer !important; cursor:hand; }
#pg-title { position:absolute; left:-2000px; display:none; }
#content-related h3.new-section { margin-top:30px; }

.flash-notice, .flash-error { padding:1em; margin-bottom:1em; color:#fff; }
.flash-notice { background-color:#8fb562; }
.flash-error { background-color:#900; }

.hidden-block { display:none; }

img.corner-sketch { float:right; margin:0 0 15px 15px; }
img.corner-sketch2 { float:left; margin:0 15px 15px 0; }
p.intro { font-weight:bold; }

.btn-action { display:block; height:51px; margin:2em 0 2em; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; background-position:top left; }
.btn-action:hover { background-position:bottom left; }
.learn-more { background-image:url(/media/img/btn-learn-more.png); }
.get-in-touch { background-image:url(/media/img/btn-get-in-touch.png); }
.get-in-touch-main { background-image:url(/media/img/btn-get-in-touch-main.png); }
.view-portfolio-main { background-image:url(/media/img/btn-view-portfolio-main.png); }
.view-portfolio { background-image:url(/media/img/btn-view-portfolio.png); }

#newsletter { position:relative; top:100px; background-color:#e8f9fa; padding:10px; font:normal 1.2em/1.4em Courier, serif; color:#999; }
#newsletter .heading { margin-bottom:1em; font-weight:bold; font-size:1.2em; }
#newsletter ul { list-style-type:none; }
#newsletter label { display:block; margin-bottom:5px; }
#newsletter span { display:block; width:119px; height:26px; background:transparent url(/media/img/newsletter-input.png) no-repeat top left; }
#NewsletterEmail { position:relative; top:6px; left:13px; width:85px; height: 15px; border:none; }
#newsletter-submit { display:block; position:relative; left:-1px; margin:15px auto; width:96px; height:16px; overflow:hidden; background:transparent url(/media/img/newsletter-submit.png) no-repeat top center; }
#newsletter-submit:hover { background-position:bottom center; }

.error-email { color:#900; font-weight:bold; }

/* HOMEPAGE */

#homepage #content-head { position:relative; text-align:left; margin-bottom:30px; padding-bottom:60px; border-bottom:5px solid #1c1c1c; background:#fff url(/media/img/bee-trail.png) no-repeat 105px bottom; }
#homepage #content-head h2 { border:none; padding:0; font-style:normal; font:normal 3em/1.1em Georgia, serif; }
#homepage #content-head h2 span { font-style:italic; color:#8fb562; }
#homepage #content-head ul { font-size:1.6em; }
#homepage a#banner-learn-more { position:absolute; bottom:62px; right:20px; font-size:1.8em; color:#1c1c1c; padding:5px; }
#homepage a#banner-learn-more:hover { background-color:#8fb562; color:#fff; text-decoration:none; }

#portfolio-screen { display:block; margin-bottom:2em; width:235px; height:102px; }

/* SERVICES PAGE */

#services-block { overflow:hidden; border-bottom:5px solid #1c1c1c; padding-bottom:50px; background:#fff url(/media/img/tussock.png) no-repeat 566px bottom; }
.service-col { float:left; width:29%; margin-right:6%; }
#services-block .last { margin-right:0; }
#content-main .service-col .btn-more { padding:5px 7px; background-color:#8fb562; color:#fff; font-size:1.3em; text-decoration:none; }
#content-main .service-col .btn-more:hover { background-color:#addb77; }

/* WEB DESIGN PAGE */

#devsteps { height:20em; /*border-bottom:1px solid red;*/ }
#devsteps div { background-color:#fff; height:20em; }
#devsteps-pager { text-align:center; margin-bottom:10px; }
#devsteps-pager a { display:inline-block; width:21px; height:21px; line-height:17px; margin:0 2px; color:#fff; text-decoration:none; background:transparent url(/media/img/devsteps-step-bg.png) no-repeat top left; }
#devsteps-pager a:hover { background-position:bottom left; }
#devsteps-pager a.activestep { background-image:url(/media/img/devsteps-activestep-bg.png); }
#final-step { background:#fff url(/media/img/txt-check-out-my-latest-project.png) no-repeat bottom center; }

/* PORTFOLIO PAGE */

#portfolio #content-head { padding-bottom:0; }
#project-nav { overflow:hidden; margin-top:20px; font-size:1.4em; }
#project-nav a { text-decoration:none; padding:4px; color:#fff; background-color:#8fb562; }
#project-nav a:hover { background-color:#addb77; }
#project-prev { float:left; }
#project-next { float:right; }
#project-screens { margin:20px 0 30px; width:623px; height:190px; background-color:#ccc; }
#portfolio #content-head h3 { margin-bottom:0.4em; font:normal 3em/1em Georgia, serif; text-align:left; }
#project-url { font-size:1.4em; }
#project-url a { color:#999; }
#project-url a:hover { color:#1c1c1c; }

/* ARTICLES */

#article-browse-list h1 { font-size:1.3em; }
#article-browse-list .excerpt { margin-bottom:0; }
#article-browse-list .read-more { margin-top:0; }

#content-c #article h1 a { color:#333; text-decoration:none; }
#article h1 { font:bold 2em/1em Georgia, serif; color:#333; margin-bottom:1em; text-transform:uppercase; }
#article-info { margin-bottom:2em; }

/* ABOUT PAGE */

#portrait-rich-macdonald { margin-bottom:1em; }

/* CONTACT PAGE */

#contact-help { float:right; width:220px; height:94px; padding:14px 1em 0; background:#8fb562 url(/media/img/contact-help-bg.png) no-repeat top left; color:#fff; }

#contact-form { clear:both; margin-top:3em; background-color:#f5f5f5; }
#contact-form .input { border-color:#f5f5f5; } /* input row */
#contact-form .focused { border-color:#ccc; background-color:#ccc; } /* focused input row */
#contact-form .form-submit { background-color:#8fb562; }
#contact-form .form-submit:hover { background-color:#addb77; }