body
{
    
    /* 1907


    font-family: arial, sans-serif;
    font-size: 12px;
    height: 100%;
    */
margin: 0;
    padding: 0;    
    color:#555555;
font-family:verdana,arial,sans-serif;
font-size:0.7em;

font-style:normal;
font-variant:normal;
font-weight:400;
line-height:170%;
    
}
#content
{
    width: 980px;
    margin: 5px auto;
}
#content p #content input, #content select, #content textarea
{
    border: 1px solid #000000;
    float: left;
    width: auto;
    font-size: 12px;
}
#content input.formButton
{
    background: url(../images/new_buttonBg.jpg) repeat-x;
    height: 20px;
    color: #FFFFFF;
    font-weight: bold;
}
#header .topLinking
{
    height: 60px;
    background: url(../images/new_headerBg.jpg) repeat-x;
    overflow: hidden;
    display: block;
    position: relative;
}
#header .topLinking img
{
    position: absolute;
    left: 20px;
    bottom: 0;
}
#header .flyoutList
{
    list-style: none;
    list-style-type: none;
    position: absolute;
    bottom: 5px;
    right: 10px;
    margin: 0;
    padding: 0;
}
#header .flyoutList li
{
    display: inline;
    margin-right: 10px;
}
#header .flyoutList li a:link, #header .flyoutList li a:visited
{
    color: #FFFFFF;
    text-decoration: underline;
}
#header .FlyoutPopup
{
    background: url(../images/new_flyoutboxBg.gif) center center;
    border: solid 1px #CCCCCC;
    padding: 10px;
}
#header .FlyoutPopup fieldset
{
    border: 0;
    margin: 0;
    display: block;
}
#header .FlyoutPopup label
{
    float: left;
    width: 100px;
    font-size: 11px;
}

#header .eyeCatcher
{
    height: inherit;
    border: 1px solid #999999;
    border-left-width: 0;
    border-right-width: 0;
    display: block;
    overflow: hidden;
    background: #333333;
    zoom: 1;
}
#header .eyeCatcher .box
{
    border: 2px solid #4E4E4E;
    display: block;
    border-left-width: 0;
    border-right-width: 0;
    overflow: hidden;
    zoom: 1;
}
#header .eyeCatcher .box img
{
    float: right;
    zoom: 1;
}

#menu
{
    height: 114px;
    background: url(../images/new_menuBg.jpg) top repeat-x #FFFFFF;
}
#menu ul
{
    list-style: none;
    list-style-type: none;
    margin: 0 0 0 -1px;
    padding: 0;
    width: 980px;
    overflow: hidden;
}
#menu ul li
{
    display: inline;
    text-align: center;
    margin: 0 0 0 2px;
    float: left;
    line-height:115%; /*1907*/
}
#menu ul li.info
{
    background: url(../images/new_menuInfoOff.jpg) no-repeat top center;
}
#menu ul li.devel
{
    background: url(../images/new_menuDevelOff.jpg) no-repeat top center;
}
#menu ul li.design
{
    background: url(../images/new_menuDesignOff.jpg) no-repeat top center;
}
#menu ul li.hosting
{
    background: url(../images/new_menuHostingOff.jpg) no-repeat top center;
}
#menu ul li.contact
{
    background: url(../images/new_menuContactOff.jpg) no-repeat top center;
}
#menu ul li a
{
    font-family: tahoma;
    font-size: 19px;
    color: #CCCCCC;
    text-decoration: none;
    display: block;
    width: 194px;
    height: 75px;
    padding-top: 19px;
}
#menu ul li a span
{
    color: #CCCCCC;
    font-size: 11px;
    font-weight: normal;
    display: block;
    margin-top: 9px; /*1907 er stond 5px */
}
#menu ul li a:hover
{
    height: 84px;
    padding-top: 30px;
    color: #FFFFFF;
}
#menu ul li.info a:hover
{
    background: url(../images/new_menuInfoOn.jpg) no-repeat top center;
}
#menu ul li.devel a:hover
{
    background: url(../images/new_menuDevelOn.jpg) no-repeat top center;
}
#menu ul li.design a:hover
{
    background: url(../images/new_menuDesignOn.jpg) no-repeat top center;
}
#menu ul li.hosting a:hover
{
    background: url(../images/new_menuHostingOn.jpg) no-repeat top center;
}
#menu ul li.contact a:hover
{
    background: url(../images/new_menuContactOn.jpg) no-repeat top center;
}
#menu ul li a:hover span
{
    color: #FFFFFF;
}

#page
{
    display: block; /* border:1px solid #FFFFFF; */
    padding: 10px;
}
#page h1
{
    font-size: 15px;
    font-weight: bold;
    color: #2B4355;
    margin: 0 0 15px 0;
}
#page h2
{
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px 0;
}
#page p
{
    margin: 0 0 20px 0;
}
#page ul
{
    /* float:left; */
   /*  margin: 10px;1907 */
    display: block;    
}
#footer
{
    height: 20px;
    background: url(../images/new_footerBg.jpg) repeat-x;
    margin-top: 3px;
    clear: both;
    float: left;
    width: 100%;
}


#footer ul
{
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right;
}
#footer ul li
{
    display: inline;
    margin: 0 10px 0 0;
}
#footer ul li a
{
    font-size: 0.833333em;
    color: #CCCCCC;
}
#footer ul li a:link, #footer ul li a:visited
{
    text-decoration: none;
}
#footer ul li a:hover, #footer ul li a:focus
{
    text-decoration: underline;
}



.lightBlueBg
{
    background-color: #EAF2F5;
}
.dark
{
    color: #353E47;
}

.floatRight
{
    float: right;
}
.width25
{
    width: 24%;
}

.floatLeft
{
    float: left;
}
.width73
{
    width: 73%;
}

#content
{
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}

/**************************************************************
   Submenu Styles
 **************************************************************/
ul.submenu1, ul.submenu2
{
    margin: 0 0 20px 0;
    padding: 0;
}
ul.submenu3
{
    margin: 0 0 0 0;
    padding: 0;
}
ul.submenu1 li, ul.submenu2 li, ul.submenu3 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, ul.submenu3 li a
{
    display: block;
    height: auto !important; /* Start hide from IE Mac \*/
    height: 1%; /* End hide from IE Mac */
}
ul.submenu1 li a, ul.submenu2 li a
{
    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%;
}
ul.submenu3 li a
{
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: 800;
  /*  color: #353E47;*/
    background: url(../images/bg/submenu2.gif) no-repeat 3px 50%;
}
ul.submenu3 a:hover
{
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: 800;
    color: #fff;
    background: #B3C6C4 url(../images/bg/submenu2.gif) no-repeat 3px 50%;
    cursor: pointer;
}
.whitespacemenu
{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
/**/

/* Headers */
h1, h2, h3, h4, h5, h6
{
    margin: 0 0 10px 0;
    padding: 0;
}


h1
{
    padding-bottom: 0.2em;
    font: 400 1.6em arial, sans-serif;
    color: #536C71;
    border-bottom: 12px solid #ddd;
}

h2
{
    font-size: 1.2em;
    color: #586B7A;
}

h3
{
    text-transform: uppercase;
    font-size: 0.9em;
    color: #5D6F73;
}

h4
{
    font-size: 0.85em;
}

h5
{
    font-size: 0.8em;
}

/**/

/*
ul li {
list-style-image:url(../images/bg/submenu1.gif);
} */

ol li
{
    font-weight: bold;
    color: #668FA3;
}

ol li span
{
    font-weight: normal;
    color: #444;
}

/* Links */
a
{
    text-decoration: none;
    color: #3B5D77;
}

a:hover
{
    color: #668FA3;
}

a img
{
    border: 0;
}

a img.border
{
    border: 1px solid #FC3307;
}

a:hover img.border
{
    /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
    border: 1px solid #668FA3 !important;
    border: 1px solid #FC3307;
}

/* 
Needed to horizontally pad in a coloured container 
*/
.horzPad h1, .horzPad h2, .horzPad h3, .horzPad h4, .horzPad h5, .horzPad p
{
    padding-left: 15px;
    padding-right: 15px;
}