/* ################################ */
/* PolarGroup ICT Design in association with tntstudio.ca */
/* ################################ */
/*  Three Colors used:  */
/*  1. #176392 - Blue   */
/*  1.1 #008dc6 - Light Blue  */
/*  2. #ffcc00 - yellow */
/*  3. #fafafa - white  */

/* ################################ */
/*    Global 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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* ################################ */
/*    Generic Selectors    */
/* ################################ */

body {margin: 0; padding: 0; color: #666; background: #eee url(/images/body_bgs.jpg); font-size: 9pt; line-height: normal;}

/* redundant selectors to help NS4 not forget */

div, p, th, td, li, ol, ul, table, body {font-family: verdana, tahoma, sans-serif;}
p {margin-top: 0; padding-top: 0; margin-bottom: 1em;}
h1 {font-size:2em;}
h2 {font-size:1.75em;}
h3 {font-size:1.5em;}
h4 {font-size:1.35em;}
h5 {font-size:1.2em;}
h6 {font-size:1.1em;}
h1, h2, h3, h4, h5, h6 {font-family:Arial, sans-serif; margin: 5px; }

/* turns off gaps around images */

img{border:0; margin:0;	padding:0;}

a {font-weight: bold;}
a:link {color:#176392;	background-color: transparent;}
a:visited {color:#008dc6; background-color: transparent;}
a:hover {color:#ffcc00;	background-color: transparent;	text-decoration:underline;}
a:active {color:#176392; background-color: transparent;}

small{font-size: 7pt;}
tt, pre{font: 0.75em "andale mono", monaco, courier, "courier new", monospace;	color: #000; background: transparent;}
strong{font-weight:bold;}

blockquote { margin-left: 25px; padding-left: 25px; border-left: 5px solid #eee; }

/* ################################ */
/*    Layout Selectors    */
/* ################################ */

#outer_wrapper {width: 100%; margin:0; padding:0; text-align: center;}
.inner_wrapper {width: 980px; margin: auto; text-align: left; position: relative; z-index: 2;}

/* ################################ */
/*    Center Column Selectors    */
/* ################################ */
/*    Header Section Selectors    */
/* ################################ */

#print_title {display:none;}

.header { background: #fafafa url(/images/header_bg.jpg) no-repeat; width: 100%; height: 90px;	margin:0; padding:0; position: relative;z-index: 1;}
#headernav {width: 100%; text-align: right; float: right; color: #ccc;}
#headernav a { color: #fff; text-decoration: none; background: transparent url(/images/nav_top_off_bgs.jpg) repeat-x; line-height: 60px;}
#headernav a span {padding-right:5px; background: transparent url(/images/nav_top_off_right.jpg) top right no-repeat;}
#headernav a span span {padding-left:10px; background: transparent url(/images/nav_top_off_left.jpg) top left no-repeat; text-align: center;}
#headernav a, #headernav a span, #headernav span span {	display:block; float:left;}
#headernav ul li a:hover {color: #ffcc00; background: url(/images/nav_top_on_bgs.jpg) repeat-x;	text-align: center;}
#headernav a:hover span {padding-right:5px; background: transparent url(/images/nav_top_on_right.jpg) top right no-repeat;}
#headernav a:hover span span {	padding-left:10px; background:transparent url(/images/nav_top_on_left.jpg) top left no-repeat;}
#headernav .current a {	color: #ccc; background: url(/images/nav_top_on_bgs.jpg) repeat-x;}
#headernav .current a span { padding-right:5px;	background: transparent url(/images/nav_top_on_right.jpg) top right no-repeat;}
#headernav .current a span span {padding-left:10px; background:transparent url(/images/nav_top_on_left.jpg) top left no-repeat;}
#headernav ul {	padding:0; margin:0; float: right;}
#headernav li {	margin:0; padding:0; display: inline; text-align: center;}

#headertitle {	color: #999; font-family:arial, helvetica, sans-serif;	float: left; margin-left: 50px;	font-size: 8pt;}
#headerdate { position: absolute; left: 55%; color: #ccc; top: 55px; font-size: 80%;}

#headermarquee { position: absolute; right: 1em; color: #fff; font-size: 10pt;	font-weight: bold; top: 65px;}
#headermarquee a {color: #fff;	text-decoration: none; border-bottom: 1px dotted #fff;}
#headermarquee a:hover {color: #ffcc00;	text-decoration: none; border-bottom: 1px dotted #ffcc00;}

#headerlink a {	color: #fff; text-decoration: none; border-bottom: 1px dotted #fff;}
#headerlink a:hover {color: #ffcc00; text-decoration: none; border-bottom: 1px dotted #ffcc00;}

/* Trevor moved the BANNER related tags to */
/* includes/inc_header to allow dynamic generation */
/* of the header including changing pics automagically */
/* look in includes/bannermoatic template */

/* ################################ */
/*    Column Section Selectors    */
/* ################################ */

#center_column { width: 100%; background-color: #fafafa;}

#center_column .side_menu {float:right; margin:5px; padding:5px; width: 22%;}
#center_column .side_menu ul {list-style-type: none;}
#center_column .side_menu li {border-top: 1px solid #eee; height:30px; line-height:30px; padding:2px; text-indent:3px;}
#center_column .side_menu li:hover {background: #fff;}

#center_column .side_menu .pointer {color: #ffcc00; font-size: 14pt; margin:0; padding:0;}

#center_column .content {float: left; width: 75%;}

#center_column .content h4, h5, h6 {color: #666; font-weight: bold;}
#center_column .content h2 {color: #176392; font-weight: bold;}
#center_column .content .content_block h3 {color:#fff;}

#center_column .content ul {margin-left: 1em; padding-bottom: 1em;}
#center_column .content li {margin-left: 1em;}

/* ################################ */
/*    General Selectors    */
/* ################################ */

.content_cell {padding: 5px 10px;}

.breadcrumb {font-size: 7pt; color: #ccc; padding-top: 10px;}
.breadcrumb .float_right {float:right; display:block; padding-right:1em;}

.page_title a {color: #ffcc00; text-decoration:none; font-weight: normal;}
.page_title a:link {color: #ffcc00; text-decoration:none;}
.page_title a:active {color: #ffcc00; text-decoration:none;}
.page_title a:hover {color: #fff; text-decoration:underline;}
.page_title a:visited {color:#ff9900;}

.page_title {width: 100%; height: 60px;	background: transparent url(/images/page_title_bgs.jpg) repeat-x; color: #fff;	text-indent: 5px; padding-bottom:1em;}
.page_title h3 {margin:0; padding:0;}

.content_block {padding: 10px; margin: 5px 0; background: #145583 url(/images/what_we_do_bgs.jpg) top repeat-x; color: #ccc; border:3px solid #ddd;}
.content_block li {margin-left: 1em;}
.content_block ul  a:link {color: #ffcc00; text-decoration:none;}
.content_block ul a:active {color: #ffcc00; text-decoration:none;}
.content_block ul a:hover {color: #fff; text-decoration:underline;}
.content_block ul a:visited {color:#ff9900;}

#center_column .content .content_block a:link {color: #ffcc00; text-decoration:none;}
#center_column .content .content_block a:active {color: #ffcc00; text-decoration:none;}
#center_column .content .content_block a:hover {color: #fff; text-decoration:underline;}
#center_column .content .content_block a:visited {color: #ff9900; text-decoration:none}

.external {padding-right: 12px; background: url(/images/external_link_icon.gif) no-repeat right;}

/* ################################ */
/*    Left Column Section Selectors    */
/* ################################ */

.left_column { width: 475px; float: left; margin-right: 5px;}

.left_column .header {background: #176392; padding: 3px; padding-left: 10px;}
.left_column .header h3 {margin:0; padding:0; color: #fff; font-weight: normal;}

.left_cell {padding: 10px; margin: 10px 0; background: #145583 url(/images/what_we_do_bgs.jpg) top repeat-x; color: #ccc;}
.left_cell h1 {color: #ffcc00; border-bottom: 3px solid #008dc6; margin-bottom: 5px;}
.left_cell h4 {color: #fff; padding-top: 5px;}

.who_we_are {padding: 10px; padding-bottom: 0; margin: 5px 0; background: #494949 url(/images/who_we_are_bgs.jpg) top repeat-x;	color: #ccc; border-top:3px solid #f2ad20;}
.who_we_are h4 {color: #fff; margin:0;	padding:0; font-weight: bold; padding-bottom: 5px;}
.who_we_are .button {float: right; display: inline-block;}

.who_we_are a:link {color:#ffcc00;}
.who_we_are a:visited {color:#f2ad20;}
.who_we_are a:hover {color:#fff;}
.who_we_are a:active {color:#f2ad20;}

/* ################################ */
/*    News Section Selectors    */
/* ################################ */

.news_cell { padding:0 5px; margin-bottom:5px; padding-top:10px;}

.news_cell ul {padding:0; margin:0;}
.news_cell li {padding:0; margin:2px 0; list-style-type: none; height: 35px; border-top: 1px dotted #ddd; line-height: 2.5em; background:transparent;}
.news_cell li:hover {background: #fff;}

.news_cell h4 {font-weight: bold; color:#176392;}
.news_cell .button {float:right;}

.news_date {font-size: 8pt; color: #999;}

.news_image {border: 3px solid #ccc; margin-right: 10px; margin-bottom:10px;}

/* ################################ */
/*    Right Column Section Selectors    */
/* ################################ */

.right_column {width: 475px; float: right;}

.what_we_do {padding: 10px; padding-bottom: 0;	margin: 5px 0; background: #145583 url(/images/what_we_do_bgs.jpg) top repeat-x; color: #ccc; border-top:3px solid #f2ad20;}
.what_we_do h4 {color: #fff; margin:0; padding:0; font-weight: bold; padding-bottom: 5px;}
.what_we_do .button { float: right; display: inline-block;}

.what_we_do a:link {color:#ffcc00;}
.what_we_do a:visited {color:#f2ad20;}
.what_we_do a:hover {color:#fff;}
.what_we_do a:active {color:#f2ad20;}

.projects {background: #176392;}
.projects a:link, a:active {color: #ffcc00; text-decoration:none;}
.projects a:hover {color: #fff;}
.projects a:visited {color: #ccc;}
.projects .header {color: #fff;	margin-bottom: 5px;}
.projects .button {float:right;}

.project_cell {border: 1px solid #1372ad; padding: 5px;	background: #145684 url(/images/project_bgs.jpg) repeat-x; color: #ddd;}
.project_cell h4 {margin:0; padding:0; border-bottom: 1px dotted #0099ff; color: #ffcc00; font-weight: bold; padding-bottom:0px; margin-bottom: 5px;}
.project_cell h4 a {border:0;}
.project_cell h5 {margin:0; padding:0; color: #fff; font-weight: bold;}

.project_image {margin: 5px; border: 3px solid #0099ff; float: left;}

/* ################################ */
/*    Project Page Selectors    */
/* ################################ */

.project_page {padding-top: 5px;}

.project_page h3 {color:#008dc6; border-bottom:2px solid #ddd; border-top:1px solid #eee; background: transparent url(/images/h3_bgs.jpg) repeat-x; margin-bottom: 5px;	line-height: 40px; height: 40px; text-indent: 5px;}

.project_page .left_col {float: left; width: 38%; background: #fcfcfc; padding:10px; margin:5px; border:1px solid #eee;	text-align: center;}
div.project_page .left_col img {padding:2px; border:2px solid #ddd;}

.project_page .right_col {float:right;	width: 58%; padding-top: 5px;}
.project_page .right_col .pointer {color: #ccc;	font-size: 16pt;}

.project_wrapper {margin-bottom:1em; padding-bottom:.5em;}

div.project_wrapper h4 {background: #fcfcfc; color:#666; border-bottom: 3px solid #eee; border-top:1px solid #eee; padding:5px; text-decoration: none;}
div.project_wrapper h4:hover {background: #fff;}
div.project_wrapper h4:hover a:active {color: #f2ad20;}
div.project_wrapper h4:hover a:link {color: #f2ad20;}
div.project_wrapper h4:hover a:visited {color: #ccc;}

div.project_wrapper h5 {padding-bottom:5px;}

.content .project_wrapper h3 {font-weight: normal; color: #fff;}

.project_photo {padding: 1em; float: left; border-right: 1px solid #eee;}

.project_summary {float:left; width:500px; padding-left:1em; }

.project_list ul {list-style-type: none; padding:0; margin:0;}
.project_list li {border-top: 1px solid #eee; height:30px; line-height:30px; padding:2px; text-indent:3px;margin:0;}
.project_list li:hover {background: #fff;}

/* ################################ */
/*    SiteMap Section Selectors    */
/* ################################ */

#sitemap {width: 100%;	border-top: 10px solid #e7b320; background: #606060 url(/images/sitemap_bgs.jpg) repeat-x; color: #999;	text-align: left; padding-bottom:5px;}
#sitemap .left {float: left; padding-left: 1em;}
#sitemap .right {width: 300px; float: right; padding-right: 1em;}

#sitemap h3 {color: #e7b320; border-bottom: 1px dotted #e7b320;	margin-top: 5px; margin-bottom: 5px;}
#sitemap h5 {font-weight: bold;	color: #fff;}

#sitemap ul {margin:0;	padding:0; list-style-type: none; list-style-image: url(/images/sitemap_li_img.gif); padding-bottom: .5em;}
#sitemap li {margin:0;	padding:0; margin-left: 15pt;}

#sitemap a {color: #e7b320; font-size: 8pt; font-weight: normal; text-decoration: none;}
#sitemap a:hover {color: #fff;	text-decoration: underline;}

#sitemap .column {display: inline; float: left;	padding-right: 1em;}

.memorial {text-align: right; height: 100px; background:transparent url(/images/rob_harvey.gif) 40px 0 no-repeat;}
/* Hide from IE-Mac \*/
.memorial {background:transparent url(/images/rob_harvey.gif) 40px -10px no-repeat;}
/* End hide */
.memorial h3, h4 {font-weight: bold;}

#sitemap .memorial h4 {margin-top: 10px;color:#999;}
#sitemap .memorial h3 {border:0; margin-bottom:0px; margin-top:5px; font-size:18pt;}
#sitemap .memorial h5 {color: #999; margin-bottom: 5px; margin-top:5px;}
#sitemap .memorial p {left: 10px; font-size: 8pt;}

/* ################################ */
/*    Page Top Selectors    */
/* ################################ */

#pagetop {margin:0; padding:0;	text-align: right; padding-right: 5px;}

/* ################################ */
/*    Footer Section Selectors    */
/* ################################ */

#footer {background: transparent url(/images/footer_bg.gif) no-repeat;	height: 50px; color: #888; line-height: 50px;}
#footer .left {float: left; padding-left: 1em;}
#footer .right {float: right; position:relative; right: 1em;}

/* ################################ */
/*    Built By Selectors    */
/* ################################ */

#built_by {width: 100%;	color: #1a86c6; font-size: 7pt;	text-align: center;}
#built_by a {color: #999; font-weight: normal;}
#built_by a:hover {color: #ffcc00;}
#built_by .left {float: left; padding-left: 1em;}
#built_by .right {float: right;	position:relative; right: 1em;}

/* ################################ */
/*    Common Selectors    */
/* ################################ */

.fivepad { padding: 10px; margin:0; }
.threefivepad {padding:5px 5px 0 5px; margin:0;}

/* ################################ */
/*    Clear Fix - Clears -ALL- elements    */
/* ################################ */

.clear {clear:both; visibility: hidden; height:0; margin:0; padding:0;}

/* ################################ */
/*    Extra divs - Makes the fancy background work    */
/* ################################ */

#extraDiv1 {width:49%; position:absolute; top:0; left:0; height:288px;	background:url(/images/body_left_top_bgs.jpg) repeat-x;}
#extraDiv2 {width:49%; position:absolute; top:0; right:0; height:288px;	background:url(/images/body_right_top_bgs.jpg) repeat-x;}