html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}del,ins{text-decoration:none}@charset "utf-8";html{
color:#333;
font-family:Tahoma, Geneva, sans-serif;
font-size:10px;
background-color:#FFF;
background-image:url(/img/back.gif);
background-repeat:no-repeat;
background-position:center top
}body{background-color:#FFF;background-image:url(/img/back.gif);background-position:center top;background-repeat:no-repeat}body strong{font-weight:bold}a{color:#004071}a:hover{color:#666}#logo{position:absolute;width:214px;height:168px;left:28px;top:12px}#logo a{text-indent:-3000px;width:214px;height:168px;display:block}.container{width:780px;position:relative;margin:auto;clear:both}#menu-cont{height:32px}#menu{
width:780px;
margin:auto
}
a:active {
outline:none;
}
#menu li{
float:left;
margin-left:15px;
margin-right:15px;
width: 100px;
display: block;
}#menu a{
color:#FFF;
font-size:15px;
display:block;
text-decoration:none;
height:32px;
line-height:32px;
font-weight:bold;
padding:0px 10px
}#menu a:hover,#menu a.current,#menu a.current:visited{color:#CCC}#left-column{float:left;width:200px}.left-top{background-image:url(/img/left-top.gif);background-repeat:no-repeat;background-position:center top;height:20px}
div.scrollable {
/* required settings */
position:relative;
overflow:hidden;
width: 192px;
height:784px;
margin-top:15px;
margin-left:auto;
margin-right:auto;
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set width and height for the root element and
not for this element.
*/
div.scrollable div.items {
/* this cannot be too large */
height:20000em;
position:absolute;
text-align:center;
}
/*
a single item. must be floated in horizontal scrolling.
typically, this element is the one that *you* will style
the most.
*/
div.scrollable div.items div {
border:1px solid #CCC;
margin-bottom:4px;
margin-left:auto;
margin-right:auto;
}
/* you may want to setup some decorations to active the item */
div.items div.active {
}
.left-images{
margin-top:15px;
text-align:center;
}
.left-images img {
border:1px solid #CCC;
padding:1px;
margin:auto;
}
.left-center{background-color:#d9e3ea}
.left-center ul{padding:0px 20px}
.left-center li{padding-bottom:4px}
.left-center a{
font-size:12px;
display:block;
padding:4px;
background-color:#036;
color:#FFF;
text-decoration:none;
font-weight:bold;
line-height:17px
}
.left-center a:hover,.left-center a.current-sub{background-color:#c8322e;}
.left-bottom{background-image:url(/img/left-bottom.gif);background-repeat:no-repeat;background-position:center bottom;height:20px}div.moto{font-size:18px;color:#004071;padding:0px 20px;text-align:center}#right-column{float:left;width:560px;margin-left:20px}#right-column h1{font-size:22px;margin-bottom:15px;color:#58585a}#right-column h2{font-size:16px;margin-bottom:10px;margin-top:15px;color:#58585a}#right-column ul{margin-left:30px;margin-bottom:1em}#right-column ul li{list-style-position:outside;list-style-type:square;margin-bottom:5px;margin-left:10px}#right-column ol{margin-left:30px;margin-bottom:1em}#right-column ol li{list-style-position:outside;margin-bottom:5px;margin-left:10px;list-style-type:decimal}#right-column .text{
font-size:14px;
line-height:1.4em;
padding-bottom:20px
}#right-column .text p{margin-bottom:0.8em}#right-column .text em{font-style:italic}
.client{padding:6px 6px;margin-bottom:8px;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:3px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#DEE8EB;border-right-color:#DEE8EB;border-bottom-color:#DEE8EB;border-left-color:#DEE8EB}
.client h3{font-weight:bold;font-size:16px;line-height:20px}
.client-logo{ width:95px; border-right:1px solid #CCC; margin-right:10px; height:95px; float:left; }
.client-logo img { width:90px; height:90px; }
#footer{width:780px;margin:auto;border-top:5px solid #004071;padding:10px 0px;color:#999;text-align:right;font-size:1.2em}
.quote-1{width:700px;height:175px;background-image:url(/img/quote1.gif);background-repeat:no-repeat;background-position:center top;margin-bottom:15px; margin-top:15px;}
.quote-2{width:700px;height:175px;background-image:url(/img/quote2.gif);background-repeat:no-repeat;background-position:center top;margin-bottom:15px; margin-top:15px;}
.quote-3{width:700px;height:220px;background-image:url(/img/quote3.gif);background-repeat:no-repeat;background-position:center top;margin-bottom:15px;}
.quote-3 p,
.quote-1 p,
.quote-2 p {color:#FFF;padding-left:90px;padding-right:10px;padding-top:10px}#home-1{background-image:url(/img/10-years.png);background-repeat:no-repeat;background-position:left 40px;height:200px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#236fa9}#home-1 div{padding-left:333px;padding-top:15px;font-size:14px;line-height:18px}
#home-2 {
}
#home-2 h2{
font-size:15px;
padding:9px;
text-align:center;
font-weight:bold;
}
#home-2 div{
}
#home-2 p {font-size:13px;text-align:center;margin-right:10px}
#home-2 a.more {
display:block;
width:350px;
line-height:25px;
font-size:14px;
margin:4px;
padding:6px;
text-align:center;
margin:auto;
}