/* Structure*/
body{
background-repeat:no-repeat;
margin:0;
padding:0;
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
line-height:20px
}
body#home{background-image:url(./Images/home-bg.jpg)}
body#whoweare{background-image:url(./Images/wwa-bg.jpg)}
body#whatwedo{background-image:url(./Images/wwd-bg.jpg)}
body#products{background-image:url(./Images/products-bg.jpg)}
body#proflow{background-image:url(./Images/products-bg.jpg)}
body#pims{background-image:url(./Images/products-bg.jpg)}
body#ross{background-image:url(./Images/products-bg.jpg)}
body#getintouch{background-image:url(./Images/getintouch-bg.jpg)}
body#legal{background-image:url(./Images/getintouch-bg.jpg)}

body,ul li a, #home h2 a, div#footer a, .popup, div#footer a:hover{color:#003859}

#wrapper{
margin:175px 0 0 97px;
padding-bottom:30px;
border-top:1px solid #003859;
border-bottom:1px solid #003859;
}

#products #wrapper{padding-bottom:120px;}

#home #wrapper{padding-bottom:155px}

#wrapper div{margin-left:190px}

#wrapper, #footer{position:relative;width:900px;}

/* Footer */
div#footer{
height:21px;
margin-top:5px;
padding-left:97px;
font-size:89%;
}

div#footer a{text-decoration:underline}
div#footer a:hover{text-decoration:none}

div#footer span{
position:absolute;
left:630px;
top:0
}
/**/

/* Navigation */
ul.nav, p.intro, p.address, p.dots, #home #wrapper div div{background-image:url(./Images/dots.gif);
background-repeat:repeat-x;
}

ul.nav, p.intro, p.address, p.dots{background-position:bottom;}

#home #wrapper div div{background-position:top}

ul.nav{height:32px;
margin:20px 0 0 0;
padding:0 0 0 0
}

ul.nav li{list-style-type:none;
float:left;
background-image:url(./Images/li-bg.gif);
background-repeat:no-repeat;
background-position:left;
margin-right:50px;
padding-left:10px
}

ul.nav li a{text-decoration:none;
text-transform:lowercase;
font-weight:bold;
}

ul.nav li a, #home h2{font-size:120%}

ul.nav li a:hover, ul.prdmenu li a:hover, #home h2 a:hover{color:#F26521;text-decoration:none}
/**/

a{color:#F26521;text-decoration:none}
a:hover{text-decoration:underline}

h1{text-transform:lowercase}
h1, p.intro{font-weight:normal;
font-size:150%;
line-height:normal;
clear:left
}

#wrapper div h1{
width:156px;
height:133px;
background-image:url(./Images/h-bg.gif);
background-repeat:no-repeat;
position:absolute;
top:51px;
left:0;
padding:24px 0 0 16px;
margin:0
}

p.intro, p.address{
padding-top:23px;
margin:0;
height:109px
}

ul{margin:0;padding:0}
ul li{
list-style-type:none;
background-image:url(Images/li-bg-2.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:17px;
font-weight:bold
}


#home #wrapper div h1{
width:auto;
height:auto;
background-image:none;
position:static;
text-transform:none;
margin:0;
padding:32px 0 22px 5px;
width:95%
}

#home h2{
background-image:url(Images/home-h-bg.gif);
background-repeat:no-repeat;
padding:0 0 0 16px;
margin:0;
float:left;
}


#home #wrapper div div p{
width:555px;
float:right;
vertical-align:top;
margin:0 0px 10px 0px;
}

#home #wrapper div div{
margin:0;
padding:20px 0 20px 0;
clear:both
}


ul.prdmenu{
width:156px;
position:absolute;
top:174px;
left:0;
padding:24px 0 0 16px;
margin:0
}

ul.prdmenu li{
list-style-type:none;
background-image:url(Images/home-h-bg.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:17px;
font-weight:normal;
}

ul.prdmenu li a{
font-weight:bold;
}

ul.prdmenu li span{
font-size:85%;
}

#proflow h1, #ross h1, #pims h1{text-transform:none;}

ul.prddetails li{
list-style-type:none;
background-image:url(Images/li-bg-3.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:20px;
font-weight:normal;
}

#ross #wrapper div div{
margin:0;
padding:0px 0 0px 0;
clear:both
}

#ross h2{
background-image:url(Images/li-bg-3.gif);
background-repeat:no-repeat;
padding:0 0 0 20px;
margin:0;
float:left;
font-weight:bold;
font-size:100%;
}

#ross #wrapper div div p{
width:555px;
float:right;
vertical-align:top;
margin:0 0px 0px 0px;
}

.popup {
position: relative;
z-index: 0;
text-decoration:none;

}

.popup:hover{
background-color: transparent;
z-index: 50;
color:#F26521;
text-decoration:none;
}

.popup span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
}

.popup span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.popup:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 15px; /*position where enlarged image should offset horizontally */
left: 0px;
}


input{width:200px}
input.button{margin-top:20px;width:auto!important}

.logo{position:absolute;right:0;top:-55px}
div.clear{clear:both;background-image:none!important}