/* Browser Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
html, body { background: url(http://www.kaspercorp.ca/themes/KasperCorp/images/bg-site.gif) #ffffff repeat-x top left!important; color: #676a6e; font-weight: normal; font-family: Arial, sans-serif, Helvetica; font-size: 14px; }
body { margin: 0; height: 100%; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* End Browser Reset */

#wrapper, #footer .box { margin: 0 auto;}
#wrapper, #header { width: 986px; }
#contentWrapper { width: 986px; }

#wrapper { background: url(http://www.kaspercorp.ca/themes/KasperCorp/images/bg-wrapper.gif) no-repeat top left; }
#header { height: 332px; }
#logo { float: left; }
#header-right { float: right; font-size: 0px; padding: 8px 6px 0 0; }
#contentWrapper { background: url(http://www.kaspercorp.ca/themes/KasperCorp/images/bg-content.gif) no-repeat bottom left; min-height:275px; }
#footer { background: #32353d; height: 105px; width: 100%; }
#footer .box { background: url(http://www.kaspercorp.ca/themes/KasperCorp/images/bg-footer.gif) #32353d no-repeat top left; clear: both; color: #ffffff; font-size: 12px; height: 40px; padding: 21px 35px 0 35px; text-align: left; width: 916px;  }
#footer .contentRight { float: right; }
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color: #fff; }
#footer .referral { margin-top: 27px; color: #bbb; font-weight: normal; }
#footer .referral a:link, #footer .referral a:visited, #footer .referral a:hover, #footer .referral a:active { color: #bbb; }

table td { vertical-align: top; }

.clear { clear: both; font-size: 0px; height: 1px; margin: 0px; padding: 0px; }

#sidebar { color: #333333; float: left; padding: 38px 9px 44px 29px; text-align: justify; width: 220px; }
#sidebar .box { color: #676a6e; padding: 0 12px 15px 12px; }
#sidebar .box table td { padding-bottom: 7px; }
#content { float: right; padding: 38px 29px 15px 25px; width: 674px; text-align: justify; }
#content-right { width: 188px; background: #dfdedd; color: #3f454e; font-size: 11px; float: right; line-height: 12px; padding: 19px 19px 0 19px; margin: 0 0 30px 40px; }
#content-right img { border: solid 4px #3f454e; margin-bottom: -5px; }
#content-right p { margin-bottom: 25px; }
#content-left { width: 410px; }
#testimonials {	background: #dfdedd; color: #5a5b5c; font-size: 12px; padding: 25px 21px}
#testimonials a { font-size: 14px; }

h1, h2, h3, h4, h5, h6 { color: #32353d; font-family: Helios; font-weight: normal; margin-bottom: 15px; }
h1 { color: #8e693a; font-size: 24px; line-height: 15px; }
h2 { font-size: 20px; line-height: 15px; }
a:link,  a:active,  a:hover,  a:visited { color: #996d32; text-decoration: none; }
a:hover { text-decoration: underline; }
p { line-height: 20px; margin-bottom: 15px; }

ul li { list-style-type: square; }
li { margin: 8px 0 0 15px; }

#nav { color: #ffffff; font-size: 12px; text-transform: uppercase; }
#nav a:link, #nav a:visited { color: #ffffff; }
#nav a:hover, #nav a:active { color: #cca371; }
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none;	z-index: 99; }
.sf-menu { float: left; z-index: 99; }
.sf-menu ul { position: absolute; top: -999em; width: 19em; /* left offset of submenus need to match (see below) */ z-index: 99; }
.sf-menu ul li { width: 100%; z-index: 1; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li ul li:hover {border-bottom: 0px; }
.sf-menu li { float: left; margin: 0px; margin-right: 0px; position: relative; }
.sf-menu li.first { background-image: none!important; }
.sf-menu li.first a { padding-left: 0px!important; }
.sf-menu li.first { margin-left: 0px!important; }
.sf-menu a { padding: 0px 0px 0px 0px; color: #ffffff; text-decoration:none; display: block; position: relative; }
.sf-menu li.noBorder { background-image: none; }
.sf-menu li a { border-top: 0px; }
.sf-menu ul li a:link, .sf-menu ul li a:hover, .sf-menu ul li a:visited, .sf-menu ul li a:active { color: #9a9b9b; text-decoration: none!important; }
.sf-menu li li a { padding: 7px 12px; }
.sf-menu li li, .sf-menu li li li { background: #25272d; margin: 0px!important; padding: 0px!important; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 19px; top: 44px; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 19em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 19em; /* match ul width */	top: 0; }
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { background: #31343c; color: #cca371; background-image: none!important; outline: 0; }
.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active { background-color: Transparent; }

div.ccm-block {
border:2px dotted #FF0000;
margin:-2px;
overflow:hidden;
padding:0;
}