body { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; } .fLeft {float:left;} .fRight {float:right;} #bodyMain {width:960px; margin:auto; clear:both; border:3px solid #22316C; border-top:none; min-height:375px; height:auto !important; height:375px; background:right top no-repeat;} #headerMain {width:960px; margin:auto;} #headerNav {width:100%; margin:10px auto 0px auto; background: url(../images/navBg-Main.jpg) repeat-x #000000; clear:both;} #bodyMain br {clear:both;} /********************************** HEADER *******************************************/ #headerNav ul {width:960px; font-size:12px; margin:0px auto; text-transform:uppercase; font-weight:bold; line-height:30px; height:30px; padding:0px;} #headerNav ul li {float:left; line-height:30px; height:30px;} #headerNav ul li a {color:#FFFFFF; display:block; text-decoration:none; text-align:center; padding:0px 13px; line-height:30px; height:30px;} #headerNav ul li a:hover{color:#FFFFFF; background:url(../images/navBg-Pink.jpg) repeat-x;} #headerNav br {clear:both;} /* IE6 FIX */ #headerNav ul li a {_float:left;} #headerNav ul li a:hover {_float:left;} #headerMain br {clear:both;} #headerLogo {float:left; margin:0px 50px 0px 25px; } #headerCallToActions {text-align:left; float:left; color:#22316C; font-size:23px; font-style:italic; font-weight:normal;} #headerCallToActions ul {text-align:left; width:275px;} #headerCallToActions ul li {text-align:left; padding-top:20px; text-align:center;} #headerContactDetails {float:right; margin-right:25px; text-align:right;} #headerContactDetails p {line-height:1.2em; margin-top:20px; font-size:1.5em; color:#F04DC0;} #headerContactDetails p a {text-decoration:none; color:#F04DC0;} #headerContactDetails p a:hover {text-decoration:none; color:#F04DC0; padding-bottom:2px; border-bottom:2px solid #F04DC0;} #homefeature {width:960px; margin:1px auto 0px auto; padding:5px 0px; background-color:#F04DC0} #homefeature a {display:block; color:#FFFFFF; text-decoration:none;} #homefeature a:hover {display:block; color:#22316C; text-decoration:none;} #homefeature p {margin:0px; padding:0px 5px; font-size:13px; font-weight:bold; float:left;} #homefeature ul {float:left; display:inline; font-size:13px; font-weight:bold; width:650px;} #homefeature ul li {float:left; display:inline; font-size:13px; font-weight:bold; } #homefeature br {clear:both;} /********************************** MAIN CONTENT *******************************************/ #bodyMainCopy {width:960px; float:left; color:#333333;} #bodyMainCopy h1 {margin:15px 15px 5px 15px; font-size:20px; color:#F04DC0; font-weight:normal;} #bodyMainCopy h2 {margin:10px 15px 0px 15px; font-size:18px; color:#F04DC0; font-weight:normal; float:left;} #bodyMainCopy p {margin:5px 15px 8px 15px; font-size:12px; text-align:left; line-height:150%; width:580px; clear:both;} #bodyMainCopy p em {font-style:normal; color:#22316C;} #bodyMainCopy ul {margin:0px 0px 8px 20px; padding:0px 0px 0px 20px; font-size:1.0em; list-style:disc; width:580px; line-height:18px;} #bodyMainCopy ul li {margin:1px 0px 0px 2px; padding:0px 0px 0px 5px;} #bodyMainCopy ol {margin:10px 0px 8px 10px; padding:0px 0px 0px 20px; font-size:1.0em; line-height:18px; clear:both; width:480px; list-style:decimal;} #bodyMainCopy ol li {margin:1px 0px 5px 2px; padding:0px 0px 0px 5px;} #bodyMainCopy a {text-decoration:none; color:#F04DC0; padding:1px 2px; border-bottom:1px solid #F04DC0; } #bodyMainCopy a:hover {text-decoration:none; color:#FFFFFF; padding:1px 2px; border-bottom:none; background-color:#F04DC0;} #bodyMainCopy .ppButton {text-align:center;} #bodyMainCopy .ppButton a {border:none; padding:0px;} #bodyMainCopy .ppButton a:hover {border:none; padding:0px; background:none;} #bodyMainCopy p strong.inlineHead {font-size:1.2em; color:#F04DC0;} #bodyMainCopy form {margin:5px 0px 0px 0px; padding:0px; text-align:center} #bodyMainCopy form#termsForm {text-align:left; margin-left:40px; font-size:1.2em; width:480px;} #bodyMainCopy form#termsForm label.error {display:block; color:#900; font-size:0.8em; margin-top:5px;} #bodyMainCopy br {clear:both;} #bodyMainCopy div#workshop {float:left; clear:both; width:400px;} #bodyMainCopy div#workshop h2 {text-align:center; font-size:18px; width:400px;} #bodyMainCopy div#workshop p {text-align:center; font-size:14px; width:400px;} #bodyMainCopy div#workshop p em {font-style:normal; color:#22316C;} #bodyMainCopy div#youTube {float:left; margin-left:40px; margin-top:70px;} #infoBoxes {position:absolute; float:left; background-color:#00CC00; bottom:0px; left:525px} .infoBoxMain {position:absolute; bottom:0px; width:300px; height:150px; color:#000000;} .infoBox1 {left:0px; background-color:#F04DC0;opacity:0.8;filter:alpha(opacity=80)} .infoBox2 {left:200px; background-color:#FFFFFF;opacity:0.8;filter:alpha(opacity=80)} .infoBoxMain a {display:block; height:150px;} #bodyMainCopy #infoBoxes ul {margin:0px 0px 5px 10px; padding:0px 0px 0px 20px;} #bodyMainCopy #infoBoxes ul li {margin:0px 0px 2px 0px; padding:0px; cursor:pointer;} .infoBox1 h3 {font-size:1.3em; color:#FFFFFF; padding:5px; margin-bottom:5px; cursor:pointer;} .infoBox1 li {color:#FFFFFF; list-style-image:url(../images/tick-white.png);} .infoBox2 h3 {font-size:1.3em; color:#22316C; padding:5px; margin-bottom:5px; cursor:pointer;} .infoBox2 li {color:#22316C;list-style-image:url(../images/tick-blue.png);} ul.tickList {margin:0px 0px 3px 10px; padding:0px 0px 0px 20px;} ul.tickList li {margin:0px 0px 2px 10px; padding:0px; color:#333333; list-style-image:url(../images/tick-black.png);} #bodyMainCopy ul.tickList li ul {margin:0px 0px 3px 10px; padding:10px 0px 0px 20px;} #bodyMainCopy ul.tickList li ul li {margin:0px 0px 2px 10px; padding:0px; color:#333333; list-style-type:square; list-style-image:none;} #bodyMainCopy ul.tickList li strong a {text-decoration:none; color:#000000; padding:0px; border-bottom:1px solid #000;;} #bodyMainCopy ul.tickList li strong a:hover {text-decoration:none; color:#F04DC0; padding:0px; border-bottom:none; background-color:transparent;} .highlight {color:#22316C; font-weight:bold; font-style:italic;} /*blockquote { font: 16px/22px; font-style:italic; font-weight:bold; padding:5px; line-height:130%; margin:5px 15px 8px 15px; background-image: url(../images/quoteOpen.png); background-position: top left; background-repeat: no-repeat; text-indent: 23px; width:auto; } blockquote span { display:inline-block; padding:3px; background-image: url(../images/quoteClose.png); background-repeat: no-repeat; background-position: bottom right; } */ /********************************** CASE STUDIES *******************************************/ .caseStudyList {width:560px; margin:5px 0px 5px 10px; border:1px solid #F04DC0; float:left;} .caseStudyList h4 {font-size:13px; margin:0px 0px 5px 0px; padding:5px; display:block; width:280px; float:left; background:#F04DC0;} .caseStudyList h5 {font-size:13px; margin:0px 0px 5px 0px; padding:5px; display:block; width:160px; float:right; background:#F04DC0; text-align:right;} .caseStudyList br {clear:both;} #bodyMainCopy .caseStudyList p {margin:0px; padding:0px 5px; width:auto;} .caseStudyList br {clear:both;} .caseStudyShadow {} .callToActionBox {float:left; margin:15px 15px 0px 20px; width:280px; border:1px solid #22316C;} #bodyMainCopy .callToActionBox h2 {background-color:#22316C; width:270px; padding:2px 5px; color:#FFFFFF; margin:0px;} #bodyMainCopy .callToActionBox p {width:270px; padding:2px 5px; margin:0px;} /********************************** PARTNERS *******************************************/ /* PINK: F04DC0 BLUE: 22316C */ #bodyMainCopy #tabsArea {width:620px; margin:20px;} #bodyMainCopy #tabsArea ul {width:622px; margin:00px; padding:0px; float:left; height:26px; border-bottom:1px solid #F04DC0; list-style:none; } #bodyMainCopy #tabsArea ul li {margin:0px 8px 0px 0px; padding:0px; float:left; height:25px; border:1px solid #F04DC0; line-height:25px; margin-bottom:-1px; background:#e0e0e0; overflow:hidden; position:relative;} #bodyMainCopy #tabsArea ul li a {background:url(../images/tabsBg.jpg) repeat-x bottom #22316C; text-decoration:none; color:#FFF; display:block; font-size:1em; padding:0 20px; outline:none; font-weight:bold;} #bodyMainCopy #tabsArea ul li a:hover {background:#F04DC0; color:#FFF;} html #bodyMainCopy #tabsArea ul li.active, html #bodyMainCopy #tabsArea ul li.active a, html #bodyMainCopy #tabsArea ul li.active a:hover {background:#FFFFFF; border-bottom:1px solid #FFFFFF; color:#F04DC0;} #bodyMainCopy #tabsArea div {border:1px solid #F04DC0; border-top:none; clear:both; float:left; width:620px; background:#FFFFFF; min-height:240px; height:auto !important; height:240px;} #bodyMainCopy #tabsArea div.tabsInner {display:block; padding:0px;} #bodyMainCopy #tabsArea div.tabsInner h4 {color:#22316C; line-height:130%; font-size:15px; font-weight:bold; background:none; margin:5px 20px;} #bodyMainCopy #tabsArea div.tabsInner img {margin:5px 20px;} #bodyMainCopy #tabsArea div.tabsInner p {margin:0px 20px 10px 20px; width:auto;} #bodyMainCopy #tabsArea div.tabsInner ol {margin:0px 0px 8px 20px; padding:0px 0px 0px 20px; font-size:12px; list-style:disc; width:auto; height:auto; line-height:18px; border:none; float:none; border:none; background:none;} #bodyMainCopy #tabsArea div.tabsInner ol li {margin:1px 0px 0px 2px; padding:0px; list-style:disc; display:list-item; float:none; border:none; background:none;height:18px; line-height:18px;} #bodyMainCopy #tabsArea div.tabsInner a.logoLink {border:none; background:none;} #bodyMainCopy #tabsArea div.tabsInner a.logoLink:hover {border:none; background:none;} /********************************** CONTACT FORM *******************************************/ #contactform {margin:15px 15px 0px 15px;} #contactform label {font-size:1em; float:left; width:90px; margin:0px 0px 5px 15px; text-align:left;} #contactform input {font-size:1em; float:left; width:200px; margin-bottom:5px; border:1px solid #888;} #contactform textarea {float:left; width:250px; height:110px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #888;} #contactform br {clear:both;} #contactform input#submit {font-size:13px; float:left; width:auto; margin-bottom:5px; background-color:#F04DC0; color:#FFFFFF; text-transform:capitalize; padding:2px 10px; font-weight:bold;} #contactform input.error, select.error {border-color:#F04DC0;} #contactform label.error {width:auto; clear:both; margin-left:105px; color:#F04DC0; margin-top:0px; font-weight:bold; font-style:italic;} /********************************** FOOTER *******************************************/ #footer {margin:5px auto; width:960px; clear:both; font-size:11px; color:#191919;} #footer a {color:#191919; text-decoration:none;} #footer a:hover {color:#191919; text-decoration:underline;} /********************************** PAGE SPECIFIC *******************************************/ body#pageHome div#bodyMain {} body#pageServicePackgages div#bodyMain {background-image:url(../images/mainBg-Packgages.png);} body#pageFAQs div#bodyMain {background-image:url(../images/mainBg-FAQ.jpg);} body#pageTerms div#bodyMain {background-image:url(../images/mainBg-Home.jpg);} /*body#pageAbout div#bodyMain {background-image:url(../images/mainBg-About.jpg);}*/ /*body#pageService div#bodyMain {background-image:url(../images/mainBg-About.jpg);}*/ body#pageContact div#bodyMain {background-image:url(../images/mainBg-Contact.jpg); background-position:bottom right;} body#pageHome #bodyMainCopy p, body#pageHome #bodyMainCopy ul {width:580px;} #adminCMS {margin:15px 15px 0px 15px;} #adminCMS label {font-size:1em; float:left; width:120px; margin:0px 0px 5px 15px; text-align:left; height:20px; line-height:20px;} #adminCMS input {font-size:1em; float:left; width:600px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif;} #adminCMS textarea {float:left; width:250px; height:110px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #adminCMS br {clear:both;} #adminCMS input#submit {font-size:13px; float:left; width:auto; margin-bottom:5px; background-color:#F04DC0; color:#FFFFFF; text-transform:capitalize; padding:1px 10px; font-weight:bold; border:none;} #bodyMainCopy .jobBox, #bodyMainCopy .caseStudy {border:1px solid #22316C; margin:4px 0px 4px 15px ; width:400px; padding-bottom:5px; float:left; background:url(../images/bgJobTitle.jpg) repeat-x top; min-height:190px; height:auto !important; height:190px;} #bodyMainCopy .jobBox h3, #bodyMainCopy .caseStudy h3 {color:#F04DC0; font-size:14px; padding:5px 5px 0px 5px; margin-top:5px; margin-bottom:5px; height:17px; line-height:17px; float:none;} #bodyMainCopy .jobBox h6, #bodyMainCopy .caseStudy h6 {float:left; width:080px; margin:0px 0px 0px 5px; font-size:12px; line-height:120%; clear:none; font-weight:bold; margin-right:0px; clear:both;} #bodyMainCopy .jobBox p, #bodyMainCopy .caseStudy p {float:left; width:240px; margin:0px 0px 8px 0px; padding:0px; font-size:12px; line-height:120%; clear:none;} #bodyMainCopy .jobBox a, #bodyMainCopy .caseStudy a {border:none;} #bodyMainCopy .jobDetail {float:left; width:240px; margin:0px 0px 0px 5px; padding:3px; font-size:12px; line-height:120%; clear:none;} /*#bodyMainCopy .caseStudy {min-height:115px; height:auto !important; height:115px; width:450px;} #bodyMainCopy .caseStudy h6 {width:70px;} #bodyMainCopy .caseStudy p {width:350px;} */ #bodyMainCopy .caseStudy {min-height:140px; height:auto !important; height:140px; width:420px;} #bodyMainCopy .caseStudy h6 {width:70px;} #bodyMainCopy .caseStudy p {width:310px;} #bodyMainCopy .packageWrapper {width:500px; margin:05px 0px 10px 15px; padding:5px; border:1px solid #F04DC0;} #bodyMainCopy .packageWrapper ul, packageWrapper ul li {width:450px; clear:both;} #bodyMainCopy .packageWrapper h3 {float:left; margin-bottom:8px; font-size:13px;} #bodyMainCopy .packageWrapper h4 {float:right; margin-bottom:8px; font-size:13px;} #bodyMainCopy .packageWrapper form {float:right; margin:0px;} /* #bodyMainCopy .cvPackagesTable {width:920px; margin:5px 15px; border-collapse:collapse;} #bodyMainCopy .cvPackagesTable th {text-align:center; border:1px solid #CCC; padding:3px; vertical-align:top; color:#333; width:16%;} #bodyMainCopy .cvPackagesTable th.blank {border-left:none; border-top:none;} #bodyMainCopy .cvPackagesTable th h3 {text-align:center; width:auto; line-height:120%; font-size:13px; margin:3px 0px; padding:0px; font-weight:bold; color:#22316C;} #bodyMainCopy .cvPackagesTable th p {text-align:center; width:auto; line-height:120%; font-size:11px; margin:0px 3px; padding:0px; font-weight:normal; height:50px;} #bodyMainCopy .cvPackagesTable td {text-align:center; border:1px solid #CCC; padding:3px; vertical-align:middle;} #bodyMainCopy .cvPackagesTable td p {text-align:left; width:auto; line-height:120%; font-size:11px; margin:0px; padding:0px; font-weight:normal;} #bodyMainCopy .cvPackagesTable td p strong {font-size:12px; display:block; margin-bottom:3px;} #bodyMainCopy .cvPackagesTable td.left {text-align:left;} #bodyMainCopy .cvPackagesTable td.tdShadow {background-color:#EEEEEE;} */ #bodyMainCopy .cvPackagesTable {width:650px; margin:5px 15px; border-collapse:collapse;} #bodyMainCopy .cvPackagesTable th {text-align:left; border:1px solid #CCC; padding:3px; vertical-align:top; color:#333;} #bodyMainCopy .cvPackagesTable th.blank {border-left:none; border-top:none;} #bodyMainCopy .cvPackagesTable th h3 {text-align:center; width:auto; line-height:120%; font-size:13px; margin:3px 0px; padding:0px; font-weight:bold; color:#22316C;} #bodyMainCopy .cvPackagesTable th p {text-align:center; width:auto; line-height:120%; font-size:11px; margin:0px 3px; padding:0px; font-weight:normal; height:50px;} #bodyMainCopy .cvPackagesTable td {text-align:left; border:1px solid #CCC; padding:3px; vertical-align:top;} #bodyMainCopy .cvPackagesTable td p {text-align:left; width:auto; line-height:120%; font-size:12px; margin:0px; padding:0px; font-weight:normal;} #bodyMainCopy .cvPackagesTable td p strong {font-size:12px; display:block; margin-bottom:3px;} #bodyMainCopy .cvPackagesTable td.left {text-align:left;} #bodyMainCopy .cvPackagesTable td.tdShadow {background-color:#EEEEEE;} #bodyMainCopy .cvPackagesTable td p.moreinfo {text-align:center;} #bodyMainCopy .cvPackagesTable td p.moreinfo a {display:block; margin-bottom:4px; border:none; text-decoration:none;} #bodyMainCopy #testimonialsArea {float:left;width:230px; margin-top:70px;} #bodyMainCopy #testimonialsArea h2 {margin-top:0px; margin-bottom:10px;} #bodyMainCopy #testimonialsArea ul {width:230px;} #bodyMainCopy #testimonialsArea ul li {margin-bottom:10px; font-size:13px;} #ctaHolder {float:right; margin-right:10px; margin-top:20px; width:310px;} #bodyMainCopy .ctaBox {margin-bottom:10px; width:300px;} #bodyMainCopy .ctaBox h4 {background:url(../images/ctaTop.jpg); height:28px; line-height:28px; font-size:14px; color:#FFF; padding:0px; margin:0px; text-indent:5px;} #bodyMainCopy .ctaBox {background:url(../images/ctaBottom.jpg) bottom no-repeat #8289AB; padding-bottom:10px; line-height:150%;} body#pageHome #bodyMainCopy .ctaBox p {padding:0px 5px; font-size:14px; margin:0px; width:auto;} #bodyMainCopy .ctaBox p em {color:#FFF; font-size:12px;} #bodyMainCopy .ctaBox p em strong {text-align:right; font-style:italic; display:block;} #bodyMainCopy .ctaBox a {color:#FFF; border:none; margin:0px; padding:0px;} #bodyMainCopy .ctaBox a:hover {background:none;} #bodyMainCopy .ctaBoxPink {background-image:url(../images/ctaBottomPink.jpg); background-color:#F8A6E0;} #bodyMainCopy .ctaBoxPink h4 {background-image:url(../images/ctaTopPink.jpg); color:#333} #bodyMainCopy .ctaBoxPink p em {color:#333;} #bodyMainCopy .ctaBoxPink a {color:#333;} blockquote { font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; line-height:150%; font-style:italic; width:380px; margin:20px auto 10px auto; padding:18px 20px; background-color: #FBD2EF; border-top: 1px solid #F8A6E0; border-bottom: 1px solid #F8A6E0; background-position: middle left; background-repeat: no-repeat; } #bodyMainCopy p.homeHighlight {font-size:18px; color:#F04DC0; font-weight:normal; text-align:center;} #bodyMainCopy #testimonialsArea ul {margin-left:10px; padding-left:0px;} #bodyMainCopy #testimonialsArea ul li {list-style:none; border-bottom:1px solid #333; padding-bottom:10px;} #bodyMainCopy #testimonialsArea ul li:last-child {border-bottom:none;}