@import url("reset.css");
@import url("typography.css");
html { background: #ececec; padding: 50px 0; }
body { width: 940px; padding-left: 10px; padding-right: 16px; background: url(../images/content-shadow.gif); min-height: 101%; margin: 0 auto; padding-top: 1.5em; padding-bottom: 3em; display:block; position: relative; }
#access { position: absolute; left: -99999px; }
#logo { display:block; margin:0; text-indent: -9999px; width: 152px; height: 76px; background: url(../images/logo.gif) no-repeat; position: relative; margin-bottom: 0.5em; }
#logo a { display:block; width:152px; height:76px; position:absolute; overflow: hidden; }

#header { position: relative; border-top: 1px solid #fff; } /* border to avoid collapsing margins. */
#menu { list-style:none; font-weight: bold; position: absolute; margin: 0; }
#menu li { float:left; display:inline; height: 35px; position: relative; top: 4px; }
#menu li a { float: left; display:inline; color: #fff; text-decoration: none; line-height: 35px; padding: 0 2em; background: url(../images/navigation.jpg) top left no-repeat #71010f; height: 35px; display:block; border-bottom: 1px solid #6e000a; border-right: 1px solid #5e0009;}
#menu li a:hover { background: url(../images/navigation.jpg) bottom left no-repeat #830010; border-right: 1px solid #78000c;}
#menu .active {background: #bf1026; height: 40px; border-top:1px solid #f61d46; border-right:1px solid #890510; top: 0; }
#menu .active a { background: #bf1026; height: 40px; line-height: 40px; padding: 0 2em; border-bottom: 0; border-right: 0;}
#menu .active a:hover { background: #bf1026; border: 0; }

#top-content.submenu { padding: 1em; height: 0; overflow: hidden; color: #fd889e; }
.submenu a { color: #fdbac4; font-size: 0.9167em; }
.submenu a:hover { color: #fff; }
.submenu a.active { text-decoration: none; color: #fff; background: url(../images/submenu-active.gif) center left no-repeat; padding-left: 5px;}
.side-menu .column-content { width: 188px; }
.side-menu { float: left; width: 220px; margin-right: 20px; background: url(../images/box-top.gif) top right no-repeat #eee; margin-bottom: 1.5em; }
.side-menu a { font-weight: bold; text-decoration: none; }
.side-menu li { border-bottom: 1px solid #cacaca; padding-bottom: 0.5em; margin-bottom: 0.5em; list-style: none; }
.side-menu .active { color: #000; background: url(../images/sidemenu-active.gif) center left no-repeat; padding-left: 7px; }

#main-content { float: left; width: 700px;}
#main-content p,
#main-content li { font-size: 0.9167em; margin-bottom: 1.6364em; }
#main-content h2 { border-bottom: 1px solid #cacaca; margin-bottom: 0.5em; padding-bottom: 0.25em; }
#main-content img { border: 3px solid #cacaca; }

#top-search { position: absolute; right: 0px; top: 7px;}
* html #top-search { right: 15px; }
#top-search div { float: left; }
#top-search label { display: none; }
#top-submit { background: url(../images/search-button.jpg) top left no-repeat; margin-left: 0.5em;}
#top-submit:hover,
#top-submit.hover { background: url(../images/search-button.jpg) bottom left no-repeat; }

#top-content { width: 920px; margin-top: 40px; padding: 1.5em 10px 3.5em 10px; background: url(../images/showcase_bg.jpg) bottom left no-repeat #c01027; color: #fff; border-top: 1px solid #f51d46; margin-bottom: 2em; }
#showcase { overflow: scroll; position: relative; height: 240px; } 
#showcase ul { list-style: none; margin: 0; position: absolute; width: 4800px; } /* width = 920*5 = 4800 */
#showcase ul li { display: block; float: left; width: 920px; /*margin-right: 20px; */}
#showcase h2 { font-size: 2em; color: #fff; margin-top: 0;}
#showcase h2 span { color: #fc445b; }
.showcase-text { width: 450px; float: left; margin-right: 20px; }
.showcase-text p { font-size: 0.9167em; margin-bottom: 1.6364em; display:block;}
.showcase-image { width: 440px; overflow: hidden; border: 5px solid #830011; position:relative; top: 5px; float: left; }
.showcase-image img { margin: 0; display:block; }



#showcase-slider { position:relative; width: 460px; top: 1em;}
#showcase-slider a { text-decoration:none; color:#fff; font-size: 0.8334em; }
#s-prev { position: absolute; top: 0;}
#s-next { position: absolute; top: 0; right: 0; }
#s-prev a { background: url(../images/showcase-prev.jpg) left center no-repeat; padding-left: 8px; }
#s-next a { background: url(../images/showcase-next.jpg) right center no-repeat; padding-right: 8px; }
#s-slider { background: url(../images/showcase-slider.jpg) repeat-x; width: 28.5em; height: 6px; position: absolute; top: 0.8em; left: 6em;}
#s-handle { background: url(../images/showcase-handle.jpg) no-repeat #fff; cursor: pointer; height: 6px; width: 6px; overflow: hidden; position: absolute; top: -3px; }


.two-columns { overflow: hidden; margin-bottom: 1.5em; position: relative;}
.two-columns p { font-size: 0.9167em; margin-bottom: 1.6364em; }
.two-columns h2 { font-size: 1.5em; border-bottom: 1px solid #cacaca; padding-bottom: 0.5em; margin-bottom: 0.5em; }
.two-columns .column-one,
.two-columns .column-two { width: 460px; float: left; background: url(../images/box-top.gif) #eeeeee top right no-repeat; overflow: hidden; }
.two-columns .column-one { margin-right: 20px; }
.two-columns .column-content { width: 438px; }
.column-content { background: url(../images/box-bottom.gif) bottom left no-repeat; padding: 1em; float: left; }

#process-steps { list-style: none; overflow: hidden; }
#process-steps li { margin-bottom: 1.5em; clear: left; }
#process-steps .digit { color: #ec1c2e; font-size: 1.5em; font-weight: bold; display:block; float: left; padding-right: 1em; }
#process-steps p { float: left; width: 33em; border-bottom: 1px solid #e9e9e9; margin-bottom: 0.75em; padding-bottom: 0.75em; }

#footer { width: 920px; overflow:hidden; border-top: 1px solid #cccccc; padding-top: 1em; margin-top: 1em; padding-right: 10px; padding-left: 10px; position: relative; clear: left; }
#footer h3 { font-size: 1.167em; margin-bottom: 0.5em; }
#footer address,
#footer p { font-size: 0.8334em; font-style: normal;}

#footer address { float: left; margin-right: 6em; }
#footer-nav { float:left; margin-top: -2em;}
#footer-legal { position: absolute; top: 1.5em; right: 10px; font-size: 0.8334em; padding-top: 30px;}
#footer-legal img { position: absolute; right: 0; top: 0;}

#footer ul { list-style: none; margin-left: 0; margin: 0; padding: 0;}
#footer li { float: left; margin-right: 1.5em;}
#footer li li { float: none; }
#footer li a { font-size: 1.167em; color: #ec1c2e;}
#footer li li a { font-size: 0.9167em; text-decoration:none; color: #b31623; }
#footer li a:hover,
#footer li li a:hover { color: #000; text-decoration:none;}
#top-shadow { width: 966px; height: 8px; background: url(../images/content-shadow-top.gif) no-repeat; position: absolute; top: 0px; left: 0; overflow: hidden; }
es/content-shadow-top.gif) no-repeat; position: absolute; top: 0px; left: 0; overflow: hidden; }
#bottom-shadow { width: 966px; height: 8px; background: url(../images/content-shadow-bottom.gif); position: absolute; bottom: -8px; left: 0; overflow: hidden; }