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


@font-face {
    font-family: 'stencilregular';
    src: url('../fonts/stencil-webfont.eot');
    src: url('../fonts/stencil-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/stencil-webfont.woff') format('woff'),
         url('../fonts/stencil-webfont.ttf') format('truetype'),
         url('../fonts/stencil-webfont.svg#stencilregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'MyriadPro-Semibold';
	src: url('../fonts/myriadpro-semibold.eot');
	src: url('../fonts/myriadpro-semibold.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/myriadpro-semibold.woff') format('woff'),
			 url('../fonts/myriadpro-semibold.ttf') format('truetype'),
			 url('../fonts/myriadpro-semibold.svg#myriadpro-semibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('../fonts/myriadpro-regular.eot');
	src: url('../fonts/myriadpro-regular.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/myriadpro-regular.woff') format('woff'),
			 url('../fonts/myriadpro-regular.ttf') format('truetype'),
			 url('../fonts/myriadpro-regular.svg#myriadpro-regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'akadoraregular';
    src: url('../fonts/akadora-webfont.eot');
    src: url('../fonts/akadora-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/akadora-webfont.woff') format('woff'),
         url('../fonts/akadora-webfont.ttf') format('truetype'),
         url('../fonts/akadora-webfont.svg#akadoraregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body
{
/*background-image:url(../images/bg.jpg);
background-repeat:repeat;*/
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#393b3e;
background-color:#cdecfc;
}
a img{
	border:none;
}
.clear
{
clear:both;
}

#main-wrapper
{
margin:0px auto;
width:1000px;
}

#header
{
float:left;
width:1000px;
background-repeat:repeat-x;
color:#fff;
margin:19px 0 0 0;
/*padding:23px 18px 0px 18px;*/
}

#header .logo
{
float:left;
/*margin-right:144px;*/
}

#header .login-wrap-box
{
float:left;
padding:0;
margin:20px 0 0 12px;
}

#header .login-wrap
{
float:left;
width:484px;
background-color:#bcdbeb;
padding:15px 10px 8px 13px;
border:1px solid #c3e1f0;
margin:10px 0 0 0px;
}

#header .login-wrap a
{
font-size:12px;
color:#231f20;
text-decoration:none;
}

#header .login-wrap a:hover
{
color:#231f20;
text-decoration:underline;
}

#header .login-wrap .email
{
float:left;
margin-right:10px;
width:105px;

}

#header .login-wrap .email input
{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color:#fff;
height:20px;
width:90px;
border:none;
padding-left:10px;
color:#231f20;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-right:10px;
}

.red-button
{
display:block;
float:left;
text-decoration:none;
text-align:center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color:#fff;
color:#231f20;
height:22px;
width:60px;
border:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
cursor:pointer;
line-height:20px;
}
.red-button:hover{
	color:#231f20;
	text-decoration:none;
}

#header .account
{
float:right;
color:#231f20;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#header .account .row1
{
float:left;
margin-right:8px;
padding-top:6px;
}

#header .account .row1 a
{
color:#231f20;
text-decoration:none;
}

#header .account .row1 a:hover
{
color:#fff;
text-decoration:underline;
}

#header .account .row2
{
float:left;
}

#header .nav
{
float:left;
margin-top:20px;
background-color:#000000;
width:1000px;
border-top:1px solid #8596a0;
height:28px;
}
#header .nav ul
{
margin:0px;
padding:0px;
list-style:none;
}

#header .nav ul li
{
float:left;
margin-right:15px;
position:relative;
}
#header .nav ul li ul {
  padding: 0;
  position: absolute;
  top: 27px;
  left: 30px;
  width: 200px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
z-index:999;

}
#header .nav ul li ul li { 
  background: #000; 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;
  width:100%;
  padding:6px 0 6px 0;
}
#header .nav ul li ul li:hover { background: #666; }
#header .nav ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}


#header .nav ul li a
{
color:#efeef6;
font-size:14px;
font-family:MyriadPro-Regular;
text-decoration:none;
padding:0px 32px;
line-height:27px;
}

#header .nav ul li a:hover
{
color:#73cbee;
font-size:14px;
font-family:MyriadPro-Regular;
text-decoration:none;
}





/*#header .nav ul li.pricing.active
{
float:left;
background-image:url(../images/pricing-hover.png);
width:108px;
height:27px;
text-align:center;
line-height:26px;
color:#fff;
}*/



#header .call
{
float:right;
margin-top:15px;
font-size:18px;
} 

#header .call span
{
font-size:16px;
}



#container
{
float:left;
background-color:#007aa9;
width:100%;
margin:0px 0px 0px 0px;
-moz-box-shadow:  0px 0px 5px #888;
-webkit-box-shadow:  0px 0px 5px #888;
box-shadow: 0px 0px 5px #888;
/*background-image:url(../images/body-bg.png);
background-repeat:repeat;*/
}

#container h1
{
padding:0px 0px 0px 0px;
margin:23px 0px 23px 0px;
text-align:center;
font-style:italic;
font-size:24px;
color:#393b3e;
line-height:30px;
}

#container h1 span
{
font-family: 'MyriadPro-Regular';
font-style:normal;
font-size:28px;
color:#3c87c6;
}

#container .left-wrap
{
float:left;
/*width:736px;*/
width:100%;
}

#container .left-wrap .top-box
{
background-image:url(../images/box-provide.jpg);
height:493px;
background-repeat:no-repeat;
position:relative;
}
#container .left-wrap .top-box .join
{
position:absolute; left: 16px; top: 371px;
}

#container .left-wrap .top-box .take
{
position:absolute; left: 550px; top:391px;
}

#container .left-wrap .quote
{
font-family:akadoraregular;
font-size:26px;
color:#393b3e;
text-align:center;
margin-top:10px;
background-image:url(../images/quote-brd.png);
background-position:bottom;
background-repeat:no-repeat;
padding-bottom:20px;
}

#container .left-wrap .quote p
{

padding:0px;
padding-right:60px;
margin:0px;
color:#3f8ac8;
font-size:30px;
font-weight:bold;
}

#container .left-wrap .why-choose
{
float:left;
padding-top:15px;
}

#container .left-wrap .why-choose h2
{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 30px;
font-size:26px;
color:#197ccd;
font-family:MyriadPro-Semibold;
}

#container .left-wrap .why-choose .left
{
float:left;
width:307px;
}

#container .left-wrap .why-choose .right
{
float:left;
width:392px;
}

#container .left-wrap .why-choose .right ul
{
margin:0px;
padding:0px;
list-style:none;
}

#container .left-wrap .why-choose .right ul li
{
background-image:url(../images/arrow.png);
background-repeat:no-repeat;
padding-left:12px;
color:#393b3e;
font-size:14px;
background-position:0px 4px;
margin-bottom:18px;
}

#container .left-wrap .why-choose .right p
{
text-align:right;
color:#197ccd;
text-decoration:none;
}

#container .left-wrap .why-choose .right p a
{
color:#197ccd;
text-decoration:none;
}
#container .left-wrap .why-choose .right p a:hover
{
color:#197ccd;
text-decoration:underline;
}


#container .right-wrap
{
float:right;
width:245px;
background-image:url(../images/left-bg.jpg);
background-repeat:repeat-y;
min-height:953px;
}

#container .right-wrap .box
{
float:left;
width:100%;
text-align:center;
height:77px;
padding-top:13px;
color:#eaeaea;
font-size:18px;
background-image:url(../images/brd.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#container .right-wrap .box a
{
color:#eaeaea;
text-decoration:none;
}

#container .right-wrap .box p
{
padding:8px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-shadow:0 -1px 0 #000;
filter:dropshadow(color=#000, offx=0, offy=0);
}

#container .right-wrap .box1
{
float:left;
width:100%;
text-align:center;
padding-top:13px;
padding-bottom:13px;
color:#eaeaea;
font-size:18px;
background-image:url(../images/brd.jpg);
background-repeat:no-repeat;
background-position:bottom;
text-decoration:none;
}
#container .right-wrap .box1:hover{
	text-decoration:none;
}
#container .right-wrap .box1 h2
{
font-size:28px;
font-family:MyriadPro-Semibold;
margin:0px 0px 6px 0px;
padding:0px;
color:#fff;
text-align:center;
text-shadow:0 -1px 0 #000;
filter:dropshadow(color=#000, offx=0, offy=0);
}

#container .right-wrap .box1 .content
{
text-align:left;
font-size:15px;
font-style:italic;
padding:0px 43px;
}

#container .right-wrap .box1 .client-name
{
padding:10px 43px 0px 0px;
font-size:17px;
}

#container .right-wrap .box1 .client-name a
{
color:#fff;
font-size:14px;
text-decoration:none;
}

#container .right-wrap .box2
{
float:left;
text-align:center;
padding-top:13px;
padding-left:30px;
padding-right:30px;
padding-bottom:13px;
color:#eaeaea;
font-size:16px;
}

#container .haed
{
color:#ffffff;
font-size:26px;
font-family:MyriadPro-Semibold;
}
#container .bt-row1
{
float:left;
background-image:url(../images/how-benefit.jpg);
height:326px;
width:367px;
padding-left:15px;
padding-top:15px;
}
#container .bt-row1 ul, #container .bt-row2 ul
{
margin:15px 15px 0px 120px;
padding:0px 0px 0px 0px;
list-style:none;
}

#container .bt-row1 ul li, #container .bt-row2 ul li
{
background-image:url(../images/arrow2.png);
background-repeat:no-repeat;
padding-left:15px;
background-position:0px 4px;
color:#fff;
margin-bottom:12px;
}







#container .bt-row2
{
float:left;
background-image:url(../images/store.jpg);
height:326px;
width:369px;
padding-left:15px;
padding-top:15px;
}

#container .bt-row3
{
float:left;
background-image:url(../images/all-you.jpg);
height:326px;
width:200px;
padding-left:15px;
padding-top:15px;
}

#container .bt-row3 ul
{
margin:15px 0px 0px 0px;
padding:0px;
list-style:none;
}

#container .bt-row3 ul li
{
float:left;
margin-bottom:30px;
}

#container .bt-row3 ul li.broad
{
background-image:url(../images/broadband.png);
height:33px;
padding-left:60px;
color:#fff;
background-repeat:no-repeat;
}

#container .bt-row3 ul li.headset
{
background-image:url(../images/headset.png);
height:33px;
padding-left:60px;
color:#fff;
background-repeat:no-repeat;
}

#container .bt-row3 ul li.webcam
{
background-image:url(../images/webcam.png);
height:43px;
padding-left:60px;
color:#fff;
background-repeat:no-repeat;
}

#container .bt-row3 ul li.digitalpen
{
background-image:url(../images/digitalpen.png);
height:43px;
padding-left:60px;
color:#fff;
background-repeat:no-repeat;
}

#container .ads1
{
margin-right:31px;
width:306px;
float:left;
}

#container .ads2
{
width:306px;
float:left;
}







#footer
{
-moz-box-shadow:  0px 0px 5px #888;
-webkit-box-shadow:  0px 0px 5px #888;
box-shadow: 0px 0px 5px #888;
background-image:url(../images/footer.png);
height:49px;
background-repeat:repeat-x;
float:left;
width:964px;
padding:0px 18px 0px 18px;
color:#fff;
line-height:49px;

}

#footer .row-left
{
float:left;
}

#footer .row-right
{
float:right;
font-size:12px;
}


#footer a
{
color:#fff;
text-decoration:none;
font-size:12px;
}

#footer a:hover
{
color:#fff;
text-decoration:none;
font-size:12px;
}


h1.head
{
	margin:0px;
	padding:0px;
	line-height:10px;
	font-size:22px;
	font-family:Arial, Helvetica, sans-serif;
	color:#007db6;
	font-weight:bold;
}

h1.head span
{
	color:#525255;
	font-weight:bold;
}

.contact-sec
{
	float:right;
	width:180px;
	color:#398dbd;
	font-size:17px;
	font-weight:bold;
	margin-left:5px;
	text-align:right;
	margin-top:19px;
}


#container1
{
float:left;
background-color:#FFFFFF;
width:100%;
margin:0px 0px 0px 0px;
background-image:url(../images/home-bg-n.jpg);
background-repeat:repeat;
height:862px;
position:relative;
}

#container1 .counselling
{
	position:absolute;
	right:0px;
	bottom:0px;
	color:#004f68;
	font-size:22px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight:bold;
}

#container1 .videobox
{
/*	margin: 153px 0 0 350px;*/
   float: left;
    height: 375px;
    left: 656px;
    position: absolute;
    top: 288px;
    width: 300px;
	

}

.tutorial-link
{
    float: left;
    margin: 15px 0 0 655px;
    width: 267px;
}

.tutorial-link ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}


.tutorial-link ul li
{
	float:left;
	width:100%;
	text-align:center;
	margin:0px 0 0px 0;
	
	
}

.tutorial-link ul li a
{
	font-family: "Times New Roman", Times, serif;
	font-size:22px;
	text-decoration:none;
	color:#0186BC;
	text-align:center;
}


.tutorial-link ul li a:hover
{
	color:#000;
}

.catch-on
{
	float:right;
	margin-bottom:15px;
	position:relative;
}

.catch-on .txt
{
	position:absolute;
	color:#005882;
	font-size:18px;
	font-weight:bold;
	right:10px;
	top:5px;
}


.foot-wrap
{
	float:left;
	width:100%;
}

.foot-wrap .main-box
{
	margin:0 auto;
	width:902px;
}


.foot-wrap .main-box .row1
{
	float:left;
	width:268px;
	margin:0 8px 0 0;
}

.foot-wrap .main-box .row1 .blue-box
{
	background-color:#88b3c8;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:1px solid #aed1e2;
	height:60px;
	line-height:59px;
	text-align:center;
	color:#005a85;
	font-family:"Times New Roman", Times, serif;
	font-size:30px;
	margin:0 0 6px 0;
}

.foot-wrap .main-box .row1 .black-box
{
	background-color:#04131a;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	height:60px;
	line-height:59px;
	text-align:center;
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	font-size:30px;
	margin:0 0 6px 0;
}


.foot-wrap .main-box .row1 .red-box
{
	background-color:#c9252c;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
	border:1px solid #aed1e2;
	height:38px;
	text-align:center;
	color:#fff;
	font-family: 'stencilregular';
	font-size:25px;
	font-weight:normal;
	padding:6px 0 0 0;
}


.foot-wrap .main-box .row2
{
	float:left;
	width:268px;
	margin:0 8px 0 0;
}

.foot-wrap .main-box .row2 .blue-box
{
	background-color:#88b3c8;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:1px solid #aed1e2;
	height:56px;
	line-height:25px;
	text-align:center;
	color:#005a85;
	font-family:"Times New Roman", Times, serif;
	font-size:30px;
	margin:0 0 6px 0;
	padding:4px 0 0 0;
}


.foot-wrap .main-box .row2 .black-box
{
	background-color:#04131a;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	height:56px;
	line-height:25px;
	text-align:center;
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	font-size:30px;
	margin:0 0 6px 0;
	padding:4px 0 0 0;
}


.foot-wrap .main-box .row2 .red-box
{
	background-color:#c9252c;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
	border:1px solid #aed1e2;
	height:38px;
	text-align:center;
	color:#fff;
	font-family: 'stencilregular';
	font-size:25px;
	font-weight:normal;
	padding:6px 0 0 0;
}



.foot-wrap .main-box .row3
{
	float:left;
	width:350px;
	margin:0 0px 0 0;
}

.foot-wrap .main-box .row3 .blue-box
{
	background-color:#88b3c8;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:1px solid #aed1e2;
	height:45px;
	line-height:25px;
	text-align:center;
	color:#005a85;
	font-family:"Times New Roman", Times, serif;
	font-size:30px;
	margin:0 0 6px 0;
	padding:15px 0 0 8px;
	vertical-align:top;
}

.foot-wrap .main-box .row3 .blue-box .sec
{
	float:left;
	margin-right:6px;
}


.foot-wrap .main-box .row3 .black-box
{
	background-color:#04131a;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	height:45px;
	line-height:25px;
	text-align:center;
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	font-size:30px;
	margin:0 0 6px 0;
	padding:15px 0 0 8px;
	vertical-align:top;
}

.foot-wrap .main-box .row3 .black-box .sec
{
	float:left;
	margin-right:6px;
}


.foot-wrap .main-box .row3 .red-box
{
	background-color:#c9252c;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
	border:1px solid #aed1e2;
	height:38px;
	text-align:center;
	color:#fff;
	font-family: 'stencilregular';
	font-size:25px;
	font-weight:normal;
	padding:6px 0 0 0;
}

.foot-wrap .main-box .row3 .red-box a, .foot-wrap .main-box .row2 .red-box a, .foot-wrap .main-box .row1 .red-box a
{
	color:#fff;
	text-decoration:none;
}

.foot-wrap .main-box .row3 .red-box a:hover, .foot-wrap .main-box .row2 .red-box a:hover, .foot-wrap .main-box .row1 .red-box a:hover
{
	color:#000;
	text-decoration:none;
}