/*
// Hugh Logan Plant & Engineering Services
// Dark Colour // Highlight Colour */



html{
min-height: 101%;
overflow-x: hidden;
}

*{
padding: 0;
margin: 0;
border: 0;
}

body{
position: relative;
padding: 0px 0px;
border: 0;
margin: 0;
text-align: center;
font: 0.8em Arial,Verdana,Tahoma,sans-serif;
background-color: #ffffff;
color: #4b4b4b;
behavior: url(includes/csshover.htc);
overflow-x: hidden;
}

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

a:hover{
color: #a5a5a5;
}

h1{
margin: 0 0 20px 0;
padding-top: 0;
font: bold 1.2em Arial,Verdana,Tahoma,sans-serif;
color: #0055A5;
font-style: italic;
}

h2{
margin: 10px 0px 0px 0px;
padding: 0px;
font: bold 1.1em Arial,Verdana,Tahoma,sans-serif;
color: #0055A5;
font-style: italic;
}

h3{
background: #0055A5;
margin: 0px 10px;
padding: 3px;
font: bold 12px Arial,Verdana,Tahoma,sans-serif;
color: #ffffff;
}

img{
border: none;
}

#content-wrapper ul{
padding-left: 35px;
margin-bottom: 12px;
}



#container{
width: 100%;
text-align: left;
margin: 0px auto;
background-color: #A7A9AC;
overflow: hidden;
}

#content-wrapper{
width: 940px;
margin: 0 auto;
background: url(../images/dropshadow.png) repeat-y top left;
overflow: hidden;
}

#content-wrapper-outer{
width: 900px;
margin: 0 auto;
background: #ffffff url(../images/blue.jpg) repeat-y top left;
}

#content-wrapper-inner{
width: 900px;
margin: 0 auto;
position: relative;
/*background:  url(../images/background.png) no-repeat 0% 30px;
padding-top: 230px;*/
padding-top: 30px;
overflow: hidden;
}



#column-left{
float: left;
width: 340px;
overflow: hidden;
color: #ffffff;
}

#address{
background:  #ffffff url(../images/address.jpg) no-repeat bottom left;
width: 300px;
color: #545454;
margin: 0px 20px;
}

#address p{
padding: 10px;
}

#address a{
color: #545454;
}

#address a:hover{
color: #cccccc;
}

#column-right{
float: left;
width: 560px;
background:  #ffffff url(../images/content.jpg) no-repeat bottom right;
height: auto;
overflow: hidden;
}



#header{
width: 100%;
height: 120px;
background-color: #ffffff;
border-bottom: 1px solid #cccccc;
}

#header-inner{
width: 900px;
height: 120px;
margin: 0 auto;
position: relative;
text-align: left;
}

#header-maxirail{
position: absolute;
bottom: 10px;
right: 0px;
}

#header-left{
position: absolute;
top: 15px;
left: 0px;
}

#header-right{
position: absolute;
top: 10px;
right: 0px;
font: normal 1em Arial,Verdana,Tahoma,sans-serif;
}

#header-right a{
color: #363636;
}

#header-right a:hover{
color: #cccccc;
}

#header-right span{
font-weight: bold;
color: #0055A5;
}

#slider{
clear: both;
}

#slider img{
width: 900px;
height: 210px;
}



#navigation {position: absolute; top: 0px; left: -30px; text-align: left; font: bold 12px/22px arial;z-index:1000;}
#navigation {margin: 0; padding: 0; list-style-type: none; width: 900px; height: 30px; background: #0055A5;}
#navigation li {position:relative; float:left;}
#navigation li a {display:block; text-decoration:none; color: #ffffff; padding: 3px 6px 3px 6px; overflow: visible; }
#navigation a:hover, #navigation a.current {color:#A7A9AC;}
#navigation ul{list-style-type: none;visibility:hidden; position:absolute; top:28px; left:-30px; margin: 0; }
#navigation ul li {float:left;}
#navigation ul li a {float:left; position: relative;background:#0055A5; color:#ffffff; padding: 3px 10px 3px 10px; width: 180px;}
#navigation ul a:hover, #navigation ul a.current{color:#ffffff; background:#A7A9AC;}
#navigation  li:hover ul,#navigation a:hover ul{visibility:visible;}
#navigation:hover ul ul{visibility:hidden;}
#navigation :hover ul :hover ul{visibility:visible;}


#slideshow{
margin: 20px 0px 0px 20px;
width: 300px;
height: 200px;
}

#slideshow img{
width: 300px;
height: 200px;
}

#gallery{
width: 550px;
overflow: hidden;
margin: 0 auto 50px; auto;
}

#gallery a{
float: left;
margin: 1px;
display: block;
}

#gallery img{
border: 1px solid #cccccc;
}

#gallery span{
display: block;
text-align: center;
font-weight: bold;
color: #0055A5
}



#content{
margin: 13px;
text-align: justify;
font-size: 12px;
color: #545454;
}

#content p{
margin: 5px 0px 22px 0px;
line-height: 18px;
}

#content ul{
margin: 10px 10px 20px 10px;
paddinG: 0px;
list-style-type: none;
}

#content img{
border: 1px solid #ccc;
}


#content li{
background: url(../images/bullet.jpg) no-repeat center left;
padding-left: 20px;
margin-bottom: 5px;
}

#types{
width: 500px;
height: 550px;
}



#footer{
width: 100%;
height: 100px;
overflow: hidden;
border-top: 1px solid #cccccc;
background-color: #ffffff;
}

#footer-inner{
width: 900px;
height: 100px;
overflow: hidden;
color: #A7A9AC;
margin: 0 auto;
font: normal 10px "Trebuchet MS", Tahoma, Verdana;
position: relative;
}

#footer a{
color: #A7A9AC;
font-size: 10px;
}

#footer a:hover{
color: #0055A5;
}

#footer-left{
position: absolute;
top: 10px;
text-align: left;
left: 0px;
line-height: 120%;
}

#footer-right{
position: absolute;
top: 10px;
right: 0px;
text-align: right;
}



#contact-left{
float: left;
width: 250px;
margin: 10px 0px 20px 0px;
text-align: center;
}

#contact-right{
float: right;
width: 200px;
margin: 10px 0px 20px 0px;
}




form{
width:200px;
}

form#callback_form{
width:300px;
}

form input,form textarea, select {
width:98%;
height:19px;
font:normal 11px/19px arial;
padding:2px;
color:#0055A6;
background:#cccccc;
}

select{
width:100%;
}

form input.textbox-small {
width:120px;
float:left;
}



form textarea {
height:100px;
overflow:auto;
}

input.submit{
width:auto;
cursor:pointer;
float:right;
color:#ffffff;
height: 23px;
overflow: visible;
background: #0055A6;
}



form label{
cursor:pointer;
font:normal 12px/23px arial;
}
form img{
float: left;
}


#panel{
width: 1000px;
margin: 6px auto;
border: 1px solid #2ecc1e;
background-color: #b7e5b0;
color: #218416;
padding: 15px;
font-weight: bold;
}



#side-tab-container{
position: absolute;
top: 40px;
left: 0px;
width: 25px;
}

.side-tab{
display: block;
margin-bottom: 10px;
font-size: 11px;
}


.side-tab img{
border: 0;
text-decoration: none;
}

a.side-tab:hover{
color: #888888;
}




.clear{
clear: both;
height: 0px;
width: 1px;
line-height: 0px;
}


.rounded{
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
behavior: url(includes/border-radius.htc);
}



a.button, button.button {
    border: 1px solid #bbb;
    box-shadow: 0 -2px 4px 0 black inset;
    display: inline-block;
    font-weight: bold;
    margin: 0 0 13px 33px;
    padding: 7px;
    text-align: center;
    text-shadow: 0 0 3px #fff;
    width: 200px;
    color: #4b4b4b;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

a.button:hover{
    border-color: #777;
    color: #222;
}

#brochure-download{
margin-left: 60px;
z-index: 999;
margin-bottom: 0;
margin-top: 10px;
}


#address a.button:hover {
color: #ffffff;
  border: 1px solid green;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 0 10px 0 black inset;
  display: inline-block;
  margin: 0 0 13px 33px;
  padding: 7px;
  text-align: center;
  width: 200px;
}


#newsletter{

}

#newsletter img.icon{
padding-left: 20px;
}

#technical-links{
overflow: hidden;
}

#technical-links a{
display: block;
background-color: #e2e2e2;
background-image: url(../images/pdf.png);
background-repeat: no-repeat;
background-position: 3px center;
margin-bottom: 1px;
padding: 5px 10px 5px 30px;
}

#technical-links a:hover{
background-color: #efefef;
color: #111;
}