/* generic page styles */
html, body, div, ul, ol, li, dl, dt, dd, form, fieldset, input, textarea, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote, hr, th, td {
margin:0px;
padding:0px;
}
body {
background-color:#eeeeee;
margin:0px;
padding:0px;
font: 100% Arial, Helvetica, sans-serif;
line-height:1.5em;
}
ul {
padding:0 0 0 18px;
}
li {
list-style-image:url(../images/bullet.gif);
}
a {
color: #0066cc;
text-decoration:none;
}
a:hover {
color: #0066cc;
}
a:active {
color: #0066cc;
}
.floatLeft {float:left;}
.floatRight {float:right;}
.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:Right;}
.btnSpace{
margin:20px 0 20px 0;
}
#pacific {
height: 100%;
}
/* header */
#containerHeader {
width:770px;
height:78px;
margin-left:auto;
margin-right:auto;
}
#header {
width:756px;
height:78px;
float:left;
background-color:#FFFFFF;
background-image: url(../images/header_bkg.gif);
background-repeat: no-repeat;
}
#header span {
position:absolute;
margin: 44px 0 0 196px;
}
#shadowLeftHeader {
width:7px;
height:78px;
float:left;
}
#shadowRightHeader {
width:7px;
height:78px;
float:left;
}
/* navigation */
#containerNavigation {
width:770px;
height:63px;
margin-left:auto;
margin-right:auto;
}
#navigation {
width:756px;
height:63px;
float:left;
background-color:#25aae1;
background-image: url(../images/navigation_bkg.gif);
background-repeat:no-repeat;
}
#navigation a {
color: #FFFFFF;
text-decoration:none;
}
#navigation a:hover {
color: #bce4fa;
text-decoration:none;
}
#navigation a:active {
color: #bce4fa;
text-decoration:none;
}
#navigation .links {
position:absolute;
margin: 0 0 0 20px;
margin-top:19px;
}
#shadowLeftNavigation {
width:7px;
height:63px;
float:left;
}
#shadowRightNavigation {
width:7px;
height:63px;
float:left;
}
#textureBKGNavigation {
width:100%;
height:63px;
background-image:url(../images/grey_stripe_bkg.gif);
float:left;
}
/* body */
#containerBody {
width:770px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}
#bodyContent {
height:508px;
overflow:hidden;
width:756px;
float:left;
background-color:#FFFFFF;
}
#bodyContentTraining {
height:542px;
overflow:hidden;
width:756px;
float:left;
background-color:#FFFFFF;
}
#bodyContentCaseStudies {
height:397px;
overflow:hidden;
width:756px;
float:left;
background-color:#FFFFFF;
}
#bodyContentConsultancy {
height:452px;
overflow:hidden;
width:756px;
float:left;
background-color:#FFFFFF;
}
#bodyContentContactUs {
height:694px;
overflow:hidden;
width:756px;
float:left;
background-color:#FFFFFF;
}
#bodyContentThanks {
height:142px;
overflow:hidden;
width:756px;
float:left;
background-color:#FFFFFF;
}
#bodyContentError {
height:157px;
overflow:hidden;
width:756px;
float:left;
background-color:#FFFFFF;
}
#bodyContent {
overflow:hidden;
width:756px;
float:left;
background-color:#FFFFFF;
background-image:url(../images/swoosh_bkg.gif);
background-repeat: no-repeat;
background-position: center bottom;
}
#bodyContentInnerCell {
padding:20px;
line-height:15px;
height:100%;
}
#bodyContentInnerCell .bottomBkg {
height: 20px;
background-image:url(../images/grey_stripe_bkg.gif);
border-bottom:solid 1px #999999;
border-left:solid 1px #999999;
border-right:solid 1px #999999;
clear:both;
}
#leftCellContainer {
width: 281px;
float:left;
}
#leftCell {
padding:10px 0 0 10px;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #999999;
border-right-color: #999999;
border-left-color: #999999;
}
#rightCellContainer {
width: 415px;
float:left;
margin-left: 20px;
}
#rightCell {
padding:20px 20px 27px 20px;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #999999;
border-right-color: #999999;
border-left-color: #999999;
}
#mainCellContainer {
width: 100%;
height: 100%;
float:left;
}
#mainCell {
padding:20px;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #999999;
border-right-color: #999999;
border-left-color: #999999;
}
#shadowLeftBody {
width:7px;
float:left;
}
#shadowRightBody {
width:7px;
float:left;
}
/* footer bar */
#containerFooterBar img {
display: block;
}
#containerFooterBar {
width:770px;
height:10px;
margin-left:auto;
margin-right:auto;
}
#footerBar {
width:756px;
height:10px;
float:left;
background-color:#25aae1;
background-image: url(../images/navigation_bkg.gif);
background-repeat:no-repeat;
overflow:hidden;
}
#shadowLeftFooterBar {
width:7px;
height:10px;
float:left;
}
#shadowRightFooterBar {
width:7px;
height:10px;
float:left;
}
#textureBKGFooterBar {
width:100%;
height:10px;
background-image:url(../images/grey_stripe_bkg.gif);
float:left;
}
/* footer */
#containerFooter {
width:770px;
height:100%;
margin-left:auto;
margin-right:auto;
}
#bodyFooter {
width:756px;
height:60px;
float:left;
background-color:#FFFFFF;
}
#bodyFooter img {
float:right;
margin:10px 20px 0 0;
}
#bodyFooter span {
position:absolute;
margin-left:auto;
margin-right:auto;
padding-left:265px;
padding-top:12px;
}
#bodyFooter a {
color: #333333;
text-decoration:none;
}
#bodyFooter a:hover {
color: #333333;
text-decoration:none;
}
#bodyFooter a:active {
color: #333333;
text-decoration:none;
}
#shadowLeftFooter {
width:7px;
height:60px;
float:left;
}
#shadowRightFooter {
width:7px;
height:60px;
float:left;
}
/* contact form */
#contactForm p {
padding-bottom:10px;
}
#contactForm input,
#contactForm textarea {
padding:4px;
}
/* case studies */
#caseStudies li {
margin-bottom:20px;
}
/* font styles */
/*------------------------------------------------------*/
/** px to ems: 9:0.55, 10:0.6, 11:0.7, 12:0.75, 13:0.8, 14:0.9, 15:0.95, 16:1, 17:1.05, 18:1.1, 19:1.2, 20:1.25 **/
h1 {
color: #0066cc;
font-size: 1em;
font-weight:bold;
margin-bottom:10px;
}
h2 {
color: #FFFFFF;
font-size: 1.5em;
font-weight:lighter;
}
/* dark grey */
.n33309, n33310, n33312, b33314, b33316, b33318, {
color: #333333;
}
.n33309 {
font-size: 9px;
}
.n33310 {
font-size:0.6em;
}
.n33312 {
font-size:0.75em;
}
.b33314 {
font-weight: bold;
font-size:0.9em;
}
.b33316 {
font-size: 1em;
font-weight:bold;
}
.b33318 {
font-size: 1.125em;
font-weight:bold;
}
/* white */
.bFFF16 {
color: #FFFFFF;
}
.bFFF16 {
font-weight:bold;
}
.bFFF18 {
font-size: 1em;
}
/* light blue */
.bbce16 {
color: #bce4fa;
}
.bbce16 {
font-weight:bold;
}
.bbce16 {
font-size: 1em;
}
/* dark blue */
.b00616 {
color: #0066cc;
}
.b00616 {
font-weight:bold;
}
.b00616 {
font-size: 1em;
}