/* --------------------------------------------- Mak Solutions Screen Styles author: Cyberwoven version: 2008.10 ----------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } a, a:link { color:#0083c1; text-decoration:none; } a:hover { text-decoration:underline; } em { font-weight:bold; color:#fff; } :focus { outline: 0; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } screen { font-size:11px; } /* links */ a:link, a:visited { color:#00deff; text-decoration:none; } a:hover { color:#229fff; text-decoration:none; } h3 {font-size:20px; line-height:32px; margin:0 0 20px 0; font-weight:normal; font-family: Arial, sans-serif; color:#fff !important;} h4 {font-size:18px; line-height:22px; margin:30px 0 10px 0; font-weight:bold; font-family: Arial, sans-serif; color:#c871ff;} h5 {font-size:14px; line-height:22px; margin:10px 0 0px 0; font-weight:bold; font-family: Arial, sans-serif; color:#c871ff;} ul, ol {margin-bottom:40px;} /* Common */ body { font-family:Arial, sans-serif; font-size:12px; line-height: 22px; color: #fff; font-weight:normal; background:#162374 url(../images/body_bg_dark-logo.jpg) no-repeat top center; width:100%; margin:0; padding:0; } body.internal { background:#162374 url(../images/body-internal_bg.jpg) no-repeat top center; } #wrapper { margin:0 auto; padding-bottom:27px; width:960px; background:url(../images/body_bg_dark-logo.jpg) no-repeat top center; } body.internal #wrapper { height:620px; padding-bottom:84px; background:url(../images/body_bg_dark-logo-type.jpg) no-repeat top center; } body#home #header { position:relative; float:left; width:960px; } body#home #preamble { clear:left; width:620px; display:block; height:200px; margin:0 0 13px 340px; } * html body#home #preamble { margin-left:365px; } body#home h1 { position:absolute; top:42px; left:-20px; display:block; height:195px; width:296px;} body.internal h2 { position:absolute; top:0; height:177px; width:249px; display:block; } body#home h1 a, body.internal h2 a { display:block; height:100%; width:100%; text-indent:-9999px; } body#home #main_content { clear:left; width:970px; margin-bottom:65px; } * html body#home #main_content { margin-left:25px; } body#home #main_content div.content_section { width:257px; display:block; float:left; padding:125px 33px 67px 33px; margin-top:-71px; margin-bottom:65px; font-size:.95em; background:url(../images/content_section_bg.png) no-repeat center; } body#home #main_content div#implementation.content_section { margin-left:-6px; background:url(../images/implementation-content_section_bg.jpg) no-repeat top center; } body#home #main_content div#implementation.content_section:hover, body#home #main_content div#implementation.contenct_section.hover { background:url(../images/implementation-content_section_bg-hover.jpg) no-repeat center 1px; } body#home #main_content div#productivity.content_section { background:url(../images/productivity-content_section_bg.jpg) no-repeat top center; } body#home #main_content div#productivity.content_section:hover, body#home #main_content div#productivity.content_section.hover { background:url(../images/productivity-content_section_bg-hover.jpg) no-repeat top center; } body#home #main_content div#decision_support.content_section { background:url(../images/decision_support-content_section_bg.jpg) no-repeat top center; } body#home #main_content div#decision_support.content_section:hover, body#home #main_content div#decision_support.content_section.hover { background:url(../images/decision_support-content_section_bg-hover.jpg) no-repeat top center; } body#home #main_content div.content_section h4 { text-indent:-9999px; display:block; height:26px; margin-left:-4px; } body#home #main_content div#implementation.content_section h4 { width:175px; background:url(../images/implementation_header.png) no-repeat top left; } * html body#home #main_content div#implementation.content_section h4 { background:url(../images/implementation_header.gif) no-repeat top left; } body#home #main_content div#productivity.content_section h4 { width:139px; background:url(../images/productivity_header.png) no-repeat top left; } * html body#home #main_content div#productivity.content_section h4 { background:url(../images/productivity_header.gif) no-repeat top left; } body#home #main_content div#decision_support.content_section h4 { width:234px; background:url(../images/lifecycle_management.png) no-repeat top left; } * html body#home #main_content div#decision_support.content_section h4 { background:url(../images/lifecycle_management.gif) no-repeat top left; } body#home #main_content div.content_section span.link_box { position:absolute; top:249px; margin-left:-33px; display:block; height:363px; width:325px; } body#home #main_content div.content_section span.link_box a { display:block; height:100%; width:100%; } body#home #main_content div.content_section p.more_info a { position:absolute; display:block; padding-left:9px; margin-left:-9px; background:url(../images/link_arrow.png) no-repeat left center; } * html body#home #main_content div.content_section p.more_info a { background:url(../images/link_arrow.gif) no-repeat left center; } body#home #main_content div.content_section:hover p.more_info a { color:#be69f4; background:url(../images/link_arrow-hover.png) no-repeat left center; } * html body#home #main_content div.content_section p.more_info a:hover { color:#be69f4; background:url(../images/link_arrow-hover.gif) no-repeat left center; } body.internal #content_wrapper { position:relative; float:left; clear:right; margin-top:150px; margin-bottom:50px; width:960px; } body.internal #main_content { width:596px; float:left; clear:left; margin:0 10px 50px 0; } body.internal #main_content h1 { font-size:4em; font-weight:normal; display:block; width:100%; letter-spacing:.5px;} body.internal #main_content p#preamble { font-size:20px; line-height:30px; } body.internal #sub_content { width:334px; float:right; margin:50px 0 50px 0; clear:right; display:block; position:relative; } #footer { padding:12px 0; margin:0 6px 27px 4px; font-size:.95em; clear:left; border:solid 1px #112c91; border-left:none; border-right:none; background:url(../images/footer_bg.png) no-repeat top center; } body.internal #footer { float:left; clear:left; margin:0 0 84px; width:100%; } #footer span.cyberwoven a, #footer span.cyberwoven a:visited { color:#fff; padding-bottom:3px; border-bottom:dotted 1px #2a3a9b; } #footer span.cyberwoven a:hover { border-bottom-color:#3445ae; } #footer a:hover, #footer span.cyberwoven a:hover { color:#be69f4; } /* cms content */ #main_content ul { padding:19px 0 0 0; background:url(../images/ul-top_bg.jpg) no-repeat top left;} #main_content ul li { padding-left:20px; background:url(../images/link_arrow.png) no-repeat 5px 9px; } * html #main_content ul li { background-image:url(../images/link_arrow.gif); } #main_content ol { padding:19px 0 0 0; } #main_content ol li { margin-left:25px; color:#fff; list-style-type:decimal; list-style-color:#3f53cc; } #sub_content img { float:right; padding:15px 0 0 15px; margin:0 0 35px 0; max-width:279px; height:auto; background:url(../images/photo_bg.jpg) no-repeat top left; } * html #sub_content img { width:279px; height:auto; } table { color:#f0f2fa; } table tr.even { background:#1d2c89; } /* news */ #Div1, #rss { position:absolute; display:none; } table.newsTable tr.even { background:none; } .news_post p { position:absolute; display:none; } /* vcard */ #footer #contact h5, #footer #contact div.tel, #footer #contact div.adr { display:inline; } span.country-name { display:none; } /* Navigation */ ul#main_nav { width:656px; clear:right; display:block; height:67px; margin-left:305px; } ul#main_nav li { display:block; height:67px; float:left; } ul#main_nav li a { display:block; height:100%; width:100%; text-indent:-9999px; } ul#main_nav li#services { width:173px; } ul#main_nav li#services a { background:url(../images/navigation/services-all.png) no-repeat bottom left; } * html ul#main_nav li#services a { background:url(../images/navigation/services-all.gif) no-repeat bottom left; } ul#main_nav li#services.active a { background-position:0 0; } ul#main_nav li#services.active a:hover { background-position:0 0; } ul#main_nav li#services a:hover { background-position:0 -67px; } ul#main_nav li#clients { width:166px; } ul#main_nav li#clients a { background:url(../images/navigation/clients-all.png) no-repeat bottom left; } * html ul#main_nav li#clients a { background:url(../images/navigation/clients-all.gif) no-repeat bottom left; } ul#main_nav li#clients.active a { background-position:0 0; } ul#main_nav li#clients.active a:hover { background-position:0 0; } ul#main_nav li#clients a:hover { background-position:0 -67px; } ul#main_nav li#case_studies { width:216px; } ul#main_nav li#case_studies a { background:url(../images/navigation/case_studies-all.png) no-repeat bottom left; } * html ul#main_nav li#case_studies a { background:url(../images/navigation/case_studies-all.gif) no-repeat bottom left; } ul#main_nav li#case_studies.active a { background-position:0 0; } ul#main_nav li#case_studies.active a:hover { background-position:0 0; } ul#main_nav li#case_studies a:hover { background-position:0 -67px; } ul#main_nav li#about { width:101px; } ul#main_nav li#about a { background:url(../images/navigation/about-all.png) no-repeat bottom left; } * html ul#main_nav li#about a { background:url(../images/navigation/about-all.gif) no-repeat bottom left; } ul#main_nav li#about.active a { background-position:0 0; } ul#main_nav li#about.active a:hover { background-position:0 0; } ul#main_nav li#about a:hover { background-position:0 -67px; } ul#main_nav li#contact { width:180px; margin-left:30px; } ul#main_nav li#contact a { background:url(../images/navigation/contact-all.png) no-repeat bottom left; } * html ul#main_nav li#contact a { background:url(../images/navigation/contact-all.gif) no-repeat bottom left; } ul#main_nav li#contact.active a { background-position:0 0; } ul#main_nav li#contact.active a:hover { background-position:0 0;} ul#main_nav li#contact a:hover { background-position:0 -67px; } /* top sub nav */ ul#main_nav li ul { position:absolute; margin-left:-9999px; float:none; width:209px; padding:10px 15px 16px 15px; background:url(../images/main_nav_sub-bg.jpg) no-repeat top left; border-bottom:solid 1px #111b61; } ul#main_nav li.active ul { } * html ul#main_nav li.active ul { margin-left:0px; } ul#main_nav li.active.ie6 ul { } * html ul#main_nav li.active.ie6 ul { margin-left:-9999px; } ul#main_nav li#services ul { background:url(../images/first-main_nav_sub-bg.jpg) no-repeat top left; } ul#main_nav li#about ul { background:url(../images/last-main_nav_sub-bg.jpg) no-repeat top left; } ul#main_nav li ul li { height:auto; float:none; margin:-1px 15px 0; border-bottom:solid 1px #16358c; } ul#main_nav li ul li:last-child { border:none; } ul#main_nav li ul li a { text-indent:0; color:#fff; display:block; padding:5px 0 5px 15px; margin-left:-15px; background:none !important; } ul#main_nav li ul li a:hover { color:#6db2ff; } ul#main_nav li ul li a.current { background:url(../images/sub_nav-arrow.png) no-repeat left center !important; color:#6db2ff; } * html ul#main_nav li ul li a.current { background:url(../images/sub_nav-arrow.gif) no-repeat left center !important; } ul#main_nav li ul li a.current:hover { color:#429bff; } ul#main_nav li:hover ul, ul#main_nav li.hover ul { margin-left:0px; float:left; } ul#main_nav li.active.ie6.hover ul { } * html ul#main_nav li.active.ie6.hover ul { margin-left:0px; } ul#main_nav li#services:hover ul, ul#main_nav li#services.hover ul { margin-left:13px; } ul#main_nav li#clients:hover ul, ul#main_nav li#clients.hover ul { margin-left:15px; } ul#main_nav li#case_studies:hover ul, ul#main_nav li#case_studies.hover ul { margin-left:21px; } ul#main_nav li#about:hover ul, ul#main_nav li#about.hover ul { margin-left:-73px; } body#home ul#main_nav li#about:hover ul, body#home ul#main_nav li#about.hover ul { margin-left:-140px; } /* sub content sub nav */ ul#sub_nav { position:absolute; display:none; height:0; width:0; } /* ul#sub_nav { margin:0 10px 0 40px; border-top:solid 1px #2e4dd2; } ul#sub_nav li { border-bottom:solid 1px #2e4dd2; } ul#sub_nav li a { color:#ddf3fa; padding:.6em 10px; font-size:1.3em; text-transform:uppercase; display:block; height:100%; width:100%; } ul#sub_nav li.active a { color:#6db2ff; } ul#sub_nav li.active ul li a { color:#e4f0ff; } ul#sub_nav li.active a:hover { color:#429bff; } ul#sub_nav li a:hover { color:#fff; background:url(../images/sub_content-sub_nav-hover.jpg) no-repeat top center; } ul#sub_nav li ul { margin:0 0 .9em 0; } ul#sub_nav li ul li { border:none; } ul#sub_nav li ul li a { color:#e4f0ff; padding:.1em 0; padding-left:15px; font-size:.9em; text-transform:none; background:url(../images/sub_nav-arrow.png) no-repeat left center; } * html ul#sub_nav li ul li a { background:url(../images/sub_nav-arrow.gif) no-repeat left center; } ul#sub_nav li ul li.active a { color:#6db2ff; } ul#sub_nav li ul li.active a:hover { color:#429bff; } ul#sub_nav li ul li a:hover { background:url(../images/sub_nav-arrow.png) no-repeat left center; color:#6db2ff; } * html ul#sub_nav li ul li a:hover { background:url(../images/sub_nav-arrow.gif) no-repeat left center; } */ ul#footer_nav { float:right; margin:10px 0; } ul#footer_nav li { display:inline; margin-left:34px; } ul#footer_nav li a { text-transform:uppercase; color:#fff; } /* common classes */ .hide { display:none; } /* forms */ fieldset { margin:10px 0 40px; display:block; position:relative; } fieldset legend { text-indent:-9999px; } fieldset label { color:#5c72e9; margin:14px 0 2px 1px; display:block; clear:left; } fieldset label, fieldset input { line-height:14px; } fieldset input, fieldset textarea { font-family:arial, sans-serif; color:#010629; font-size:14px; padding:4px 2px; margin: 0; background:#2f3c97; border:solid 1px #0b1455; } fieldset input:focus, fieldset textarea:focus { background:#3644a6; } fieldset input.textbox { width:290px; } fieldset textarea { width:320px; height:303px; margin-bottom:15px; overflow-y:hidden; } fieldset a.linkbutton { display:block; border:none; background:url(../images/send_bg.jpg) 0 0; height:35px; width:100px; text-indent:-9999px; margin:5px 0 25px 320px; clear:left; } fieldset a.linkbutton:hover { background-position:0 35px; } fieldset.searchform { padding-left:15px; } fieldset.searchform label { position:absolute; left:-9999px; } fieldset.searchform input[type="submit"] { margin:15px 0 10px 5px; padding:2px 22px 2px 34px; background-position:left -5px; } span.address { display:block; float:left; clear:both; width:auto; padding-bottom:14px; } span.state { display:block; width:135px; float:left; margin-right:20px; } * html span.state { margin-right:7px; } span.state label, span.state input.textbox { width:100%; } span.zip { display:block; width:135px; float:left; } span.zip label, span.zip input.textbox { width:100%; } span.contact_message { display:block; position:absolute; top:0; margin-left:320px; } .error_message { color:#a2aae0 !important; padding:4px 0 2px 22px; background:url(../images/error.gif) no-repeat 0 2px; }