/* ------ NOTES ---------------------------------------------------------------

Site: colourcrew.com.au
Stylesheet: Global Screen Styles
Author: Damien Buckley, Propeller Graphic Design & Marketing.
Version: 08/02/10

--------- CONTENTS ------------------------------------------------------------

GLOBAL RESET

1: BODY
	a) Base Link Styles
	b) Skip Links

2: TYPOGRAPHY GENERAL
	a) Base List Styles
	b) Special List Styles
	c) Icon Lists
	d) Misc

3: MAIN CONTAINER

4: BRANDING
	a) Search input
	b) Logo
	c) Nav Main

5: MAIN CONTENT CONTAINERS
	a) Secondary Content Containers
	b) Feature Nav

6: SIDEBAR (aside) CONTAINERS

7: TESTIMONIALS LISTING

8: NEWS
	a) News Comments

9: PAGINATION

10: COPYRIGHT

11: INLINE IMAGE STYLES

12: DATA TABLES

13: MISC
	a) Poll Form

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

/* GLOBAL RESET - thanks to Eric Meyer
============================================================================ */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, cite, del, em, img, ins, q, strike, strong, sub, sup, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, 
th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-size: 100%; 
	font-style: inherit; font-family: inherit; vertical-align: baseline; 
	}

ol, ul {list-style: none;}

table {border-collapse: separate; border-spacing: 0;}

caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

strong {font-weight:bold;}

em {font-style:italic;}

img {border:none; display:block;}

/* 1) BODY
============================================================================ */

body {
	font-size:100%;
	font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;
	background:#01586C url(/site_images/body_bg.jpg) 0 0 repeat-x;
	text-align:center;
	color:#EFE1AD;
	}

/* 1a) BASE LINK STYLES
============================================================================ */

a:link, a:visited, a:focus {
	color:#86052A;
	text-decoration:underline;
	}

a:hover, a:active {
	color:#86052A;
	text-decoration:underline;
	outline:none;
	}

/* 1b) SKIP LINKS
============================================================================ */

#accessibility {
	position:absolute;
	top:0;
	left:-10000px;
	}

/* 2) TYPOGRAPHY - GENERAL
============================================================================ */

#content_main p, #content_main li {
	margin-bottom:1em;
	line-height:1.6em;
	font-size:1em;
	}

#home #content_main p, #home #content_main li {
	font-size:1.1em;
	}

#content_main h1, #home #content_main h3 {
	margin-bottom:0.5em;
	line-height:1.25em;
	font-size:1.6em;
	text-transform:uppercase;
	letter-spacing:0.055em;
	color:#984351;
	font-style:normal;
	}

#content_main h2, #home #content_main h4, #home #content_secondary h3, #content_secondary h2 {
	margin-bottom:0.6em;
	line-height:1.25em;
	font-size:1.3em;
	text-transform:uppercase;
	letter-spacing:0.085em;
	color:#984351;
	}

#content_secondary h2 {font-size:1.2em;}

#content_secondary #nav_feature h2 {font-size:1.1em;}

#home #content_secondary #nav_feature h2 {font-size:1.2em;}

#content_main h3, #content_main cite {
	margin-bottom:0.5em;
	line-height:1.6em;
	font-size:1.2em;
	font-style:italic;
	}

#content_main .article_body, #headlines li, li.search_results {
	margin-bottom:1em;
	border-bottom:1px dotted #984351;
	}

li.search_results {padding-bottom:1em;}

li.pag_container {list-style:none;}

#content_main .article_body:last-child, #headlines li:last-child, li.search_results:last-child {border-bottom:none;}

.service #content_main blockquote {
	padding:1em 0 0;
	border-top:1px dotted #984351;
	}

code, pre {
	margin:0 0 1.5em 0;
	line-height:1.5em;
	font-size:1em;
	}

.aside h4, .aside dt {
	margin-bottom:0.5em;
	line-height:1.25em;
	font-size:1.125em;
	text-transform:uppercase;
	color:#003C48;
	}

.aside p, .aside dd, .aside li {
	margin-bottom:1em;
	line-height:1.25em;
	font-size:1em;
	font-style:italic;
	}

.aside cite {
	font-weight:bold;
	}

	/* 2a) BASE LIST STYLES
============================================================================ */

ul, ol, .indent {
	margin-bottom:1.5em;
	font-size:1em;
	}

li, .indent li {
	margin-bottom:0.75em;
	}

ul li {list-style:disc;}

ol li {list-style-type:decimal;}

	/* 2b) SPECIAL LIST STYLES
============================================================================ */

.circle li {list-style:circle;}
.square li {list-style:square;}
.upper-alpha li {list-style:upper-alpha;}
.lower-alpha li {list-style:lower-alpha;}
.upper-roman li {list-style:upper-roman;}
.lower-roman li {list-style:lower-roman;}
.blank li {list-style:none;}

.inside {
	margin-left:0;
	padding-left:0;
	}
	
.inside li {
	list-style-position:inside;
	}

.indent {
	padding-left:0.5em;
	margin-left:0.5em;
	}

.aside .indent {
	margin-left:0;
	padding-left:0;
	}

.indent li {
	margin-bottom:0.75em;
	margin-left:1em;
	line-height:1.3em;
	}

.small li {font-size:0.9em!important}

.large li {font-size:1.2em!important}

ul ul, ol ol, ol ul, ul ol {
	margin-left:1em;
	padding: 1em 0 0 1em;
	}

ol ul li {list-style:disc;}
ul ol li {list-style-type:decimal;}

	/* 2c) LISTS WITH ICONS
============================================================================ */

.included li {
	list-style-type:none;
	padding-left:30px;
	line-height:1.6em;
	background: transparent url(/site_images/tick.gif) 0 2px no-repeat;
	}

	/* 2d) MISC
============================================================================ */

p.small {font-size:0.8em;}

p del {text-decoration:line-through;}

sup {
	vertical-align:super;
	font-size:35%;
	line-height:0.25em;
	}

sub {
	vertical-align:sub;
	font-size:35%;
	}

hr {
	color:#999;
	margin:2em 0;
	}

.caps {
	text-transform:uppercase;
	font-style:normal;
	}

#content_secondary .vcard p.fn a {
	margin-bottom: 0.5em;
	line-height: 1.25em;
	font-size: 1.125em;
	font-style:normal;
	text-transform: uppercase;
	color: #003c48;
	text-decoration:none;
	}

.adr {margin:1em 0;}

.type {
	margin-bottom:0.25em;
	font-weight:bold;
	}

/* 3) MAIN CONTAINERS
============================================================================ */

#container {
	background: transparent url(/site_images/banner_bg.jpg) 50% 0 no-repeat;
	overflow:hidden;
	text-align:left;
	width:1200px;
	margin:0 auto;
	color:#003C48;
	}

#gutter {
	background: transparent url(/site_images/main_bg.jpg) 50% 100% repeat-y;
	overflow:hidden;
	position:relative;
	}
	
#content {
	width:960px;
	padding:36px 0 15px;
	margin:0 120px;
	background: transparent url(/site_images/banner_bg.png) 50% 0 no-repeat;
	overflow:hidden;
	}

/* 4) BRANDING
============================================================================ */

#branding {
	width:960px;
	height:328px;
	padding:56px 120px 0;
	overflow:hidden;
	position:relative;
	background: transparent url(/site_images/banner_bg_full.jpg) 50% 0 no-repeat;
	margin-bottom:-10px;
	}

/* 4a) SEARCH INPUT
============================================================================ */

#search {
	position:absolute;
	top:26px;
	right:145px;
	z-index:1000;
	}

#search p label {
	color:#E8D8AB;
	text-transform:uppercase;
	font-size:0.875em;
	letter-spacing:0.05em;
	line-height:19px;
	}

#search input {
	width:197px;
	height:19px;
	margin:0 8px 0 16px;
	font-size:0.875em;
	padding:0;
	border:none;
	background:none;
	color:#FFF;
	}

#search input:focus {outline:0;}

/* 4b) LOGO - H1 on home page only
============================================================================ */

#logo {
	width:436px;
	height:303px;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	}

#tagline {
	width:524px;
	height:109px;
	position:relative;
	float:right;
	margin:0 0 18px;
	padding:30px 0 0;
	}

#logo a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:436px;
	height:273px;
	padding-top:30px;
	text-align:center;
	}

#logo span {
	position:absolute;
	top:0;
	left:0;
	width:436px;
	height:303px;
	background:transparent url(/site_images/logo.jpg) 0 0 no-repeat;
	}

#tagline span {
	position:absolute;
	top:0;
	left:0;
	width:524px;
	height:139px;
	background:transparent url(/site_images/tagline.jpg) 0 0 no-repeat;
	}

/* 4c) NAV - MAIN
============================================================================ */

ul#nav_main {
	position:relative;
	float:right;
	width:523px;
	margin:0;
	padding:0;
	}

#nav_main li {
	display:inline;
	float:left;
	margin:0 26px 0 0;
	padding:0;
	width:218px;
	}

#nav_main li a {
	display: block;
	text-transform:uppercase;
	font-size:0.875em;
	line-height:2.33em;
	letter-spacing:0.005em;
	border-bottom:1px dotted #00566D;
	}

#nav_main li.login a, #nav_main li.contact a {border-bottom:none;}

#nav_main a:link, #nav_main a:visited {
	color:#00566D;
	text-decoration:none;
	display:block;
	font-weight:bold;
	}

#nav_main a:hover, #nav_main a:active,
#services .services a, #gallery .gallery a, #memberships_and_awards .awards a,
#our_eco_credentials .eco a, #news .news a, #about_us .about a, #contactpage .contact a,
#promotional_product_pad_printing .services a, #industrial_pad_printing .services a,
#distributors .login a
 {
	color:#974352;
	text-decoration:none;
	}

/* 5) MAIN CONTENT CONTAINERS
============================================================================ */

#content_main {
	position:relative;
	float:right;
	display:inline;
	width:595px;
	margin-right:28px;
	padding-top:10px;
	}

#home #content_main {
	width:495px;
	}

#gallery #content_main {
	width:910px;
	}

#content_additional {
	position:relative;
	float:right;
	width:160px;
	}

/* 5a) SECONDARY CONTENT CONTAINERS
============================================================================ */

#content_secondary {
	float:left;
	width:290px;
	padding-left:7px;
	}

#home #content_secondary {
	width:390px;
	}

/* 5b) NAV - FEATURE
============================================================================ */

#nav_feature, #nav_members {
	width:250px;
	height:180px;
	padding:15px 18px 0 15px;
	margin:0 0 15px 9px;
	background:transparent url(/site_images/nav_feature_bg_sml.png) 100% 0 no-repeat;
	overflow:hidden;
	}

#home #nav_feature {
	width:340px;
	height:249px;
	padding:15px 23px 0 20px;
	margin:0 0 24px 9px;
	background:transparent url(/site_images/nav_feature_bg.png) 100% 0 no-repeat;
	}

#nav_feature li, #nav_members li {
	position:relative;
	width:240px;
	height:61px;
	margin:0 0 4px 6px;
	padding:0;
	list-style:none;
	}

#nav_members li {
	height:auto;
	list-style:disc;
	}
	
#home #nav_feature li {
	width:330px;
	height:86px;
	margin:0 0 7px 6px;
	}

#nav_feature li a {
	display:block;
	width:240px;
	height:61px;
	text-indent:-10000px;
	}

#home #nav_feature li a {
	width:330px;
	height:86px;
	text-indent:-10000px;
	}

.pad_printing a:link, .pad_printing a:visited {
	background:transparent url(/site_images/nav_feature_sml.jpg) 0 0 no-repeat;
	}

.pad_printing a:hover, .pad_printing a:active, #promotional_product_pad_printing .pad_printing a  {
	background:transparent url(/site_images/nav_feature_sml.jpg) -240px 0 no-repeat;
	}

.ind_pad a:link, .ind_pad a:visited  {
	background:transparent url(/site_images/nav_feature_sml.jpg) 0 -61px no-repeat;
	}

.ind_pad a:hover, .ind_pad a:active, #industrial_pad_printing .ind_pad a  {
	background:transparent url(/site_images/nav_feature_sml.jpg) -240px -61px no-repeat;
	}

	/* Home Page */

#home .pad_printing a:link, #home .pad_printing a:visited  {
	background:transparent url(/site_images/nav_feature.jpg) 0 0 no-repeat;
	}

#home .pad_printing a:hover, #home .pad_printing a:active {
	background:transparent url(/site_images/nav_feature.jpg) -330px 0 no-repeat;
	}

#home .ind_pad a:link, #home .ind_pad a:visited  {
	background:transparent url(/site_images/nav_feature.jpg) 0 -86px no-repeat;
	}

#home .ind_pad a:hover, #home .ind_pad a:active  {
	background:transparent url(/site_images/nav_feature.jpg) -330px -86px no-repeat;
	}

/* 6) ASIDE CONTAINERS
============================================================================ */

.aside {
	width:272px;
	padding:20px 0 0 14px;
	margin-bottom:20px;
	background:transparent url(/site_images/testimonial_top_sml.png) right top no-repeat;
	}

.blank {background:none;}

#home .aside {
	width:369px;
	padding:35px 0 0 14px;
	background:transparent url(/site_images/testimonial_top.png) right top no-repeat;
	}

.aside .gutter {
	width:252px;
	min-height:220px;
	padding:0 10px 5px 10px;
	background:transparent url(/site_images/testimonial_btm_sml.png) right bottom repeat-y;
	}

#home .aside .gutter {
	width:341px;
	min-height:210px;
	padding:0 14px 5px 14px;
	background:transparent url(/site_images/testimonial_btm.png) right bottom repeat-y;
	}

#sam {
	background:transparent url(/site_images/aside_top_dog.png) right top no-repeat;
	}

#sam .gutter {
	background:transparent url(/site_images/aside_btm_dog.png) right bottom repeat-y;
	}
/* deprecated 090210
.frame {
	background:transparent url(/site_images/frame_top.png) right top no-repeat;
	padding-top:30px;
	}

.frame .gutter {
	background:transparent url(/site_images/frame_btm.png) right bottom no-repeat;
	}
*/
/* 7) TESTIMONIALS LISTING
============================================================================ */

ul.testimonials li {
	border:1px solid #CDB979;
	padding:14px 14px 0;
	list-style:none;
	}

.testimonials li {
	font-style:italic;
	}

.testimonials cite {
	font-weight:bold;
	}

/* 8) NEWS
============================================================================ */

.posted {
	font-style:italic;
	}

ul#headlines li {
	list-style:none;
	}

	/* 8a) NEWS COMMENTS
============================================================================ */

ol.comment_entries li {
	border:1px solid #CDB979;
	padding:14px 14px 0;
	background: transparent url(/site_images/rqt.gif) 100% 100% no-repeat;
	}

.comment_entries .posted {
	padding-left:40px;
	background: transparent url(/site_images/lqt.gif) 0 0 no-repeat;
	}

/* 9) PAGINATION
============================================================================ */

.paginate {
	float:right;
	position:relative;
	margin:0;
	padding:10px 0 0;
	}

span.pagecount {padding-right:20px}

.paginate a, .paginate strong {
	padding:1px 5px;
	border:1px solid #CDB979;
	text-decoration:none;
	background-color:#B3CDCC;
	color:#003C48;
	}

.paginate a:hover, .paginate strong {background-color:#92B4B3;}

/* 10) COPYRIGHT
============================================================================ */

#copyright {
	text-align:center;
	line-height:2em;
	padding:1em;
	font-size:0.875em;
	}

#copyright a:link, #copyright a:visited, #copyright a:focus {
	color:#EFE1AD;
	text-decoration:none;
	}

#copyright a:hover, #copyright a:active {
	color:#EFE1AD;
	text-decoration:underline;
	}

/* 11) INLINE IMAGE STYLES
============================================================================ */

.left {
	clear:left;
	float:left;
	display:inline;
	margin:0 10px 8px 0;
	}

.blank .left {
	margin:0;
	border:2px solid #CDB979;
	padding:5px;
	}

.aside img.leftH {
	position:relative;
	top:-8px;
	left:-5px;
	margin:0 8px -10px 0;
	}

.right {
	clear:right;
	float:right;
	display:inline;
	margin:0 0 8px 10px;
	}

.blank .right {
	margin:0;
	border:2px solid #CDB979;
	padding:5px;
	}

#home .aside img.rightH {
	position:relative;
	top:-8px;
	right:-5px;
	margin:0 0 -10px 8px;
	}

.aside img.rightH {
	position:relative;
	top:5px;
	right:-3px;
	margin:0 0 5px 8px;
	}

.border {
	padding:5px;
	background-color:#FFF;
	border:1px solid #003C48;
	}

.borderLg {
	padding:5px;
	background-color:#FFF;
	border:3px solid #003C48;
	}

/* 12) Data Tables
============================================================================ */

#content_main table {
	border-collapse:collapse;
	border:1px solid #003C48;
	border-width:1px 1px 0 0;
	margin:0 0 0.5em 1px;
	}

#content_main th, #content_main td {
	border:1px solid #003C48;
	border-width:0 0 1px 1px;
	padding:0.5em;
	}

#content_main td, #content_main thead th {
	text-align:center;
	}

#content_main td img {margin:0 auto;}

#content_main table th {font-weight:bold;}

/* 13: MISC
============================================================================ */

/* PDF LINKS */

a[href$=".pdf"] {
	display:inline-block;
	padding-left:24px;
	background:url(/site_images/iconpdf18x18.gif) no-repeat 0 0;
	}

	/* 13a) POLL FORM
============================================================================ */

#poll fieldset {
	clear: left;
	margin: 0 0 0.5em;
	padding: 0;
	width: 252px;
	}

#poll legend {
	margin:0.5em 0;
	padding:0;
	font-size:0.9em;
	}

#poll fieldset ol {  
	padding: 0;  
	margin:0;
	list-style:none;
	overflow:hidden;
	}

#poll fieldset li {
	float: left;  
	margin:0 0 0.5em;
	padding:0;
	list-style:none;
	width:250px;
	}

#poll label {
	float: right;
	padding:2px 0 2px 0;
	width: 220px;
	text-align:left;
	font-size:0.9em;
	}

#poll .textarea label {
	text-align:left;
	display:none;
	width:250px;	
	}
	
#poll textarea {
	width:250px;
	border:1px solid #994552;
	}