@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);

*{
	padding:0;
	margin:0;
}
body{
	font-family:'Open Sans', Arial, sans-serif;
	font-weight:300;
	font-size:13px;
	line-height:18px;
	color:#757786;
	padding-top:20px;
}
a{
	outline:none;
	text-decoration:none;
	color:#0990CF;
}
a:hover{
	color:#7F4099;	
}

ul, ul li{
	list-style-type:none;	
}

img {
	outline:none;
	border:0;
}

.spacer{
	font-size:0;
	line-height:0;
	height:0;
	clear:both;
}

.nobr {
	border:0 !important;
}


h3 {
	font-size:18px;
	line-height:21px;
	color:#221E1F;
	font-weight:400;
	margin-bottom:15px;
}

h4 {
	font-size:14px;
	line-height:18px;
	color:#0990CF;
	font-weight:400;
	margin-bottom:6px;
}

p {
	padding-bottom:18px;
}

.nomargin {
	margin:0 !important;
}

.nobg {
	background:none !important;
}


.toppan {
	height:77px;
	padding:0 15px;
}

.logo {
	width:165px;
	height:60px;
	float:left;
}
.menu{
	float:left;
	padding:12px 0 0px 10px;
}
#mobile-header{
	height:31px;
	}
a.menu-button{
	width:31px;
	height:31px;
	}
#navigation{
	display:none;
	}
.greypan {
	background:url(../images/grey-bg.gif) 0 0 repeat-x;
	height:48px;
}

.callpan {
	width:55%;	
	padding:0 15px 0;
	font-size:13px;
	line-height:48px;
	font-weight:400;
	color:#54BCEC;
	float:left;
}

.technician {
	background-color:#7F3F98;
	width:35%;
	height:48px;
	float:right;
}
.technician a {
	font-size:13px;
	line-height:15px;
	font-weight:700;
	color:#fff;
	text-transform:uppercase;
	padding:8px 15px;
	display:block;
}
.technician a span {
	font-weight:300;
	display:block;
}

.header {
	background:url(../images/header-bg.gif) 0 0 repeat-x;
	height:144px;
	padding:0 15px;
}
.hedaerInner {
	background:url(../images/header-middle.gif) 0 0 no-repeat;
	text-align:center;
	padding-top:26px;
}
.hedaerInner h2 {
	font-size:27px;
	line-height:27px;
	font-weight:700;
	text-transform:uppercase;
	color:#FFF;	
	padding-bottom:10px;
}
.hedaerInner h2 span {
	font-size:20px;
	line-height:20px;
	font-weight:400;
	text-transform:uppercase;
	display:block;
	color:#FFF;	
}
.hedaerInner a {
	display:block;
	font-size:14px;
	line-height:35px;
	font-weight:700;
	text-transform:uppercase;
	width:148px;
	border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#fff;
	color:#6A6B72;
	text-align:center;
	margin:0 auto;
}
.bodypan {
	padding:30px 15px 10px;
}
.borderpan {
	border-bottom:1px solid #F4F4F4;
	padding-bottom:10px;
	margin-bottom:20px;
}

.serviceBox {
	padding-bottom:25px;
}

.serviceBox p {
	padding-bottom:8px;
}

.serviceBox img {
	max-width:100%;
	height:auto;
	margin:0 auto 14px;
	display:block;
}
.serviceBox a.readmore {
	font-size:13px;
	line-height:18px;
	font-weight:400;
	width:68px;
	color:#0990CF;
	display:block;
	background:url(../images/arrow-icon.gif) 100% 6px no-repeat;
	padding-right:10px;
}

.serviceBox a.readmore:hover {
	color:#83419C;
}

.testimonialpan p span {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/quote-icon.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 17px;
    padding-bottom: 2px;
    padding-left: 0;
    padding-right: 23px;
    padding-top: 0;
    width: 23px;
}

#testimonialpan {
	/*background:url(../images/testimonial-bg.gif) 0 0 repeat-x #8B45A4 ;*/
	height:125px;
}

#testimonialpan .testimonialInner {
	width:950px;
	margin:0 auto;
	padding:24px 0 35px;
}

#testimonialpan p {
	background:url(../images/testi-quote.png) 0 0 no-repeat;
	font-size:17px;
	line-height:23px;
	color:#EDD4F6;
	padding-left:32px;
	padding-top:5px;
	padding-bottom:15px;
}

.testimonialpan span.clientname {
	font-size:14px;
	line-height:18px;
	color:#fff;
	padding:5px 10px 5px 28px;
	font-weight:400;
	display:inline-block;
	margin-left:29px;
	float:right;
}

.testimonialpan {
	background-color:#84439D;
	padding:20px 15px 30px;
}

.testimonialpan p {
	
	font-size:13px;
	line-height:18px;
	color:#EDD4F6;
	padding-top:5px;
}
.testimonialpan p span {
	background:url(../images/quote-icon.png) 0 0 no-repeat;
	width:23px;
	height:17px;
	padding:0 23px 2px 0;
}

.testimonialpan a.clientname {
	font-size:13px;
	line-height:18px;
	color:#fff;
	font-weight:400;
	display:inline-block;
}

.testimonialpan a.clientname:hover {
	background-color:#A860C1;
}

.footer {
	padding:25px 15px;
	border-top:3px solid #84439D;
}
.footer p {
	font-size:12px;
	line-height:14px;
}


.list {
	margin-bottom:20px;
}

.list li{
	background:url(../images/tick.png) 0 10px no-repeat;
	padding:3px 0 3px 18px;
	font-size:13px;
	line-height:15px;
}
 p.telephone {
	font-size:19px;
	line-height:23px;
	padding-bottom:5px;
	color:#84439D;
}

 p.telephone span {
	 color:#34AEE6;
 }
	
p.email {
	font-size:19px;
	line-height:23px;
	padding-bottom:25px;
	color:#84439D;
}

p.email span {
	 color:#34AEE6;
}

p.email a {
	 color:#34AEE6;
 }
 
 img.googlemap {
	max-width:100%;
	height:auto;
	margin:0 auto 25px;
	display:block;
 }
 
 
.contactform {
	background:url(../images/contact-bg.gif) 0 0 repeat-x #F4F4F4;
	padding:32px 16px 50px;
}

.contactform label {
	display:block;
	font-size:13px;
	line-height:18px;
	padding-bottom:5px;
}

.contactform input[type="text"], 
.contactform input[type="email"]{
	width:100%;
	height:42px;
	background-color:#fff;
	font-size:12px;
	line-height:42px;
	margin-bottom:8px;
	border:0;
}

.contactform textarea {
	font-size:12px;
	line-height:16px;
	font-family:'Open Sans', Arial, sans-serif;
	width:100%;
	height:130px;
	margin-bottom:8px;
	resize:none;
	border:0;
}

.contactform input[type="submit"]{
	background-color:#34AEE6;
	color:#fff;
	font-size:16px;
	line-height:43px;
	font-weight:700;
	text-transform:uppercase;
	width:121px;
	height:43px;
	cursor:pointer;
	border:0;
	float:left;
	border-radius:5px;
	-webkit-border-radius:5px;
}

.accodian {
	margin-bottom:7px;
}

.content {
	
	display:none;
}

.accodian  h3 {
	background-color:#59C1E9;
	padding:0 15px;
	color:#fff;
	font-size:14px;
	line-height:46px;
	height:46px;
	margin:0;
	position:relative;
	cursor:pointer;
}

.accodian  h3.twoline {
	font-size:14px;
	line-height:16px;
	padding:12px 15px 15px;
	height:30px;
	background-color:#59C1E9;
}
.accodian  h3 span{
	position:absolute;
	top:18px;
	right:10px;
	background:url(../images/arrow1.png) 0 0 no-repeat;
	display:block;
	width:6px;
	height:11px;
}
.accodian  h3 .arrowBottom{
	position:absolute;
	top:46px;
	left:10px;
	background:url(../images/arrodian-arrow.png) 0 0 no-repeat;
	display:block;
	width:14px;
	height:7px;
}

.content p span{
	color:#CA1217;
	display:block;
}
.open{
	display:block;	
}
.insidesinglediv{
	padding:20px;
	background-color:#EFF9FE;
}
.insidesinglediv img {
	max-width:100%;
	height:auto;
	margin:0 auto 25px;
	display:block;
}
.insidesinglediv h4{
	font-size:14px;
	color:#272727;
	font-weight:400;
}

.insidesinglediv ul{
	padding:0 0 20px 0;
	margin:0;
}	
.insidesinglediv ul li{
	background:url(../images/tick2.gif) no-repeat 0 5px;
	font-size:13px;
	line-height:15px;
	color:#585A66;
	padding:0 0 5px 20px;
}

.logoArea {
	background-color:#F9FAFE;
	padding:15px 10px;
	margin-bottom:20px;
}

.logoArea img {
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}

.homeClient {
	margin-bottom:20px;
}
.homeClient img {
	float:left;
	border:4px solid #F6F8FD;
	margin-right:8px;
}
.blueArea {
	background-color:#F0F9FE;
	padding:15px 15px 0 15px;
	color:#0990CF;
	margin-bottom:20px;
}
a.readmore {
	font-size:13px;
	line-height:18px;
	font-weight:400;
	width:68px;
	color:#0990CF;
	display:block;
	background:url(../images/arrow-icon.gif) 100% 6px no-repeat;
	padding-right:10px;
}

a.readmore:hover {
	color:#83419C;
}

.sliderPan {
	width:100%;
	margin:0 auto;
	height:144px;
	position:relative;
}

#slider{
	width:100%;
	height:144px;
}
#slider .slide{
	width:100%;
	height:144px;
}

.sliderPan .sliderContent {
	width:100%;
	padding-top:10px;	
}
.sliderPan div.sliderContent h2 {
	font-size:20px;
	line-height:20px;
	font-weight:800;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:10px;
}
.sliderPan div.sliderContent h2 span {
	font-size:29px;
	line-height:32px;
	font-weight:400;
	display:block;
}

.sliderPan div.sliderContent p {
	font-size: 15px;
    line-height: 15px;
	color:#F9FDFF;
	padding-bottom:10px;
}
.sliderPan div.sliderContent a.findoutmore {
	font-size:0;
	line-height:0;
	text-indent:-50000px;
	background:url(../images/find-out-more50.png) 0 0 no-repeat;
	width:169px;
	height:25px;
	display:block;
}
.sliderPan div.sliderContent a.findoutmore:hover {
	background:url(../images/find-out-more50.png) 0 100% no-repeat;
}
.sliderPan div.cloud {
	width:929px;
	height:83px;
	position:absolute;
	bottom:8px;
	left:0;
	background:url(images/cloud.png) 0 0 no-repeat;
	z-index:100;
}
.sliderPan #snav{
	z-index:1000;
	position:absolute;
	top:439px;
	left:450px;
	height:12px;
	width:47px;
	text-align:center;
}

.sliderPan #snav a{
	background:url(../images/bullet.png) 0 0 no-repeat;
	width:12px;
	height:12px;
	display:inline-block;
	font-size:0;
	line-height:0;
	text-indent:-50000px;
	margin-right:3px;
}

.sliderPan #snav a:hover, .sliderPan #snav a.activeSlide{
	background:url(../images/bullet-hover.png) 0 0 no-repeat;
}

#slider .sliderContent a {
    background-color: #FFFFFF;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #6A6B72;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
    width: 125px;
	float:left;
	vertical-align:bottom;
}