html{
padding: 0px;
margin: 0px;
}

body{
padding: 10px;
margin: 0px;
}

h1{
margin: 0px;
padding: 0px;
}

p {
margin: 0px 0px 15px 0px;
}

table{
border-collapse: collapse;
padding: 0px;
margin: 0px 0px 15px 0px;
}

td{
padding: 3px 10px 3px 0px;
}

a{
color:#e41820;
}

.hidden{
display: none;
}

.columnImage{
width: 200px;
}

.clearBoth{
clear: both;
height: 1px;
overflow:hidden;
}

.floatLeft{
float:left;
}

.floatRight{
float:right;
}

a.standardLink{
color:#e41820;
}

h2{
color:#e41820;
margin: 0px 0px 10px 0px;
padding:0px;
font-size: 17px;
}

h4{
font-size: 11px;
color: #444444;
margin: 0px 0px 5px 0px;
}

li{
padding: 0px;
margin: 0px 0px 2px 15px;
}

ul{
margin: 0px 0px 15px 0px;
padding: 0px;
color: #6d6e71;
}

div#page{
width: 926px;
margin: 0px auto;
font-family: arial, sans-serif;
background-color: #ffffff;
color: #6d6e71;
font-size: 11px;
}

div#banner{
height: 103px;
overflow:hidden;
background-image: url(/notion/site/images/longpanel/banner_slogan.gif);
background-repeat: no-repeat;
background-position: 458px 44px;
}
 

div#leftColumn{
width: 206px;
overflow:hidden;
float:left;
}
 


div#mainContent{
width:514px;
margin: 0px;
float: left;
overflow:hidden;
}

div#mainContentInner{
padding: 0px 18px;
}

div#mainContentFullWidth{
width:720px;
float: left;
overflow:hidden;
}

div#mainContentFullWidthInner{
padding: 0px 0px 0px 18px;
}

div#rightColumn{
width: 206px;
overflow:hidden;
float: left;

}

/*** Main navbar ***/

div#mainNav{
height: 21px;
margin: 0px 0px 25px 0px;
}

div#mainNav ul{
padding:0px;
margin:0px;
}

div#mainNav ul li{
display: block;
float:left;
padding:0px;
margin:0px;
}

div#mainNav ul li a span{
display:none;
}

div#mainNav ul li a{
text-decoration:none;
color: #6d6e71;
display:block;
height: 21px;
background-image: url(/notion/site/images/longpanel/navmatrix.jpg);
}

li#navHome a{width: 102px; background-position: 0px 0px;}
li#navCompany a{width: 116px; background-position: -102px 0px;}
li#navProducts a{width: 110px;background-position: -219px 0px;}
li#navProjects a{width: 110px;background-position: -329px 0px;}
li#navGeneral a{width: 186px;background-position: -439px 0px;}
li#navTechnical a{width: 194px;background-position: -625px 0px;}
li#navContact a{width: 108px;background-position: -818px 0px;}
 
li#navHome a:hover, li#navHome a.active{background-position: 0px 21px;}
li#navCompany a:hover, li#navCompany a.active{background-position: -102px 21px;}
li#navProducts a:hover, li#navProducts a.active{background-position: -219px 21px;}
li#navProjects a:hover, li#navProjects a.active{background-position: -329px 21px;}
li#navGeneral a:hover, li#navGeneral a.active{background-position: -439px 21px;}
li#navTechnical a:hover, li#navTechnical a.active{background-position: -625px 21px;}
li#navContact a:hover,li#navContact a.active {background-position: -818px 21px;}

/*** Sub navigation ***/
 
div#subNav{
width: 206px;
height: 198px;
overflow: auto;
margin: 0px 0px 15px 0px;
}

div#subNav ul{
margin: 0px;
padding: 0px;
list-style-type: none;
margin: 0px 0px 45px 10px;
}

div#subNav ul li{
padding: 0px;
margin: 0px 0px 10px 0px ;
}

div#subNav ul li a{
color:#b2b7bb;
text-decoration: none;
}

div#subNav ul li a:hover{
color:#e41820;
}

div#subNav ul li a.active{
color:#e41820;
}

/**** Styles ****/

div.contentImage{
margin: 0px 0px 10px 0px;
width: 478px;
overflow: hidden;
}

div.contentImage img{
width: 478px;
}

div.leftImage{
width: 206px;
height: 198px;
margin: 0px 0px 15px 0px;
overflow:hidden;
}

div.leftImage img{
width: 206px;
}

div.readMore{
text-align: right;
border-bottom: 2px solid #b2b7bb;
padding: 0px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}

div.rule{

border-bottom: 4px solid #b2b7bb;
margin: 0px 0px 15px 0px;
}

div.readMore a{
text-decoration: none;
color:#e41820;
}

div.rightColumnImage{
width: 206px;
margin: 0px 0px 15px 0px;
overflow:hidden;
height: 200px;
}

div.rightColumnImage img{
width: 206px;
}

div.backtotop{
border-bottom: 2px solid #b2b7bb;
text-align: right;
padding-right: 155px;
padding-bottom: 3px;
}

div.backtotop a{
text-decoration: none;
color:#e41820;
}

/*** Grey boxes on RHS containing content ***/

div.rightColumnElement{
width: 206px;
height: 198px;
overflow: hidden;
margin: 0px 0px 15px 0px;
}

div.greyBox{
background-color: #eef0f1;
margin: 0px 0px 15px 0px;
}

div.greyBoxInner{
padding: 12px;
}

/*** grey boxed element on general content page ***/

div.boxedElement img{
margin: 10px 0px;
}

/**** Footer ****/
div#footer{
font-size: 10px;
margin-top: 1px;
}
div#byHype{
width: 206px;
overflow:hidden;
float:left;
}

div#byHype a{
text-decoration: none;
color: #6d6e71;
}

div#footerText{
margin: 0px;
float: left;
overflow:hidden;
padding: 0px 18px;
margin: 0px 0px 18px 0px;
}