/**Everthing but footer**/

#content {
position: relative;
height: auto !important;
height: 100%;
min-height: 100%;
padding-bottom: 10em; /* added to fix IE footer overlap */
}



/**** Top ****/

#topbar {
float: left;
width: 100%;
padding: 0.6em 0;
font-size: 0.9em;
text-transform: uppercase;
color: #CFD9DB;
background: #FFF url(../images/bg/topbar.gif) repeat-x bottom left;
}



/**Top menu and logo***/

#header {
clear: both;
position: relative;
height: 5em;
margin: 0 auto;
background: #48525B url(../images/bg/header.jpg) repeat-x bottom left;
border-bottom: 7px solid #B50000;
background-color: #48525B;
}


#header img {
position: absolute;
top: 5%;
left: 10px;
}

#header ul {
position: absolute;
top: 5%;
right: 1px;
margin: 3.5em 0.2em 0 0 !important;
margin: 3.5em 0.1em 0 0;
padding: 0;

}

#header ul li {
display: inline;
list-style: none;
}

#header ul li a {
float: left;
padding: 0.5em 1em 0.5em 1em;
font: 400 1.0em arial, sans-serif;
letter-spacing: 0.1em;
line-height: 0.8em !important;
line-height: 1em;
color: #eee;
border-right: 1px solid #880000;
}

#header ul li a.last {
padding-right: 0;
border-right: 0;
}

#header ul li a:hover {
color: #CC0;
}



/***Header Image*****/

#headerImg {
margin: 0 auto;
height: 143px;
background: url(../images/bg/header_image.jpg) no-repeat top left;
}


/**Top Bar Menu**/

#menu {
margin: 0 auto;
}

#menu ul {
width: 100%;
float: left;
margin: 0;
padding: 0;
text-align: left;
background: #3A77AC url(../images/bg/menu.gif) repeat-x top left;
}

#menu ul li {
display: inline;
margin: 0;
padding: 0;
list-style: none;
}

#menu ul li a {
float: left;
width: 20%;
height: 4.5em;
font: 400 1.2em arial, sans-serif;
letter-spacing: 0.1em;
color: #fff;
border-top: 7px solid #3A77AC;
border-bottom: 15px solid #FFF;
}

#menu ul li a span {
display: block;
padding: 2px 7px;
}


#menu ul li a span.desc {
font-size: 0.7em;
color: #99CCCC;
}


#menu ul li a:hover,
#menu ul li a.here {
border-top: 7px solid Red;
background: #006699 url(../images/bg/menuflip.gif) repeat-x top left;
}

#menu ul li a:hover span.desc,
#menu ul li a.here span.desc {
color: #FFF;
}


/*Page Content*****/

#page {
clear: both;
float: left;
width: 100%;
margin-bottom:6em;
text-align: left;
}

#columns {
margin: 0 auto;
}


/* Column widths */
.width {
width: 776px;
}

.widthPad {
width: 746px;
}

.width25 {
width: 24%;
}

.width30 {
width: 26%;
}

.width50 {
width: 48%;
}

.width73 {
width: 73%;
}

.width75 {
width: 75%;
}

.width100 {
width: 100%;
}


/*Footer*/


#footer {

clear: both;
float: left;
width: 100%;
height: 5em;
margin-top: -5em;
}


#footer #bg {
position: relative;
height: 5em;
margin: 0 auto;
background: #004D73 url(../images/bg/bottom_red_bar.gif) repeat-x top left;
}

#footer #bg ul {
float: right;
margin: 3em 4em 0 0 !important;
margin: 3em 4em 0 0;
padding: 0;
}

#footer #bg ul li {
display: inline;
list-style: none;
}

#footer #bg ul li a {
float: left;
padding: 0 1em;

font: 400 1em arial, sans-serif;
letter-spacing: 0.1em;
line-height: 0.8em !important;
line-height: 1em;
color: White;
border-right: 1px solid White;
}

#footer #bg ul li a.last {
padding-right: 0;
border-right: 0;
}

#footer #bg ul li a:hover {
color: #6C0;
}

/* #footer #bg img {
position: absolute;
top: 6%;
left: 10px;
} mucks up wcindustries logo */


/* News Posts**/

.post {
float: left;
width: 100% !important;
width: 99%;
position: relative;
padding-bottom: 2.5em;
padding-top:0.5em;


}

.post .date {
position: absolute;
top: 0;
left: 5px;
width: 2.3em;

text-align: right;

}

.post .date .year {
font: 700 1.0em arial, sans-serif;
color: #9b9b9b;
}


.post .date .month {
text-transform: uppercase;
font: 700 1.0em arial, sans-serif;
color: #888;
}

.post .date .day {
display: block;
margin-top: -5px;
font: 700 2.1em arial, sans-serif;
color: #888;
}


.post .title {
display: block;
padding: 0 0 5px 0;

font-size: 1.2em;
font-weight: bold;
color: #586B7A;
}

.post p {
margin: 0 0 0 3.5em;
padding: 0 0 1em 1.2em;
border-left: 1px solid #CCCCCC;
}



/***Thumbnail Lists***/

ul.thumbs,
ul.thumbs li {
margin: 0;
padding: 0;
}

ul.thumbs li {
margin: 0 0 15px 0 !important;
margin: 0;
padding: 0px;
list-style: none;
}

a.thumb img {

border: 5px solid #ccc;
}

a:hover.thumb img {
background: #8EB4C6;
border: 5px solid #668FA3;
}

a:hover.thumb {
background: none;
}

a.thumb span {
display: block;
margin-top: -5px !important;
margin-top: -2px;
}



/**Submenu Styles***/

ul.submenu1,
ul.submenu2 {
margin: 0 0 20px 0;
padding: 0;
}

ul.submenu1 li,
ul.submenu2 li{
margin: 0;
padding: 0;
list-style: none;
list-style-image: url(foo.gif); /* because IE is balls */
}

ul.submenu1 li a,
ul.submenu2 li a {
display: block;
height: auto !important;

/* Start hide from IE Mac \*/
height: 1%;
/* End hide from IE Mac */

padding: 1px 5px 1px 20px;
}

ul.submenu1 li a {
background: url(../images/bg/submenu1.gif) no-repeat 5px 50%;
}

ul.submenu1 a:hover {
color: #426F85;
background: #B3C6C4 url(../images/bg/submenu1.gif) no-repeat 5px 50%;
}

ul.submenu2 li a {
color: #426F85;
background: url(../images/bg/submenu2.gif) no-repeat 3px 50%;
}

ul.submenu2 a:hover {
color: #426F85;
background: #B3C6C4 url(../images/bg/submenu2.gif) no-repeat 3px 50%;
}






/***Reusable Stuff****/


.block {
display: block;
}

.clear {
clear: both;
}

.marginRight {
margin-right: 15px;
}

.paddingLeft {
padding-left: 5px;
}

.paddingRight {
padding-right: 5px;
}

.floatLeft {
float: left;
}

.floatRight {
float: right;
}

.alignLeft {
text-align: left;
}

.alignRight {
text-align: right;
}

.alignTop {
vertical-align: top;
}

.alignMiddle {
vertical-align: middle;
}

.alignBottom {
vertical-align: bottom;
}

.lightBlueBg {
background-color: #F3F5F6;
}

.dark {
color: #353E47;
}


#languages {
float:right;

width:40px;
height:16px;
}

#languages img {
position:relative;
top:1px;
left:1px;

}

#wclogo {
position: absolute;
bottom:1px;
left:730px;
padding:0px 3px;
margin:0px 3px;
}



div#hello {
display: block;
height: 146px;
border: 5px solid #022b59;
background: url(../images/hello175.gif) no-repeat;
}
#hello a,
#hello a:visited {
display: block;
width: 100%;
height: 100%;
text-indent: -7777px;
border: 0;
}
#hello a:hover {
background: url(../images/hello175.gif) no-repeat left bottom;
}

div.hellowrap {
float: left;
text-align: left;
width: 175px;


}

div.hellowrap{
width: 185px;
height:146px;
padding: 0px;
padding-right:5px;
padding-bottom:20px;

}


/* End Contact rollover */

.currentpage {
color:yellow;
}

.tablesubheading {
background: #e1e1e1 url(../images/bg/tableheadergradient.gif) top right repeat-y;
width:90%;
padding-left:3px;
font-weight: bold;
}
.coil {
position: relative;
height:200px;
background: #eeeeee url(../images/bg/coilsteel.jpg) bottom right no-repeat;
}

.global {
position: relative;
height:200px;
background: #eeeeee url(../images/bg/grey-gradient-map.gif) center no-repeat;
}

#flashcontent {
margin-left:15px;
}

.sidebarimg {
padding:3px;
margin:8px 5px 6px 5px;
background: #EAEAEA;
}