/* Jennifer Moss http://datacondental.com Lt. Grey: #f7f7f7 Burgundy: #b30007 Lt. Burg: #faefef */ /* RESET*/ * { margin: 0; padding: 0;} html { overflow-y: scroll; } html, body { height: 100%; } body { font-size: 62.5%; font-family: Arial, sans-serif; color: #858585; background: url(/images/nav_header_logo.gif) top center no-repeat #f7f7f7;} ul { list-style: disc inside; } ol { list-style: decimal inside; } a { outline: none; text-decoration: none; color: #b30007; } a img { border: none; } img { vertical-align: middle; } table { border-collapse: collapse; } /* UTILITY*/ .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } .button { border: 1px solid #858585; background: #cccccc; padding: 0 5px; color: #000000; } .button:hover { background: #b30007; color: #ffffff; } .required { color: #ff0000; font-weight: bold; } .center { text-align: center; } .redButton { background: url(/images/big_red_button.jpg) no-repeat; margin: 0 175px; background-position: 0 -52px; width: 318px; line-height: 52px; display: block; text-align: center; font-size: 1.4em; color: #ffffff; } .redButton:hover { background-position: 0 0; } .noTop { padding-top: 0 !important; } .picBox { margin: 10px 62px; text-align: center; width: 600px; } .pic { width: 120px; text-align: center; float: left; } .staffPic { padding: 5px; margin: 5px auto; background-color: #cccccc; border: 1px solid #999999; text-align: center; } .caption { text-align: center; padding: 0 0 10px !important; } .features { text-align: center; width: 700px; margin: 0 20px 0 20px; } .features h2 { margin: 0; padding: 0 !important; } .feature-col { margin: 0; float: left; width: 32%; } .feature-col ul { list-style-type: none; } .feature-col ul li { padding: 5px; border-bottom: 1px solid #cccccc; } .important { color: #b30007; font-weight: bold; } .title { background: url(/images/title_background.jpg) center bottom no-repeat; padding-bottom: 5px !important; } .schedule { text-align: center; color: #000000; font-size: 1.2em; padding-top: 10px !important; } .schedule table { border: 1px solid #000000; } .schedule table th { border-bottom: 1px solid #000000; padding: 5px; background: #eeeeee; } .schedule table td { padding: 5px; border-bottom: 1px solid #000000; } .downloads { text-align: center; color: #000000; font-size: 1.2em; padding: 10px 32px 0 32px !important; } .downloads table { border: 1px solid #000000; width: 650px; } .downloads table th { border-bottom: 1px solid #000000; padding: 5px; background: #eeeeee; } .downloads table td { padding: 5px; border-bottom: 1px solid #000000; border-left: 1px solid #000000; } /* STRUCTURE*/ #page-wrap { width: 960px; margin: 0px auto; } #main-col { width: 715px; float: left; padding: 10px; margin: 85px 0 0 -10px; height: auto; } #main-col-title { background: url(/images/large_boxTop.jpg) top center no-repeat; height: 50px; width: 715px; margin: 0; padding: 0; } #main-col-title h2 { color: #b30007; font-size: 1.6em; padding: 15px 0 0 25px; } #main-col-center { background: url(/images/large_boxCenter.jpg) repeat-y; margin: 0; padding: 0; width: 715px; } #main-col-center p { color: #000000; font-size: 1.2em; padding: 10px 25px 0 25px; } #main-col-center h2 { padding: 15px 25px 0 25px; color: #000000; text-align: center; } #main-col-center h3 { padding: 15px 25px 0 25px; color: #000000; text-align: center; } #main-col-center h4 { padding: 15px 25px 0 25px; color: #000000; text-align: left; font-size: 1.2em; } #main-col-center ul { padding: 5px 30px 0 30px; color: #000000; font-size: 1.2em; } #main-col-center ol { padding: 5px 30px 0 30px; color: #000000; font-size: 1.2em; } #main-col-bottom { background: url(/images/large_boxBottom.jpg) no-repeat; margin: 0; padding: 0; width: 715px; height: 25px; } #sidebar { width: 225px; float: right; padding: 10px 10px 0 10px; margin: 85px 0 0 -10px; text-align: center; height: auto !important; } #recent-posts { background: url(/images/small_boxTop.jpg) top center no-repeat; height: auto; width: 225px; margin: 0; padding: 0; list-style-type: none; float: left; } .widgettitle { color: #b30007; font-size: 1.4em; padding: 18px 0 16px 0; text-align: center; } #recent-posts ul { background: url(/images/small_boxCenter.jpg) repeat-y; margin: 0; padding: 10px 0 10px 0; width: 225px; color: #000000; font-size: 1.2em; list-style-type: none; text-align: center; } #recent-posts ul li { padding: 3px 0; margin: 3px 15px; background: #faefef; border-top: 1px solid #b30007; border-bottom: 1px solid #b30007; } #recent-posts ul li:hover { padding: 3px 0; margin: 3px 15px; background: #eeeeee; border-top: 1px solid #b30007; border-bottom: 1px solid #b30007; } #recent-posts ul li a { color: #000000; text-decoration: none; padding: 3px 10px; margin: 0; } #recent-posts ul li a:hover { color: #b30007; text-decoration: none; padding: 3px 10px; margin: 0; } li#constant-contact { background: url(/images/small_boxCenter.jpg) repeat-y; height: auto; margin: 0; padding: 0 10px 10px 5px; width: 215px; color: #000000; font-size: 1.2em; list-style-type: none; text-align: center; float: left; } li#constant-contact h2 { width: 205; font-size: 1.2em; } #add-to-any-subscribe { background: url(/images/small_boxCenter.jpg) repeat-y; margin: 0; padding: 0; float: left; width: 225px; color: #000000; font-size: 1.2em; list-style-type: none; text-align: center; } #quick-subscribe { background: url(/images/small_boxCenter.jpg) repeat-y; margin: 0; padding: 0; float: left; width: 225px; color: #000000; font-size: 1.2em; list-style-type: none; text-align: center; } #quick-subscribe h2 { font-weight: normal; font-size: 1.2em; margin: 0; padding: 5px 0 0 0; } #twitter-1 { background: url(/images/small_boxCenter.jpg) repeat-y; margin: 0; padding: 0; float: left; width: 225px; color: #000000; font-size: 1.2em; list-style-type: none; text-align: center; } #twitter-1 li { list-style-type: none; text-align: center; margin: 0; padding: 10px;} #twitter-1 h2 { list-style-type: none; margin: 0; padding: 0;} #twitter-bottom { background: url(/images/small_boxBottom.jpg) no-repeat; height: 25px; margin: 0 0 0 -10px; padding: 0; float: left; width: 225px; color: #000000; font-size: 1.2em; list-style-type: none; text-align: center; } #twitter-bottom-noinfo { background: url(/images/small_boxBottom.jpg) no-repeat; height: 25px; margin: 0; padding: 0; float: left; width: 225px; color: #000000; font-size: 1.2em; list-style-type: none; text-align: center; } #twitter-bottom li a { background: none; list-style-type: none; text-align: 0; margin: 0; padding: 5px 0;} #stray_widgets-476934001 { background: url(/images/small_boxTop.jpg) top center no-repeat; height: auto; width: 225px; margin: 0; padding: 0; list-style-type: none; float: left; } #quote { background: url(/images/small_boxCenter.jpg) repeat-y; height: auto; margin: 0; padding: 10px 15px; width: 195px; color: #000000; font-size: 1.2em; list-style-type: none; text-align: center; } #quote-bottom { background: url(/images/small_boxBottom.jpg) no-repeat; height: 25px; margin: 0; padding: 0; float: left; width: 225px; } .addtoany_share_save_container { margin: 0 !important; } ul.addtoany_list li a { padding: 0 25px !important; } #mini-page-wrap { width: 960px; margin: 0px auto; } #sidebar2 { padding: 0 5px; margin: 0; width: 110px; text-align: left; float: left; } .post { float: right; width: 590px; } #main-col-sb { width: 710px; float: left; padding: 10px; margin: 85px 0 0 -10px; height: auto; } #main-col-sb-title { background: url(/images/mid_boxTop.jpg) top center no-repeat; height: 50px; width: 590px; margin: 0; padding: 0; float: right; } #main-col-sb-title h2 { color: #b30007; font-size: 1.6em; padding: 15px 0 0 25px; } #main-col-sb-center { background: url(/images/mid_boxCenter.jpg) repeat-y; margin: 0; padding: 0; width: 590px; float: left; height: auto !important; float: right; } #main-col-sb-center p { color: #000000; font-size: 1.2em; padding: 10px 25px 0 25px; } #main-col-sb-center h2 { padding: 15px 25px 0 25px; color: #000000; text-align: center;} .post-title { padding: 15px 25px 0 25px; color: #b30007; text-align: left; font-size: 1.4em; } #main-col-sb-center h3 { padding: 15px 25px 0 25px; color: #b30007; text-align: left; } #main-col-sb-center ul { padding: 5px 30px 0 30px; color: #000000; font-size: 1.2em; } #main-col-sb-center ol { padding: 5px 30px 0 30px; color: #000000; font-size: 1.2em; } #main-col-sb-bottom { background: url(/images/mid_boxBottom.jpg) no-repeat; margin: 0; padding: 0; width: 590px; height: 25px; float: right; } #collapsible-archive { margin: 0; padding: 0; text-align: left; list-style-type: none; } #collapsible-archive ul { margin: 0; padding: 0; text-indent: 0; } #collapsible-center ul li { margin: 0; padding: 3px 0; color: #000000; font-size: 12px; text-align: left; list-style-type: none; list-style-position: outside; } #collapsible-bottom { margin: 0; padding: 0; } .archive-article { color: #666666; text-align: left; } #contact { width: 665px; margin: 0 auto; padding: 10px 0; background: #eeeeee; border: 1px solid #b30007; } #contact p { margin: 0; padding: 5px 10px;} .wpcf7-form { padding: 15px; } div.wpcf7-response-output { margin: 0 20px 10px !important; } .widget_text { list-style-type: none; } #partners-top { background: url(/images/small_boxTop.jpg) top center no-repeat; height: 50px; width: 225px; margin: 0; padding: 0; list-style-type: none; float: left; } #partners-center { background: url(/images/small_boxCenter.jpg) repeat-y; height: auto; margin: 0; padding: 10px 10px 0 10px; width: 205px; color: #000000; font-size: 1.2em; list-style-type: none; text-align: center; } #partners-bottom { background: url(/images/small_boxBottom.jpg) no-repeat; height: 25px; margin: 0; padding: 0; float: left; width: 225px; } .ad { margin-top: 5px; padding: 5px; background: #f7f7f7; border: 1px solid #cccccc; } .ad:hover { border: 1px solid #000000; } #mac-pc { margin: 0; padding: 15px 25px 10px; text-align: center; } #mac-pc h2 { font-size: 1.8em; } .date { border-bottom: 1px solid #cccccc; margin: 0 25px !important; padding: 5px 0 !important; } /* HEADER */ #top-bar { padding: 6px 0 0 24px; } #top-bar p { color: #b30007; font-size:1.6em; font-weight:bold; margin: 80px 15px 0 0; text-align: center; width: 350px; float:right;} form#searchform { margin: 9px 24px 0 0; float: right; } /* MENU*/ #menu-bar { margin-bottom: 16px; float:left;} ul#nav { margin: 0 0 0 5px; padding: 12px 0; border-right: 1px solid #666666; } ul#nav li { display: inline; } ul#nav li a { position: relative; color: white; font-size: 1.4em; padding: 12px 10px; border-left: 1px solid #666666; } ul#nav li a:hover { color: #b30007; } /* FAQ */ #faq { width: 647px; margin: 0 0 0 32px; padding: 10px 0 0 0; } dl { clear: both; padding: 0 0 10px 0; } dt { position: relative; font-weight: bold; font-size: 1.4em; color: #000000; line-height: 41px; padding: 0 0 0 50px; display: block; } dt#support { background: url(/images/faq_CustomerSupport.gif) no-repeat; width: 647px; height: 43px; } dt#virus { background: url(/images/faq_Virus.gif) no-repeat; width: 647px; height: 43px; } dt#customize { background: url(/images/faq_Customize.gif) no-repeat; width: 647px; height: 43px; } dt#ease { background: url(/images/faq_Ease.gif) no-repeat; width: 647px; height: 43px; } dt#audit { background: url(/images/faq_Audit.gif) no-repeat; width: 647px; height: 43px; } dt#integration { background: url(/images/faq_Integration.gif) no-repeat; width: 647px; height: 43px; } dt#tech { background: url(/images/faq_TechSupport.gif) no-repeat; width: 647px; height: 43px; } dt#guarantee { background: url(/images/faq_Guarantee.gif) no-repeat; width: 647px; height: 43px; } dd.answer { position: relative; width: 95%; float: right; font-size: 1.2em; color: #000000; } dd.answer div { padding: 10px; margin: 0 0 10px 0; } .answer-tab { background: url(images/answer-tag.png); display: block; width: 647px; height: 43px; cursor: pointer; text-align: right; color: #666666; text-decoration: none; font-size: .8em; position: absolute; bottom: 0; left: 0;} /* COLLAPSIBLE HEADERS */ #collheader { width: 670px; margin: 0 0 0 20px; padding: 10px 0 0 0; } #collheader dl { clear: both; padding: 0 0 20px 0; } #collheader dt { position: relative; font-weight: bold; font-size: 1.4em; color: #000000; line-height: 41px; padding: 0; display: block; } dt.burgbottom { background: url(/images/title_background.jpg) no-repeat center bottom; text-align: center; } dd.info { position: relative; width: 100%; float: right; font-size: 1.2em; color: #000000; } dd.info div { padding: 10px; margin: 0 0 10px 0; } .info-tab { background: url(images/answer-tag.png); display: block; width: 647px; height: 40px; cursor: pointer; text-align: right; color: #666666; text-decoration: none; font-size: .8em; position: absolute; bottom: 0; left: 0;} .collp { font-size: 1em !important; padding: 0 !important; } /* FOOTER*/ #footer { height: 55px; } #footer-inside { width: 940px; margin: 0 auto; padding-top: 10px; border-top: 1px solid #cccccc; text-align: center;}