/* CSS Document */

body {
margin: 10px;
background-color: #E53460;
color: #3F3F3F;
}

p {
font: 120% Arial,sans-serif;
text-align: justify;
color: #000;
}

p img{
float: right;
margin: 0px 0px 0px 10px;
border: 0px;
}

p a:link, p a:visited {
color: #000;
text-decoration: underline;
}

p a:hover {
color: #000;
text-decoration: none;
}

h1 {
font: bold 160% Arial,sans-serif;
color: #FFF;
margin: 0px 0px 10px 0px;
}

h1 img{
float: right;
margin: -30px 0px 0px 10px;
border: 0px;
}

h1 a:link, h1 a:visited {
color: #FFF;
text-decoration: underline;
}

h1 a:hover, h1 a:active {
color: #FFF;
text-decoration: none;
}


h2 {
font: bold 150% Arial,sans-serif;
color: #E53460;
margin: 20px 0px -10px 0px;
}

h2 a:link, h2 a:visited {
color: #E53460;
text-decoration: underline;
}

h2 a:hover, h2 a:active {
color: #E53460;
text-decoration: none;
}

h3 {
font: bold 130% Arial,sans-serif;
color: #E53460;
margin: 0px 0px -10px 0px;
}

h4 {
font: 230% Arial,sans-serif;
color: #FFF;
line-height: 41px;
margin: 0px 0px 10px 0px;
}

h4 a:link, h4 a:visited {
color: #FFF;
text-decoration: underline;
}

h4 a:hover, h4 a:active {
color: #FFF;
text-decoration: none;
}

#tel {
position: absolute;
right: 455px;
top: 62px;
text-align: left;
}

#tel h1 {
font: 140% Verdana,sans-serif;
line-height: 190%;
color: #000000;
}

#topText {
position: absolute;
right: 55px;
top: 20px;
text-align: right;
font: 120% Verdana,sans-serif;
font-weight: bold;
line-height: 150%;
color: #000000;
}

#topText a:link, #topText a:visited {
color: #000000;
text-decoration: underline;
}

#topText a:hover, #topText a:active {
color: #000000;
text-decoration: none;
}


#accredLogos {
z-index: 2;
position: absolute;
right: 8px;
bottom: 0%;
}

#accredLogosText {
z-index: 2;
position: absolute;
text-align: right;
margin: 350px 0px 0px 0px;
}

#container {
border: 0px;
margin: 0px;
background-color: #F299AF;
}

#containerIndex {
border: 0px;
margin: 0px;
height: 595px;
background-color: #E53460;
}

#top {
margin:0px;
padding: 18px 0px 5px 20px;
background-color: #FFF;
background-image: url(images/corner1.gif);
background-repeat:no-repeat;
height: 80px;
}

#navBar {
margin: 0px;
padding: 0px 0px 0px 0px;
background-image: url(images/subNavBG.jpg);
background-repeat: repeat-x;
height: 35px;
}

#mainNav {
position: absolute;
margin: 4px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}

ul#mainNavList {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}

ul#mainNavList li{
display: inline;
padding-right: 25px;
}

ul#mainNavList li a:link, ul#mainNavList li a:visited {
text-decoration: none;
font: bold 115% verdana,sans-serif;
color: #FFF;
}

ul#mainNavList li a:hover {
text-decoration: none;
/*** color: #F299AF; ***/
color: #000;
}

#left {
position: absolute;
margin: 0px;
left: 10px;
width: 190px;
}

#leftIndex {
position: absolute;
margin: 0px;
left: 10px;
height: 420px;
width: 270px;
}

#center {
margin: 0px 270px 0px 222px;
padding: 10px 0px 20px 0px;
}

#centerIndex {
text-align: center;
color: #FFF;
margin: 10px 310px 0px 310px;
padding: 10px 0px 20px 0px;
}

#centerIndex h1 {
text-align: center;
color: #FFF;
margin: -10px 0px 0px 0px;
padding: 10px 0px 20px 0px;
}

#centerIndex h2 {
text-align: center;
color: #000;
margin: 0px 0px 20px 0px;
}

#centerIndex h3 {
text-align: center;
color: #FFF;
}

#right {
position: absolute;
background-image: url(images/caseStudyBG.jpg);
background-repeat: no-repeat;
color: #FFF;
right: 20px;
padding: 0px 20px 10px 10px;
margin: 5px 0px 0px 0px;
top: 155px;
width: 190px;
}

#rightIndex{
position: absolute;
color: #FFF;
right: 9px;
padding: 0px;
margin: 0px;
top: 148px;
width: 270px;
}

#relatedLinks {
position: absolute;
font: bold 100% Verdana,sans-serif;
color: #FFF;
padding: 5px 0px 0px 0px;
margin: 0px;
width: 175px;
}

ul#relList {
list-style: none;
margin: 5px 0px 0px 0px;
padding: 0px;
width: 100%;
}

ul#relList li {
display: block;
font-size: 90%;
color: #FFF; 
/*** border-top: 1px solid #666; ***/ 
width: 100%;
}

ul#relList li a:link, ul#relList li a:visited {
padding: 5px 0px 0px 5px;
text-decoration: none;
color: #000;
display: block;
width: 100%;
}

ul#relList li a:hover {
background-color: #666;
color: #FFF;
width: 100%;
}


#caseStudies {
position: absolute;
font: bold 100% Verdana,sans-serif;
color: #000;
padding: 5px 0px 0px 0px;
margin: 0px;
top: 156px;
width: 175px;
}

ul#caseList {
list-style: none;
margin: -5px 0px 0px 5px;
padding: 0px;
width: 100%;
}

ul#caseList li {
display: block;
font-size: 90%;
color: #000; 
/***border-top: 1px solid #666;***/ 
width: 100%;
}

ul#caseList li a:link, ul#caseList li a:visited{
padding: 5px 0px 5px 0px;
text-decoration: none;
color: #000;
display: block;
width: 100%;
}

ul#caseList li a:hover {
background-color: #E53460;
color: #FFF;
width: 100%;
}

/***** copyright CSS ******/

#footer {
z-index: 5;
background: #EC6C8C;
margin-top: 0px;
padding: 5px 0px 5px 0px;
background-image: url(images/corner1a.gif);
background-repeat: no-repeat;
background-position: right;
text-align: center;
visibility: hidden;
font: bold 80% Verdana,sans-serif;
color: #000000;
}
	
#footer a:link, #footer a:visited{
	text-decoration: underline;
	color: #000000;
	}
	
#footer a:hover{
	text-decoration: none;
	color: #000000;
	}
	
	#map {
margin: 0px 0px 0px 30px;
width: 420px;
}

#map a:link, #map a:visited  {
font: bold 150% Arial,sans-serif;
color: #000;
text-decoration: underline;
}

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

#map h1 {
font: bold 150% Arial,sans-serif;
color: #000;
}