

/*##### START:Reset Style #####*/

html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,table,th,td,img {

	margin:0;

	padding: 0;

	border:0;

}

/*##### END:Reset Style #####*/



body {

	font-size:75.0%;

	font-family: Tahoma, Arial, Helvetica, Verdana;

	margin:0 auto;

	text-align:center;

	padding:0;

    background: #ffffff;

}



/*##### START:Layout & Main #####*/



#container {

	width:953px;

	text-align:left;

	margin:0 auto;

	background:  url(../images/bgtop.gif) no-repeat top right;		

}



#header {

    position: relative;

    height: 108px;

	min-height:108px;

	width:953px;

	margin:0 auto;

}



#wrap {

clear:both;

text-align:left;

width: 953px;

margin:0 auto;

padding:0;

}



#nav {

	width: 953px;

	height: 36px;

	margin: 0 auto;

}



#subnav {

	background: #b4b4b4;

	width: 953px;

	height: 30px;

	margin: 0 auto;

}





#splash {

text-align:left;

width: 953px;

padding:0;

margin: 0 auto;

}





#boxes{

text-align:left;

width: 953px;

padding:0;

margin: 0 auto;

}



#footer {

    clear:both;

	background: #601e80 url(../images/footerbg.png) no-repeat top;

	height: 315px;

	width: 943px;

	z-index: 2;

	margin: 0 auto;

}





.logo {

	float:left;

	height:90px;

	width:317px;

	padding-top:10px;	

}



#content{

float: left;

width: 630px;

color:#000;

display: inline;

padding-top: 65px;

padding-left: 51px;

padding-right: 10px;

padding-bottom: 20px;

line-height: 1.5em;

font-size: 1.3em;

color: #5e536e;

}

#content_wide{

float: left;

width: 800px;

color:#000;

display: inline;

padding-top: 65px;

padding-left: 51px;

padding-right: 10px;

padding-bottom: 20px;

line-height: 1.5em;

font-size: 1.3em;

color: #5e536e;

}

#side{

float: right;

width: 234px;

color:#000;

display: inline;

}





#fcenter{

float: left;

width: 320px;

margin-right:10px;

color:#fff;

display: inline;

}



#fleft{

float: left;

width: 265px;

margin-right:20px; 

padding-left: 55px; 

color:#fff;

display: inline;

}



#fright{

float: left;

width: 221px; 

padding-left: 35px;

color:#fff;

display: inline;

}





#mini {

float: right;

color: #908e8e;

margin-right: 10px;

padding-top:10px;

display: inline;

}





.help {

padding-top: 37px;

padding-left: 25px;

}



#fax {

margin-left:90px; 

height: 30px; 

min-height:30px; 

background: url(../images/fax.png) no-repeat top left; 

padding-left: 25px; 

padding-bottom: 5px;}





#call {

margin-left:90px; 

height: 25px; 

min-height:25px; 

background: url(../images/phone.png) no-repeat top left; 

padding-left: 25px; padding-top:5px;

}



.clearfix:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

.clearfix {

	display: inline-block;

}

/* Hides from IE-mac \*/

* html .clearfix {

	height:1%;

}

.clearfix {

	display: block;

}

/* End hide from IE-mac */ 



/*##### END:Layout & Main #####*/





/*##### START: List Styles #####*/





ul {

padding-left:10px;

list-style-type:disc;

list-style-image: none;

list-style-position: inside;}



li {letter-spacing:0;

line-height: 1.2em;

font-size: 1.0em;

font-weight: normal;

padding-top:10px;

	}



	

dl#wide {

width: 953px;

height: 323px;

list-style: none;

}



dl#wide dd {

  margin: 0;

  width: 317px;

  height: 323px;

  float: left; 

  display: inline;

  line-height: 1.2em;

  font-size: 1.1em;

  color: #5e536e;

  list-style: none;

}





ul#bottom {

width: 953px;

height: 323px;

list-style: none;

}



dl#wide dd {

  margin: 0;

  width: 317px;

  height: 323px;

  float: left; 

  display: inline;

  line-height: 1.2em;

  font-size: 1.1em;

  color: #5e536e;

  list-style: none;

  }





dl#list {  

padding-top:7px;

list-style: none;

font-size: 0.9em;

line-height: 2.0em;

}



dl#list dd{

padding-left: 20px;

background-image: url(../images/checkmark.png);

background-repeat: no-repeat;

background-position: 0 .6em;

}









dl.nav dd{    

    float:left;

    list-style: none;

    margin: 0; 

}



dl#textnav {  



float: left; 

display: inline;

list-style: none; 

width: 953px; 

margin-top:52px;

padding-left: 15px;

}





dl#textnav dd{    

    display: inline;

    float:left;

    list-style: none;

    margin: 0; 

	padding-right: 10px;

    height: 20px;

	color: #fff;

	font-size: 0.9em;

}



dl#secondary {

margin-top:5px;

float: left; 

display: inline;

list-style: none; 

width: 953px; 

padding-left: 15px;

}





dl#secondary dd{    

    display: inline;

    float:left;

    list-style: none;

    margin: 0; 

	padding-right: 20px;

    height: 20px;

	font-size: 0.9em;

}





dl#case dd

{

padding-left: 17px;

background-image: url(../images/arrow.png);

background-repeat: no-repeat;

background-position: top left;

padding-bottom: 7px;

}





/*##### END: List Styles #####*/



/*##### START:Font Styles #####*/





h1 {

	padding-bottom:10px;

	color:#601e80;

	text-decoration:none;

	word-spacing:normal;

	text-align:left;

	letter-spacing:0;

	line-height:1.8em;

	font-size:1.4em;

}







h2 {

	padding-bottom:10px;

	text-decoration:none;

	word-spacing:normal;

	text-align:left;

	letter-spacing:0;

	line-height:1.4em;

	font-size:1.2em;

}

p {



	text-decoration:none;

	word-spacing:normal;

	text-align:left;

	padding-bottom: 10px;

	letter-spacing:0;

	line-height:1.3em;

	font-size: 1.0em;

}



h3 {	

	line-height:1.0em;

	color:#fff;

	padding-bottom:5px;

	padding-right: 20px;

	text-align:right;

	text-decoration:none;

	font-size:2.0em;

}





a:active {

color: #000;

text-decoration: none; 	

}

	

a { 

color: #08090a;

text-decoration: underline;

}

	



a:hover {

color: #601e80;

text-decoration: underline;

}

				

.snavon {

color:#601e80;

font-weight: bold;

text-decoration: none;

} 



.snavoff {

color:#fff;

font-weight: bold;

text-decoration: none;

} 



.sm {

font-size:0.9em;

}



.smon {

color:#601e80;  

font-size:0.9em;

}



.active { 

color: #000;

text-decoration: none;

}

	

.white{

color: #fff;

text-decoration: none;

}





a.white:hover{

color: #fff;

text-decoration: underline;

}



a.white:visited{

color: #e8e8e8;

text-decoration: underline;

}



.casemore {

font-size: 0.9em;

text-decoration: underline;	 

}



dl#textnav a{

color: #fff;

text-decoration: none;	 

}



dl#textnav a:hover{

color: #fff;

text-decoration: underline;	 

}



div#pwide a{

font-size: 0.9em;

text-decoration: none;	 

}



div#pwide a:hover{

font-size: 0.9em;

text-decoration: underline;	 

}





div#subtop a{

font-size: 0.9em;

text-decoration: none;	 

}



div#subtop a:hover{

font-size: 0.9em;

text-decoration: underline;	 

}

/*##### END:Font Styles #####*/



/*##### START:Box Styles #####*/



.box {

  position: relative;

  height: 323px;



  }

  

 

.box1 {

  position: relative;

  height: 323px;



  }



 .box2 {

  position: relative;

  height: 323px;

  padding-left:50px



  }

  

.pwide {





	color:#5e536e;

	text-decoration:none;

	word-spacing:normal;

	text-align:left;

	line-height:1.5em;

	font-size: 1.0em;

	padding-top: 95px; 

	padding-left:50px; 

	padding-right: 50px;	

}



.pwide2 {





	color:#5e536e;

	text-decoration:none;

	word-spacing:normal;

	text-align:left;

	line-height:1.5em;

	font-size: 1.0em;

	padding-top: 85px; 

	padding-left:100px; 

	padding-right: 50px;	

}







#subtop {

   position: relative;

   margin-top:10px;

	background: url(../images/casestudiesbg_sm.png) no-repeat; 

	height: 181px; 

	min-height:181px;

	color:#5e536e;

	line-height:1.3em;

	font-size: 1.0em;

	padding-top: 70px; 

	padding-left:35px; 

	padding-right: 30px;

	margin-bottom: 10px;	

}





#subbottom {

   position: relative;

	background: url(../images/testimonialsbg_sm.png) no-repeat; 

	height: 181px; 

	min-height:181px;

	color:#5e536e;

    text-align:left;

	line-height:1.3em;

	font-size: 1.0em;

	padding-top: 75px; 

	padding-left:35px; 

	padding-right: 30px;	

}







/*##### END:Box Styles #####*/





/*##### START:Button Styles #####*/

.button {

	display:block;

	width:180px;

	height:81px;

	text-indent:-9999px;

	

}

.button a {

	display:block;

	width:100%;

	height:100%;

	background:url(../images/readmore.png) no-repeat top left;

	outline:none;

}

.button a:hover {

	background-position:0 -81px;

}





.email {

	display:block;

	width:163px;

	height:48px;

	text-indent:-9999px;	

}



.email a {

	display:block;

	width:100%;

	height:100%;

	background:url(../images/emailus.png) no-repeat top left;

	outline:none;

	text-decoration: none;

}



.email a:hover {

	background-position:0 -48px;

	text-decoration: none;

}





.more {

	display:block;

	width:113px;

	height:54px;

	text-indent:-9999px;

	

}

.more a {

	display:block;

	width:100%;

	height:100%;

	background:url(../images/readmore_sm.png) no-repeat top left;

	outline:none;

	text-decoration: none;

}



.more a:hover {

	background-position:0 -54px;

	text-decoration: none;

}

/*##### END:Button Styles #####*/



/* IE6 css fixer v0.7: Fri, 04 Dec 2009 07:34:47 +0100 */



/* ============================================= */

/* safe settings                                 */



/* add display:inline to floated elements */

* html .logo,

* html #content,

* html #side,

* html #fcenter,

* html #fleft,

* html #fright,

* html #mini,

* html ul#wide li,

* html ul.nav li,

* html ul#textnav,

* html ul#secondary,

* html ul#textnav li, * html ul#secondary li {display:inline;}



/* convert min height values */

* html #header {height:108px;}

* html #subtop {height:181px;}

* html #subbottom {height:181px;}





/* add zoom:1 to pos:relative elements */

* html #header,

* html #subtop,

* html #subbottom {zoom:1;}





/* ============================================= */

/*              */
