/***** standard definitions *****/

* { margin:0; padding:0; line-height:1.5; }
body {
font: normal 62.5% Verdana, Helvetica, sans-serif;
color:#000;
height:100%;
background:#FFF url(../images/body-bg.png) repeat-x;
}
input, select, textarea, button, label { font-family:Verdana, Helvetica, sans-serif; font-size:120%; }
h1 { margin:0 0 0.3em 0; font-size:190%; color:#3b1c5f; }
h2 { margin:0 0 1em 0; font-size:160%; color:#3b1c5f; font-weight:bold; }
h3 { margin:0 0 0 0; font-size:140%; color:#000; font-weight:bold; }
img { border:0; }
a { color:#3B1C5F; text-decoration:underline; }
a:hover { text-decoration:none; }
p { margin-bottom:1.2em; font-size:110%; }
p.larger { margin-bottom:1.2em; font-size:120%; }
p.noMargin { margin:0 }
ul { margin:0 0 1.2em 2em; }
ul p { display:inline; }
table p { display:inline; }
div.clear { width:100%; clear:both; height:0; }

/***** shared definitions *****/

div.layerOne, div.layerTwo {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
div.imageUnderlay {
float:right;
display:inline;
margin:24px 10px 0 0;
}
div.center {
width:770px;
margin:0 auto 0 auto;
}
div.masthead {
float:left;
width:770px;
height:349px;
}
div.masthead img {
float:left;
}
div.contentStretch {
width:684px;
padding:0 43px 0 43px;
float:left;
clear:left;
background:url(../images/content-stretch.png) repeat-y;
}
div.contentShiftedUp {
position:relative;
top:-60px;
float:left;
}
div.width400 {
width:400px;
float:left;
}
div.width180 {
width:180px;
float:left;
display:inline;
margin-left:5px;
margin-top:40px;
}
div.footer {
width:770px;
height:143px;
float:left;
}

/***** home page *****/

div.width310 {
width:310px;
float:left;
clear:left;
}
img.dots { float:left; }
div.violetBoxStretch {
float:left;
width:179px;
background:url(../images/violet-box-stretch.jpg) repeat-y;
}
div.violetBoxHeader {
width:168px;
padding:5px 11px 5px 0;
font-style:italic;
float:left;
color:#fff;
font-weight:bold;
background:url(../images/violet-box-header.jpg) no-repeat;
min-height:190px;
height:auto !important;
height:190px;
}
div.violetBoxHeader a {
color:#fff;
}
div.violetBoxHeader ul {
padding:0 0 0 5px;
margin:0;
width:155px;
}
div.violetBoxHeader li {
list-style:none;
background:transparent url(../images/star-bullet.png) no-repeat top left;
margin:3px 0 0 4px;
padding:0 0 0 15px;
}
div.violetBoxFooter {
width:179px;
height:11px;
float:left;
clear:left;
background:url(../images/violet-box-footer.jpg) no-repeat;
}
div.limeBoxStretch {
float:left;
width:179px;
background:url(../images/lime-box-stretch.jpg) repeat-y;
}
div.limeBoxHeader {
width:158px;
padding:10px 11px 2px 10px;
font-style:italic;
float:left;
margin:0;
color:#fff;
background:url(../images/lime-box-header.jpg) no-repeat;
min-height:45px;
height:auto !important;
height:45px;
}
div.limeBoxHeader p {
font-weight:bold;
font-size:150%;
margin:0;
line-height:1em;
}
div.limeBoxHeader p span {
font-size:120%;
}
div.limeBoxFooter {
width:179px;
height:11px;
float:left;
clear:left;
background:url(../images/lime-box-footer.jpg) no-repeat;
}
div.pinkBoxStretch {
float:left;
width:177px;
margin-top:10px;
background:url(../images/pink-box-stretch.jpg) repeat-y;
}
div.pinkBoxHeader {
width:152px;
padding:7px 15px 2px 10px;
font-style:italic;
float:left;
color:#fff;
background:url(../images/pink-box-header.jpg) no-repeat;
min-height:37px;
height:auto !important;
height:37px;
}
div.pinkBoxHeader a {
color:#fff;
}
div.pinkBoxHeader p {
font-weight:bold;
font-size:130%;
margin:0 0 5px 0;
line-height:1.2em;
}
div.pinkBoxFooter {
width:177px;
height:11px;
float:left;
clear:left;
background:url(../images/pink-box-footer.jpg) no-repeat;
}

/***** our services *****/

div.colouredBox { width:181px; float:left; color:#fff; font-weight:bold; }
div.colouredBox div.stretch { float:left; width:181px; margin-top:5px; }
div.colouredBox div.header {
width:155px;
padding:5px 16px 5px 10px;
float:left;
min-height:150px;
height:auto !important;
height:150px;
}
div.colouredBox div.footer { width:181px; height:11px; float:left; clear:left; }
div.colouredBox h2 { color:#fff; font-size:120%; margin:2px 0 1em 2px; }
div.colouredBox ul { padding:3px 0 0 0; margin:0; width:145px; }
div.colouredBox li {
list-style:none;
background:transparent url(../images/star-bullet.png) no-repeat top left;
text-decoration:none;
padding:0 0 0 18px;
}

div.orange { cursor:pointer; }
div.orange div.stretch { background:url(../images/orange-box-stretch.jpg) repeat-y; }
div.orange div.header { background:url(../images/orange-box-header.jpg) no-repeat; }
div.orange div.footer { background:url(../images/orange-box-footer.jpg) no-repeat; }

div.plum { cursor:pointer; }
div.plum div.stretch { background:url(../images/plum-box-stretch.jpg) repeat-y; }
div.plum div.header { background:url(../images/plum-box-header.jpg) no-repeat; }
div.plum div.footer { background:url(../images/plum-box-footer.jpg) no-repeat; }

div.lime { cursor:pointer; }
div.lime div.stretch { background:url(../images/lime-box2-stretch.jpg) repeat-y; }
div.lime div.header { background:url(../images/lime-box2-header.jpg) no-repeat; }
div.lime div.footer { background:url(../images/lime-box2-footer.jpg) no-repeat; }

div.pink { cursor:pointer; }
div.pink div.stretch { background:url(../images/pink-box2-stretch.jpg) repeat-y; }
div.pink div.header { background:url(../images/pink-box2-header.jpg) no-repeat; }
div.pink div.footer { background:url(../images/pink-box2-footer.jpg) no-repeat; }

div.orangeBox2Stretch {
float:left;
width:357px;
margin-top:10px;
background:url(../images/orange-box2-stretch.jpg) repeat-y;
}
div.orangeBox2Header {
width:327px;
padding:5px 20px 5px 10px;
float:left;
color:#fff;
background:url(../images/orange-box2-header.jpg) no-repeat;
}
div.orangeBox2Header a {
color:#fff;
}
div.orangeBox2Header p {
font-size:120%;
}
div.orangeBox2Header p.larger {
font-size:130%;
letter-spacing:0;
}
div.orangeBox2Footer {
width:357px;
height:11px;
float:left;
background:url(../images/orange-box2-footer.jpg) no-repeat;
}

/***** services and marketing *****/

h1.orangeBoxHeading {
background:url(../images/orange-box-heading.png) no-repeat;
color:#fff;
font-size:120%;
width:170px;
height:35px;
padding:6px 0 0 9px;
line-height:20px;
}
div.rhsLinks {
float:left;
margin-left:60px;
display:inline;
}
div.rhsLinks a {
text-decoration:none;
}
div.rhsLinks a:hover {
text-decoration:underline;
}
div.rhsLinks p {
margin:0;
}
div.rhsLinks div.hr {
height:0px;
width:170px;
border:10px solid black;
border-width:1px 0 0 0;
overflow:hidden;
/*margin:2px 0 2px 0;*/
}
div.rhsLinks div.hr hr {
display: none;
}

/***** operations *****/

h1.plumBoxHeading {
background:url(../images/plum-box-heading.png) no-repeat;
color:#fff;
font-size:120%;
width:170px;
height:35px;
padding:6px 0 0 9px;
line-height:20px;
}

/***** human resources *****/

h1.pinkBoxHeading {
background:url(../images/pink-box-heading.png) no-repeat;
color:#fff;
font-size:120%;
width:170px;
height:35px;
padding:6px 0 0 9px;
line-height:20px;
}

/***** finance *****/

h1.limeBoxHeading {
background:url(../images/lime-box-heading.png) no-repeat;
color:#fff;
font-size:120%;
width:170px;
height:35px;
padding:6px 0 0 9px;
line-height:20px;
}


form label{
float:				left;
font-size:          110%;
width:              100px;
}

form input, form textarea{
float:              left;
margin-left:		50px;
border:				1px solid #3B1C5F;
font-size:			1.2em;
padding:            2px;
width:              200px;
margin-bottom:		10px;
}

* div[class="left"] form div{
* margin:             5px 0px 15px 0px;
}

.submitButtonPara{
float:				none;
clear:				both;
}

form .submitButtonPara input{
background:			#3B1C5F;
color:				#FFF;
border:				none;
margin-top:			20px;
margin-left:        150px;
width:              100px;
}

* form div[class="submitButtonPara"] input{
* margin-top:		30px;
}