/* Shining at me */

/*

------------------------------------------------------
This style sheet was adapted from the original blueskies template (Bruno Kerrien) by Hugh Daley.
Some new elements include graphics, the secondary nav behaviours in the products section, charts in the products section and map in the contact section.

http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's original
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

body {
background:#C6C6C6;
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
text-align:center;
font-size:small; 
border:0px;
border-collapse:separate;
border-spacing:0px;
}
/* --- Links --------- */

a.img, {

}

#flickr a {
color:#fff;
border:none;
text-decoration:none;
}

a {
color:#930;
text-decoration:none;
}


a:hover {
text-decoration:underline;
}

/*--------Image Floats--------*/
#img-box {
float:right;
clear:left;
border:1px #930 dotted;
margin-left:15px;
padding: none;
}

.img-right {
float:right;
}

.img-right-hd {
float:right;
}



.img-home {
float:right;
margin-right:8px;
margin-top:5px;
border:1px #930 dotted;
}


.img-left {
float:left;
margin-left:15px;}

.img-content {

margin-right:15px;
border: 1px solid;
color: #333333;
margin-top: 4em;
}

/*-------thumbnails-------*/

.thumbnail
{
float:right;
width: 50px;
margin: 0em 0px 0px 0px;
padding: 2px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 85%;
font-style: italic;
border: 1px #666666 dotted; 
}

.clearboth { clear: both; }

#uppercontent {
float:right;
clear:both;
text-decoration:none;
}

a:link img {
border:none;

}

/* --- Entries --- */

#whatsnew {
padding-left:15px;
	padding-right:15px;
	text-align:justify;
	letter-spacing:0em;
	text-decoration:none;
	}
.entry {
	margin:;
	padding-left:;
	line-height:50%;
	}
.entry p {
	line-height:;
	margin-bottom:;
	}
.entry h2 {
	color:#5;
	letter-spacing:-1px;
	font:;
}
.entry h2 a,
.entry h2 a:link,
.entry h2 a:visited {
	color:#;
	border:none;
	}
.entry h2 a:hover {
	color:#;
	border:;
	background:;
	}

.posted {
	width:;
	color:#009999;
	font-size:.90em;
	padding:;
	margin-bottom:;
	background:;
	line-height:50%;
	}


.posted .by {
	
	height:;
	}

.posted .comments {
	padding-left:;
	background:;
	float:;
	}
.entry-footer {
	font-size:.90em;
	line-height:50%;
	padding-top:#;
	clear:;
	border-bottom:;
	background:#;
	}
.posted-in {
	color:#;
	font-size:;
	}
.posted-in a, .posted-in a:link, .posted-in a:visited {
	color:#;
	}
.posted-in a:hover {
	color:#;
	}
.posted-in span {
	margin-left:;
	float:;
	}
.perm {
	background:#;
	padding:;
	margin-top:;
	}
.perm a:link,
.perm a:visited {
	color:#;
}
.perm a:hover {
	color:#;
	}
.read-entry {
	float:;
	background:#;
	padding-right:;
	}
.article {
	font-size:1em;
	color:#333333;
	line-height:1.5em;
}

.article-sidebar {
	font-size:.90em;
	color:#333333;
	}
	
.article p {
	line-height:;
	margin-bottom:;
	}
.article p em {
	color:#aec4c4;
	}
.article a:link {
	border-bottom:;
	}
.article a:visited {
	color:#;
	border-bottom:;
	}
.article a:hover {
	color:#;
	background-color:#;
	border-bottom:1px solid #;
	}
.article blockquote,
.article .quote {
	color:#;
	font-size:;
	line-height:;
	font-style:;
	margin:;
	padding:;
	background:;
 	}	
.correction {
	text-decoration:;
	}
.article ul {
	margin:;
	background:;
	clear:;
	}
.article ul li {
	background:;
	padding:;
	color:#;
	}
.article span.source,
.article .source {
	color:#;
	font-size:;
	font-style:;
	text-align:;
	}
.article span.update,
.article .update {
	color:#;
	padding-left:;
	text-align:;
	letter-spacing:;
	padding-bottom:;
	margin-bottom: ;
	width:;
	text-transform:;
	border-bottom:;
	font:;
	background:;
}
.article-footer a {
	color:;
	text-align:right;
	font-size:.90em;
	text-decoration:;
	}
	
.article-footer {
	border-bottom:dotted thin #0033CC;
	line-height:50%;
	}

.learn-more {
	background:url(http://ims-metals.com/img/wheelsmall.png) no-repeat center right;
	margin-right:460px;
	}

.learn-more-sidebar {
	background:url(http://ims-metals.com/img/wheelsmall.png) no-repeat center right;
	margin-right:85px;
	line-height:16px;
	}
	
.np-entry p {
color:#0033CC;
font-size:1em;
border-bottom:dotted thin #0033CC;
}
	
/* RSS icons
------------------------------------------------------------------*/
#rss {
}

.rss p {
	text-align:right;
	color:#;
	margin-top:.5em;
	font-size:.94em;
	}
.rss p a {
	color:#;
	text-decoration:;
	text-align:right;
	}
.rss img {
	margin-left:2px;
	vertical-align:middle;
	padding-bottom:2px;
	display:inline;
	text-decoration:none;
	border:none;
	}


/* --- Images --------- */

.article img {
	border:1px dashed #;
	padding-left:15px;
	background:#;
	margin:;
	float:right;
	vertical-align:top;
	}
.article img.clear {
	clear:both;
	float:none;
	vertical-align:sub;
	margin:0 0 -1px 0;
	}
.article img.right {
	float:right;
	margin:7px 0 10px 12px;
	}
.article .centered img {
	clear:both;
	float:none;
	margin:7px auto 10px auto;
	}
.article .centered a {
	border:0;
	background:none;
	}
.article img.noborder {
	padding:0;
	border:0;
	background:none;
	margin:7px 12px 10px 0;
	}
.article span {
	width:661px;
	text-align:center;
	display:block;
	clear:both;
	}
.article span img {
	float:none;	
	margin:7px auto;
	}
.article span a, .article span a:link, .article span a:visited {
	border:0;
	background:none;
	}

	



/* --- H1, H2, H3 --------- */

h1, h2, h3 {
font-family:  Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin-top: 1em;
color: #0033cc;
 }

h1 {
border-bottom: 1px #930 dotted;
font-size: 185%;
padding-bottom: .3em; }

h2 {
background: transparent;
padding-bottom: .1em;
font-size: 143%;
}

h2.right {
float: right;
clear:both;
}

h2.left {
float: left;
clear: both;
}

h3 {
background: transparent;
padding-bottom: 6px;
font-style: italic;
font-size: 120%;
}

/* --- Wrap --------- */

#wrap {
background: transparent url("img/bgd_container.gif") repeat-y top left;
width: 792px;
margin: 0 auto;
padding: 0;
height: 100%;
text-align: left;
}

/* --- Banner --------- */

#banner {
background: transparent url(img/banner_new.jpg) no-repeat top left;
height: 71px;
margin: 0;
}

p.bannerbig {
font-family:  Georgia, "Times New Roman", Times, serif;
font-size: 26pt;
text-indent: 45px;
color: #0033cc;
margin: 0 48px;
padding-top: 0.4em;
min-height: 21px;
line-height: 1em;
}

p.bannermed {
font-family:  Georgia, "Times New Roman", Times, serif;
font-size: 12pt;
text-indent: 45px;
color: #fff;
margin: 0 48px;
line-height: 1em;
padding-top: 0.1em;
}

p.banner-right {
float:right;
font-family:  Georgia, "Times New Roman", Times, serif;
font-size: 12pt;
margin-right: 30px;
color:#000000;
font-weight: bolder;
}

/* --- Nav top level --------- */

#nav-toplevel  {
background: transparent url(img/top-level_new.jpg) no-repeat top left;
height: 68px;
}

#nav-toplevel ul {
list-style-image: none;
margin: 0;
padding: 0;
}

/* --- Nav meta --------- */

#nav-meta {
height: 42px;
font-size: 85%;
line-height: 1.25em;
}

#nav-meta ul {
margin: 0px 24px 0 490px;
}

#nav-meta ul li {
display: inline;
float: right;
}

#nav-meta ul li a {
display: block;
background: transparent url("img/small_bullet_blue.gif") no-repeat 0 50%;
padding: 0 10px 0 8px;
color: #A5BCD3;
text-decoration: none;
font-size:1em;
}

#nav-meta ul li a:hover {
background: transparent url("img/small_bullet_yellow.gif") no-repeat 0 50%;
color: #FFF;
}

/* --- Nav main --------- */

#nav-main {
background: #eee;
font-size: 100%;
font-weight: bold;
}

#nav-main ul {
margin-left: 16px;
clear:both;
}

#nav-main ul li {
display: inline;
float: left;
margin-right: 3px;
width: 110px;
text-align: center;
}

#nav-main ul li a {
display: block;
background: transparent url("img/tabs.gif") no-repeat 0 0;
height: 26px;
line-height: 26px;
color: #2D598D;
text-decoration: none;
font-weight: bold;
font-size:.90em;
}

#nav-main ul li a.current {
background: transparent url("img/tabs.gif") no-repeat 0 -52px;
color: #930;
}

#nav-main ul li a:hover {
background: transparent url("img/tabs.gif") no-repeat 0 -26px;
color: #930;
}

#nav-main ul li a.current:hover {
background: transparent url("img/tabs.gif") no-repeat 0 -52px;
}

/* --- Container --------- */

#container {


margin: 0em +17px 0em +17px;
clear:right;

}

/* --- Content --------- */



#content {
float:left;
margin: 0;
width: 500px;
padding-right: 16px;
padding-bottom: 16px;
padding-left: 16px;
padding-top: 0px;
clear:right; }

#content p, #content ol, #content ul {
font-size: .95em;
line-height: 1.5em;
color:;

margin-bottom: .2em;
margin-top: 1em; }



p .content {
color:#000000;
text-align:justify;
}

#content ul {
list-style-type: square;
}


/*--Table-----------*/
#table_container {
background: url(10/img/left-top-corner-box.jpg) no-repeat top left;
padding: 12px 15px;
}

#mytable {
color: #cccccc;
width: 500px;
padding: 0;
margin: 0;
font: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
border-top: 1px #999999 solid;
border-left: 1px #999999 solid;  }

caption {
	padding: 0 0 5px 0;
	width: 100%;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
color: #666666; }

#mytable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #cc3300;
	border-bottom: 1px solid #cccccc;
	border-right: 1px #cccccc solid;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(10/img/bgd_chart.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #3366ff;
	background: none;

}

#mytable td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background: #fff;
	padding: 8px 6px 8px 12px;
	color: #000000;
text-align: center; 
font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #3333ff;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #3333ff;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

/* --- Nav subs --------- */



#nav-subs {

margin: 0em -0px 0em 564px;
padding: 0;
font-size: 100%;
line-height: 1.5em;
min-height:150px;
overflow: visible; }


#nav-subs ul {
list-style: none;
margin-left: 16px;
margin-right: 16px;
padding-left: 0;
border-top: 0px;
}

#nav-subs ul li {
padding: 1px 0;
border-bottom: 0px;
}

#nav-subs ul li.nobottom {
padding: 1px 0;
border-bottom: none;
}

#nav-subs ul li a {

display: block;
float: left;
width: 100%;
background: transparent url("img/small_bullet_red.gif") no-repeat 4px 50%;
color: #2D598D;
text-indent: 14px;
text-decoration: none;
}

html>body #nav-subs ul li a {
float: none;
}

#nav-subs ul.inner {
padding-left: 0px;
margin-right: 0px;
}

#nav-subs ul li a.innerlist {

background: transparent url("img/small_bullet_dkblue.gif") no-repeat 4px 50%;
font-size: 90%;
}

#nav-subs ul li a:hover {
background: #E5F0F5 url("img/small_bullet_red.gif") no-repeat 6px 50%;
position:relative;
color: #930;
}

#nav-subs ul li a.youarehere {
color: #930;
}


/* --- Nav section --------- */

#nav-section {
position:relative;
background: transparent url("img/bgd_sidebar_top.jpg") no-repeat top left;
padding-top: 24px;
min-height: 156px;
width:100%;

float:left;
}

/* --- Nav supp --------- */

#nav-supp {
background: transparent url("img/bgd_sidebar_sub.jpg") no-repeat top left;
padding-top: 8px;
min-height: 156px;
clear:both;
}

/* --- Info site --------- */

#info-site {
position: relative;
clear: both;
background: transparent url(img/footer_new.jpg) no-repeat top left;
width: 792px;
padding-top: 20px;
text-align: center;
padding-bottom: 15px; }

#info-site p {
font-size: 85%;
line-height: 1.5em;
 }

/* --- Info company --------- */

#info-company {
color: #ffffff;
margin: 0 16px;

}

#info-company p {
color: #cccccc;
}

#info-company a {
text-decoration: none; }

#info-company a:hover {
color: #930;
}

/* --- Info standards --------- */

p#info-standards {
margin: 4px 314px 0 314px;
padding-bottom: 6px;
}

a#xhtml {
display: block;
float: left;
background: transparent url("img/xhtml.gif") top left;
width: 78px;
height: 13px;
border: 1px solid #2D598D;
}

html>body a#xhtml {
margin: 0 82px 0 0;
}

a#xhtml:hover {
border: 1px solid #FFD50F;
}

#xhtml span {
display: none;
}

#css {
display: block;
background: transparent url("img/css.gif") top left;
width: 78px;
height: 13px;
border: 1px solid #2D598D;

}

html>body #css {
margin: 0 0 0 82px;
}

a#css:hover {
border: 1px solid #FFD50F;
}

#css span {
display: none;
}