/* CSS Document */

body {
margin: 0px;
padding: 0px;
background: #D8D8D8;
}

img {
border:0;
}

/* start navigation */

#navHolder {
position: absolute;
z-index: 5;
margin: 4px 0px 0px 0px;
padding: 0px 0px 0px 0px;	
font: bold 95% Arial, Helvetica, sans-serif;
color: #000;
}

#nav, #nav ul {
z-index: 5;
list-style: none;
padding: 0px;
margin: 0px;
width: 100%;
text-align: left;
display: block;
}

#nav li {
z-index: 5;
float: left;
margin: 0px;
padding: 2px 15px 0px 0px;
border-left: 2px solid #000;
display: block;
}

#nav li.first {
z-index: 5;
float: left;
margin: 0px;
padding: 2px 15px 0px 0px;
border-left: none;
display: block;
}

#nav li.second {
z-index: 5;
float: left;
margin: 0px;
padding: 0px 15px 0px 0px;
border-left: none;
display: block;
}

#nav a {
z-index: 5;
padding: 0px 0px 0px 15px;
display: block;
background-color: #37A0FF;
} 

#nav a:link, #nav a:visited {
display: block;
color: #FFF;
text-decoration: none;
}

#nav a:hover, #nav a:active {
color: #000;
text-decoration: none;
}

#nav li ul {
z-index: 5;
font: bold 95% Arial, Helvetica, sans-serif;
position: absolute;
left: -999em;
width: 8em;
padding: 0px;
margin: 0px 0px 0px 0px;
}

#nav li ul a:link, #nav li ul a:visited {
display: block;
color: #000;
text-decoration: none;
background-color:#37A0FF;
padding: 5px 5px 5px 15px;
}

#nav li ul a:hover {
color: #FFF;
text-decoration: none;
background-color:#000;
}

#nav li li {
padding: 0px;
width: 9em;
}

#nav li ul a {
padding: 0px 0px 0px 0px;
width: 9em;
}

#nav li ul ul {
margin: 0em 0px 0px 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
left: auto;
}


/* END navigation style */

#upperHolder {
margin: 0px;
padding: 0px;
height: 112px;
width: 100%;
background-color:#FFF;
}

#container {
z-index: 1;
margin: 0px;
padding: 0px;
width: 100%;
}

#bgPanel {
z-index: 1;
margin: 115px 0px 0px 0px;
padding: 0px;
width: 100%;
background-color:#D8D8D8;
height: 250px;
}

#holder {
z-index: 2;
position: relative;
margin: 15px auto 0px auto;
height: 27px;
background-color:#37A0FF;
width: 735px;
}

#logoHolder {
position: relative;
margin: 0px auto 0px auto;
padding: 0px;
width: 735px;
}

#logo {
position: relative;
margin: 14px 0px 0px 0px;
padding: 0px;
float: left;
}

#logo img {
border: 0px;
}

#upperImages {
position: relative;
margin: 25px 0px 0px 0px;
padding:0px;
float: right;
width: 195px;
height: 60px;
}

#navBanner {
z-index:5;
position: relative;
margin: -13px auto 0px auto;
height: 27px;
background-color:#37A0FF;
width: 735px;
}

#contentHolder {
clear:both;
position: relative;
margin: 15px auto 0px auto;
height: 150px;
width: 735px;
}

#textHolderIndex {
position: relative;
margin: 18px 0px 15px 0px;
padding: 0px 0px 15px 0px;
width: 365px;
float: left;
font: 100% Arial, Helvetica, sans-serif;
line-height: 155%;
color: #000;
}

#textHolderEnquire {
position: relative;
margin: 5px 0px 0px 0px;
width: 90%;
float: left;
font: 100% Arial, Helvetica, sans-serif;
color: #666;
}

#textHolder {
position: relative;
margin: 5px 0px 0px 0px;
width: 370px;
float: left;
font: 90% Arial, Helvetica, sans-serif;
color: #666;
line-height: 155%;
}

#textHolder a:link, #textHolder a:visited {
font: 100% Arial, Helvetica, sans-serif;
color: #666;
text-decoration: underline;
}

#textHolder a:hover {
font: 100% Arial, Helvetica, sans-serif;
color: #666;
text-decoration: none;
}

#textHolder h1 {
margin: 0px 0px 10px 0px;
font: bold 110% Arial, Helvetica, sans-serif;
color: #000;
}

#textHolder h2 {
margin: 0px 0px 0px 0px;
font: bold 90% Arial, Helvetica, sans-serif;
color: #000;
}

#textHolder ul {
margin: 0px 0px 15px 15px;
}

#textHolderEnquire h1 {
margin: 0px 0px 10px 0px;
font: bold 130% Arial, Helvetica, sans-serif;
color: #000;
}

#caseImageHolder {
position: relative;
padding: 0px;
margin: 0px;
width: 360px;
float: right;
border: 0px;
}

#caseImageHolder img {
padding: 0px;
margin: 0px;
border: 0px;
}


#caseHolder {
position: relative;
width: 100%;
margin: 0px;
padding: 0px;
height: 192px;
background-color:#C5C5C5;
}

#caseText {
position: absolute;
margin: 10px 0px 0px 10px;
padding: 0px 0px 0px 5px;
font: 90% Arial, Helvetica, sans-serif;
color: #000; 
}

#caseText h1 {
margin: 0px 0px 10px 0px;
font: bold 120% Arial, Helvetica, sans-serif;
color: #000; 
}

#caseText ul {
margin: 0px;
padding: 0px;
font: 90% Arial, Helvetica, sans-serif;
color: #000;
list-style: none;
}

#caseText ul a:link, #caseText ul a:visited  {
font: bold 90% Arial, Helvetica, sans-serif;
color: #000;
text-decoration: underline;
}

#caseText ul a:hover  {
font: bold 90% Arial, Helvetica, sans-serif;
color: #000;
text-decoration: none;
}

#caseText ul li  {
margin: 5px 0px 5px 0px;
}

.caseStudyQuote {
font: bold 110% Arial, Helvetica, sans-serif;
font-style:italic;
line-height: 150%;
}

#caseImageMain {
position: absolute;
margin: 0px 0px 0px 165px;
padding: 0px;
width: 195px;
}

#caseImageSub {
position: relative;
margin: 10px 0px 10px 0px;
padding: 0px;
float: right;
width: 195px;
height: 60px;
}

#caseImageSub2 {
position: relative;
margin: 10px 0px 10px 0px;
padding: 0px;
float: right;
width: 195px;
vertical-align: top;
}

#caseImageSub2 a {
margin: 0px;
}

#footerHolder {
clear:both;
position: relative;
margin: 0px;
height: 60px;
width: 100%;
background-color:#FFF;
}

/* start form styling */

form {
margin: 0px;
padding: 0px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #00165A;
}

form input {
margin: 0px;
padding: 3px;
border: 1px solid #00165A;
background-color: #fff; 
font: 100% Arial, Helvetica, sans-serif;
color: #00165A;
vertical-align: middle;
}

form textarea {
margin: 0px;
padding: 3px;
border: 1px solid #00165A;
background-color: #fff; 
font: 100% Arial, Helvetica, sans-serif;
color: #00165A;
vertical-align: middle;
}

form select {
margin: 0px;
padding: 3px;
border: 1px solid #00165A;
background-color: #fff; 
font: 100% Arial, Helvetica, sans-serif;
color: #00165A;
vertical-align: middle;
}

.submit {
margin: 0px;
padding: 0px;
border: none;
background-color: #DC017E; 
font: bold 100% Arial, Helvetica, sans-serif;
color: #fff;
}

.formColL {
float: left;
left: 0px;
padding: 4px;
position: relative;
text-align: right;
width: 25%;
font-family: bold 105% Arial, Helvetica, sans-serif;
}

.formColR {
float: left;
left: 0px;
padding: 4px;
position: relative;
text-align: left;
width: 50%;
font-family: bold 105% Arial, Helvetica, sans-serif;
}

.formColFull {
float: left;
left: 70px;
padding: 4px;
position: relative;
text-align: left;
width: 100%;
font-family: bold 105% Arial, Helvetica, sans-serif;
}


.formInputBox {
font-size: 9px;
}

.formInputLabel {
font-size: 12px;
}

.formInputsRequired {
color: #ff0000;
font-weight: bold;
}

.formRows {
margin:0px;
padding: 0px;
position: relative;
width: 100%;
}

.desc {
font: 100% Arial, Helvetica, sans-serif;
color: #00165A;
}