@charset "utf-8";
/*
 XylemCCI 
 Daniel Starbuck
 2008
 */
 
 /*
 
 1. Layout
 
 */
 
 
 /* 1. Layout  */
 
 body {
 background:url(/img/lay1-02.jpg) repeat-x;
 margin:0;
 padding:0;
 color:#59592c;
 font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
 }
 
a, a:active, a:link, a:visited {
margin:0;
padding:0;
color:#59592c;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

a:hover {
margin:0;
padding:0;
color:#59592c;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

#mainWrapper {
 margin:0 auto 0 auto;
 width:968px;
 min-width:968px;
 max-width:968px;
 }

#mainHeader{
min-height:76px;
height:76px;
background:url(/img/lay1-04.jpg) no-repeat;
}

#homepage{
position:relative;
left:30px;
top:7px;
display:block;
height:65px;
width:230px;
float:left;
}

#homepage span {
display: none;
}

#mainHeader #linkContainer{
margin:0;
padding:39px 0 0 300px;
}
#mainHeader ul,
#mainHeader ul li a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#FFFFFF;
margin:0;
text-decoration:none;
text-transform:uppercase;
}

#mainHeader ul li{
float:left;
list-style:none;
margin:0 40px 0 0;
}

#mainContent{
margin:0;

}

#mainContent #leftColumn{
float:left;
width:642px;
margin:0 11px 0 0;
}

#case-studies {
display:block;
width:642px;
height:263px;
background:url(/img/lay1-06.jpg) no-repeat top left;
position:relative;
}

#case-studies h3{
display:none;
}

#case-studies ul,
#case-studies li {
display:inline;
}

#healthcare {
display:block;
position:absolute;
left:130px;
top:88px;
width:102px;
height:89px;
}

#financial-services {
display:block;
position:absolute;
left:255px;
top:88px;
width:102px;
height:89px;
}

#oil-and-gas {
display:block;
position:absolute;
left:380px;
top:88px;
width:100px;
height:89px;
}

#view-all-case-studies {
display:block;
position:absolute;
left:500px;
top:88px;
width:100px;
height:89px;
}

#healthcare span,
#financial-services span,
#oil-and-gas span,
#view-all-case-studies span {
display:none;
}

#mainContent #rightColumn{
width:315px;
float:left;

}

#callOuts {
background:url(/img/lay1-11.jpg) no-repeat top center;
padding:20px 0 0 0;
margin:-20px 0 0 0;
}

#callout1{
display:block;
background:#eaece0;
width:295px;
float:left;
min-height:100px;
margin:0 11px 0 0;
padding: 10px;
}

#callout2{
display:block;
background:#e4e4e0;
float:left;
width:295px;
min-height:100px;
margin:0 11px 0 0;
padding: 10px;
}

#callout3{
display:block;
background:#e9e9e1;
float:left;
width:295px;
min-height:100px;
margin:0;
padding:10px;
}

#mainContent #rightColumn {
width:315px;
height:283px;
background:url(/img/lay1-08.jpg) no-repeat;
color:#ffffff;
margin:0;
padding:0;
}

#mainContent #rightColumn #content {
padding:10px 10px 20px 10px;
}
#mainContent #rightColumn #content h3{
font-size:12px;
font-weight:bold;
}

.textHeader1, #callOuts dl dt {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
padding-top:5px;
padding-left:3px;
height:25px;
margin:0 10px 7px 10px;
background:url(/img/lay1-20.jpg) repeat-x bottom left;
}

#callOuts dl dt a {
margin:0 0 0 10px;
color:#59592C;
font-weight: bold;
text-transform:uppercase;
}

#callOuts dl dd {
margin:0 10px 4px 15px;
padding:0;
}

#callOuts dl dd a {
color:#59592C;
margin:0 0 0 2px;
}

#callOuts dl dd span.link-identifier {
color:#8D3736;
}

.textHeader2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
padding-top:5px;
padding-left:3px;
height:25px;
margin:0 10px 7px 10px;
background:url(/img/lay1-18.jpg) repeat-x bottom left;
}

.textHeader3 {
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:5px;
padding-left:3px;
height:25px;
margin:0 10px 7px 10px;
background:url(/img/lay1-23.jpg) repeat-x bottom left;
}

.textHeader3 a {
margin:0;
color:#59592C;
text-decoration:none;
}

#mainFooter{
background:url(/img/lay1-11.jpg) no-repeat top center;
padding:20px 0 10px 0;
margin:0;
text-align:center;
}

#footer2{
float:right;
}
#footer1{
float:left;
}

#footerImage{
display:inline;
}

/* Interior Page */
#mainContent2{
margin:0;

}

#mainContent2 #leftColumn{
background:#eeeeee;
float:left;
width:290px;
margin:0 11px 0 0;
}
#mainContent2 #rightColumn{
background:#eeeeee;
width:630px;
float:right;

}

#mainContent2 #rightColumn #content,
#mainContent2 #leftColumn {
padding:15px;
}
#navigation{
margin: 0 10px 0 10px;
padding:0 10px 0 10px;
}
#navigation ul{
list-style-type:none;
margin:0;
padding:0;
}

#navigation ul li ul{
list-style-type:none;
margin:0;
padding:4px 0 0 10px;
}

#navigation ul li{
list-style:none;
color:#59592C;
margin: 0 0 4px 6px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#navigation ul li ul li{
color:#59592C;
margin:0 0 4px 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

#navigation ul li.active{
color:#8D3736;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0 0 0 -6px;
}

#navigation ul li ul li.active{
color:#8D3736;
margin:0 0 0 1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

#navigation ul li a,
#navigation ul li ul li a,
#navigation ul li.active ul li a {
color:#59592C;
}

#navigation ul li.active a,
#navigation ul li ul li.active a {
color:#8D3736;
}

#mainHeader2{
min-height:76px;
height:76px;
background:url(/img/lay1-042.jpg) no-repeat;
}

#mainHeader2 #linkContainer{
margin:0;
padding:39px 0 0 300px;
}
#mainHeader2 ul,
#mainHeader2 ul li a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#FFFFFF;
margin:0;
text-decoration:none;
text-transform:uppercase;
}

#mainHeader2 ul li{
float:left;
list-style:none;
margin:0 40px 0 0;
}

dl.address dt {
font-weight:bold;
}

dl.address dd {
margin:0;
padding:0;
}

dl.phone-numbers dt {
display:inline;
font-weight:bold;
}

dl.phone-numbers dd {
display:inline;
margin:0;
padding:0;
}

#contact-details {
float:left;
width: 250px;
margin:0 0 10px 0;
}

#contact-form {
display:block;
float:right;
width:300px;
border-left:1px dotted #999999;
padding:0 0 0 20px;
margin:0 0 10px 0;
}

label {
display:block;
margin:10px 0 0 0;
padding:0;
}

fieldset {
border:none;
margin:0 0 7px 0;
}

legend {
font-size:14px;
font-weight:bold;
margin:15px 0 10px 0 !important;
margin:15px 0 10px -10px;
padding:0;
}


input, textarea, select {
margin:0;
padding:0;
}

span.required {
color: #8C3635;
font-weight: bold;
font-style: italic;
font-size:9px;
}

div.error-message {
margin:0 0 10px 0;
padding:0;
color:#8C3635;
font-size:8px;
font-weight:bold;
}

#content h4 {
font-size: 11px;
font-weight: bold;
}

#case-studies-form div.form-area-left {
width:48%;
float:left;
clear:left;
}

#case-studies-form div.form-area-right {
width:48%;
float:right;
clear:right;
}

#case-studies-form div.form-area-bottom {
clear:both;
padding:10px 0 0 0;
margin:0;
}	

#case-studies-form label,
#case-studies-form hr {
margin:10px 0 0 0;
padding:0;
width:100%;
}

#case-studies-form input,
#case-studies-form select {
margin:0;
padding:0;
width:100%;
}

#case-studies-form div.error-message {
margin:0;
padding:0;
color:#8C3635;
font-size:8px;
font-weight:bold;
}

div.submit {
padding:10px 0 0 0;
}

#case-studies-form div.submit input,
div.submit input {
width:auto;
padding:auto;
height:auto;
}