html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: inherit;
font-family: inherit;
vertical-align: baseline;
/*list-style: none;*/
}
/* remember to define focus styles! */
:focus {
outline: 0px;
}
html, body {
margin: 0px;
padding: 0px;
height: 100%;
}
.container {
position: relative;
margin: 0px auto;
height: 100%;
}
body {
background: #101010 url('/public/images/front_bg1.jpg') repeat-x top center;
font-family: Trebuchet MS;
}
.container a {
color: #5a96e8;
text-decoration: none;
}
.container a:hover {
color: #5a96e8;
text-decoration: underline;
}
/*-------------------------------- BEGIN LAYOUT ----------------------------------------- */
#background { position: absolute; top: 0; left: 50%; width: 50%; height: 100%; background: url('/public/images/front_bg2.jpg') repeat-x top center; }
#bodybackground { position: absolute; width: 100%; height: 100%; background: url('/public/images/front_bg3.png') no-repeat top center; }
/*##############################################################################
##############################################################################
## Header ##
############################################################################*/
#header { width: 1004px; height: 210px; margin: 0 0 100px 0; padding: 0; }
#header .left { width: 283px; height: 210px; margin: 0; padding: 0; }
#header .left h1 { width: 241px; height: 210px; margin: 0 0 0 42px; padding: 0; }
#header .left h1 a { background: url('/public/images/front_logo1.jpg') no-repeat top left; width: 241px; height: 210px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#header .right { width: 720px; margin: 0; padding: 0; }
#header .right #tools { width: 660px; height: 110px; margin: 0; padding: 0; }
#header .right #tools .left { width: 525px; height: 110px; margin: 0; padding: 0; background: url('/public/images/front_bg4.jpg') no-repeat top left; }
#header .right #tools .left h3 { width: 490px; height: 41px; margin: 38px 0 0 30px; padding: 0; background: url('/public/images/front_slogan.png') no-repeat top left; display: block; text-indent: -99999px; }
#header .right #tools .right { width: 135px; height: 110px; margin: 0; padding: 22px 0 0 0; background: url('/public/images/front_tools.jpg') no-repeat top right; text-align: right; }
#header .right #tools .right ul { list-style: none; margin: 0; padding: 0; }
#header .right #tools .right ul li { margin: 0 0 8px 0; padding: 0; color: #002c72; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; }
#header .right #tools .right ul li a { margin: 0; padding: 0 0 1px 0; color: #002c72; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; text-decoration: none; border-bottom: 1px solid #63b7ff; }
#header .right #tools .right ul li a:hover { margin: 0; padding: 0 0 1px 0; color: #ffffff; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; text-decoration: none; border-bottom: 1px solid #63b7ff; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Body Columns ##
############################################################################*/
#bodyContent { width: 874px; margin: 0; padding: 0 60px 0 70px; }
#bodyContent #welcome { margin: 0 0 10px 0; padding: 0; text-transform: uppercase; color: #ffffff; font-size: 30px; font-weight: normal; font-family: Trebuchet MS; line-height: 30px; }
#bodyContent .columns .showVisible { display: block; }
#bodyContent .columns .showHidden { display: none; }
/* Left */
#bodyContent .columns { width: 874px; margin: 0; padding: 0; }
#bodyContent .columns .first { width: 451px; margin: 0; padding: 0; }
#bodyContent .columns .first #featuredServices { width: 451px; margin: 0; padding: 0; }
#bodyContent .columns .first #featuredServices img { border: 10px solid #313131; margin: 0; padding: 0; }
#bodyContent .columns .first #featuredServices img:hover { border: 10px solid #202020; margin: 0; padding: 0; }
#bodyContent .columns .first #featuredServices h2 { margin: 5px 0 12px 0; padding: 0; text-transform: uppercase; color: #ffffff; font-size: 18px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; }
#bodyContent .columns .first #featuredServices p { margin: 0 0 15px 0; padding: 0; color: #919191; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 22px; }
#bodyContent .columns .first #featuredServices a { color: #419df4; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; line-height: 12px; text-decoration: none; }
#bodyContent .columns .first #featuredServices a:hover { text-decoration: underline; }
#bodyContent .columns .first #featuredServices h4 a { color: #419df4; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; line-height: 14px; text-decoration: none; }
#bodyContent .columns .first #featuredServices h4 a:hover { text-decoration: underline; }
#bodyContent .columns .first #featuredServices .left { width: 210px; min-height: 356px; margin: 0; padding: 0 10px 0 0; border-right: 1px solid #1c1c1c; }
#bodyContent .columns .first #featuredServices .right { width: 210px; min-height: 356px; margin: 0 10px 0 10px; padding: 0; }
#bodyContent .columns .first #breadcrumbs { width: 431px; margin: 0; padding: 10px 20px 0 0; color: #919191; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; }
#bodyContent .columns .first #breadcrumbs a { color: #419df4; font-size: 13px; font-weight: bold; font-family: Trebuchet MS; line-height: 14px; text-decoration: none; }
#bodyContent .columns .first #breadcrumbs a:hover { text-decoration: underline; }
#bodyContent .columns .first #breadcrumbs a.home { color: #ffffff; }
/* Right */
#bodyContent .columns .second { width: 417px; margin: 0; padding: 0; }
#bodyContent .columns .second #otherServices { width: 417px; margin: 0 0 10px 0; padding: 0; }
#bodyContent .columns .second #otherServices h2 { margin: -4px 0 0 0; padding: 0; color: #ffffff; font-size: 18px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; }
#bodyContent .columns .second #otherServices ul { list-style: none; margin: 0; padding: 0; }
#bodyContent .columns .second #otherServices li { margin: 0; padding: 0; }
#bodyContent .columns .second #otherServices a { color: #919191; font-size: 18px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; text-decoration: none; }
#bodyContent .columns .second #otherServices a:hover { color: #ffffff; text-decoration: underline; }
#bodyContent .columns .second #otherServices .left { width: 240px; min-height: 170px; margin: 0; padding: 0 0 0 10px; border-left: 1px solid #1c1c1c; }
#bodyContent .columns .second #otherServices .right { width: 155px; min-height: 170px; margin: 0; padding: 0 0 0 10px; border-left: 1px solid #1c1c1c; color: #919191; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 20px; }
#bodyContent .columns .second #otherServices .right p { margin: 0 0 10px 0; padding: 0; }
#bodyContent .columns .second #otherServices .right b { color: #ffffff; font-weight: bold; }
#bodyContent .columns .second #otherServices .right a { color: #dfc512; font-size: 12px; text-decoration: none; }
#bodyContent .columns .second #otherServices .right a:hover { color: #dfc512; text-decoration: underline; }
#bodyContent .columns .second #siteSearch { width: 417px; height: 36px; margin: 0 0 10px 0; padding: 0; background: #202020; }
#bodyContent .columns .second #siteSearch form { margin: 0; padding: 0; }
#bodyContent .columns .second #siteSearch .left { width: 156px; height: 36px; margin: 0; padding: 0; background: url('/public/images/search_label.jpg') no-repeat top left; }
#bodyContent .columns .second #siteSearch .middle { width: 170px; height: 31px; margin: 0; padding: 5px 0 0 0; }
#bodyContent .columns .second #siteSearch .middle input { width: 166px; height: 21px; margin: 0; padding: 3px 0 0 4px; border: 0; background: #101010; color: #ffffff; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; line-height: 12px; }
#bodyContent .columns .second #siteSearch .right { width: 91px; height: 36px; margin: 0; padding: 0; }
#bodyContent .columns .second #siteSearch .right input { width: 75px; height: 22px; margin: 7px 0 0 5px; padding: 0; border: 0; background: url('/public/images/search_submit.jpg') no-repeat top left; cursor: pointer; display: block; text-indent: -99999px; }
#bodyContent .columns .second #news { width: 417px; min-height: 100px; margin: 0 0 10px 0; padding: 0; border-top: 5px solid #05396c; }
#bodyContent .columns .second #news .list { width: 417px; min-height: 105px; margin: 0; padding: 30px 0 0 0; background: #419df4 url('/public/images/front_news.jpg') no-repeat top left; border-top: 5px solid #1567b7; border-bottom: 5px solid #1c6fc0; }
#bodyContent .columns .second #news .list a { color: #ffffff; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; text-decoration: none; }
#bodyContent .columns .second #news .list a:hover { text-decoration: underline; }
#bodyContent .columns .second #news .list ul { list-style-type: none; list-style-position: outside; }
#bodyContent .columns .second #news .list li { width: 374px; margin: 0; padding: 2px 20px 4px 23px; background: url('/public/images/front_news_bullet.png') no-repeat top left; }
#bodyContent .columns .second #news .list .odd { background: #1c6fc0 url('/public/images/front_news_bullet.png') no-repeat top left; }
#bodyContent .columns .second #news .more { width: 407px; height: 22px; margin: 0; padding: 0 10px 0 0; background: #11263a; text-align: right; }
#bodyContent .columns .second #news .more h2 { margin: 0; padding: 0; }
#bodyContent .columns .second #news .more h2 a { color: #ffffff; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; line-height: 12px; text-decoration: none; }
#bodyContent .columns .second #news .more h2 a:hover { text-decoration: underline; }
/*##############################################################################
##############################################################################*/
/*###########################################
## Projects ##
###########################################*/
#bodyContent #projects { width: 450px; height: 35px; margin: 16px 0 0 0; padding: 0; }
#bodyContent #projects #projectsHeader { width: 450px; margin: 0 0 0 -2px; padding: 0; color: #e9ce21; font-size: 30px; font-weight: normal; font-family: Trebuchet MS; line-height: 30px; }
#bodyContent #projectList { width: 868px; margin: 0 0 10px 0; padding: 0; border-top: 10px solid #e9ce21; background: #202020; }
#bodyContent #projectList .left { width: 497px; min-height: 140px; margin: 0; padding: 0 0 8px 15px; }
#bodyContent #projectList .left h4 { margin: 5px 0 0 0; padding: 0; color: #ffffff; font-size: 20px; font-weight: normal; font-family: Trebuchet MS; line-height: 20px;}
#bodyContent #projectList .left p { margin: 0; padding: 0; color: #919191; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 16px; }
#bodyContent #projectList .left .name { width: 210px; margin: 0; padding: 0; }
#bodyContent #projectList .left .location { width: 152px; margin: 0; padding: 0; }
#bodyContent #projectList .left .completion { width: 130px; margin: 0; padding: 0; }
#bodyContent #projectList .left .about { width: 400px; margin: 10px 0 0 0; padding: 0; }
#bodyContent #projectList .left .about a { color: #ffffff; font-weight: bold; text-decoration: none; }
#bodyContent #projectList .left .about a:hover { text-decoration: underline; }
#bodyContent #projectList .right { width: 356px; min-height: 140px; margin: 0; padding: 0 0 8px 0; }
#bodyContent #projectList .odd{ background: #101010; }
#bodyContent #allProjects { margin: 0; padding: 0; color: #e9ce21; font-size: 24px; font-weight: normal; font-family: Trebuchet MS; line-height: 24px; }
#bodyContent #allProjects a { color: #e9ce21; font-size: 24px; font-weight: normal; font-family: Trebuchet MS; line-height: 24px; text-decoration: none; }
#bodyContent #allProjects a:hover { color: #ffffff; text-decoration: none; }
#bodyContent #interiorProjectList { width: 848px; margin: 0 0 10px 0; padding: 0; border: 10px solid #202020; }
/*#bodyContent #interiorProjectList div { width: 390px; min-height: 130px; margin: 0; padding: 20px 0 0 34px; float: left;}*/
#bodyContent #interiorProjectList p { margin: 0; padding: 0; color: #919191; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 16px; }
#bodyContent #interiorProjectList a { color: #ffffff; font-size: 14px; font-weight: bold; text-decoration: none; }
#bodyContent #interiorProjectList a:hover { text-decoration: underline; }
#bodyContent #interiorProjectList ul { list-style: none; margin: 0; padding: 0; }
#bodyContent #interiorProjectList ul li { margin: 0 0 15px 0; padding: 0; }
#bodyContent #interiorProjectList ul li .project { width: 675px; margin: 0; padding: 0; }
#bodyContent #interiorProjectList ul li .project .photo { width: 150px; min-height: 90px; margin: 0 15px 0 0; padding: 0; }
#bodyContent #interiorProjectList ul li .project .link { width: 500px; margin: 0; padding: 0; }
#pageBody .projectDetailPhoto { display: block; float: right; margin: 0 0 20px 40px; padding: 0; }
#pageBody #projectDetailList { width: 400px; margin: 0 0 20px 0; }
/*###########################################
## Inside Page Body ##
###########################################*/
#bodyContent #pageBody { width: 868px; margin: 0; padding: 20px 0 20px 0; color: #bbbbbb; font-size: 13px; font-weight: normal; font-family: Trebuchet MS; line-height: 22px; }
#bodyContent #pageBody h1 { color: #ffffff; margin: 0 0 12px 0; font-size: 24px; font-weight: bold; line-height: 24px; }
#bodyContent #pageBody h2 { color: #ffffff; margin: 0 0 12px 0; font-size: 20px; font-weight: bold; line-height: 20px; }
#bodyContent #pageBody h2.blue { color: #419df4; }
#bodyContent #pageBody h3 { color: #ffffff; margin: 0 0 12px 0; font-size: 16px; font-weight: bold; line-height: 16px; }
#bodyContent #pageBody h4 { color: #ffffff; margin: 0 0 12px 0; font-size: 14px; font-weight: bold; line-height: 14px; }
#bodyContent #pageBody p { margin: 0 0 20px 0; padding: 0; }
#bodyContent #pageBody ul { list-style: inherit outside; margin: 0 0 0 15px; padding: 0; }
#bodyContent #pageBody ul.interiorNews { list-style: none; margin: 0; padding: 0; }
#bodyContent #pageBody .showVisible { display: block; }
#bodyContent #pageBody .showHidden { display: none; }
#bodyContent #pageBody .insideMenu { float: right; width: 150px; min-height: 200px; margin: 0 0 25px 25px; padding: 15px; border: 10px solid #202020; color: #919191; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; }
#bodyContent #pageBody .insideMenu h2 { color: #ffffff; font-size: 16px; font-weight: bold; line-height: 16px; }
#bodyContent #pageBody .insideMenu p { margin: 0 0 12px 0; padding: 0; }
#bodyContent #pageBody .insideMenu a { color: #dfc512; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; line-height: 12px; text-decoration: none; }
#bodyContent #pageBody .insideMenu a:hover { text-decoration: underline; }
#bodyContent #pageBody .insideMenu ul { list-style: none; }
#bodyContent #pageBody .insideMenu li { margin: 0 0 12px 0; padding: 0; }
#bodyContent #pageBody #contactForm { float: right; width: 300px; min-height: 350px; }
#bodyContent #pageBody #contactForm .field { display: block; width: 300px; height:24px; margin: 0 0 6px 0; padding: 0; clear: both; }
#bodyContent #pageBody #contactForm .field p { margin: 20px 0 4px 0; padding: 0; color: #919191; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 16px; }
#bodyContent #pageBody #contactForm .title { float: left; width: 110px; height: 19px; margin: 0 10px 0 0; padding: 5px 0 0 0; color: #919191; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; }
#bodyContent #pageBody #contactForm b { color: #ffffff; font-size: 12px; }
#bodyContent #pageBody #contactForm .shallow { padding: 0; }
#bodyContent #pageBody #contactForm .long { width: 300px; float: none; }
#bodyContent #pageBody #contactForm .tall { margin: 10px 0 10px 0; }
#bodyContent #pageBody #contactForm .push { padding: 10px 0 0 0; font-size: 11px; }
#bodyContent #pageBody #contactForm .element { float: left; width: 180px; margin: 0; padding: 0; }
#bodyContent #pageBody #contactForm .element input { width: 166px; height: 18px; margin: 0; padding: 2px 0 0 4px; border: 1px solid #4ba4fb; background: #0070c2; color: #ffffff; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; line-height: 12px; }
#bodyContent #pageBody #contactForm .element select { width: 170px; height: 22px; margin: 0; padding: 2px 0 0 4px; border: 1px solid #4ba4fb; background: #0070c2; color: #ffffff; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; line-height: 12px; }
#bodyContent #pageBody #contactForm .element textarea { width: 286px; height: 100px; margin: 0; padding: 2px 0 0 4px; border: 1px solid #4ba4fb; background: #0070c2; color: #ffffff; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; line-height: 16px; }
#bodyContent #pageBody #contactForm .submit { float: left; width: 175px; margin: 10px 0 0 0; padding: 0 5px 0 0; text-align: right; }
/*###########################################
## Bottom ##
###########################################*/
#bodyContent #footer { width: 874px; margin: 40px 0 20px 0; padding: 0; }
#bodyContent #footer .left { width: 437px; margin: 0; padding: 0; }
#bodyContent #footer .left p { margin: 0 0 8px 0; padding: 0; color: #3c3c3c; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 11px; }
#bodyContent #footer .left a { color: #419df4; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 11px; text-decoration: none; }
#bodyContent #footer .left a:hover { color: #ffffff; text-decoration: none; }
#bodyContent #footer .left small { color: #3c3c3c; font-size: 10px; font-weight: normal; font-family: Trebuchet MS; line-height: 10px; }
#bodyContent #footer .right { width: 435px; margin: 0; padding: 0; }
#bodyContent #footer .right h4 { width: 248px; height: 22px; margin: 0 0 0 182px; padding: 0; }
#bodyContent #footer .right h4 a { background: url('/public/images/flex360.jpg') no-repeat top left; width: 248px; height: 22px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#bodyContent .bodyhoriz { width: 868px; margin: 0; padding: 0; }
.clear { clear: both; margin: 0; padding: 0; height: 0; }
/*##############################################################################
##############################################################################
## Navigation ##
############################################################################*/
/* Controls */
.mainnav { height: 23px; }
.mainnav, .mainnav ul { padding: 0; margin: 0; list-style: none; }
.mainnav li:hover, .mainnav li.over { position: static; /* make menus not sticky in ie7 */ }
.mainnav a { display: block; }
.mainnav li { float: left; }
.mainnav li ul { position: absolute; left: -999em; }
.mainnav li:hover ul { left: auto; }
.mainnav li:hover ul, .mainnav li.sfhover ul { left: auto; }
.mainnav .dropdownNav { z-index: 99; position: absolute; background: url('/public/images/dropdown_bg.png') repeat-y top left; margin: 8px 0 0 -15px !important; padding: 0; width: 200px; line-height: 18px; }
.mainnav .dropdownNav li { width: 170px; min-height: 24px; margin: 0; padding: 0 0 0 30px; }
.mainnav .dropdownNav li a { display: block; width: 200px; color: #ffffff; font-size: 10px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; }
.mainnav .dropdownNav li a:hover { color: #ffffff; font-size: 10px; font-weight: bold; font-family: Trebuchet MS; text-decoration: underline; }
.mainnav .dropdownNav li.first { width: 170px; margin: -20px 0 0 0; padding: 25px 0 0 30px; background: url('/public/images/dropdown_bg_top.png') no-repeat top left; }
.mainnav .dropdownNav li.last { width: 170px; margin: 30px 0 -24px 0; padding: 0px 0 0 30px; background: url('/public/images/dropdown_bg_bottom.png') no-repeat top left; }
.mainnav .dropdownNav li.last a { display: block; margin: -30px 0 0 0; width: 200px; color: #ffffff; font-size: 10px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; }
.mainnav .dropdownNav li.last a:hover { margin: -30px 0 0 0; color: #ffffff; font-size: 10px; font-weight: bold; font-family: Trebuchet MS; text-decoration: underline; }
/* Options */
#header .right #navigation { width: 645px; height: 55px; margin: 35px 0 9px 15px; padding: 0; }
#header .right #navigation ul { list-style: none; margin: 0; padding: 0; }
/*#header .right #navigation li { float: left; margin: 0; padding: 0; }*/
#header .right #navigation .one { float: left; width: 72px; height: 55px; margin: 0; padding: 0; }
#header .right #navigation .one h2 a { background: url('/public/images/nav1_off.jpg') no-repeat top left; width: 72px; height: 55px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#header .right #navigation .one h2 a:hover { background: url('/public/images/nav1_on.jpg') no-repeat top left; width: 72px; height: 55px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#header .right #navigation .two { float: left; width: 97px; height: 55px; margin: 0; padding: 0; }
#header .right #navigation .two h2 a { background: url('/public/images/nav2_off.jpg') no-repeat top left; width: 97px; height: 55px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#header .right #navigation .two h2 a:hover { background: url('/public/images/nav2_on.jpg') no-repeat top left; width: 97px; height: 55px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#header .right #navigation .three { float: left; width: 86px; height: 55px; margin: 0; padding: 0; }
#header .right #navigation .three h2 a { background: url('/public/images/nav3_off.jpg') no-repeat top left; width: 86px; height: 55px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#header .right #navigation .three h2 a:hover { background: url('/public/images/nav3_on.jpg') no-repeat top left; width: 86px; height: 55px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#header .right #navigation .four { float: left; width: 86px; height: 55px; margin: 0; padding: 0; }
#header .right #navigation .four h2 a { background: url('/public/images/nav4_off.jpg') no-repeat top left; width: 86px; height: 55px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#header .right #navigation .four h2 a:hover { background: url('/public/images/nav4_on.jpg') no-repeat top left; width: 86px; height: 55px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#header .right #navigation .five { float: left; width: 108px; height: 55px; margin: 0; padding: 0; }
#header .right #navigation .five h2 a { background: url('/public/images/nav5_off.jpg') no-repeat top left; width: 108px; height: 55px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#header .right #navigation .five h2 a:hover { background: url('/public/images/nav5_on.jpg') no-repeat top left; width: 108px; height: 55px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#header .right #navigation .six { float: left; width: 91px; height: 34px; margin: 0; padding: 21px 0 0 105px; background: url('/public/images/nav6_off.jpg') no-repeat top left; color: #ffffff; font-size: 14px; font-weight: bold; font-family: Trebuchet MS; line-height: 14px; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## sIFR ##
############################################################################*/
@media screen {
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
}
@media print {
.sIFR-flash { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; }
.sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important; }
}
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Google Site Search ##
############################################################################*/
#cse-search-results{
width: 600px !important;
border: 10px solid #202020;
padding: 10px;
}
/*##############################################################################
##############################################################################*/