/*
  Computer Centre.
  (c) 2008 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:#666 url(/media/img/bg.png) repeat-y center; } /* #c10000 #6184ba */

#container { position:relative; margin:0 auto; width:1000px; text-align:left; background-color: #fff; }
#columnwrap {  }
#content-main { float:left; margin:0; min-height:35em; height:auto !important; height:35em; width:726px; margin-top:10px; padding:0 20px 20px; }
#content-related { overflow:visible !important; overflow:hidden; width:222px; margin-left:765px; font-size:1.2em; line-height:1.5em; border-left:1px solid #dcdcdc; }
img { behavior: url(/media/library/js/iepngfix.htc); } /* png alpha transparency support */

/* HEADER */

#header { background-color:#fff; height:auto !important; height:1%; }
#navbar { height:31px; margin-top:13px; padding:3px 10px 0; background-color:#0055ac; text-align:center; color:#fff; font:bold 1em/1em Arial, Helvetica, sans-serif; }
#logo { display:block; padding:20px 0 0 27px; width:220px; height:47px; }

/* NAV */

#nav-global {  }
#nav-global li { display:inline; list-style-type:none; }
#nav-global li a { display:block; float:left; width:109px; padding:9px 0 8px !important; padding:10px 0 7px; margin:0 5px; color:#fff; font:bold 1.2em/1.2em Arial,sans-serif; text-decoration:none; }
#nav-global li a:hover { color:#fff; }
#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 { color:#333; background:#fff url(/media/img/navbar-tab.png) no-repeat; }
#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; width:1000px; margin:400px auto 0; text-align:center; color:#333; background-color:#fff; }
#footer a { color:#333; }
#footer a:hover {  }

/* CONTENT */

#content-main { line-height:1.5em; font-size:1.2em; }
#content-main ul { margin:0 0 1em 20px; }
#content-main ul#intro li { font-weight:bold; line-height:2em; }

/* CONTENT-RELATED */

.content-related-padding { margin:0 20px 15px; }

/* FORMS */

.form .vLargeTextField { width:300px; }

/* SITEMAP */

#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 */

.title { height:52px; padding:15px; background:#83ba35 url(/media/img/pagetitle-bg.gif) repeat-x bottom left; }
.title h2 { font-size:1.6em; margin:10px 0 0; padding-left:50px; color:#fff; font-family:Arial, Helvetica, sans-serif; }
#content-main h1 { margin-bottom:0; font:normal 2em/2em Arial, sans-serif; color:#0055ac; }
#content-main h2 { font:normal 1.5em/1.5em Arial, sans-serif; color:#0055ac; }
#content-main h3 { text-transform:uppercase; font-size:1em; margin:0.8em 0 0.3em 0; padding-bottom:0.3em; border-bottom:1px dashed #ccc; }
#content-main .promo-coloured-box h2 { color:#fff; margin:0px; padding:0 18px 10px; border-bottom:1px solid #fff; }
#content-related h1 { margin-bottom:0; font:normal 2.5em/2.5em Arial, sans-serif; color:#808080; }
#content-related #heading-projects { background:transparent url(/media/img/headphones.jpg) top right no-repeat; }
#content-related #heading-signups { background:transparent url(/media/img/envelope.jpg) top right no-repeat; }
#content-related h2 { font-size:1.2em; margin:0 0 10px; padding:0; }

/* LINKS */

#container a { color:#369; }

/* MISC */

.button { cursor:pointer !important; cursor:hand; }
#pg-title { position:absolute; left:-2000px; display:none; }
#collage { position:absolute; top:-295px; right:0; }
#audio-link-box { margin-top:1em; padding:1em; background-color:#ffc; border:1px solid #fc6; }
#audio-link-box img { display:inline; width:20px; height:18px; margin-right:1em; vertical-align:middle; }
#audio-link-box a { color:#000; }

.promo-box { position:absolute; width:314px; margin:20px 0 0 20px; }
.promo-box-img-heading { margin:0 auto; }
.promo-box-heading-container { height:75px; }
.promo-product-img { margin:0 auto; }
.promo-coloured-box { background-color:#0055ac; margin:15px 0 0; }
.promo-coloured-box p { margin:1em 18px; color:#fff; }
.promo-box .price-bubble { position:absolute; width:112px; height:112px; bottom:-49px; right:-48px; }
.promo-box .price-bubble-img { width:112px; height:112px; }
.promo-box .price-bubble-text { position:absolute; z-index:100; width:112px; height:112px; bottom:-49px; right:-48px; }
.price-bubble-text .price { text-align:center; margin:1em 0 0; padding:0; color:#0055ac; font:bold 3em/1em Arial, Helvetica, sans-serif; }
.price-bubble-text .price-comment { text-align:center; margin:0; padding:0; color:#0055ac; font:normal 0.8em/0.8em Arial, Helvetica, sans-serif; }

/* GALLERY */

#photo-links { margin-bottom:20px; text-align:center; }
#photo-links a { font-size:0.8em; color:#999; }
#photo { display:block; margin:auto; border:1px solid #000; }
#photo-caption { margin:30px auto 0; width:190px; padding:5px; border:1px solid #e8e8e8; background-color:#fafafa; text-align:center; }
#photo-caption p { margin:5px; font-size:0.8em; }
#photo-title { font-weight:bold; }