/* Generic Styles */

body {
	padding:15px;
	font:75% Arial, Helvetica, sans-serif;
	background-color:#FFF;
	color: #222;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a, a:visited {
	color:#FF7302;
	text-decoration:none;
	font-weight:bold;
}
a.pdf {
	background:url(../art/iconpdf.gif) no-repeat left center;
	padding-left:20px;
	display:block;
}
a.next-art-link, a.more {
	background:url(../art/nav-forward.png) no-repeat right center;
	padding-right:20px;
}
a.previous-art-link {
	background:url(../art/nav-back.png) no-repeat left center;
	padding-left:20px;
	display:block;
}
a.back {
	background:url(../art/nav-up.png) no-repeat left center;
	padding-left:20px;
	display:block;
}
a.next-art-link {
	float:right;
	text-align:right;
}
a:hover {
	text-decoration:underline;
}
.hide {
	text-indent:-9999px; /* This achieves the same as using Display:none; but means that the text is still readable by screenreaders */
	outline:none; /* Removes the dotted outline when a link clicked, if this isn't used then the outline will stretch off of the screen due to the text indent used above */
	display:block;
	height:0;
}
.remove {
	display:none;
}
/* Header Styles */

#header {
	width:750px;
	height:104px;    /* New logo changes */
	overflow:hidden; /* Fix to cause element to expand to proper height even though it only contains floated elements */
}
h1 {
	width:600px;     /* New logo changes */
	height:104px;    /* New logo changes */
	background:url(../art/logo_600.gif) no-repeat;    /* New logo changes */
	float:left;
}
h1 a {
	display:block;
	height:104px;    /* New logo changes */
}
#description {       /* New logo changes */
}
/* Main Navigation */

#main-nav {
	width:750px;
	overflow:hidden;
	background:url(../art/menu_bar.jpg) no-repeat;
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#main-nav li {
	float:left;
}
#main-nav a, #main_nav a:visited {
	text-decoration:none;
	text-align:center;
	color:#666;
	line-height:24px;
	padding:4px 12px;
}
#main-nav a:hover, #main_nav a:focus {
	background-color:#999;
	color:#FFF;
}
#main-nav a:active, #main-nav .current-page {
	color:#333;
	background-color:#80C1C3;
}
#main-nav .feature-advert a { 
background:transparent url(../art/arrow-down-big.png) no-repeat scroll right center;
color:#000066;
display:block;
font-size:11px;
height:15px;
line-height:16px;
margin-left:20px;
padding-right:20px;
}
#main-nav .feature-advert a:hover, #main-nav .feature-advert a:focus { 
color:#FF7302;
text-decoration: underline;
background-color: transparent;
}

/* Content */
#content {
	width:750px;
	overflow:auto;
	padding-bottom:10px;
}
#content h2 {
	color:#000;
	font-size:2em;
	margin:15px 0;
}

.home #content h2 {
	margin: 30px 0 20px;
}
#content h2.long-title {
font-size:1.6em;
}
#content h2 a, #content h2 a:visited {/* H2 headings which are also links */
	color:#000;
	text-decoration:none;
	font-weight:normal;
}
#content h2 a:hover, #content h2 a:focus {
	text-decoration:underline;
}
#content h3.inline { /* Inline H3 on Corrosion Consultancy Services Page */
	font:1em Arial, Helvetica, sans-serif;
	line-height:140%;
	font-weight:bold;
	display:inline;
	float:left;
	margin:0 0 0 15px;
}
#content h3 {
font-weight:bold;
font-size:1.1em;
}
#content p, address {
	line-height:140%;
	margin:12px 15px;
	max-width:500px;/* Stops Paragraphs from wrapping below images */
	font-style:normal;
}
.home #content p.welcome { 
	line-height: 1.8;
	font-size: 15px;
	max-width: none;
}
#content ul {
	margin:15px 60px;
}
#content li {
	list-style-type:disc;
	margin:10px 0;
	max-width:450px;
	line-height:140%;
}
ul#services {
	border-left:5px solid #80C0C6;
	padding-left:10px;
	margin:15px;
}
ul#services li, ul#case-studies li {
	list-style-type:none;
	margin:10px 0;
}
ul#case-studies {
	border-left:5px solid #F2D2CD;
	padding-left:10px;
	margin-left:315px;
	margin-bottom:50px;
}

#about_us {
	overflow: hidden;
	background-color: #eee;
	margin: 30px 0 20px;
}
#content img {
	border:0;
	margin:15px 0 0 15px;
	float:right;
	clear:right;
}

#gallery { overflow: hidden; float: left; padding: 10px; position: relative; width:470px; height: 370px; margin-bottom: 10px; }
#gallery img { float: none; display: block; clear: none; margin: 0; max-height: 353px; }
#gallery p { margin: 10px 0 0; text-align: center; font-style: italic; }
#gallery .photo { display: none; position: absolute; }
#gallery .photo0 { display: block; }

#what_we_do {
float:right;
margin:0 0 20px;
width:260px;
}

#what_we_do .sectors {
border-top:1px solid #CCCCCC;
font-size:11px;
padding-top:10px;
}

p#note {
	float:left;
	font-size:11px;
	margin:15px 10px -5px;
	padding: 5px;
	max-width:none;
}
p#note:target {
background-color: yellow;
font-weight: bold;
}
#image-column {/* For Right aligned images */
	width:230px;
	float:right;
}
#image-column img {
	margin:10px 0;
	float:none;
}
#content .alternate {/* Float images left */
	float:left;
	margin:15px 30px 15px 0;
}
#example {/* On Water Analysis example page */
	float:right;
	width:750px;
	text-align:right;
}
#example p {
	max-width:750px;
}
/* Table Styles */

table {
	border:7px solid #CCC;
	margin:10px auto;
}
td {
	text-align:center;
}
th, td {
	padding:7px;
	border:1px solid #CCC;
}
th {
	background-color:#F7F5F3;
	color:#25282D;
	text-align:left;
	font-weight:normal;
}
#content th h3 {
	text-align:center;
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	line-height:normal;
	font-weight: bold;
	display: block;
	float: none;
	margin:0;
}
/* Case Studies */

#case-studies {
	margin:30px 0;
}
#case-study {
	padding-bottom:10px;
	margin:30px 0 0 30px;
}
.art-summary {
	padding-left:85px;
}
.art-meta {
	float:left;
	min-width:100px;
}
#case-studies hr {
	margin:15px 0;
	width:650px;
}
#content #case-study h2 {
	font-size:1.5em;
}
#content .case-study h3 {
	display:block;
	float:none;
}

/* Corrosion Tip of the Week */

#tip-of-the-week {
background-color: #eee;
overflow: hidden;
clear: both;
}
.home #tip-of-the-week h2 {
margin: 15px;
color: #555;
line-height: 1.5em;
font-size: 1.8em;
}
#tip-of-the-week strong {
color: #000;
font-weight: normal;
}
#tip-of-the-week .archive {
background: url(../art/calendar.png) no-repeat left center;
display:block;
float:right;
line-height:16px;
margin:-28px 15px 12px 0pt;
padding-left:20px;
}
#tip-of-the-week p {
max-width: none;
margin-right: 40px;
}

#current-tip {
background-color:#FBFDFA;
border:1px solid #81C5C6;
overflow:hidden;
}
#current-tip h3 {
color:#555555;
font-size:1.8em;
line-height:1.5em;
margin:15px;
font-weight: normal;
}
#current-tip h3 strong {
color: #000;
font-weight: normal;
}
#current-tip:target #read {
color: #555;
}
#content .corrosion-tip p {
margin-right:40px;
max-width:none;
}
#content .corrosion-tip ol, #tip-of-the-week ol {
list-style-position:outside;
padding:1px 50px;
}
#content .corrosion-tip ol li, #tip-of-the-week ol li {
list-style-type: decimal;
}
#content .corrosion-tip h3 {
margin: 15px;
font-size: 1.3em;
}
#content #corrosion-tips hr {
margin: 30px 40px 30px 15px;
}
#content h3.more-tips {
font-size: 1.5em;
color: #555;
margin: 15px;
}
.tip3 h5 {
font-size: 1.2em;
}
.tip3 h4 {
font-size:1.3em;
margin:15px;
}
.tip15 th {
text-align: center;
font-weight: bold;
}
#corrosion-tips #current-tip.news1 img {
border: 1px solid #000;
margin: 15px 40px 10px 0;
padding: 1px;
float: right;
}
#content .tip3 li.no-bullet {
list-style-type: none;
margin-left:-15px;
}
#content #corrosion-tips img, #tip-of-the-week img {
float: none;
margin: 0 auto;
display: block;
}
#hcard-Phillip-Munn * {
margin: 5px 0;
}
#hcard-Phillip-Munn {
	margin: 25px;
	line-height: 1.5;
	
}
#hcard-Phillip-Munn cite {
	display: block;
}
#hcard-Phillip-Munn .org {
	display: inline;
}
#hcard-Phillip-Munn .organization-name {
	display: block;
}
/* Footer */

#footer {
	font:0.9em Verdana, Arial, Helvetica, sans-serif;
	width:750px;
	margin-bottom:25px;
}
#footer .tel {
	color:#333333;
	font-size:1.4em;
	font-weight:bold;
	letter-spacing:1px;
	margin-top:10px;
	display:block;
}
#footer ul {
	width:750px;
	background:url(../art/bottonbar_info.jpg) repeat-x;
	overflow:hidden;
}
#footer li {
	float:left;
	line-height:36px;
	padding:0 8px;
}
#footer li a, #footer li a:visited {
	text-decoration:none;
	color:#000066;
}
#footer li a:hover, #footer #legal li a.current-page, #footer li a:focus {
	text-decoration:underline;
}

#footer .last {
	float:right;
	padding:0;
}
#footer .last a {
	background:url(../art/bottombarurl.jpg);
	width:248px;
	height:34px;
	text-indent:-9999px;
	display:block;
	outline:none;
}
#creator {
	float:right;
	margin-right:25px;
}
#creator a, #creator a:visited {
	font:1em "Century Gothic", Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#98CB00;
}
#creator a:hover, #creator a:focus {
	text-decoration:underline;
}
#office {
	width:	450px;
	float:left;
}
#multi-map { float: right; text-align: right; }