body { margin: 0; padding: 0; font-size: 100%; color: #000000; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; text-align: center;/* part 1 of 2 centering hack */}img { border: none; margin: 0; padding: 0;}a img { border: none;}div,form,p,h1,h2,h3,h4,h5,hr,ul,dl,dd,dt,ol,object,param{ margin: 0; padding: 0;}/******************************//****** MAIN STRUCTURE *******//****************************/#bg { background: transparent url(images/s4i-logo.gif) no-repeat; width: 825px; margin-top: 10px; margin-left: auto; margin-right: auto;}#center { text-align: left;/* part 2 of 2 centering hack */ width: 676px; margin-left: auto; margin-right: auto;}#header { height: 40px;}#border { border: 4px solid #BF5393; width: 668px; background-color: #BF5393;}#main-img { width: 668px; height: 307px; border-bottom: 4px solid #BF5393; background-color: #BF5393;}a { color: #ffffff;}a:hover { color: #ffffff;}a:visited {  color: #ffffff;}#col1 { float: left; position: relative; width: 442px; padding: 0; margin: 0; background-color: #BF5393;}#col2 { float: right; position: relative; width: 206px; padding: 0; margin: 0; background-color: #CA1584;}#col3 { float: right; position: relative; width: 206px; padding: 0; margin-left: 2px; background-color: #CA1584;}#col3 p { font-size: 80%; color: #ffffff; padding-bottom: 15px; margin-left: 4px; line-height: 16px;}#col3 h1 { font-size: 90%; font-weight: bold; color: #ffffff; padding-bottom: 15px;}#quotes { padding: 10px 10px;}#footer { width: 676px; height: 17px; background-color: #FFFFFF; margin-top: 3px; clear: both;}#footer2 { width: 676px; height: 17px; background-color: #515E65; margin-top: 3px; clear: both;}/*********************************//**** HOMEPAGE CONTENT STYLES ****//*********************************/#content { padding: 10px 10px;}#content p { font-size: 80%; color: #ffffff; padding-bottom: 15px; line-height: 16px;}#content h1 { font-size: 90%; font-weight: bold; color: #ffffff; padding-bottom: 15px;}#content h2 { font-size: 80%; font-weight: bold; color: #ffffff;}#content ul { font-size: 80%; padding-left: 10px; color: #ffffff;}#content li { padding-bottom: 0;}html>body #content li { padding-bottom: 2px;}#content a:link, .content a:visited { color: #ffffff; }#content a:hover { color: #ffffff; }/****************************************//**** HOMEPAGE CONTENT STYLES - END ****//**************************************//*****************************//****** TOP NAVIGATION *******//*****************************/#nav { margin: 0; padding: 0; height: 11px;}#nav li { display: inline; padding-right: 6px; margin: 25px 0 0 35px; list-style: none; float: left;}#nav2 li { display: inline; padding-right: 6px; margin: 5px 0 0 35px; list-style: none; float: left;}li.home { background: transparent url(images/nav/home.gif) no-repeat 0 0; width: 28px; height: 11px; display: block; }li.home a { background: transparent url(images/nav/home.gif) no-repeat -28px 0; width: 28px; height: 0; display: block; padding-top: 11px; color: #ffffff; overflow: hidden;}li.home a:hover { background-position: 0 -11px; z-index: 50;}* html li.fire a:link, * html li.fire a:visited { height: 11px; he\ight: 0;}* html li.fire a:hover { height: 11px; he\ight: 0;}li.whyus { background: transparent url(images/nav/whyus.gif) no-repeat 0 0; width: 40px; height: 11px; display: block; }li.whyus a { background: transparent url(images/nav/whyus.gif) no-repeat -40px 0; width: 40px; height: 0; display: block; padding-top: 11px; color: #ffffff; overflow: hidden;}li.whyus a:hover { background-position: 0 -11px; z-index: 50;}* html li.whyus a:link, * html li.whyus a:visited { height: 11px; he\ight: 0;}* html li.whyus a:hover { height: 11px; he\ight: 0;}li.services { background: transparent url(images/nav/services.gif) no-repeat 0 0; width: 99px; height: 11px; display: block; }li.services a { background: transparent url(images/nav/services.gif) no-repeat -99px 0; width: 99px; height: 0; display: block; padding-top: 11px; color: #ffffff; overflow: hidden;}li.services a:hover { background-position: 0 -11px; z-index: 50;}* html li.services a:link, * html li.services a:visited { height: 11px; he\ight: 0;}* html li.services a:hover { height: 11px; he\ight: 0;}li.casestudies { background: transparent url(images/nav/casestudies.gif) no-repeat 0 0; width: 62px; height: 11px; display: block; }li.casestudies a { background: transparent url(images/nav/casestudies.gif) no-repeat -62px 0; width: 62px; height: 0; display: block; padding-top: 11px; color: #ffffff; overflow: hidden;}li.casestudies a:hover { background-position: 0 -11px; z-index: 50;}* html li.casestudies a:link, * html li.casestudies a:visited { height: 11px; he\ight: 0;}* html li.casestudies a:hover { height: 11px; he\ight: 0;}li.contactus { background: transparent url(images/nav/contactus.gif) no-repeat 0 0; width: 50px; height: 11px; display: block; }li.contactus a { background: transparent url(images/nav/contactus.gif) no-repeat -50px 0; width: 50px; height: 0; display: block; padding-top: 11px; color: #ffffff; overflow: hidden;}li.contactus a:hover { background-position: 0 -11px; z-index: 50;}* html li.contactus a:link, * html li.contactus a:visited { height: 11px; he\ight: 0;}* html li.contactus a:hover { height: 11px; he\ight: 0;}* html #nav a:hover { height: 11px; he\ight: 0;}#nav a { display: block; height: 0; overflow: hidden;}* html #nav a:link, * html #nav a:visited { height: 11px; he\ight: 0;}/***********************************//****** TOP NAVIGATION - END *******//***********************************//*********************************//****** ADDITIONAL STYLES *******//*******************************/.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block;}.clearfix { display: inline-table;}/* Hides from IE-mac \*/* html .clearfix { height: 1%;}.clearfix { display: block;}/* End hide from IE-mac */.skip { display: none;}/* PRINTER STYLES IF REQUIRED */@media print{ /*hide the left column when printing*/ #idname { display: none;} }/* PRINTER STYLES IF REQUIRED */
