/*

WILDKAT PR CSS

SANE AND ABLE
MONDAY 15th FEBRUARY 2010

COLOURS:
PINK #F0027F

WHITE 50% #A5A6A7
BLACK 20% #36383A
BLACK 50% #2A2B2C
BLACK 80% #111111
 
*/



a:link    {color: #DBDBDB;}
a:visited {color: #DBDBDB;}
a:active  {color: #DBDBDB;}
a:hover   {color: #F0027F;}

.greyLink a:link    {color: #252627;}
.greyLink a:visited {color: #252627;}
.greyLink a:active  {color: #252627;}
.greyLink a:hover   {color: #999999;}

.skipLink a:link    {color: #7E7E7E;}
.skipLink a:visited {color: #7E7E7E;}
.skipLink a:active  {color: #7E7E7E;}
.skipLink a:hover   {color: #999999;}

.clients .middle a:link    {color: #DBDBDB;}
.clients .middle a:visited {color: #DBDBDB;}
.clients .middle a.active  {color: #36383A;}
.clients .middle a:hover   {color: #999999;}


a img {
	border: none;
	}

a {
	text-decoration: none;
	}

img {
	border: none;
	}



body {
	margin: 0;
	background: #505355 url(../images/background-grey.gif);
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, Arial, Verdana, sans-serif;
	color: #DBDBDB;
	}

.cL {
	float: left;
	}

.cR {
	float: right;
	}

.cB {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
	}


#shade {
	height: 500px;
	background: url(../images/background-shade-top.gif) left top repeat-x;
	}

#light {
	height: 790px;
	background: url(../images/background-light.png) center top no-repeat;
	}

#page {
	margin: 0 auto;
	width: 960px;
	}







/*********** GLOBAL ************/

.logo a {
	width: 251px;
	height: 81px;
	
	position: absolute;
	margin-left: 10px;
	margin-top: 48px;
	text-indent: -4000px;
	background: url(../images/wildkat-pr-logo.png) no-repeat;
	}

.menu {
	width: 340px; /* 405px */
	height: 146px; /* 100px */
	background: url(../images/menu-background.png) 0 46px no-repeat;
	
	font-size: 0.75em;
	position: absolute;
	margin-left: 555px;
	padding-left: 71px;
	}

.menu div a {
	position: absolute;
	float: left;
	width: 56px;
	height: 116px;
	padding-top: 4px;
	line-height: 100%;
	display: block;
	background-color: fuchsia;
	text-align: center;
	background: url(../images/sprite.png) -18px -170px no-repeat;
	}




.menu #menu1 a        { margin-left: 0; margin-top: -30px; padding-bottom: 30px; }
.menu #menu1 a:hover  { margin-top: 0; padding-bottom: 0; background-position: -74px -204px; color: #6E7071;}
.menu #menu1 a.active { margin-top: 0; padding-bottom: 0; background-position: -74px -324px; color: #FFFFFF; }

.menu #menu2 a        { margin-left: 56px; margin-top: -30px; padding-bottom: 30px; }
.menu #menu2 a:hover  { margin-top: 0; padding-bottom: 0; background-position: -130px -204px; color: #6E7071; }
.menu #menu2 a.active { margin-top: 0; padding-bottom: 0; background-position: -130px -324px; color: #FFFFFF; }

.menu #menu3 a        { margin-left: 112px; margin-top: -30px; padding-bottom: 30px; }
.menu #menu3 a:hover  { margin-top: 0; padding-bottom: 0; background-position: -186px -204px; color: #6E7071; }
.menu #menu3 a.active { margin-top: 0; padding-bottom: 0; background-position: -186px -324px; color: #FFFFFF; }

.menu #menu4 a        { margin-left: 168px; margin-top: -30px; padding-bottom: 30px; }
.menu #menu4 a:hover  { margin-top: 0; padding-bottom: 0; background-position: -242px -204px; color: #6E7071; }
.menu #menu4 a.active { margin-top: 0; padding-bottom: 0; background-position: -242px -324px; color: #FFFFFF; }

.menu #menu5 a        { margin-left: 224px; margin-top: -35px; padding-bottom: 35px; }
.menu #menu5 a:hover  { margin-top: 0; padding-bottom: 0; background-position: -298px -204px; color: #6E7071; }
.menu #menu5 a.active { margin-top: 0; padding-bottom: 0; background-position: -298px -324px; color: #FFFFFF; }

.menu #menu6 a        { margin-left: 280px; margin-top: -35px; padding-bottom: 35px; }
.menu #menu6 a:hover  { margin-top: 0; padding-bottom: 0; background-position: -354px -204px; color: #6E7071; }
.menu #menu6 a.active { margin-top: 0; padding-bottom: 0; background-position: -354px -324px; color: #FFFFFF; }




/*********** FLASH INTRO ************/


.flash #content {
	position: absolute;
	padding-top: 20px;
	width: 960px;
	height: 600px
	padding: 0;
	background: url(../images/background-horizon.png) center 267px no-repeat;
	}

.flash .skip {
	text-align: right;
	font-size: 0.75em;
	padding-bottom: 17px;
	height: 20px;
	}

.flash p {
	margin-left: 330px;
	padding-top: 200px;
	width: 300px;
	height: 400px;
	font-size: 1.00em;
	}


/*********** HOME ************/


.home #content {
	position: absolute;
	margin-top: 460px;
	width: 897px;
	padding: 0 0 200px 63px;
	background: url(../images/background-horizon.png) center top no-repeat;
	}

.home #content .left {
	float: left;
	width: 388px; /* 423px */
	padding-right: 35px;
	padding-top: 30px;
	background: url(../images/sprite.png) 411px 0px no-repeat;
	}

.home #content .right {
	float: left;
	width: 376px; /* 411px */
	padding-left: 35px;
	padding-top: 30px;
	}

.home #content .right ul {
	float: left;
	width: 296px;
	margin: 0;
	padding: 0;
	}

.home #content .right ul li {
	list-style: none;
	padding: 5px 0;
	font-size: 0.75em;
	border-top: 1px dotted #373A3B;
	}

#content ol li.first,
#content ul li.first,
#content .right ul li.first {
	padding-top: 0;
	padding-left: 0;
	border: none;
	}

.home #content .right ul li:first-child {
	padding: 0 0 5px 0;
	border: none;
	}

.home h1 {
	margin: 0;
	padding: 0 0 5px 0;
	font: normal 1.44em Georgia, "Times New Roman", Times, serif;
	}

.home h2, .home h3 {
	float: left;
	width: 80px;
	margin: 0;
	padding: 0 0 5px 0;
	font: normal 1.25em Georgia, "Times New Roman", Times, serif;
	}

.home p {
	font-size: 0.75em;
	line-height: 140%;
	}

.home ol {
	margin: 0;
	padding: 0;
	
	list-style: none;
	font-size: 0.94em;
	}

.home ol li {
	padding: 3px 8px 3px 13px;
	display: inline;
	border-left: 1px dotted #323436;
	}

.home ol li:first-child {
	padding-left: 0;
	border-left: none;
	}

.home .news {
	padding-top: 50px;
	margin-bottom: 10px;
	background: url(../images/home-floral-top.png) center top no-repeat;
	border-bottom: 1px dotted #373A3B;
	}

.home .twitter {
	padding-bottom: 35px;
	background: url(../images/home-floral-bottom.png) no-repeat center bottom;
	}

.home #content .right .twitter ul li {
	padding-top: 0;
	border-top: none;
	}

.home #slidePanel {
	position: absolute;
	width: 960px;
	margin-top: 160px;
	}

.home #slidePanel .panelTop {
	width: 960px;
	height: 15px;
	background: url(../images/white-panel-top.png) center no-repeat;
	}

.home #slidePanel .panelMiddle {
	position:relative;
	width: 960px;
/* 	height: 275px; */
	height: 275px;
	color: #000000;
	background: url(../images/white-panel-middle.png) center repeat-y;
	}

.home #slider {
	overflow: hidden;
	height: 253px;
	}

.home #slidePanel .panelBottom {
	width: 960px;
	height: 30px;
	background: url(../images/white-panel-bottom.png) center no-repeat;
	}
	
	
/******* SLIDER *****/

 /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

#slider {
	margin-left: 48px;
	}


#slider ul, #slider li {
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:863px;
		height:253px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn { 
		display:block;
		width:16px;
		height:26px;
		position:absolute;
		left:5px;
		top:125px;
		z-index:1000;
		}	
	#nextBtn{ 
		left:938px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		position:relative;
		width:16px;
		height:26px;
		background: url(../images/sprite.png) no-repeat -1px -340px;	
		}														
	#prevBtn a:hover {
		background-position: -1px -312px;	
		}	
	#nextBtn a { 
		background-position: -1px -368px;	
		}	
	#nextBtn a:hover { 
		background-position: -1px -396px;	
		}	


/* Panel text */

/*
.home #slidePanel .panelMiddle .title {
	margin-left: 500px;
	font-size: 1.88em;
	border-top: 1px dotted #666666;
	}

.home #slidePanel .panelMiddle .cont {
	padding-top: 40px;
	background: url(../images/sprite.png) -1px -304px no-repeat;
	}

.home #slidePanel .panelMiddle .subtitle {
	margin-left: 500px;
	font-size: 0.88em;
	font-style: italic;
	}


.home #slidePanel .panelMiddle .panel1 {
	width: 863px;
	height: 253px;
	background: url(../images/clients/charles-hazlewood.jpg) no-repeat;
	}
*/








/*********** ABOUT - SERVICES ************/



.services #content {
	position: absolute;
	margin-top: 190px;
	width: 960px;
	padding: 120px 0 230px 0;
	background: url(../images/background-horizon.png) center top no-repeat;
	}

.services #subnav {
	position: absolute;
	z-index: 2;
	margin-top: 175px;
	}

.services #subnav ul {
	margin: 0;
	padding: 0;
	font-size: 0.75em;
	color: #A5A6A7;
	}

.services #subnav ul li {
	float: left;
	list-style: none;
	width: 461px;
	border-bottom: 1px dotted #373A3B;
	padding-bottom: 15px;
	padding-top: 25px;
	}

.services #subnav ul li a {
	width: 100%;
	font-size: 2.08em;
	padding-right: 30px;
	background: url(../images/sprite.png) 0 50px no-repeat;
	}

.services #subnav ul li a.active {
	background-position: right -181px;
	}

.services #subnav ul li:first-child {
	margin-right: 36px;
	}

.services #content #page1 h1,
.services #content #page1 h2,
.services #content #page1 h3 {
	font-size: 0.75em;
	font-weight: normal;
	background: url(../images/sprite.png) 0 0 no-repeat;
	text-align: center;
	color: #A5A6A7;
	}

.services #content #page1 h1 {
	position: absolute;
	margin-left: 140px;
	width: 191px;
	height: 26px; /* 30px */
	padding: 4px 0 0 0;
	background-position: -21px -3px;
	}

.services #content #page1 h2 {
	position: absolute;
	margin-left: 420px;
	width: 143px;
	height: 26px; /* 30px */
	padding: 4px 0 0 0;
	background-position: -21px -34px;
	}

.services #content #page1 h3 {
	position: absolute;
	margin-left: 685px;
	width: 135px;
	height: 26px; /* 30px */
	padding: 4px 0 0 0;
	background-position: -21px -65px;
	}

.services #content #page1 {
	}

.services #content #page1 div {
	position: absolute;
	display: block;
	background-image: url(../images/sprite-services.png);
/* 	text-indent: -4000px; */
	}

/*
.services #content #page1 a {
	position: absolute;
	display: block;
	background-image: url(../images/sprite-services.png);
	text-indent: -4000px;
	}
*/

.services #content #page1 .icon1 {
	margin-left: 65px;
	margin-top: 75px;
	width: 268px;
	height: 255px;
	background-position: -2px -1px;
	}

.services #content #page1 .icon2 {
	margin-left: 390px;
	margin-top: 60px;
	width: 200px;
	height: 264px;
	background-position: -274px -1px;
	}

.services #content #page1 .icon3 {
	margin-left: 655px;
	margin-top: 110px;
	width: 215px;
	height: 190px;
	background-position: -954px -1px;
	}

/*
.services #content #page1 .icon1 a:hover { background-position: -477px -1px; }
.services #content #page1 .icon2 a:hover { background-position: -749px -1px; }
.services #content #page1 .icon3 a:hover { background-position: -953px -193px; }
*/


.services #content #page1 a {
	position: absolute;
	display: block;
	background-image: url(../images/sprite-services.png);
	text-indent: -4000px;
	}

.services #content #page1 .icon4 a {
	margin-left: 65px;
	margin-top: 75px;
	width: 268px;
	height: 255px;
	background-position: -477px -1px;
	}

.services #content #page1 .icon5 a {
	margin-left: 390px;
	margin-top: 60px;
	width: 200px;
	height: 264px;
	background-position: -749px -1px;
	}

.services #content #page1 .icon6 a {
	margin-left: 655px;
	margin-top: 110px;
	width: 215px;
	height: 190px;
	background-position: -953px -193px;
	}


.services #content #page2 a {
	background-image: url(../images/sprite-services.png);
	text-indent: -4000px;
	}

.services #content #page2 .icon1 a {
	position: absolute;
	margin-left: 0px;
	margin-top: 125px; /* 245px */
	width: 153px;
	height: 146px;
	background-position: -4px -270px;
	}

.services #content #page2 .icon2 a {
	position: absolute;
	margin-left: 200px;
	margin-top: 115px; /* 235px */
	width: 114px;
	height: 151px;
	background-position: -163px -270px;
	}

.services #content #page2 .icon3 a {
	position: absolute;
	margin-left: 350px;
	margin-top: 153px; /* 273px */
	width: 125px;
	height: 108px;
	background-position: -282px -270px;
	}

.services #content #page2 .icon1 a:hover { background-position: -413px -270px; }
.services #content #page2 .icon2 a:hover { background-position: -572px -270px; }
.services #content #page2 .icon3 a:hover { background-position: -691px -270px; }

.services #content #page2 .icon1 a.active { background-position: -413px -270px; }
.services #content #page2 .icon2 a.active { background-position: -572px -270px; }
.services #content #page2 .icon3 a.active { background-position: -691px -270px; }


.services #content #page2 span {
	position: absolute;
	z-index: 2;
	display: none;
	top: 190px;
	height: 26px; /* 30px */
	padding: 4px 0 0 0;
	font-size: 0.75em;
	font-weight: normal;
	background: url(../images/sprite.png) 0 0 no-repeat;
	text-align: center;
	color: #A5A6A7;
	}

.services #content #page2 .icon1 span {
	margin-left: 0px;
	width: 191px;
	background-position: -21px -3px;
	}

.services #content #page2 .icon2 span {
	margin-left: 190px;
	width: 143px;
	background-position: -21px -34px;
	}

.services #content #page2 .icon3 span {
	margin-left: 340px;
	width: 135px;
	background-position: -21px -65px;
	}

.services #content #page2 h1 {
	margin: 0 0 10px 0;
	font-size: 1.25em;
	font-weight: normal;
	color: #18D0FD;
	}
	
.services #content #page2 h2,
.services #content #page2 h3 {
	margin: 0;
	font-size: 0.94em;
	font-weight: normal;
	color: #18D0FD;
	}

.services #content #page2 .top {
	position: absolute;
	margin-left: 497px;
	margin-top: 30px;
	width: 433px; /* 463px */
	height: 135px; /* 155px */
	padding: 15px 15px 0 15px;
	background: url(../images/services-background.png) left top no-repeat;
	}

.services #content #page2 .bottom {
	position: absolute;
	margin-left: 497px;
	margin-top: 180px;
	width: 433px;
	padding: 20px 15px 10px 15px;
	background: url(../images/services-background.png) left bottom no-repeat;
	}

.services #content #page2 ul {
	padding: 0 0 0 15px;
	font-size: 0.75em;
	line-height: 135%;
	}


/*
.services #content #page2 a {
	background-image: url(../images/sprite-services.png);
	text-indent: -4000px;
	}

.services #content #page2 .icon1 a {
	position: absolute;
	margin-left: 0px;
	margin-top: 125px; 
	width: 153px;
	height: 146px;
	background-position: -4px -270px;
	}

.services #content #page2 .icon2 a {
	position: absolute;
	margin-left: 200px;
	margin-top: 115px; 
	width: 114px;
	height: 151px;
	background-position: -163px -270px;
	}

.services #content #page2 .icon3 a {
	position: absolute;
	margin-left: 350px;
	margin-top: 153px; 
	width: 125px;
	height: 108px;
	background-position: -282px -270px;
	}

.services #content #page2 .icon1 a:hover { background-position: -413px -270px; }
.services #content #page2 .icon2 a:hover { background-position: -572px -270px; }
.services #content #page2 .icon3 a:hover { background-position: -691px -270px; }

.services #content #page2 .icon1 a.active { background-position: -413px -270px; }
.services #content #page2 .icon2 a.active { background-position: -572px -270px; }
.services #content #page2 .icon3 a.active { background-position: -691px -270px; }


.services #content #page2 h1,
.services #content #page2 h2,
.services #content #page2 h3 {
	font-size: 0.75em;
	margin-top: 60px;
	font-weight: normal;
	background: url(../images/sprite.png) 0 0 no-repeat;
	text-align: center;
	color: #A5A6A7;
	}

.services #content #page2 h1 {
	position: absolute;
	margin-left: 0px;
	width: 191px;
	height: 26px; 
	padding: 4px 0 0 0;
	background-position: -21px -3px;
	}

.services #content #page2 h2 {
	position: absolute;
	margin-left: 194px;
	width: 143px;
	height: 26px; 
	padding: 4px 0 0 0;
	background-position: -21px -34px;
	}

.services #content #page2 h3 {
	position: absolute;
	margin-left: 340px;
	width: 135px;
	height: 26px; 
	padding: 4px 0 0 0;
	background-position: -21px -65px;
	}

.services #content #page2 h4 {
	margin: 0 0 10px 0;
	font-size: 1.25em;
	font-weight: normal;
	color: #18D0FD;
	}
	
.services #content #page2 h5,
.services #content #page2 h6 {
	margin: 0;
	font-size: 0.94em;
	font-weight: normal;
	color: #18D0FD;
	}

.services #content #page2 .top {
	position: absolute;
	margin-left: 497px;
	margin-top: 30px;
	width: 433px; 
	height: 135px; 
	padding: 15px 15px 0 15px;
	background: url(../images/services-background.png) left top no-repeat;
	}

.services #content #page2 .bottom {
	position: absolute;
	margin-left: 497px;
	margin-top: 180px;
	width: 433px;
	padding: 20px 15px 10px 15px;
	background: url(../images/services-background.png) left bottom no-repeat;
	}

.services #content #page2 ul {
	padding: 0 0 0 15px;
	font-size: 0.75em;
	line-height: 135%;
	}
*/






/*********** ABOUT - ABOUT ************/



.about #content {
	position: absolute;
	margin-top: 190px;
	width: 960px;
	padding: 120px 0 580px 0;
	background: url(../images/background-horizon.png) center bottom no-repeat;
	}

.about #subnav {
	position: absolute;
	z-index: 2;
	margin-top: 175px;
	}

.about #subnav ul {
	margin: 0;
	padding: 0;
	font-size: 0.75em;
	color: #A5A6A7;
	}

.about #subnav ul li {
	float: left;
	list-style: none;
	width: 461px;
	border-bottom: 1px dotted #373A3B;
	padding-bottom: 15px;
	padding-top: 25px;
	}

.about #subnav ul li a {
	width: 100%;
	font-size: 2.08em;
	padding-right: 30px;
	background: url(../images/sprite.png) 0 50px no-repeat;
	}

.about #subnav ul li a.active {
	background-position: right -181px;
	}

.about #subnav ul li:first-child {
	margin-right: 36px;
	}

.aboutText {
	position: absolute;
	margin-left: 0px;
	margin-top: 0px;
	width: 410px;
	
	font-size: 0.75em;
	color: #161718;
	line-height: 135%;
	}

#biography .kat,
#biography .vct,
#biography .amy,
#biography .ins,
#biography .pat,
#biography .ben,
#biography .elz {
	position: absolute;
	margin-top: 0;
	margin-left: 0;
	
	width: 370px;
	height: 205px;
	padding: 20px 20px 0 20px;
	
	font-size: 0.75em;
	color: #FFFFFF;
	line-height: 135%;
	
	background-color: #000000;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;

}

/*
.teamText {
	position: absolute;
	margin-left: 0px;
	margin-top: 0px;
	
	width: 370px;
	height: 205px;
	padding: 20px 20px 0 20px;
	
	font-size: 0.75em;
	color: #FFFFFF;
	line-height: 135%;
	
	background-color: #000000;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
	}
*/

.teamText span {
	padding-top: 15px;
	display: block;
	color: #F0027F;
	}

.kat {
	margin-left: 443px;
	position: absolute;
	}

.vct {
	margin-top: 5px;
	margin-left: 619px;
	position: absolute;
	z-index: 2;
	}

.amy {
	margin-left: 789px;
	position: absolute;
	}

.ins {
	margin-top: 235px;
	margin-left: 10px;
	position: absolute;
	}

.pat {
	margin-top: 235px;
	margin-left: 210px;
	position: absolute;
	}

.ben {
	margin-top: 240px;
	margin-left: 401px;
	position: absolute;
	}

.elz {
	margin-top: 245px;
	margin-left: 585px;
	position: absolute;
	}/*


.tape1, .tape2, .tape3, .tape4, .tape5, .tape6 {
	background: url(../images/sprite.png) no-repeat;
	}

.tape1 {
	position: absolute;
	margin-left: 2px;
	margin-top: -10px;
	width: 95px;
	height: 31px;
	background-position: -119px -125px;
	}

.tape2 {
	position: absolute;
	margin-left: 195px;
	margin-top: 260px;
	width: 63px;
	height: 36px;
	background-position: -99px -161px;
	}

.tape3 {
	position: absolute;
	margin-left: 425px;
	margin-top: -5px;
	width: 79px;
	height: 26px;
	background-position: -45px -97px;
	}

.tape4 {
	position: absolute;
	margin-left: 445px;
	margin-top: 245px;
	width: 99px;
	height: 26px;
	background-position: -17px -129px;
	}

.tape5 {
	position: absolute;
	margin-left: 695px;
	margin-top: 0px;
	width: 72px;
	height: 32px;
	background-position: -17px -165px;
	}

.tape6 {
	position: absolute;
	margin-left: 890px;
	margin-top: 260px;
	width: 95px;
	height: 31px;
	background-position: -119px -125px;
	}
*/







/*********** CLIENTS - HOME ************/


.clientsHome #content {
	position: absolute;
	margin-top: 130px;
	width: 960px;
	padding: 0px 0 170px 0;
	background: url(../images/background-horizon-clients.png) center bottom no-repeat;
	}

.clientsHome #explosion {
	width: 960px;
	height: 485px;
	background: url(../images/clients.png) center top no-repeat;
	}

.clientsHome .join a {
	position: absolute;
	margin-left: 400px;
	margin-top: 15px;
	display: block;
	width: 155px;
	padding: 23px 0;
	background: url(../images/sprite.png) -148px -448px no-repeat;
	
	font-size: 0.75em;
	text-align: center;
	}
	
.clientsHome .join a:link    { color: #1D1D1D; }
.clientsHome .join a:visited { color: #1D1D1D; }
.clientsHome .join a:active  { color: #1D1D1D; }
.clientsHome .join a:hover   { color: #999999; }

.clientsHome .clientTitle1 a {
	position: absolute;
	margin-left: 74px;
	margin-top: 88px;
	width: 180px;
	height: 118px;
	background: url(../images/client-titles.png) -192px -1px no-repeat;
	text-indent: -4000px;
	}

.clientsHome .clientTitle1 a.hover {
	background-position: -7px -1px;
	}

.clientsHome .clientTitle2 a {
	position: absolute;
	margin-left: 586px;
	margin-top: 120px;
	width: 284px;
	height: 106px;
	background: url(../images/client-titles.png) -76px -353px no-repeat;
	text-indent: -4000px;
	}

.clientsHome .clientTitle2 a.hover {
	background-position: -76px -247px;
	}

.clientsHome .clientTitle3 a {
	position: absolute;
	margin-left: 157px;
	margin-top: 395px;
	width: 190px;
	height: 124px;
	background: url(../images/client-titles.png) -194px -124px no-repeat;
	text-indent: -4000px;
	}

.clientsHome .clientTitle3 a.hover {
	background-position: -1px -124px;
	}

.clientsHome .description p {
	width: 268px; /* 304px */
	margin: 0;
	padding: 27px 18px 18px 18px;
	font-size: 0.75em;
	line-height: 135%;
	background: url(../images/clients-background.png) left top no-repeat;
	}

.clientsHome .description span {
	display: block;
	width: 268px; /* 304px */
	padding: 0 18px 16px 18px;
	font-size: 0.94em;
	line-height: 100%;
	background-image: url(../images/clients-background.png);
	background-repeat:  no-repeat;
	background-position: left -285px !important;
	background-position: left -284px;
	}

.clientsHome #client3.description p {
	padding: 18px 18px 18px 18px;
	background: url(../images/clients-background.png) left -8px no-repeat;
	}

.clientsHome #client3.description span {
	padding: 0 18px 27px 18px;
	background: url(../images/clients-background.png) left bottom no-repeat;
	}

.clientsHome #client1 {
	position: absolute;
	margin-left: 90px;
	margin-top: -350px;
	}

.clientsHome #client2 {
	position: absolute;
	margin-left: 639px;
	margin-top: -325px;
	}

.clientsHome #client3 {
	position: absolute;
	margin-left: 206px;
	margin-top: -245px;
	}

.clientsHome #client1 span { color: #F0027F; }
.clientsHome #client2 span { color: #FFCC00; }
.clientsHome #client3 span { color: #0FADD5; }

#clientTrigger1 {height: 47px; left: 87px; position: absolute; top: 84px; width: 170px; display: block;}
#clientTrigger2 {height: 35px; position: absolute; right: 88px; top: 123px; width: 238px; display: block;}
#clientTrigger3 {height: 41px; left: 203px; position: absolute; top: 478px; width: 149px; display: block;}

/*********** CLIENTS - INTERNAL ************/


.clients #content {
	position: absolute;
	margin-top: 439px;
	width: 897px;
	padding: 0 0 220px 63px;
	background: url(../images/background-horizon.png) center 85px no-repeat;
	}

.clients #content .leftColumn {
	width: 220px; /* 220px */
	height: 255px;
	padding-left: 0;
	margin-left: 0;
	padding-top: 25px;
	background: url(../images/sprite.png) 208px -1px no-repeat;
	}

.clients #content .middle {
	width: 200px; /* 220px */
	height: 255px;
	padding-left: 20px;
	padding-top: 25px;
	background: url(../images/sprite.png) 208px -1px no-repeat;
	}

.clients #content .right {
	width: 350px; /* 411px */
	height: 255px;
	padding-left: 20px;
	padding-top: 25px;
	}

.clients h1 {
	margin: 0;
	font-size: 1.50em;
	font-weight: normal;
	color: #111111;
	}

.clients h2 {
	margin: 0;
	font-size: 0.94em;
	font-weight: normal;
	font-style: italic;
	color: #2A2B2C;
	}

.clients p {
	font-size: 0.75em;
	line-height: 140%;
	}



.clients .leftColumn ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.clients .leftColumn ul li {
	margin: 5px 0;
	padding: 0;
	height: 26px;
	}

.clients .leftColumn ul li a {
	height: 26px;
	display: block;
	background: url(../images/sprite.png) no-repeat;
	text-indent: -4000px;
	}

.clients .leftColumn .submenu1 a:link    { background-position: -228px -106px; }
.clients .leftColumn .submenu1 a:visited { background-position: -228px -106px; }
.clients .leftColumn .submenu1 a:hover   { background-position: -228px -25px; }
.clients .leftColumn .submenu1 a.active  { background-position: -228px -25px; }

.clients .leftColumn .submenu2 a:link    { background-position: -228px -132px; }
.clients .leftColumn .submenu2 a:visited { background-position: -228px -132px; }
.clients .leftColumn .submenu2 a:hover   { background-position: -228px -51px; }
.clients .leftColumn .submenu2 a.active  { background-position: -228px -51px; }

.clients .leftColumn .submenu3 a:link    { background-position: -228px -161px; }
.clients .leftColumn .submenu3 a:visited { background-position: -228px -161px; }
.clients .leftColumn .submenu3 a:hover   { background-position: -228px -79px; }
.clients .leftColumn .submenu3 a.active  { background-position: -228px -79px; }



.clients .middle ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.75em;
	line-height: 135%;
	}

.clients .middle ul li {
	margin-left: 0;
	padding-left: 0;
	text-indent: 0;
	width: 180px;
/* 	background-color: lime; */
	}



.clients .right ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.75em;
	}

.clients .right ul li {
	display: inline;
	border-left: 1px dotted #373A3B;
	padding: 1px 7px 1px 10px;
	}

.clients .right ul li:first-child {
	border-left: none;
	padding-left: 0;
	}

.clients .cla .right a:link    { color: #FA2483; }
.clients .cla .right a:visited { color: #FA2483; }
.clients .cla .right a:active  { color: #FA2483; }
.clients .cla .right a:hover   { color: #DBDBDB; }

.clients .con .right a:link    { color: #FFCC00; }
.clients .con .right a:visited { color: #FFCC00; }
.clients .con .right a:active  { color: #FFCC00; }
.clients .con .right a:hover   { color: #DBDBDB; }

.clients .cul .right a:link    { color: #00CCFF; }
.clients .cul .right a:visited { color: #00CCFF; }
.clients .cul .right a:active  { color: #00CCFF; }
.clients .cul .right a:hover   { color: #DBDBDB; }

.clients .arrow {
	position: absolute;
	margin-left: -25px;
	margin-top: 2px;
	width: 6px;
	height: 11px;
	background: url(../images/sprite.png) -31px -484px;
	}

.clients #slidePanel {
	position: absolute;
	width: 960px;
	margin-top: 160px;
	}
	
.clients #slidePanel .leftArrow {
	position: absolute;
	z-index: 2;
	margin-left: 5px;
	margin-top: 130px;
	}

.clients #slidePanel .leftArrow a {
	display: block;
	width: 16px;
	height: 26px;
	background-position: -1px -312px;
	}

.clients #slidePanel .leftArrow a:hover {
	background-position: -1px -340px;
	}

.clients #slidePanel .rightArrow {
	position: absolute;
	z-index: 3;
	margin-left: 938px;
	margin-top: 130px;
	}

.clients #slidePanel .rightArrow a {
	display: block;
	width: 16px;
	height: 26px;
	background-position: -1px -396px;
	}

.clients #slidePanel .rightArrow a:hover {
	background-position: -1px -368px;
	}
	

.clients #slidePanel .panelTop {
	width: 960px;
	height: 15px;
	background: url(../images/white-panel-top.png) center no-repeat;
	}

.clients #slidePanel .panelMiddle {
	width: 890px;
	height: 253px;
	color: #000000;
	position: relative;
	left: 34px;
	background: url(../images/white-panel-middle.png) top left;
	}

.clients #slidePanel .panelBottom {
	width: 960px;
	height: 30px;
	background: url(../images/white-panel-bottom.png) center no-repeat;
	}

.clients #slidePanel .panelMiddle .panel1 {
	padding-left: 48px;
	}











/*********** CASE STUDIES ************/



.casestudies #content {
	position: absolute;
	margin-top: 150px;
	width: 960px;
	padding: 25px 0 100px 0;
	background: url(../images/background-horizon.png) center bottom no-repeat;
	}

.casestudies .left {
	float: left;
	width: 320px;
	}

.casestudies .left ul {
	margin: 0;
	padding: 0;
	font-size: 0.75em;
	color: #A5A6A7;
	}

.casestudies .left ul li {
	list-style: none;
	border-bottom: 1px dotted #373A3B;
	padding-bottom: 15px;
	padding-top: 25px;
	}

.casestudies .left ul li a {
	display: block;
	font-size: 2.08em;
	background: url(../images/sprite.png) 300px -366px no-repeat;
	}

.casestudies .left .case1 a.active { background-position: 300px -394px; }
.casestudies .left .case1 a:hover  { background-position: 300px -394px; }

.casestudies .left .case2 a.active { background-position: 300px -450px; }
.casestudies .left .case2 a:hover  { background-position: 300px -450px; }

.casestudies .left .case3 a.active { background-position: 300px -422px; }
.casestudies .left .case3 a:hover  { background-position: 300px -422px; }


.casestudies .right {
	float: right;
	width: 592px;
/* 	padding-top: 5px; */
	background: url(../images/case-footer.png) no-repeat left bottom;
	}

.casestudies .heading {
	margin: 0;
	padding: 53px 37px 40px 37px;
	}

.casestudies .case1 .heading { background: url(../images/case-header-1.png) no-repeat; }
.casestudies .case2 .heading { background: url(../images/case-header-2.png) no-repeat; }
.casestudies .case3 .heading { background: url(../images/case-header-3.png) no-repeat; }

.casestudies .text {
	margin: 0;
	padding: 27px 37px 0px 37px;
	background: url(../images/case-background.gif) repeat-y;
	}

.casestudies h1 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font: italic normal 1.88em "Times New Roman", Times, serif;
	}

.casestudies h2 {
	margin: 0;
	padding: 0;
	font-size: 0.94em;
	font-weight: normal;
	color: #000000;
	
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	}

.casestudies p {
	margin-top: 5px;
	font-size: 0.75em;
	color: #404040;
	line-height: 135%;
	}

.casestudies p.small {
/* 	margin: 0; */
	margin-bottom: 7px;
	padding-bottom: 35px;
	font-size: 0.63em;
	color: #7F7F7F;
	}

.casestudies .right ul {
	margin-top: 5px;
	padding-left: 30px;
	font-size: 0.75em;
	color: #404040;
	line-height: 135%;
	}

.casestudies .right ul li {
	padding-left: 5px;
	}

.casestudies h3,
.casestudies h4,
.casestudies h5,
.casestudies h6,
.casestudies h7 {
	margin: 0;
	padding-top: 10px;
	display: block;
	font-size: 0.94em;
	font-weight: normal;
	}

.casestudies .case1 h3,
.casestudies .case1 h4,
.casestudies .case1 h5,
.casestudies .case1 h6,
.casestudies .case1 h7 {
	color: #F0027F;
	}

.casestudies .case2 h3,
.casestudies .case2 h4,
.casestudies .case2 h5,
.casestudies .case2 h6,
.casestudies .case2 h7 {
	color: #FFCC00;
	}

.casestudies .case3 h3,
.casestudies .case3 h4,
.casestudies .case3 h5,
.casestudies .case3 h6,
.casestudies .case3 h7 {
	color: #058EB1;
	}

.casestudies .tab {
	position: absolute;
	margin-left: 555px;
	margin-top: 5px;
	width: 23px;
	background: url(../images/sprite.png) 0 0 no-repeat;
	}
	
.casestudies .case1 .tab {
	height: 65px;
	background-position: -47px -386px;
	}
	
.casestudies .case2 .tab {
	height: 92px;
	background-position: -22px -327px;
	}
	
.casestudies .case3 .tab {
	height: 58px;
	background-position: -47px -327px;
	}








/*********** CONTACT ************/



#map {
	position: absolute;
	width: 960px;
	margin-top: 160px;
	}
	
#map a {
	background: url(../images/sprite.png)  0 no-repeat;
	}

#map .panelTop {
	width: 960px;
	height: 15px;
	background: url(../images/white-panel-top.png) no-repeat center;
	}

#map .panelMiddle {
	width: 960px;
	height: 253px;
	color: #000000;
	background: url(../images/white-panel-middle.png) center repeat-y;
	}

#map .panelBottom {
	width: 960px;
	height: 30px;
	background: url(../images/white-panel-bottom.png) center no-repeat;
	}

#map .panelMiddle #map_canvas {
	margin-left: 48px;
	width: 863px;
	height: 253px;
	}


.contact #content {
	position: absolute;
	margin-top: 350px;
	width: 897px;
	padding: 105px 0 100px 63px;
	background: url(../images/background-horizon.png) center top no-repeat;
	}

.contact h1,
.contact h2 {
	color: #0E0E0F;
	font-weight: normal;
	font-size: 1.50em;
	margin-top: 0;
	margin-bottom: 7px;
	}

.contact address {
	font-style: normal;
	font-size: 0.75em;
	line-height: 135%;
	border-bottom: 1px dotted #373A3B;
	padding-bottom: 8px;
	margin-bottom: 8px;
	}

.contact span {
	display: block;
	font-size: 0.88em;
	padding-bottom: 3px;
	}

.contact .left,
.contact .middle {
	float: left;
	width: 187px;
	padding-right: 22px;
	}

.contact .right {
	float: left;
	width: 187px;
	padding-right: 22px;
	padding-top: 3px;
	margin-left: 209px;
	color: #272829;
	font-size: 0.75em;
	}

.contact .right a {
	line-height: 100%;
	font-size: 1.33em;
	}

.contact .right small {
	display: block;
	padding-top: 15px;
	font-size: 0.83em;
	}








/*********** GLOBAL ************/



.textItalic {
	font-style: italic;
	}