/* 
Title: Typography Stylesheet
Author: will@authenticstyle.co.uk
*/

a:link, a:visited, a:active {
  color:#e1222c;
  text-decoration:underline;
}
a:hover {
  color:#e1222c;
  text-decoration:none;
}


/* Headings
----------------------------------------------------------------------*/
h1 {
   text-indent: -5000px;
   background: url(../images/headings/logo.jpg) no-repeat;
   width: 227px;
   height: 97px;
   margin: 0px 0px 0px 0px;
   }
   
h2 {
font-size: 30px;
color: #000;
font-weight: normal!important;
margin-top: 3px!important;
margin-bottom: 10px!important;
}
h2 a {
font-size: 30px;
color: #000!important;
font-weight: normal!important;
margin-top: 3px!important;
margin-bottom: 10px!important;
text-decoration: none!important;
}

h3 {
font-size: 24px;
color: #000;
font-weight: normal!important;
margin-top: 3px!important;
margin-bottom: 8px!important;
}
h3.platform-headings {
font-size: 24px;
color: #000;
font-weight: normal!important;
margin-top: 25px!important;
margin-bottom: 8px!important;
}

h4 {
font-size: 18px;
color: #000;
font-weight: normal!important;
margin-top: 67px!important;
margin-bottom: 9px!important;
text-transform: uppercase;
}

h4 a {
font-size: 18px;
color: #000!important;
font-weight: normal!important;
margin-top: 67px!important;
margin-bottom: 9px!important;
text-transform: uppercase;
text-decoration: none!important;
}

h4.casestudysubheading {
font-size: 18px;
color: #000;
font-weight: normal!important;
margin-top: 30px!important;
margin-bottom: 9px!important;
text-transform: uppercase;
}

h5 {
font-size: 16px;
color: #000;
font-weight: normal!important;
margin-top: 30px!important;
margin-bottom: 9px!important;
}

h6 {
font-size: 10px;
color: #535353;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: normal;
}

h3.subheading {
font-size: 21px;
padding-top: 10px;
}
h3.subheading2 {
font-size: 21px;
padding-top: 0px;
}

.headingarrow-home {
position: absolute;
top:14px;
left:260px;
}

.headingarrow-contact {
position: absolute;
top:5px;
left:138px;
}

.headingarrow-whatwedo {
position: absolute;
top:5px;
left:160px;
}

.headingarrow-platforms {
position: absolute;
top:14px;
left:121px;
}

.heading-arrow-casestudies {
position: absolute;
top:128px;
left:160px;
}

.headingarrow-about {
position: absolute;
top:5px;
left:182px;
}
.headingarrow-about2 {
position: absolute;
top:102px;
left:169px;
}
.headingarrow-whatwedo2 {
position: absolute;
top:112px;
left:98px;
}

h2.casestudyoverview-title {
font-size: 30px;
color: #000;
font-weight: normal!important;
margin-top: 20px!important;
margin-bottom: 10px!important;
text-align: center;
}

/* Typography
----------------------------------------------------------------------*/

p {
color: #696969;
margin-bottom: 15px;
line-height: 19px;
}

#main-content p {
color: #696969;
margin-bottom: 15px;
line-height: 19px;
}
#main-content-about p {
color: #696969;
margin-bottom: 15px;
line-height: 19px;
}

#main-content-casestudy p {
color: #696969;
margin-bottom: 15px;
line-height: 19px;
}

#main-content-products p {  
color: #696969;
margin-bottom: 15px;
line-height: 19px;
}

.grey {
font-size: 11px;
color: #a3a3a3!important;
line-height: 16px!important;
}

.black {
color: #000;
}

#casestudy-home p {
font-size: 12px;
line-height: 18px;
}

blockquote {
width: 419px;
background-image: url(../images/backgrounds/quotemark.jpg);
background-repeat: no-repeat;
background-position: top left;
padding-left: 26px!important;
padding-right: 20px!important;
padding-top: 1px!important;
color: #7d7d7d;
font-size: 15px;
line-height: 19px;
font-style: italic;
margin-top: 28px!important;
padding-bottom: 10px!important;
}

.casestudyquote {
width: 900px;
background-image: url(../images/backgrounds/quotemark.jpg);
background-repeat: no-repeat;
background-position: top left;
padding-left: 26px!important;
padding-right: 20px!important;
padding-top: 1px!important;
color: #7d7d7d;
font-size: 15px;
line-height: 19px;
font-style: italic;
margin-top: 28px!important;
padding-bottom: 10px!important;
}

small {
font-size: 12px;
color: #4c4c4c;
padding-left: 26px;
}

.left p {
font-size: 12px;
line-height: 18px;
}
.right p {
font-size: 12px;
line-height: 18px;
}

#main-content ul {
padding: 0px!important;
margin: 0px 0px 15px 0px;!important;
}

#main-content li {
list-style: none;
padding: 0px 0px 0px 17px!important;
margin: 0px!important;
line-height: 19px;
color: #696969;
background-image: url(../images/sitewide/bullet.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
}


.clear {
clear: both;
padding-top: 25px;
}
   
/* Accordion Styles
----------------------------------------------------------------------*/

li { list-style-type: none; }
.basic, #list2, #list3, #navigation { width:20em; }

#log { position:fixed; bottom: 0; right:1em; text-align:right; }
#switch { position: fixed; bottom: 0; right: 15em; }

.basic  {
	width: 653px;
	font-family: arial;
	border: 1px solid #e9e9e9;
	margin-top: 18px;
}
.basic div {
	background-color: #fff;
	border-bottom: 1px solid #e9e9e9;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

.basic p {
	margin-bottom : 10px!important;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	margin: 0px;
	color: #696969;
	line-height: 20px;
}
.basic a {
	cursor:pointer;
	display:block;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:22px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: black;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: #fff;
	border-top: none;
	border-bottom: 1px solid #e9e9e9;
	font-family: Arial;
	background-image: url(../images/backgrounds/accordionarrow-1.jpg);
	background-repeat: no-repeat;
	background-position: 1% 46%;
}
.basic a:hover {
	background-color: #f4f4f4;
	background-image: url(../images/backgrounds/accordionarrow-2.jpg);
	background-repeat: no-repeat;
	background-position: 1% 46%;
}
.basic a.selected {
	color: white;
	background-color: #e11520;
	background-image: url(../images/backgrounds/accordionarrow-3.jpg);
	background-repeat: no-repeat;
	background-position: 1% 46%;
}

.nostyle a {
	color: #e11520!important;
	background: none!important;
	border: none!important;
	padding: 0px!important;
	margin: 0px!important;
	text-transform: none!important;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	text-decoration: underline;
	display: inline;
	letter-spacing: normal!important;
}
.nostyle a:hover {
	color: #e11520!important;
	background: none!important;
	border: none!important;
	padding: 0px!important;
	margin: 0px!important;
	text-transform: none!important;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
	display: inline;
	letter-spacing: normal!important;
}

   
/* List Styles
----------------------------------------------------------------------*/

ul.team {
margin: 0px;
width: 194px;
}

.team li {
border-top: #e6e6e6 1px solid;
height: 34px;
}

.team li a {
color: #000;
text-decoration: none;
font-size: 14px;
}
.team li a:hover {
color: #e3252f!important;
text-decoration: none;
font-size: 14px;
}

/* Image Styles
----------------------------------------------------------------------*/

.map {
margin-bottom: 5px;
}

/* Case Study Image Styles
----------------------------------------------------------------------*/
.skypetools-casestudy-home {
   position:relative;
   height: 95px;
   width: 318px;
   cursor:pointer;
   display:block;
   background:url(../images/casestudies/home-skypetools.jpg) no-repeat left top;
   text-indent: -5000px;
   background-position: 0px 0px;
   float: left;
   margin-right: 0px;
   margin-bottom: 21px;
}

.skypetools-casestudy-home span.bg_fade {
   position: absolute;
   display:none;
   top: 0;
   left: 0;
   height: 95px;
   width: 318px;
   background:url('../images/casestudies/home-skypetools.jpg') no-repeat 0px -95px;
}

.skypetools-casestudy {
   position:relative;
   height: 125px;
   width: 318px;
   cursor:pointer;
   display:block;
   background:url(../images/casestudies/skypetools.jpg) no-repeat left top;
   text-indent: -5000px;
   background-position: 0px 0px;
   float: left;
   margin-right: 0px;
   margin-bottom: 21px;
}

.skypetools-casestudy span.bg_fade {
   position: absolute;
   display:none;
   top: 0;
   left: 0;
   height: 125px;
   width: 318px;
   background:url('../images/casestudies/skypetools.jpg') no-repeat 0px -125px;
}

.blabbelon-casestudy {
   position:relative;
   height: 125px;
   width: 318px;
   cursor:pointer;
   display:block;
   background:url(../images/casestudies/blabbelon.jpg) no-repeat left top;
   text-indent: -5000px;
   background-position: 0px 0px;
   float: left;
   margin-right: 0px;
   margin-bottom: 21px;
}

.blabbelon-casestudy span.bg_fade {
   position: absolute;
   display:none;
   top: 0;
   left: 0;
   height: 125px;
   width: 318px;
   background:url('../images/casestudies/blabbelon.jpg') no-repeat 0px -125px;
}

.ghost-casestudy {
   position:relative;
   height: 95px;
   width: 318px;
   cursor:pointer;
   display:block;
   background:url(../images/casestudies/ghost.jpg) no-repeat left top;
   text-indent: -5000px;
   background-position: 0px 0px;
   float: left;
   margin-right: 0px;
   margin-bottom: 21px;
}

.ghost-casestudy span.bg_fade {
   position: absolute;
   display:none;
   top: 0;
   left: 0;
   height: 95px;
   width: 318px;
   background:url('../images/casestudies/ghost.jpg') no-repeat 0px -95px;
}

.ecomcall-casestudy {
   position:relative;
   height: 125px;
   width: 318px;
   cursor:pointer;
   display:block;
   background:url(../images/casestudies/ecomcall.jpg) no-repeat left top;
   text-indent: -5000px;
   background-position: 0px 0px;
   float: left;
   margin-right: 0px;
   margin-bottom: 21px;
}

.skype-live-casestudy {
   position:relative;
   height: 125px;
   width: 318px;
   cursor:pointer;
   display:block;
   background:url(../images/casestudies/skypelive.jpg) no-repeat left top;
   text-indent: -5000px;
   background-position: 0px 0px;
   float: left; 
   margin-right: 0px;  
   margin-bottom: 21px;
}

.skype-live-casestudy span.bg_fade {
   position: absolute;
   display:none;
   top: 0;
   left: 0;
   height: 125px;
   width: 318px;
   background:url('../images/casestudies/skypelive.jpg') no-repeat 0px -125px;
}

.ecomcall-casestudy span.bg_fade {
   position: absolute;
   display:none;
   top: 0;
   left: 0;
   height: 125px;
   width: 318px;
   background:url('../images/casestudies/ecomcall.jpg') no-repeat 0px -125px;
}

.skypebusiness-casestudy {
   position:relative;
   height: 95px;
   width: 318px;
   cursor:pointer;
   display:block;
   background:url(../images/casestudies/skypebusiness.jpg) no-repeat left top;
   text-indent: -5000px;
   background-position: 0px 0px;
   float: left;
   margin-right: 0px;
   margin-bottom: 21px;
}

.skypebusiness-casestudy span.bg_fade {
   position: absolute;
   display:none;
   top: 0;
   left: 0;
   height: 95px;
   width: 318px;
   background:url('../images/casestudies/skypebusiness.jpg') no-repeat 0px -95px;
}

.heading-arrow-skypebusiness {
float: right;
margin-top: -33px;
/*padding-right: 128px;*/
}
.heading-arrow-skypetools {
float: right;
margin-top: -33px;
/*padding-right: 170px;*/
}
.heading-arrow-ghost {
float: right;
margin-top: -33px;
/*padding-right: 232px;*/
}
.heading-arrow-ecomcall {
float: right;
margin-top: -34px;
/*padding-right: 196px;*/
}
.heading-arrow-blabbelon {
float: right;
margin-top: -33px;
/*padding-right: 189px;*/
}

.pagenumber {
float: right;
text-transform: uppercase;
font-size: 10px;
color: #e11520!important;
}

.cont {
float: right;
}

#main-content-casestudy ul {
padding: 0px!important;
margin: 0px 0px 15px 0px;!important;
}
#main-content-casestudy li {
list-style: none;
padding: 0px 0px 0px 17px!important;
margin: 0px!important;
line-height: 19px;
color: #696969;
background-image: url(../images/sitewide/bullet.jpg);
background-repeat: no-repeat;
background-position: 0% 20%;
}

#main-content-products ul {
padding: 0px!important;
margin: 0px 0px 15px 0px;!important;
}

#main-content-products li {
list-style: none;
padding: 0px 0px 0px 17px!important;
margin: 0px!important;
line-height: 19px;
color: #696969;
background-image: url(../images/sitewide/bullet_utanium.png);
background-repeat: no-repeat;
background-position: 0% 45%; 
}



/* Case Study SLIDER
----------------------------------------------------------------------*/

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

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:696px;
		background:#fff;		
		margin-bottom:2em;
		}	
	#header{
		height:80px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider{}	
	#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:929px;
		height:360px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:42px;
		height:43px;
		position:absolute;
		/*left:32px;
		top:282px;*/
		top:158px;
		z-index: 10000;
		}	
  #prevBtn {
    left:0;
  }
	#nextBtn{ 
		/*left:918px;*/
		left:887px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:42px;
		height:43px;
		background:url(../images/sitewide/previous.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/sitewide/next.png) no-repeat 0 0;	
		}												

/* // Easy Slider */