#container {
background-color: #fff;
position: relative;
width: 760px;
margin-left: auto;
margin-right: auto;
padding: 0;
top: 20px;
margin-bottom: 48px;
}

#masthead {
position: relative;
background: #fff;
height: 40px;
width: 100%;
margin: auto;
padding: 0;
}

#logo{
width: 277px;
height: 40px;
}

#mnbrand{
width: 87px;
height: 30px;
}

#mncomp{
width: 85px;
height: 30px;
}

#mnwork{
width: 61px;
height: 50px;
}

#mnnews{
width: 59px;
height: 30px;
}

#mnhelp{
width: 87px;
height: 30px;
}

#mncontact{
width: 104px;
height: 30px;
}

#sidebar {
float: left;
width: 179px;
padding: 0;
margin: 24px 0 0 48px;
display: inline;
}

#homecontent {
width: 100%;
margin: auto;
padding: 0;
}

#introHayesCo {
width: 331px;
height: 17px;
margin-left:48px;
padding: 0;
text-align: left;
}

#maincontent {
margin-left: 277px;
padding: 18px 96px 36px 0;
}

#maincontentWide {
margin-left: 277px;
padding: 18px 40px 36px 0;
}

#footer {
background: #000;
clear: both;
text-align: center;
padding: 8px 4px 8px 4px;
}

#endnotes{
background: #ccc;
clear: left;
text-align: center;
padding: 24px 0 24px 0;
}

#imgStudio {
background: #fff;
width: 200px;
height: 275px;
margin: 0 0 0 24px;
float: right;
border: solid 1px #999;
}

.thumbNav {
padding: 12px 0 12px 0;
margin: 0 0 12px 0;
border-top: solid 1px #666;
border-bottom: solid 1px #666;
}

.imgWorkThumb {
background: #fff;
width: 56px;
height: 50px;
margin: 0;
float: left;
}

.imgWorkThumbR2 {
background: #fff;
width: 56px;
height: 50px;
margin-top: 8px;
float: left;
}

.thumbUp {
border: solid 1px #ccc;
}

.thumbDn {
border: solid 2px #000;
}

#imgWorkSM {
background: #fff;
width: 200px;
height: 550px;
margin: 0 0 12px 24px;
clear: right;
float: right;
}

#imgWorkMED {
background: #fff;
width: 400px;
margin: auto;
border: solid 1px #ccc;
}

#imgWorkLRG {
background: #fff;
width: 575px;
margin: auto;
border: solid 1px #ccc;
}

#imgWorkMEDspread {
background: #fff;
width: 550px;
margin: auto;
}

#imgWorkLRGspread {
background: #fff;
width: 1150px;
margin: auto;
}

#zoom {
width: 200px;
height: 37px;
margin: 0 0 12px 24px;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
float: right;
}

#imgZoomBig {
width: 78px;
height: 37px;
margin: 0;
float: right;
}

#imgZoomBigger {
width: 96px;
height: 37px;
margin: 0;
float: right;
}

#imgBuilding {
background: #fff;
width: 179px;
height: 110px;
margin: 0;
float: left;
border: solid 1px #999;
}

#imgMapsm {
background: #ccc;
width: 179px;
height: 139px;
margin: 0;
clear: left;
float: left;
}

.thumb {
background: #ccc;
width: 65px;
height: 65px;
margin: 24px 10px 8px 0;
float: left;
border: solid 1px #999;
}

#bclose {
width: 65px;
height: 21px;
float: right;
margin: 0;
}

#imgHdshot {
background: #fff;
width: 175px;
height: 100px;
margin: 0 18px 10px 0;
float: left;
border: solid 1px #999;
}

#popupContent {
Background: #fff;
width: 80%;
padding: 24px;
margin: auto;
border: solid #666 2px;
}

#popupContentspread {
Background: #fff;
width: 1150px;
padding: 24px;
margin: auto;
border: solid #666 2px;
}

#logoEurostyle {
width: 154px;
height: 27px;
margin: 0;
}

#logoCable {
width: 127px;
height: 33px;
margin: 0;
}

#logoGreen {
width: 228px;
height: 21px;
margin: 0;
}

#logoVen {
width: 139px;
height: 22px;
margin: 0;
}

.homeintro{
font: normal 0.7em/1.6em Verdana, Arial, Helvetica, san-serif;
color: #000;
text-align: left;
margin-top: 0;
margin-left: 48px;
padding: 12px 250px 24px 0;
}

.lead{
font: normal 1.5em/1.4em Verdana, Arial, Helvetica, san-serif;
color: #666666;
margin-top: 0;
}

p.pageTitle {
font: normal 2em/1.2em Verdana, Arial, Helvetica, san-serif;
color: #666;
margin: 0;
}

p.subhead {
font: bold 1em/1.2em Arial, Helvetica, san-serif;
color: #000;
margin: 8px 0 12px 0;
}

.heading1{
font: bold 1.3em/1.4em Verdana, Arial, Helvetica, san-serif;
color: #666;
text-align: left;
margin: 12px 0 6px 0;
}

.heading2{
font: bold 1.1em/1.4em Verdana, Arial, Helvetica, san-serif;
color: #000;
text-align: left;
margin: 18px 0 2px 0;
}

.bodytext{
font: normal 0.7em/1.4em Verdana, Arial, Helvetica, san-serif;
color: #000;
text-align: left;
}

.bold {
font-weight: bold;
}

.caption{
font: bold 0.8em/1.4em Verdana, Arial, Helvetica, san-serif;
color: #666;
text-align: left;
margin-bottom: 24px;
}

.caption2{
font: bold 0.6em/1.4em Verdana, Arial, Helvetica, san-serif;
color: #000;
text-align: left;
margin-bottom: 14px;
}

.smtext{
font: bold 0.7em/1.4em Verdana, Arial, Helvetica, san-serif;
color: #666;
text-align: left;
margin-right: 4px;
}

.tablecellboldtop {
font: bold 1em/1.2em Verdana, Arial, Helvetica, san-serif;
color: #000;
padding: 12px 0 12px 0;
border-top: solid 2px #999;
border-bottom: solid 2px #999;
}

.tablecellbold {
font: bold 1em/1.2em Verdana, Arial, Helvetica, san-serif;
color: #000;
padding: 12px 0 12px 0;
border-bottom: solid 2px #999;
}

.tablecelltop {
font: normal 1em/1.2em Verdana, Arial, Helvetica, san-serif;
color: #000;
padding: 12px 0 12px 0;
border-top: solid 2px #999;
border-bottom: solid 2px #999;
}

.tablecell {
font: normal 1em/1.2em Verdana, Arial, Helvetica, san-serif;
color: #000;
padding: 12px 0 12px 0;
border-bottom: solid 2px #999;
}

.footertext {
font: normal 0.6em Verdana, Arial, Helvetica, san-serif;
color: #FFFFFF;
letter-spacing: 0.02em;
}

.footertext a:link {color:#ffff84; text-decoration: none;}
.footertext a:visited {color:#ffff84; text-decoration: underline;}
.footertext a:active {color:#ffff84; text-decoration: underline;}
.footertext a:hover {color:#ffff84; text-decoration: underline;}

.footertextbold {
font-weight: bold;
}

.endnotetext{
font: normal 0.6em Verdana, Arial, Helvetica, san-serif;
color: #000;
}

.endnotetext a:link {color:#ffff84; text-decoration: none;}
.endnotetext a:visited {color:#ffff84; text-decoration: underline;}
.endnotetext a:active {color:#ffff84; text-decoration: underline;}
.endnotetext a:hover {color:#ffff84; text-decoration: underline;}


ul li.lnav{
font: bold 0.7em/1.2em Verdana, Arial, Helvetica, san-serif;
color: #000;
text-align: left;
list-style-image: url("../images/bullet1.gif");
margin: 0 0 12px -32px;
}

ul li.lnav a:link {color:#666; text-decoration: none;}
ul li.lnav a:visited {color:#666; text-decoration: none;}
ul li.lnav a:active {color:#666; text-decoration: none;}
ul li.lnav a:hover {color:#990000; text-decoration: underline;}

ul li.lnavdn{
font: bold 0.7em/1.2em Verdana, Arial, Helvetica, san-serif;
color: #990000;
text-align: left;
list-style-image: url("../images/bullet1.gif");
margin: 0 0 12px -32px;
}

ul li.lnavdn a:link {color:#990000; text-decoration: none;}
ul li.lnavdn a:visited {color:#990000; text-decoration: none;}
ul li.lnavdn a:active {color:#990000; text-decoration: none;}
ul li.lnavdn a:hover {color:#990000; text-decoration: none;}

.linearNav {
font: bold 1.2em Arial, Helvetica, san-serif;
color: #333;
clear: both;
text-align: right;
margin-right: 10px;
}

.linearNav a:link {color:#990000; text-decoration: underline;}
.linearNav a:visited {color:#990000; text-decoration: underline;}
.linearNav a:hover {color:#990000; text-decoration: underline;}
.linearNav a:active {color:#990000; text-decoration: underline;}

.floatleft{
float: left;
margin: 0;
}

.floatright{
float: right;
margin: 0;
}

.center{
text-align: center;
}

body{
background-color: #ccc;
}

p {
margin-top: 0px;
}

ul li{
list-style-image: url("../images/bullet1.gif");
margin-left: -24px;
}

a:link {color:#990000; text-decoration: none;}
a:visited {color:#999999; text-decoration: underline;}
a:active {color:#990000; text-decoration: underline;}
a:hover {color:#990000; text-decoration: underline;}