*, html, body{margin:0; padding:0}
body{font:76% arial,sans-serif; text-align:center}
ul, ol, dl, li, dt, dd{margin:0; padding:0; font-size:100%}
/* Key Structure Elements */
#container{text-align:left}
#content, #content p{line-height:1.4}
#topmast{background:url('../images/sercon-home-page-head.jpg') no-repeat; height:40px; width:920px}
#container{width:900px; margin:0 auto}
#wrapper{float:left; width:100%}
#content{margin:0 164px 0 172px; padding:0px; background:url('../images/content-bg.jpg') no-repeat; min-height:210px; height:auto !important; height:210px}
#navigation{float:left; width:164px; margin-left:-164px}
#extra{float:left; width:164px; margin-left:-900px}
h1#header{width:243px; height:113px; float:left}
h1#header span{width:100%; height:100%; background:url('../images/sercon-logo.jpg') no-repeat; position:absolute}
#footer{clear:left; width:100%}
#footer{color:#333; padding-top:10px; float:left; margin-top:10px}
#footer p{font-size:0.9em; margin:0; padding:15px 0 45px 0px}
#footer a{display:inline; padding:0}
/* Hyperlinks */
a, a:link{text-decoration:none}
a:visited{text-decoration:none}
a:hover, a:focus{text-decoration:underline}
/* Nav */
#mininav{background:#000; float:right}
#mininav ul{list-style-type:none}
#mininav li{float:right}
#mininav li a{float:left; border-right:1px solid #fff; padding-left:5px; padding-right:10px}
#mininav li a.last{float:left; border-right:1px solid #fff; padding-left:5px; padding-right:10px}
#navbar li{border:0}
li a.last{border:0; padding-right:0; margin-right:0}
.mini-links{margin-top:0px; margin-bottom:35px; padding-bottom:0; float:right; list-style-type:none}
.fl{float:left; list-style:none; border-right:1px solid #333; padding:0 10px 0 5px; font-weight:bold}
.flast{float:left; list-style:none; padding:0 0 0 5px; border-right:0; font-weight:bold}
.element{border-bottom:1px dotted #999}
.jsspanel{background:url('/../images/employers-panel.jpg') no-repeat}
.jspanel{background:url('/../images/job-seekers-panel.jpg') no-repeat}
img.market-img{margin-top:5px; margin-left:5px; margin-bottom:2px}
img.brochure-thumb{margin-left:30px; margin-top:0px}
fieldset, img{border:0}
div{ font-size:1em}
/* Headings */
h1{ margin:0 0 0em 0; padding:0; font-size:2em; line-height:1.0em; margin:0px 0px 0px; padding-top:22px; color:black}
h2{ margin:0 0 1em 0; padding:0; font-size:2em; line-height:1.3em; color:#333; border-bottom:3px solid #333; margin:0px 0px 20px; font-weight:700; padding-top:22px}
h3{ margin:0 0 0.25em 0; padding:0; font-size:1.1em; line-height:1.3em; color:#333}
#content h3{margin-bottom:15px}
h4{ margin:0 0 0.25em 0.35em; padding:0; font-size:1.1em; line-height:1.3em; color:#333}
h5{ margin:0 0 0.25em 0; padding:0; font-size:1.1em; line-height:1.3em; color:#333}
h6{ margin:0 0 0.25em 0; padding:0; font-size:1em; line-height:1.3em; color:#333}
p{margin:0 0 1.5em 0; padding:0; font-size:1em; line-height:1.4em}
blockquote{ margin-left:10px; border-left:10px solid #ddd}
pre{ font-family:monospace; font-size:1.0em}
strong, b{ font-weight:bold}
em, i{ font-style:italic}
code{ font-family:"Courier New",Courier,monospace; font-size:1em}
hr{ display:none}
.hr{ height:1px; margin:1.5em 10px; border-bottom:1px dotted black}
.stretch,.clear{ clear:both; height:1px; margin:0; padding:0; line-height:1px}
.clearfix:after{ clear:both; height:0; display:block; visibility:hidden; content:"."}
.clearfix{display:inline-block}
.clearfix{display:block}
span.accesskey{ text-decoration:none}
.accessibility{ position:absolute; top:-999em; left:-999em}
/* Lists & Defs */
ol{ margin:0 0 1.5em 0; padding:0; font-size:1.0em; line-height:1.4em}
ol li{ margin:0 0 0.25em 3px; padding:0; font-size:1.0em}
dl{ margin:0 0 1.5em 0; padding:0; line-height:1.4em}
dl dt{ margin:0.25em 0 0.25em 0; padding:0}
dt{background:#97999C}
dt a:link, dt a:visited, dt a:hover{display:block; background:transparent; color:#fff; text-decoration:none; padding:0 6px 0 6px}
dl dd{ margin:0 0 0 0px; padding:0}
dt a{ text-align:right}
dt span{ float:left; font-weight:bold}
/* Tabular Bells */
table{ margin:0 0 1.5em 0; padding:0; font-size:1em}
table caption{ margin:0; padding:0 0 1.5em 0; font-weight:bold}
th{ font-weight:bold; text-align:left}
td{ font-size:1.1em}
td p{padding:0px 0 0px 0px; margin:0}
#scroller{height:36px; background:url('../images/news_footer.jpg'); margin-bottom:40px}
#scroller p{font-family:"Lucida Grande",sans-serif; font-size:1.1em; color:#666}
a.last{border-right:none; padding-left:5px; padding-right:0px}
.short{width:280px; float:left}
/* Forms */
input#submit{float:right; margin-right:6px}
form{margin:0; padding:0}
input{vertical-align:middle}
.formtest{ line-height:1.2em; margin:0.5em 0; position:relative; width:100%}
.formtest label{ float:left; width:90px; clear:both; text-align:left; padding:0 15px 0 0; color:#000}
.formtest .controls{ overflow:hidden; width:140px; display:block}
.formtest .controls2{ overflow:hidden; width:300px; display:block}
.formtest input{ margin:0 0 .1em; color:#000; background:#fff; border:1px solid #888A8E}
.formtest textarea{color:#000; background:#fff; border:1px solid #888A8E}
.formtest div{ overflow:hidden; width:100%; margin:0.5em 0}
.jspanel h3{ color:#fff }
.jsspanel h3{ color:#333 }
.jsbox a:visited, .jsbox a:hover, .jssbox a:visited, .jssbox a:hover{ color:#fff }
/* Hyperlinks */
.mini-links a:link{color:#000}
.mini-links a:hover{color:#000;text-decoration:underline }
.mini-links a:visited{color:#000}
#topmast a, #topmast a:link, #topmast a:visited, #topmast a:hover{ color:#fff; font-weight:bold }
* html .empbox{zoom:1.0}
ul.topnav li a{float:left; border-right:1px solid #fff; padding:0 10px 0 5px; color:#fff; font-weight:bold; font-size:1.2em }
ul.subnav li a{float:left; padding:0 10px 0 10px; border-right:1px solid #333; color:#333 }
#navbar{background:url(../images/nav-bar.jpg) bottom left no-repeat; float:right; height:82px; width:630px}
ul.topnav{list-style-type:none; float:right; margin:9px 10px 0 0}
ul.topnav li{float:left; padding:15px 0 0; color:#fff}
ul.topnav li a{float:left; padding:0 10px 0 5px; color:#fff; font-weight:bold; font-size:1.2em }
ul.topnav li a.last{float:left; border-right:none; padding:0 0 0 5px}
ul.topnav li.current{background:url(/../images/navbar-arrow.jpg) center top no-repeat}
ul.subnav li{float:left;color:#fff}
ul.subnav li a{float:left;padding:0 10px 0 10px; color:#333 }
ul.subnav{list-style-type:none; float:right;margin:9px 10px 0 0; clear:right}
.mini-links{margin-top:0px; clear:right}
.flast a{color:#000; text-decoration:none}
/* Miscellaneous */
.datepart{float:left; color:#fff; font-size:1em; margin:10px 0 0 25px}
.logged{float:right; color:#fff; background:#3A3A3C; font-size:0.8em; margin-top:10px; margin-right:30px; text-align:right}
.scroll{width:600px; float:right; color:#fff; background:#3A3A3C; font-size:0.8em; margin-right:20px; text-align:right}
.donttouchathing{float:right; padding-bottom:0; margin-bottom:0; list-style-type:none}
.page-area{margin-left:170px; margin-bottom:3px}
#content .home-area{background:none; padding:0}
.jspanel form{margin-left:2px}
.hidden{display:none}
.thin-text{font-weight:normal}
.no-bottom-border{border-bottom:0}
.pdf{background:url('/../images/pdf.gif') left center no-repeat; border-bottom:1px solid #efefef; margin-bottom:5px; padding:2px 0 0 22px}
/* Image Replacement Madness */
#marketsectors-header{margin:0; padding:0; width:164px; height:37px; position:relative}
#marketsectors-header span{background:url(../images/market-sectors-header.jpg) no-repeat; position:absolute; width:100%; height:100%}
.jspanel{min-height:225px; background:#B2B3B7 url('../images/help-desk-bg.jpg') no-repeat}
.jspanel{}
#brochures-documents-header{margin:0; padding:0; width:164px; height:37px; position:relative}
#brochures-documents-header span{background:#fff url(../images/brochures-documents-header.jpg) top center no-repeat; position:absolute; width:100%; height:100%}
.bdpanel{min-height:123px; background:#B2B3B7}
#helpdesk-header{margin:0; padding:0; width:164px; height:37px; position:relative}
#helpdesk-header span{background:url(../images/help-desk-header.jpg) no-repeat; position:absolute; width:100%; height:100%}
#cleaning-services-header{margin:0; padding:0; width:164px; height:37px; position:relative}
#cleaning-services-header span{background:url(../images/cleaning-services-header.jpg) no-repeat; position:absolute; width:100%; height:100%}
#news{margin-top:9px; height:161px}
#news-header{margin:0; padding:0; width:164px; height:37px; position:relative}
#news-header span{background:url(../images/sercon-news-header.jpg) no-repeat; position:absolute; width:100%; height:100%}
.jsspanel{min-height:225px; background:#B2B3B7 url('../images/help-desk-bg.jpg') top center no-repeat}
.jspanel,.jsspanel{}
.bdpanel{}
#cleaning-services, #news{ background:#B2B3B7}
img#logo{width:243px; height:113px; float:left; margin-bottom:12px; float:left; margin-top:20px}
.jspanel{margin:0; padding:0}
.jspanel h4{width:155px; margin-top:5px; margin-left:5px; border-bottom:1px dotted #666; padding-bottom:4px}
.jspanel ul{float:left; list-style-type:none; margin-left:2px; width:155px; margin-bottom:0; padding-bottom:0; padding-left:0}
.jspanel ul li{width:151px}
.jspanel ul li a{color:#fff; font-size:1.1em; background:url(../images/arrow.jpg) center right no-repeat; margin-left:3px; border-bottom:1px dotted #666; padding:5px 0 5px 0; width:156px; display:block; height:20px}
.jspanel ul li a.last{border:none}
#cleaning-services h4{width:152px; margin-left:6px; border-bottom:1px dotted #666; padding-bottom:4px}
#news ul, #cleaning-services ul{list-style-type:none; margin-left:3px; width:154px}
#cleaning-services ul li a{color:#fff; font-size:1.1em; background:url(../images/arrow.jpg) center right no-repeat; margin-left:0; border-bottom:1px dotted #666; padding:5px 0 5px 0; display:block}
#news ul li a{color:#fff; font-size:1.1em; background:url(../images/arrow.jpg) center right no-repeat; margin-left:0; padding:5px 0 5px 0; display:block}
#news ul li{height:50px; border-bottom:1px dotted #666; padding-bottom:0; margin-bottom:0}
#news ul li a.last, #cleaning-services ul li a.last{border:none}
/* Sidebar Form */
.jsspanel form{margin-left:5px; margin-top:0; padding-top:0; font-size:1.1em}
.jsspanel form label{vertical-align:middle}
.jsspanel legend{padding-top:5px; padding-bottom:10px; display:block}
.checkbox, .radio{ width:19px; height:25px; padding:0 5px 0 0; background:url(../images/checkbox.gif) no-repeat; display:block; clear:left; float:left}
.radio{ background:url(../images/radio.gif) no-repeat}
#navigation .jsspanel form #radios label{vertical-align:middle; color:#fff; margin-left:6px; font-size:1em}
#navigation .jsspanel #radios form input{vertical-align:middle}
#uname, #telnum, #emailFrom, #cname{width:150px; height:20px; color:#666}
#comments{width:146px; color:#666}
span.error{font-weight:bold; font-size:0.8em}
/* Miscellaneous Pt 2 */
.images-area{clear:both}
.images-area img{float:left; margin-left:30px}
.images-area img.first{margin-left:0}
#footer p{width:100%; float:left; margin-top:24px; text-align:center}
#extra .jspanel ul li{margin:0; padding:0; display:block}
.text-area{background:url('../images/bg-gradient.jpg') top left no-repeat}
.text{padding:0 20px 0 10px}
#content h2{border:none}
#pdfs{margin-top:30px}
.pdfs2 a{background:url(../images/pdf.png) center left no-repeat; padding-left:23px; display:block; margin-bottom:2px}
#rss a{background:url(../images/rss.jpg) center left no-repeat; padding-left:28px; display:block; margin-bottom:2px; padding-top:10px; padding-bottom:10px}
#content form .fields input{width:290px}
#content form textarea{width:400px; height:120px}
.borderline{display:block; width:100%; height:2px; border-bottom:1px dotted #999}
.coda-slider-wrapper #coda-slider-2 .panel .panel-wrapper img.tinto{position:absolute; margin:2px 0 0 2px; margin-top:188px; margin-left:1px}
.coda-slider-wrapper #coda-slider-2 .panel .panel-wrapper img.img1{margin-left:1px}
img.img2{margin:2px 0 0 2px}
#spacedout{clear:both; height:11px}
a:link, a:visited{ background-color:transparent; text-decoration:none}
a:hover{ text-decoration:underline }
h2.news-title{font-size:0.9em; border-bottom:1px dotted #999; color:#241E5F}
.news-item{width:530px; padding-bottom:14px}
p.heading{color:#241E5F; font-weight:bold; padding-top:10px; display:block; border-bottom:1px dotted #999}
.kc-holder, .kc-holder2{display:block; width:100%; margin-top:15px; height: 155px; border-bottom:1px dotted #999}
.kc-holder2{height:115px}
.kc-holder img, .kc-holder2 img{float:left}
.text-one{float:left; margin-left:10px; width:200px}
.text-two{margin-top:48px; float:left; margin-left:30px}
.text-one h2{font-size:1.2em; color:#241E5F; margin-top:8px; margin-bottom:0; padding-bottom:0}
.small-img{width:65px; float:left}
.large-img{width:126px; float:left}
.text-one-larger{float:left; margin-left:15px; width:410px}
.text-one-largest{float:left; margin-left:15px; width:350px}
.jspanel{margin-bottom:9px}
.buttons{margin-bottom:4px}
#content .text ul{margin:0 0 1.5em 30px;padding:0;line-height:1.4em}
#news ul{margin:0 0 1.5em 2px;padding:0;line-height:1.4em}
#content .text ul li, #news ul li{margin:0 0 0.25em 3px;padding:0}
h1#header{width:243px; height:113px; float:left; margin-bottom:12px}
h1#header span{width:243px; height:113px; background:url('../images/sercon-cleaning-logo.jpg') no-repeat; position:absolute}
#callus{margin-top:8px}
.col1{float:left; width:174px; margin-right:15px; margin-top:0; padding-top:0}
.col2{float:left; width:174px; margin-top:0; padding-top:0}
.text-block{background:url('../images/homepage-text-bg-gradient.jpg') top left no-repeat; margin-top:4px; float:left; width:174px; height:170px}
.text-block p{padding:5px 5px 0 5px}
.col1 a img, .col2 a img{margin-bottom:5px; float:left}
a:visited{text-decoration:none}
a:hover, a:focus{text-decoration:underline}