/* align text to center to move site to middle for IE and Safari */

body {
	margin: 0;
	padding: 0;
	background-color: #3b3738;
	background: url('http://e1h10.simplecdn.net/media.rat.ca/i/rti-bg.jpg') repeat;
	text-align: center;
	font: 1em 'Helvetica Neue', Arial, sans-serif;
	}

img {
	border: none;
	}

/* align site to center using auto margin and reset text-alignment to left */

#container {
	width: 998px;
	background: #fff;
	border: 0;
	padding: 0 0;
	margin: 0 auto;
	text-align: left;
	}

#banner {
	width: 998px;
	}

/* float div to left for logo, width is there for float */

#logo {
	position: relative;
	float: left;
	width: 204px;
	height: 133px;
	margin: 0;
	padding: 0;
	z-index: 2;
	}

/* set width and height for logo using hyperlink. Display as block so link is clickable in whole area. Display logo. */

#logo a {
	width: 204px;
	height: 133px;
	display: block;
	background: url('http://www.rat.ca/rat_media/img/remote-access-technology-international.png') no-repeat;
	z-index: 3;
	}

/* use image replacement technique to hide text from regular browsers but available to search engines */

#logo a strong {
	position: absolute;
	top: -3000em;
	overflow: hidden;
	}

/* float div to left for logo, width is there for float.  Display graphic */

#banner h2 {
	float: left;
	width: 794px;
	height: 132px;
	background: url('http://www.rat.ca/rat_media/img/industrial-rope-access.png') no-repeat;
	margin: 0;
	padding: 0;
	}

/* use same image replacement technique */

#banner h2 em {
	position: absolute;
	top: -3000em;
	overflow: hidden;
	}

/* clears floats in both directions so that items below are properly aligned */

#slogan {
	clear: both;
	width: 998px;
	height: 31px;
	overflow: hidden;
	margin: 0;
	margin-left: 1px;
	padding: 0;
	background: url('http://e1h10.simplecdn.net/media.rat.ca/i/slogan.png') no-repeat;
	z-index: 300;
	}

#slogan-buttons {
	display: block;
	float: right;
	position: relative;
	right: 18px;
	top: 100px;
	clear: right;
	}

#employment-button {
	position: relative;
	bottom: 0;
	right: 15px;
	}

#sub-banner {
	background-color: #5b5b5b;
	height: 280px;
	width: 998px;
	}

#photo-banner {
	width: 794px;
	height: 140px;
	float: right;
	margin-top: -1px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #fff url('http://e1h10.simplecdn.net/media.rat.ca/i/rat_photo_banner.jpg') no-repeat;
	}

body.page-id-36 #photo-banner {
	background: #fff url('http://e1h10.simplecdn.net/media.rat.ca/i/banners/rat_contracted_bnr.jpg') no-repeat;
	margin-bottom: 1px;
	}

body.page-id-30 #photo-banner {
	background: #fff url('http://e1h10.simplecdn.net/media.rat.ca/i/banners/rat_marine_bnr.jpg') no-repeat;
	margin-bottom: 1px;
	}

body.page-id-26 #photo-banner {
	background: #fff url('http://e1h10.simplecdn.net/media.rat.ca/i/banners/rat_off_og_bnr.jpg') no-repeat;
	margin-bottom: 1px;
	}

body.page-id-40 #photo-banner {
	background: #fff url('http://e1h10.simplecdn.net/media.rat.ca/i/banners/rat_propserv_bnr.jpg') no-repeat;
	margin-bottom: 1px;
	}

body.page-id-28 #photo-banner {
	background: #fff url('http://e1h10.simplecdn.net/media.rat.ca/i/banners/rat_refinery_bnr.jpg') no-repeat;
	}

body.page-id-42 #photo-banner {
	background: #fff url('http://e1h10.simplecdn.net/media.rat.ca/i/banners/rat_train_bnr.jpg') no-repeat;
	margin-bottom: 1px;
	}

body.page-id-38 #photo-banner {
	background: #fff url('http://e1h10.simplecdn.net/media.rat.ca/i/banners/rat_transport2_bnr.jpg') no-repeat;
	margin-bottom: 1px;
	}

body.page-id-8 #photo-banner {
	background: #fff url('http://e1h10.simplecdn.net/media.rat.ca/i/banners/rat_home_bnr.jpg') no-repeat;
	margin-bottom: 1px;
	}

body.page-id-24 #photo-banner {
	background: #fff url('http://e1h10.simplecdn.net/media.rat.ca/i/banners/rat_pgen2_bnr.jpg') no-repeat;
	margin-bottom: 1px;
	}

body.page-id-34 #photo-banner {
	background: #fff url('http://e1h10.simplecdn.net/media.rat.ca/i/banners/rat_sky_bnr.jpg') no-repeat;
	margin-bottom: 1px;
	}

body.page-id-2 #photo-banner {
	background: #fff url('http://e1h10.simplecdn.net/media.rat.ca/i/banners/rat_safety_bnr.jpg') no-repeat;
	margin-bottom: 1px;
	}

body.page-id-22 #photo-banner {
	background: #fff url('http://e1h10.simplecdn.net/media.rat.ca/i/banners/rat_services_bnr.jpg') no-repeat;
	margin-bottom: 1px;
	}

#video-page #photo-banner {
	background: #fff url('http://e1h10.simplecdn.net/media.rat.ca/i/banners/rat_stkinsp_bnr.jpg') no-repeat;
	margin-bottom: 1px;
	}

body.page-id-20 #photo-banner, body.blog #photo-banner {
	background: #fff url('http://e1h10.simplecdn.net/media.rat.ca/i/banners/rat_superstack_bnr.jpg') no-repeat;
	margin-bottom: 1px;
	}

#contact-page #photo-banner {
	background: #fff url('http://e1h10.simplecdn.net/media.rat.ca/i/banners/rat_generic2_bnr.jpg') no-repeat;
	margin-bottom: 1px;
	}

body.page-id-32 #photo-banner {
	background: #fff url('http://e1h10.simplecdn.net/media.rat.ca/i/banners/rat_comm_bnr.jpg') no-repeat;
	margin-bottom: 1px;
	}

#wrapper {
	margin: 0;
	padding: 0;
	}

/* float navigation to left to create column */

#navigation {
	float: left;
	width: 203px;
	padding-right: 5px;
	border-right: 1px solid #fff;
	}

#navigation ul {
	list-style: none;
	margin: -20px 0 10px 0;
	padding-top: 20px;
	padding-left: 0;
	}

#nav {
	background: #5b5b5b;
	}

#nav li {
	border: 1px solid #fff;
	border-right: 0;
	font-size: 90%;
	}

#nav li a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 4px 4px 4px 20px;
	}

#nav li a:link {
	background: #5b5b5b;
	color: #fff;
	}

#nav li a:visited {
	background: #5b5b5b;
	color: #fff;
	}

#nav li a:hover {
	background: #000;
	color: #fff;
	}

#nav li a:active {
	background: #000;
	color: yellow;
	}

/* special rule which turns Divisions navigation item grey */

#nav li#nav-divisions a:link, #nav li#nav-divisions a:visited, #nav li#nav-divisions a:hover, #nav li#nav-divisions a:active {
	background: #ee1c2e;
	}

/* rule to darken navigation link for particular page */

body.page-id-8 #nav-home a:link, body.page-id-8 #nav-home a:visited,
#contact-page #nav-contact a:link, #contact-page #nav-contact a:visited,
body.page-id-32 #nav-communications a:link, body.page-id-32 #nav-communications a:visited,
body.page-id-70 #nav-links a:link, body.page-id-70 #nav-links a:visited,
body.page-id-30 #nav-marine a:link, body.page-id-30 #nav-marine a:visited,
body.page-id-20 #nav-news a:link, body.page-id-20 #nav-news a:visited,
body.blog #nav-news a:link, body.blog #nav-news a:visited,
body.page-id-26 #nav-offshore a:link, body.page-id-26 #nav-offshore a:visited,
body.page-id-24 #nav-power a:link, body.page-id-24 #nav-power a:visited,
body.page-id-40 #nav-property a:link, body.page-id-40 #nav-property a:visited,
body.page-id-34 #nav-pulp a:link, body.page-id-34 #nav-pulp a:visited,
body.page-id-28 #nav-refining a:link, body.page-id-28 #nav-refining a:visited,
body.page-id-36 #nav-rescue a:link, body.page-id-36 #nav-rescue a:visited,
body.page-id-2 #nav-safety a:link, body.page-id-2 #nav-safety a:visited,
body.page-id-22 #nav-services a:link, body.page-id-22 #nav-services a:visited,
body.page-id-42 #nav-training a:link, body.page-id-42 #nav-training a:visited,
body.page-id-38 #nav-transportation a:link, body.page-id-38 #nav-transportation a:visited,
#video-page #nav-video a:link, #video-page #nav-video a:visited {
	background: #ee1c2e;
	color: #fff;
	}



body.page-id-70 #content h3 {background: transparent;}


#contact {
	font-size: 85%;
	color: #3f3f3f;
	margin-left: 5px;
	}

#contact dt {
	font-weight: bold;
	}

#contact dd {
	margin-left: 0;
	padding-left: 0;
	}

#contact a:link, #contact a:visited {
	color: #5b5b5b;
	}

#contact a:hover {
	color: red;
	}

#latest-news {
	background: #323232 url('http://www.rat.ca/rat_media/img/latest-news.png') no-repeat;
	color: #fff;
	padding: 2px 8px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	height: 23px;
	margin: 0;
	width: 193px;
	margin-top: -34px;
	z-index: 2000;
	}

#latest-news b {
	position: absolute;
	top: -4000em;
	overflow: hidden;
	}

/* set content width and move margin-left past the navigation bar so that it has room to paint onscreen */

#content {
	width: 570px;
	padding: 0;
	border: 1px solid #fff;
	border-top: 0px;
	margin: 0 5px 40px 215px;
	}

#content h1 a:link, #content h1 a:visited, #content h1 a:hover, #content h1 a:active {
color: #000; text-decoration: none;
}




/* float more-content to right -- opposing float -- to create third column */

#more-content {
	float: right;
	width: 200px;
	height: 300px;
	margin-left: 11px;
	text-align: left;
	}

/* set footer to bottom */

#footer {
	clear: both;
	background: #333;
	margin: 0;
	border: 1px solid #333;
	text-align: center;
	}

#footer p {
	margin: 5px auto;
	color: #fff;
	font-size: 85%;
	}

/* image replacements */

#iso-9001-2000 {
	margin: 2px;
	padding: 0;
	}

#iso-9001-2000 a {
	width: 140px;
	height: 40px;
	display: block;
	background: url('http://e1h10.simplecdn.net/media.rat.ca/i/') no-repeat;
	}

#iso-9001-2000 a em {
	position: absolute;
	top: -4000em;
	overflow: hidden;
	}

#sprat {
	margin: 12px 2px;
	padding: 0;
	}

#sprat a {
	width: 140px;
	height: 49px;
	display: block;
	background: url('http://e1h10.simplecdn.net/media.rat.ca/i/sprat.png') no-repeat;
	}

#sprat a em {
	position: absolute;
	top: -4000em;
	overflow: hidden;
	}

#quasar {
	margin: 12px 2px;
	padding: 0;
	}

#quasar a {
	width: 90px;
	height: 91px;
	display: block;
	background: url('http://e1h10.simplecdn.net/media.rat.ca/i/quasar-9001-2008.gif') no-repeat;
	}

#quasar a em {
	position: absolute;
	top: -4000em;
	overflow: hidden;
	}

#dragon-safety {
	margin: 12px 2px;
	padding: 0;
	}

#dragon-safety a {
	width: 140px;
	height: 47px;
	display: block;
	background: url('http://e1h10.simplecdn.net/media.rat.ca/i/dragon.png') no-repeat;
	}

#dragon-safety a em {
	position: absolute;
	top: -4000em;
	overflow: hidden;
	}

#rat-small {
	margin: 6px 2px;
	padding: 0;
	}

#rat-small a {
	width: 140px;
	height: 74px;
	display: block;
	background: url('http://www.rat.ca/rat_media/img/rat-logo-small.png') no-repeat;
	}

#rat-small a em {
	position: absolute;
	top: -4000em;
	overflow: hidden;
	}

#rti {
	margin: 6px 2px;
	padding: 0;
	}

#rti a {
	width: 140px;
	height: 82px;
	display: block;
	background: url('http://e1h10.simplecdn.net/media.rat.ca/i/rti.png') no-repeat;
	}

#rti a em {
	position: absolute;
	top: -4000em;
	overflow: hidden;
	}

#irata {
	margin: 0 2px 10px 2px;
	padding: 0;
	}

#irata a {
	width: 140px;
	height: 62px;
	display: block;
	background: url('http://e1h10.simplecdn.net/media.rat.ca/i/irata.png') no-repeat;
	}

#irata a em {
	position: absolute;
	top: -4000em;
	overflow: hidden;
	}

#russel-smith {
	margin: 6px 2px;
	padding: 0;
	}

#russel-smith a {
	width: 140px;
	height: 62px;
	display: block;
	background: url('other-logos/RusselSmith.jpg') no-repeat;
	}

#russel-smith a em {
	position: absolute;
	top: -4000em;
	overflow: hidden;
	}

#navigation h3 {
	font-size: 90%;
	color: #2b2b2b;
	margin-top: 1.5em;
	}

#rat-worker {
	margin-top: 10px;
	margin-left: -2px;
	}

#widget-container {
	position: relative;
	width: 195px;
	margin-left: 3px;
	height: 10px;
	z-index: 1000;
	}

#news-widget, #news-widget li, #news-widget dt, #news-widget dd {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#news-widget a {
	text-decoration: none;
	color: #d2d2d2;
	font-weight: bold;
	}

#news-widget a:hover {
	text-decoration: underline;
	color: #000;
	}

#news-widget {
	overflow: hidden;
	padding: 6px;
	/*

border: 1px solid #5b5b5b;*/
	height: 90px;
	/*

You should adjust this height for your project. */
		position: relative;
	float: left;
	min-width: 188px;
	font-size: 12px;
	}

#news-widget li {
	clear: left;
	overflow: hidden;
	position: relative;
	top: 0;
	padding-bottom: 5px;
	height: 90px;
	}
	/* Change this to fit your needs. The plugin will access this value if you don't pass a parameter in when you call it. */


#news-widget dt {
	padding-top: 2px;
	font-size: 1em;
	font-weight: bold;
	color: #f1f1f1;
	}

#news-widget  dd {
	color: #f7f7f7;
	margin-top: 0;
	font-size: 90%;
	padding-bottom: 7px;
	}

#news-widget dd.date {
	font-weight: bold;
	color: #d7d7d7;
	font-size: 80%;
	padding-bottom: 1px;
	}

#news-widget dd.more-info {
	display: none;
	}

#ratv {
	margin-top: 3px;
	}

#quick-links {
	background: #5b5b5b;
	font-weight: bold;
	color: #fff;
	font-size: 99%;
	padding: 3px 3px 3px 3px;
	margin-bottom: 5px;
	text-transform: uppercase;
	}

#ratv h3 {
	background: #5b5b5b;
	font-weight: normal;
	color: #fff;
	font-size: 92%;
	padding: 3px 3px 3px 3px;
	margin-bottom: 5px;
	}

#ratv h3 a:link, #ratv h3 a:hover,#ratv h3 a:visited {
	color: #fff;
	}

#ratv p {
	margin-top: 2px;
	}

#ratv p img {
	border: 0;
	margin: 0;
	padding: 0;
	}

ul#news {
	list-style: none;
	}

#news dt {
	font-size: 110%;
	font-weight: bold;
	}

#news dd {
	font-size: 90%;
	}

#news dd.date {
	font-size: 90%;
	color: #666;
	font-weight: bold;
	}

#photo-galleries a:link {
	text-decoration: none;
	color: #474747;
	}

#photo-galleries a:hover {
	text-decoration: underline;
	color: red;
	}

p.subtitle {
	font-size: 95%;
	font-weight: bold;
	color: #424242;
	margin-top: -30px;
	padding-top: 0;
	}

p.subtitle2 {
	font-size: 95%;
	font-weight: bold;
	color: #424242;
	margin-top: -5px;
	padding-top: 0;
	}

p.quoted {
	text-align: right;
	margin-right: 2em;
	}

p.quoted span.quoted-person {
	display: block;
	font-size: 85%;
	color: #333;
	}

p.quoted span.quoted-company {
	display: block;
	font-size: 75%;
	color: #474747;
	}

#content h2, #content h3 {
	background: #5b5b5b;
	color: #fff;
	font-size: 92%;
	padding: 5px;
	margin-top: 2em;
	text-transform: uppercase;
	}

#navigation h3 {
	background: #5b5b5b;
	color: #fff;
	font-size: 80%;
	padding: 5px;
	}

#companies, #associations {
	text-align: center;
	}

#companies li,#associations li {
	width: 100px;
	margin: 10px auto;
	text-align: left;
	}

#associations #irata {
	margin-bottom: 3px;
	border-bottom: 1px solid #fff;
	}

#associations #sprat {
	margin-top: 0;
	border-bottom: 1px solid #fff;
	}
	

#content a:link {
	text-decoration: underline;
	color: #3d3d3d;
	}

#content a:visited {
	text-decoration: underline;
	color: #6d6d6d;
	}

#content a:hover {
	text-decoration: underline;
	color: red;
	}

#content a:active {
	text-decoration: underline;
	color: #faa;
	}
	
body.page-id-70 h3 {background: #fff;}

#content h2.postTitle {background: #fff; font-weight: bold; font-size: 110%; margin-top: 1em;}
#content h2.postTitle a {text-decoration: none;}