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

Site: Protrac ID & Tracking Solutions
Stylesheet: Global Screen Styles
Author: Damien Buckley, Propeller Graphic Design & Marketing (http://www.propellerglobal.com).
Company: Protrac ID & Tracking Solutions
Version: 24/04/08
Ancilliary Files: ie.css.

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

COLOUR GUIDE

1: GLOBAL RESET
2: BODY
3: LISTS - Base List Styles
	a) Special List Styles
	b) Base Link Styles
	c) Skip Links
4: CONTAINERS
5: NAV - Utility
	a) Search Form
	b) Search Results
6: MASTHEAD
	a) h1 - Logo
	b) h2 - slogan
	c) Banner Images
	d) Nav-main
7: MAIN CONTENT DIVISIONS
8: NAV-SOLUTIONS
9: CONTENT-UPDATES
10: NEWSLETTER SUBSCRIBE FORM
11: NEWS & EVENTS LISTS - HOME
12: NEWS CATEGORY LIST - NEWS
13: EVENTS LISTING & MINICAL
	a) Individual Event
14: FOOTER
15:	TYPOGRAPHY - GENERAL
16: INLINE IMAGE STYLES
17: PAGINATION
18: CONTACT & COMMENT FORMS
	b) Comments Specific
19:	PRODUCTS
20: PARTNERS
21: MISC

--------------------------------------------------------------------------------

----- COLOUR GUIDE  ------------------------------------------------------------

Body Background: #15499F
Body Text: #15355D
Headings: #15355D
Links: #15355D - (hover) #F60
Nav-Utility: #CCC - (hover) #FFF

1 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; outline: 0; 
	}

:focus {outline: 0;}

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;}

/* 2. BODY
============================================================================ */

body {
	font-family: Geneva, Helvetica, sans-serif;
	text-align: center;
	color:#15355D;
	font-size:small;
	background-color:#15499F;
	}

/* 3. BASE LIST STYLES
============================================================================ */

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

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

ul li {list-style:disc;}

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

	/* 3a SPECIAL LIST STYLES
============================================================================ */

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

ul.inside, ol.inside {
	margin-left:0;
	padding-left:0;
	}
	
ul.inside li, ol.inside li {
	list-style-position:inside;
	margin-left:0.5em;
	}

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

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

	/* 3b. BASE LINK STYLES
============================================================================ */

a:link, a:visited {
	color:#15355D;
	text-decoration:none;
	}

a:hover, a:active, a:focus {
	color:#F60;
	text-decoration:none;
	}

#content-secondary a:link, #content-secondary a:visited {
	color:#CCC;
	text-decoration:none;
	}

#content-secondary a:hover, #content-secondary a:active, #content-secondary a:focus {
	color:#F60;
	text-decoration:none;
	}

	/* 3c. SKIP LINKS
============================================================================ */

ul#accessibility {
	position:absolute;
	top:0;
	left:0;
	}

#accessibility li {display:inline;}

#accessibility a {
	padding:2px;
	color:#15499F;
	}

#accessibility a:hover, #accessibility a:active {color:#FEFEFE;}	

/* 4. CONTAINERS
============================================================================ */

#container {
	overflow:hidden;
	margin:0 auto;
	border:1px solid #FFF;
	width:850px;
	text-align:left;
	background: #FFF url(/site_images/grey_grad.jpg) 0 100% repeat-x;
	}

/* 5. NAV-UTILITY
============================================================================ */

div#nav-utility {
	position:relative;
	overflow:hidden;
	width:850px;
	margin:0 auto;
	padding:10px 0;
	font-size:1em;
	}

#nav-utility ul {
	overflow:hidden;
	float:right;
	width:500px;
	margin:0;
	padding:0;
	}

#nav-utility li {
	display:inline;
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	}

#nav-utility a:link, #nav-utility a:visited {
	display: block;
	text-align:center;
	padding:0 0.75em;
	border-right:1px solid #CCC;
	color:#CCC;
	line-height:1.5em;
	}

#nav-utility a:hover, #nav-utility a:active, #nav-utility a:focus,
 /* you are here state */ #nav-utility a.active {
	color:#FFF;
	text-decoration:none;
	}

	/* 5a. SEARCH FORM
============================================================================ */

div#search {
	float:right;
	padding-left:0.75em;
	}
form#search-input {margin:0;padding:0;}

#search-input p {
	display:inline;
	line-height:1.5em;
	}

#search-input input {border:none;}

#search-input label {color:#CCC;}

#search-input input, #search-input-supp input {
	display:inline;
	margin-left:0.5em;
	}

	/* 5b. SEARCH RESULTS PAGE
============================================================================ */

p.searchURL {
	border-bottom:1px dotted #15355D;
	padding-bottom:0.5em;
	}

.search #content strong {text-decoration:underline;}

.searchCount h3 span {
	font-size:4em;
	line-height:1em;
	}

/* 6. MASTHEAD
============================================================================ */

#branding {
	position:relative;
	height:135px;
	width:820px;
	padding:15px 15px 10px;
	}

	/* 6a. h1 - logo
============================================================================ */

h1 {
	position:relative;
	overflow:hidden;
	float:left;
	display:inline;
	height:135px;
	width:140px;
	font-size:1.5em;
	text-transform:uppercase;
	}

h1 a {
	position:relative;
	display:block;
	height:135px;
	width:140px;
	}

h1 span {
	position:absolute;
	top:0;
	left:0;
	height:135px;
	width:140px;
	background:transparent url(/site_images/h1.gif) no-repeat top left;
	}

	/* 6b. h2 - slogan
============================================================================ */

h2 {
	float:right;
	width:595px;
	padding-top:15px;
	font-size:1.9em;
	text-align:center;
	line-height:1.1em;
	color:#C63;
	}

	/* 6c. BANNER
============================================================================ */

#banner {
	width:835px;
	height:289px;
	padding-left:15px;
	overflow:hidden;
	}

#flashcontent, #article-image {
	float:left;
	display:inline;
	margin-left:20px;
/*	width:595px;*/
width:490px;
	}

#flashcontent img, #article-image img {width:490px;height:289px}

	/* 6d. NAV-MAIN
============================================================================ */

.nav-main {
	float:left;
	display:inline;
	overflow:hidden;
	margin:0;
	padding:0 5px;
/*	width:210px;*/
width:300px;
	height:289px;
	background:#15499E url(/site_images/blue_grad.jpg) 0 0 repeat-x;
	}

.nav-main li {
	margin:0;
	padding:0;
	list-style:none;
	}

#banner .nav-main a {
	display: block;
	border-bottom:1px solid #09F;
	border-top:1px solid #153C78;
	line-height:30px!important;
	text-align:center;
	}

#banner #home-page {border-top:none;}
#banner #partners {border-bottom:none;}

.nav-main a:link, .nav-main a:visited {color:#CCC;}

.nav-main a:hover, .nav-main a:active, .nav-main a:focus, .nav-main a.active {color:#FFF;}

/* 7. CONTENT MAIN
============================================================================ */

#content-main {
	margin-left:15px;
	padding:10px 0 15px;
	overflow:hidden;
	}

#content {
	display:inline;
	float:left;
	margin-left:225px;
	padding:10px;
	width:575px;
	}

#content-secondary, #nav-news-cats {
	float:left;
	display:inline;
	padding:10px;
	margin-left:-820px;
	width:200px;
	background-color:#15499E;
	color:#CCC;
	overflow:hidden;
	}

/* 9. CONTENT-UPDATES
============================================================================ */

#content-updates {
	margin-top:10px;
	overflow:hidden;
/*	background:transparent url(/site_images/separator.gif) 320px 0 repeat-y;*/
	}

#welcome, #newsListing {
	float:left;
	display:inline;
	padding:5px;
	}

#welcome {
	width:490px;
	padding:5px 0;
margin-left:20px;
font-size:1.1em;
	}

#newsListing {
	width:310px;
	padding:5px 0;
	}

/* 10. NEWSLETTER SUBSCRIBE FORM
============================================================================ */

#newsletter {
	width:290px;
padding:10px;
	background:#15499E url(/site_images/blue_grad.jpg) 0 100% repeat-x;
	color:#FFF;
	}

#newsletter ol {
	margin:0;
	padding:0;
	}

#newsletter li {
	margin:0 0 0.5em;
	padding:0;
	list-style:none;
	}

#newsletter label {
	display:block;
	padding-bottom:0.1em;
	}

#newsletter input {
	border:none;
	width:190px
	}

#newsletter .submit {
	padding:0;
	border:none;
	}

#newsletter .submit input {
	width:auto;
	background-color:#FFF;
	color:#15355D;
	text-transform:lowercase;
	}

/* 11. NEWS & EVENTS LISTS - HOME PAGE
============================================================================ */

#eventsListing ul, #newsListing ul {
	margin:0;
	padding:0;
	}

#eventsListing ul li, #newsListing ul li, div.news_excerpt, .events .article {
	border-bottom:1px dotted #15355D;
	margin:0 0 0.5em;
	list-style-type:none;
	}

#eventsListing ul li:last-child, #newsListing ul li:last-child, 
.news_excerpt:last-child, .events .article:last-child {border-bottom:none;}

/* 12. NEWS CATEGORY LIST - NEWS PAGE
============================================================================ */

#nav-news-cats li a {color:#CCC;}

#nav-news-cats li a:hover, #nav-news-cats li a:active,  {color:#FC3;}

/* 13. EVENTS LISTING & MINICAL
============================================================================ */

.minical_nav, .zem_event_calendar_nav {
	text-align:center;
	margin-bottom:0.5em;
	}

.minical_nav a.next, .zem_event_calendar_nav a.next, .minical_nav p, .minical_nav a.prev,
 .zem_event_calendar_nav a.prev, h3.zem_event_calendar_nav {
	display: inline;
	text-decoration:none;
	line-height:1.5em;
	color:#CCC;
	}

h3.zem_event_calendar_nav {border-bottom:none;}

table.minical {
	clear: both;
	width: 100%;
	border-collapse:collapse;
	margin-bottom:0.5em;
	}

.minical caption {display:none;}

table.minical td, table.minical th {
	text-align:center;
	padding:1px 4px 3px;
	font-size:90%;
	}

td.full {background-color:#CCC; color:#15499F;}

.minical a {text-decoration:none;}

.minical a:link, .minical a:visited {
	text-decoration:none;
	 color:#15499F;
	}

.minical a:hover, .minical a:active, .minical a:focus {color:#FFF;}

	/* 13a INDIVIDUAL EVENT PAGE - DETAILS LISTING
============================================================================ */

.events .entry-content {
	width:375px;
	float:left;
	}

.events #event-details {
	padding:5px;
	width:180px;
	float:right;
	border:1px solid #15355D;
	}

#events img {margin-bottom:10px;}

ul.event_details {
	margin:1em 0;
	padding:0 0 1em;
	}

.event_details li {
	margin:0 0 0.5em;
	list-style:none;
	}

/* 14. FOOTER
============================================================================ */

#footer {
	padding:15px;
	color:#CCC;
	font-size:0.9em;
	}

#footer a:link, #footer a:visited {
	color:#CCC;
	border-bottom:1px dotted #CCC;
	}

#footer a:hover, #footer a:active {
	color:#FFF;
	border-bottom-color:#FFF;
	}

/* 15. TYPOGRAPHY - GENERAL
============================================================================ */

p {
	margin-bottom:0.75em;
	line-height:1.3em;
	font-size:1em;
	}

h3, caption {
	margin-bottom:0.5em;
	font-weight:normal;
	font-size:1.3em;
	}

h4 {
	margin-bottom:0.5em;
	font-size:1.2em;
	line-height:1.25em;
	font-weight:normal;
	}

.topBorder {
	padding-top:0.5em;
	border-top:1px dotted #15355D;
	}

#content-secondary .topBorder {border-top-color:#CCC;}

/* 16. INLINE IMAGE STYLES
============================================================================ */

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

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

img.border {
	padding:3px;
	background-color:#FFF;
	border:1px solid #15499E;
	}

/* 17. PAGINATION
============================================================================ */

.pagination {padding-top:10px;}

div.pagination {float:left;}

div.pagination p {
	text-transform:lowercase;
	line-height:1.85em;
	}

div.pagination a {font-style:italic;}

.pagination a:hover, .pagination a:active, .pagination a:focus {text-decoration:none;}

/* 18. CONTACT PAGE - hCard
============================================================================ */

div.vcard div.adr {margin-bottom:0.5em;}

	/* 18a. CONTACT & COMMENT FORMS
============================================================================ */

#zemContactForm fieldset, #comments fieldset {
	float: left;
	clear: left;
	margin: 0 0 1.5em 0;  
	padding: 0 0 0.5em;
	border:1px solid #15355D;
	width: 573px;
	}

#zemContactForm legend, #comments legend {
	margin:0.5em;
	padding:0 0.5em;
	}

#zemContactForm fieldset ol, #comments fieldset ol {  
	padding: 1em 1em 0 1em;  
	list-style: none; 
	}

#zemContactForm fieldset li, #comments fieldset li {  
	float: left;  
	clear: left;  
	padding:0 0 0.5em;
	margin:0;
	width: 100%;
	list-style:none;
	}

#zemContactForm label, #comments label {  
	float: left;
	margin-right: 1em;
	width: 120px;  
	text-align:right;
	line-height:1.5em;
	padding:1px;
	}

#zemContactForm input, #Message, #comments input, .txpCommentInputMessage, 
#zemContactForm select {
	border:1px solid #153559; padding:1px; line-height:1.5em;
	}

#Message, .txpCommentInputMessage {width:340px;}

#zemContactForm fieldset.submit, #comments fieldset.submit {   
	float: none;
	border-style: none;
	margin-bottom:0;
	width: auto;  
	background-color: transparent;
	background-image:none;
	padding:0;
	}

ul.zemError, ul.comments_error {
	margin:0 0 1.5em;
	padding:1em 1em 0;
	background-color:#C00;
	color:#FFF;
	overflow:hidden;
	}

ul.zemError li, ul.comments_error li {
	padding:0 0 1em;
	margin:0;
	list-style:none;
	float:none;
	}

#zemContactForm fieldset.submit input, #comments fieldset.submit input {
	border:1px solid #15355D;
	width:auto;
	background-color:#FFF;
	text-transform:lowercase;
	}

input.disabled {opacity:.5;}

.announcement a {
	color:#1C2839;
	font-weight:bold;
	}

	/* 18b: COMMENTS - SPECIFIC
============================================================================ */

#cpreview {
	padding:1em 1em 0.5em;
	background-color:#375072;
	color:#FFF;
	}

#cpreview, p.details {font-style:italic;}

p.details {color:#1C2839;}

#cpreview .announcement {
	font-style:normal;
	color:#CCC;
	}
	
#cpreview a {color:#CCC;}

.comments li {
	border:1px solid #CCC;
	padding:0.5em 0.5em 0;
	margin-bottom:1em;
	background-color:#FFF;
	color:#355072;
	}

h4.comment-count, #comments h3 {
	border-top:1px dotted #15355D;
	padding-top:0.5em;
	}

h3.entry-title {font-size:1.75em;}

/* 19. PRODUCTS PAGE
============================================================================ */

.products #content h3 {font-size:1.75em;}

.products #content h4 {
	font-size:1.5em;
	padding-top:0.5em;
	border-top:1px dotted #15355D;
	}

a[href$=".pdf"] {
	padding-left: 25px;
	background-image: url(/site_images/iconpdf18x18.gif);
background-position: 0 50%;
background-repeat: no-repeat;
	}

p.download {
	padding:5px;
	border:1px solid #15355D;
	font-size:1.1em;
	line-height:1.5em;
	text-align:center;
	}

span.filesize {font-size:80%;}

#content p.download a:link, #content p.download a:visited,  {
	background-color: #15499F
	}

p.download a:hover, p.download a:active {color:#F60;}

.product-images {
	overflow:hidden;
	width:575px;
	}

.product-images img {
	float:left;
	display:inline;
	margin:0 10px 8px 0;
	}

/* 20. PARTNERS PAGE
============================================================================ */

table#partnerListing {
	width:818px;
	border:1px solid #153559;
	border-width:1px 0 0 1px;
	}

table#partnerListing th, table#partnerListing td {
	padding:5px;
	border:1px solid #153559;
	border-width:0 1px 1px 0;
vertical-align:top;
	}

table#partnerListing th {font-weight:normal;}

table#partnerListing th.business {font-weight:normal;}

#partnerListing a:link, #partnerListing a:visited {text-decoration:none;}

#partnerListing a:hover, #partnerListing a:active {
	background-color:#FFF;
	color:#C00;
	}

/* 21: MISC
============================================================================ */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide */

.clear {clear:left;}