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

body{
	background:#212121 url(images/bg.jpg) 50% 0 fixed;
	font-family:"Helvetica", "Arial" ,  sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	color:#FFF;
	}

a{
	text-decoration:none;
	outline:none;
	color:#d7baff;
	}
a:hover{ text-decoration:underline}


img{ border:0; outline:none}

p{ line-height:16px;}

input, textarea{
	border:0;
	outline:none;
	font-family:"Helvetica", "Arial" ,  sans-serif;
	font-size:12px;
	}

h1{
	font-size:16PX;
	color:#FFF;
	margin:5px 0;
	padding:0;
	}
h2{
	font-size:14px;
	margin:5px 0;
	color:#fff;
	padding:0;
	}
.outer_wrapper{ background:url(images/bg_topshade.png) repeat-x 0 0; display:block; height:100%;}
.main{
	width:960px;
	margin:0 auto 20px auto;
	clear:both;
	}
.clear{
	height:0;
	font-size:1px;
	line-height:0;
	overflow:hidden;
	clear:both;
	}
/*header scction */
.header{
	clear:both;
	height:110px;
	/*background:url(images/logo.png) no-repeat 30px 10px;*/
	}
ul.globanav{
	margin:0;
	float:right;
	padding:0;
	list-style:none;
	}
ul.globanav li{
	float:left;
	width:120px;
	height:109px;
	position:relative;
	}
ul.globanav li a{
	background:url(images/nav_off.png) no-repeat;
	width:126px;
	height:109px;
	left:0;
	}
	ul.globanav li a , ul.globanav li a.active {
	display:block;
	top:0;
	text-indent:-10000px;
	position:absolute; z-index:10;
	}
ul.globanav li a:hover, ul.globanav li a.active{
	 background:url(images/nav_active.png) no-repeat;
	 height:109px; width:128px;
	 text-decoration:none;
	 }

/*navs*/

ul.globanav li a.logo, ul.globanav li a.logo:hover,  ul.globanav li a.logo .active  { background-position:-866px 0; left:-125px; width:240px; }

ul.globanav li a.about, ul.globanav li a.about:hover, ul.globanav li a.about .active  { background-position: -140px 0}

ul.globanav li a.portfolio, ul.globanav li a.portfolio:hover, ul.globanav li a.portfolio .active  { background-position: -260px 0}

ul.globanav li a.services, ul.globanav li a.services:hover, ul.globanav li a.services .active  { background-position: -380px 0}

ul.globanav li a.news, ul.globanav li a.news:hover, ul.globanav li a.news .active  { background-position: -500px 0}

ul.globanav li a.getquote, ul.globanav li a.getquote:hover,  ul.globanav li a.getquote .active  { background-position: -620px 0}

ul.globanav li a.contact, ul.globanav li a.contact:hover, ul.globanav li a.contact .active  { background-position: -740px 0}

/*intro*/

.intro_home{
	background:url(images/home_intro_bg.png) no-repeat 10px 0px;
	width:100%;
	height:520px;
	clear:both;
	position:relative;
	}
.intro_home .tagline{
	width:295px;
	position:absolute;
	top:125px;
	left:405px;
	font-size:16px;
	margin:0; padding:0;
	text-transform:uppercase ;
	color:#b2b2b2;
	}
.discover_more{
	position:absolute;
	width:260px;
	height:130px;
	top:50px;
	right:0;
	}
.discover_more p{ padding:0 0 0 20px}
.discover_more a{
	display:block;
	background:url(images/discover_btn.png) no-repeat 0 0;
	width:257px;
	height:61px;
	}
.discover_more a:hover{ text-decoration:none}

/*
.slider{
	position:absolute;
	width:960px;
	height:360px;
	bottom:80px;
	left:-15px;
	top:50px;
	overflow:hidden;
	}
	*/
.slider{
	position:absolute;
	width:960px;
	height:345px;
	bottom:80px;
	left:-15px;
	top:0px;
	overflow:hidden;
	}
.slider h1{
	text-transform:uppercase;
	margin:0 0 10px 0;
	padding:0; font-size:14px;
	}
.slider a.readmore{ color:#fff; text-decoration:none; margin-left:5px}
.slider a.readmore:hover{ text-decoration: underline}
.slider p{ color:#b2b2b2; margin:5px 0 0 0}
.slider_dots{
	display:block;
	position:absolute;
	height:10px;
	width:960px;
	bottom:-20px;
	left:0px;
	text-align:center;
	z-index:11;
	cursor:pointer;
	}

.slider_dots a, .slider_dots a.active{
	padding:2px;
	font-size:8px;
	height:8px;
	width:6px;
	margin:0 2px;
	cursor:pointer;
	}
.slider_dots a {background:url(images/gray_dot.gif) no-repeat 0 0; }
.slider_dots a:hover, .slider_dots a.active{ background:url(images/white_dot.gif) no-repeat 0 0; text-decoration:none}
a.slider_rightarrow{
	background: url(images/arrow_right.png) no-repeat 0 0;
	width:53px;
	height:52px;
	position:absolute;
	right:-50px;
	top:50%;
	cursor:pointer;
	}
a.slider_rightarrow:hover{ text-decoration:none}

a.slider_leftarrow{
	background: url(images/arrow_left.png) no-repeat 0 0;
	width:53px;
	height:52px;
	position:absolute;
	left:-60px;
	top:50%;
	cursor:pointer;
	}
a.slider_leftarrow:hover{ text-decoration:none}

.items{}
.items div{ background: #F00;}

/*secondary panel*/

.seconadary_panel_wrapper{
	background:url(images/footerbase_bg.png) repeat-x 0 0;
	}

.seconadary_panel{
	clear:both;
	width:950px;
	height:122px;
	margin:0 auto;
	padding:10px 0 10px 10px;
	}

.seconadary_panel a.getprimer{
	background:url(images/premier_bg.png) no-repeat 100% 0;
	width:100px;
	color:#fff;
	padding-right:120px;
	float:left;
	margin-right:20px;
	display:block;
	height:100px;
	color:#7e7e7e;
	}

.seconadary_panel a.getprimer b{
	display:block;
	font-size:18px;
	margin-bottom:10px;
	text-transform:uppercase;
	color:#fff;
	}
.seconadary_panel a:hover{ text-decoration:none}
.getquote{
	background: url(images/divider_1.png) no-repeat 0 50%;
	height:130px;
	float:left
	}
.getquote a{
	background:url(images/getquote_bg.png) no-repeat 100% 0;
	color:#7e7e7e;
	display:block;
	width:97px;
	padding:0 150px 0 20px;
	}
.getquote a b{
	display:block;
	font-size:18px;
	margin-bottom:10px;
	text-transform:uppercase;
	color:#fff;
	}
.testmonial{
	width:400px;
	float:left;
	text-align:center; background:url(images/divider_1.png) no-repeat 0 50%;
	padding:0 20px;
	height:130px;
	position:relative;
	overflow:hidden;
}

.testmonial p{
	font-size:12px;
	font-style:italic;
	margin:0;
	padding:10px 0 0 0;
	height:80px;
	line-height:18px;

	}
.testmonial h2{
	color:#b2b2b2;
	margin:10px 0 0 0 ;
	padding:0;
	display:block;
	font-size:14px;
	}
/*aboutus page*/

.content{ clear:both; padding:10px 0 20px 0}
.leftcol{
	width:110px;
	float:left;
	padding-top:130px;
	text-align:right;
	margin-right:16px;

	}
.midcol{
	width:580px;
	float:left;
	margin-right:20px;
	position:relative;
	}
.midcol_2{
	width:830px;
	float:left;
	position:relative;

	}
.address{
	width:960px;
	float:left;
	position:relative;

	}

.rightcol{
	width:230px;
	padding-top:120px;
	float:left;

	}
ul.rightcol_blocks{
	list-style:none;
	margin:0;
	padding:0;
	}
ul.rightcol_blocks li {
	background:url(images/divider_2.png) no-repeat 50% 0;
	marign:0; padding:15px 0;
	}
ul.rightcol_blocks li.first{
	background:none;
	padding-top:0;
	margin-top:0
	}

ul.rightcol_blocks li.testmonial2{
	padding:0px 5px;
	position:relative;
	overflow:hidden;
	height:200px;}
ul.rightcol_blocks li.testmonial2 p{
	text-align:center;
	font-size:13px;
	font-style:italic;
	}
ul.rightcol_blocks li.testmonial2 h2{
	text-align:center;
	color:#b2b2b2;
	display:block;
	clear:both;
	}
ul.rightcol_blocks li .quote{}
ul.rightcol_blocks li .quote a{
	background:url(images/getquote_bg.png) no-repeat 100% 0;
	color:#b2b2b2;
	display:block;
	width:100px;
	 height:120px;
	padding:0 130px 0 0px;
	}
ul.rightcol_blocks li .quote a:hover, ul.rightcol_blocks li .prem a:hover, ul.rightcol_blocks li .chat a, ul.rightcol_blocks li .callback a, ul.rightcol_blocks li .demo_reel a { text-decoration: none}

ul.rightcol_blocks li .quote a b{
	display:block;
	font-size:18px;
	margin-bottom:10px;
	text-transform:uppercase;
	color:#fff;
	}

ul.rightcol_blocks li .prem{}

ul.rightcol_blocks li .prem a{
	background: url(images/premier_bg.png) no-repeat 100% 0;
	color:#b2b2b2;
	display:block;
	width:100px;
	padding:0 130px 0 0px;
	}

ul.rightcol_blocks li .prem a b{
	display:block;
	font-size:18px;
	margin-bottom:10px;
	text-transform:uppercase;
	color:#fff;
	}

ul.rightcol_blocks li .chat{}

ul.rightcol_blocks li a.letschat{
	display:block;
	text-decoration:none;
	width:220px;
	padding:10px 0;

	}
ul.rightcol_blocks li .chat a{
	background: url(images/chat_img.png) no-repeat 100% 0;
	color:#b2b2b2;
	display:block;
	width:100px;
	padding:0 120px 0 0px;
	}

ul.rightcol_blocks li .chat a b{
	display:block;
	font-size:18px;
	margin-bottom:10px;
	text-transform:uppercase;
	color:#fff;
	}

ul.rightcol_blocks li .callback{}

ul.rightcol_blocks li .callback a{
	background: url(images/callback_img.png) no-repeat 100% 0;
	color:#b2b2b2;
	display:block;
	width:110px;
	padding:0 110px 0 0px;
	}

ul.rightcol_blocks li .callback a b{
	display:block;
	font-size:18px;
	margin-bottom:10px;
	text-transform:uppercase;
	color:#fff;
	}

ul.rightcol_blocks li .demo_reel{}

ul.rightcol_blocks li .demo_reel a{
	background:url(images/demo_reel_img.png) no-repeat 100% 0;
	color:#b2b2b2;
	display:block;
	width:110px;
	padding:0 110px 0 0px;
	}

ul.rightcol_blocks li .demo_reel a b{
	display:block;
	font-size:18px;
	margin-bottom:10px;
	padding-top:10px;
	text-transform:uppercase;
	color:#fff;
	}



/*leftcol*/

ul.leftcol_nav{
	 margin:0;
	 padding:0;
	 list-style:none;
	 }
ul.leftcol_nav li{
	margin:0;
	display:inline;
	padding:0;
	}
ul.leftcol_nav li a, ul.leftcol_nav li a.active {
	display:block;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	padding:0 0 4px 0;
	margin-bottom: 4px;
	text-transform:uppercase;
	}
ul.leftcol_nav li a{color:#b2b2b2;}
ul.leftcol_nav li a:hover, ul.leftcol_nav li a.active{ color:#fff; text-decoration:none}

/*midcol*/

.headline{
	height:127px;
	clear:both;
	display:block;
	marign:0;
	padding:0;
	position:relative;
	}
.headline h1{
	text-indent:-1000px;
	overflow:hidden;
	margin:0;
	padding:0;
	display:none
	}
.headline .img_1{ margin:30px 0 0 0 ;}
.headline .img_2{ margin:30px 0 0 120px;}

ul.midcol_content{
	list-style:none;
	margin:0; padding:0;
	}
ul.midcol_content li{
	display:block;
	position:relative;
	margin:0 0 20px 122px;
	padding:0;

	}
ul.midcol_content li .img{
	position:absolute;
	left:-122px;
	top:0px;
	text-align:center;
	width:122px;
	}
ul.midcol_content li h2{
	display: block;
	margin:0 0 8px 0; padding:0;
	font-weight:normal;
	}
ul.midcol_content li h2 b{text-transform:uppercase; }
ul.midcol_content li a.url{
	display:block;
	color:#fff;
	margin-bottom:5px;
	}

ul.midcol_content li a.url:hover{ text-decoration:underline}
ul.midcol_content li p{margin:0px 0 10px 0; line-height:16px;}

ul.midcol_content li .img_right{ float:right; margin:0 10px 15px 0 }


/*portfolio*/

ul.showcase{
	list-style:none;
	margin:0; padding:0;
	}
ul.showcase li.app{
	display:block;
	position:relative;
	margin:0 0 20px 122px;
	padding:0;

	}
ul.showcase li.app .img{
	position:absolute;
	left:-122px;
	top:-5px;
	text-align:center;
	width:122px;
	}
ul.showcase .description{
	padding-right:80px;
	}
ul.showcase li.app h2{
	display: block;
	margin:0 0 8px 0; padding:0;
	}
ul.showcase li.app h2 b{ text-transform:uppercase}

ul.showcase li.app a.url{
	display:block;
	color:#fff;
	margin-bottom:5px;
	}

ul.showcase li.app a.url:hover{ text-decoration:underline}
ul.showcase li.app p{margin:0px 0 10px 0; line-height:16px; color:#b2b2b2}

ul.showcase li.app a.details, ul.showcase li a.appstore, ul.showcase li a.more{
	display:block;
	position:absolute;
	width:75px;
	height:30px;
	right:0;
	}
ul.showcase li.app a:hover{ text-decoration:none}
ul.showcase li.app a.details{ background:url(images/details_btn2.png) no-repeat 0 -31px; top:20px;}
ul.showcase li.app a.details:hover{background-position:0 0}

ul.showcase li.app a.appstore{ background:url(images/download.png) no-repeat 0 0;top:45px;}
ul.showcase li.app a.appstore:hover{ background-position:0 -31px}

ul.showcase li.app a.more{ background:url(images/more_btn_1.png) no-repeat 0 0; top:5px;}
ul.showcase li.app a.more:hover{ background:url(images/more_btn_2.png) no-repeat 0 0; }

ul.showcase li .img_right{ float:right; margin:0 10px 15px 0 }

/*contact us*/

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

ul.contact li{
	background:url(images/divider_1.png) no-repeat 0 0;
	margin:0;
	padding:10px 0 0 30px;
	float:left;
	height:140px;
	position:relative
	}
ul.contact li.first{
	background:none;
	padding-left:0;
	margin-right:20px
	}


ul.contact li .chat{
	width:180px;
	background:url(images/chatbubble_img.png) no-repeat 100% 0;
	color:#b2b2b2;
	display:block;
	padding:0 100px 0 0; height:140px;
	}

ul.contact li .chat a{
	/*background:url(images/chatnow_btn_1.png) no-repeat 0 0;*/
	clear:both;
	display:block;
	width:236px;
	height:49px;
	position:absolute;
	bottom:-10px; left:-10px;
	}

ul.contact li .callback a:hover{ background-position:0 -49px}

ul.contact li .chat b{
	display:block;
	font-size:18px;
	margin-bottom:10px;
	text-transform:uppercase;
	color:#fff;
	}

ul.contact li .callback{
	width:180px;
	background:url(images/callback_img2.png) no-repeat 100% 10px;
	color:#b2b2b2;
	display:block;
	padding:0 120px 0 0; height:140px;
	margin-right:20px;
	}

ul.contact li .callback a{
	background:url(images/phone_btn_1.png) no-repeat 0 0;
	clear:both;
	display:block;
	width:236px;
	height:49px;
	position:absolute;
	bottom:-10px;left:20px;
	}

ul.contact li .callback a:hover{ background-position:0 -49px}

ul.contact li .callback b{
	display:block;
	font-size:18px;
	margin-bottom:10px;
	text-transform:uppercase;
	color:#fff;
	}

ul.contact li .quote{
	width:180px;
	background:url(images/getquote_2.png) no-repeat 100% 10px;
	color:#b2b2b2;
	display:block;
	padding:0 100px 0 0;
	height:140px;

	}

ul.contact li .quote a{
	background:url(images/quotenow_btn_1.png) no-repeat 0 0;
	clear:both;
	display:block;
	width:236px;
	height:49px;
	position:absolute;
	bottom:-10px ;left:20px;
	}

ul.contact li .quote a:hover{ background-position:0 -49px}

ul.contact li .quote b{
	display:block;
	font-size:18px;
	margin-bottom:10px;
	text-transform:uppercase;
	color:#fff;
	}
.contact_links{
	display:block;
	padding:15px 0 20px 0  ;
	clear:both;
	}
.contact_links a{
	background:url(images/arrow_right.png) no-repeat 0 0;
	display:block;
	height:20px; color:#fff;
	padding:15px 0 10px 50px;
	font-size:14px;
	}
.contact_links a span:hover { color:#d7baff}

.contact_links a span{
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px; padding-right:20px;
	color:#fff;

	}
.contact_links a:hover{ color:#d7baff; text-decoration:none}

ul.allapps{
	clear:both;
	list-style:none;
	margin:0;
	padding:0 0 0 15px;
	}

ul.allapps li.last{ margin:0; padding:0;}

ul.allapps li{
	margin:0 44px 20px 0;
	padding:0;
	float:left;
	height:100px;
	}


ul.allapps li a {
	color:#fff;
	text-align:center;
	display:block;
	width:77px;
	}
ul.allapps li a:hover{ text-decoration:none}

ul.allapps li a img{ width:77px; height:77px;}
ul.allapps li a span{
	display:block;
	padding:5px 0;
	text-align:center;}

a.demo_reel2{
	background:url(images/demo_reel_img.png) no-repeat 100% 0;
	color:#b2b2b2;
	display:block;
	width:110px;
	padding:0 125px 0 0px;
	position:absolute;
	top:-20px; right:0;

	}

a.demo_reel2  b{
	display:block;
	font-size:18px;
	margin-bottom:10px;
	padding-top:10px;
	text-transform:uppercase;
	color:#fff;}

table.getquote_form{
	border-collapse:collapse;
	width:95%;
	}
table.getquote_form th{
	width:110px;
	padding:3px;
	text-align:right;
	color:#fff; text-transform:uppercase
	}
table.getquote_form td{ padding:3px;}

.input_text2{
	background:url(images/input_text2.jpg) no-repeat 0 0;
	width:192px;
	height:20px;
	line-height:18px;
	color:#333;
	border:0;
	padding:1px 4px;
	outline:none
	}

table.getquote_form .input_text, .input_text{
	background:url(images/input_bg.png) no-repeat 0 0;
	width:414px;
	height:20px;
	line-height:18px;
	color:#333;
	border:0;
	padding:1px 4px;
	outline:none
	}
table.getquote_form .textarea{
	background:url(images/textare_bg.png) no-repeat 0 0 ;
	width:422px;
	height:80px;
	border:0;
	outline:none
	}
table.getquote_form a.start_btn, table.getquote_form a.submit_btn{

	width:194px;
	height:55px;
	display:block;
	float:left;
	margin:20px 0 0 80px;
	overflow:hidden;
	text-indent:-1000px;
	}
table.getquote_form a.submit_btn{background:url(images/submit_1.png) no-repeat 0 0; }
table.getquote_form a.start_btn{background:url(images/start_btn.png) no-repeat 0 0; }
table.getquote_form a.start_btn:hover{background-position:0 -48px;}
table.getquote_form a.submit_btn:hover{ background-position:0 -48px;}

.error{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	height:20px;
	padding:4px 0 0 10px;
	position:absolute;
	background: url(images/error_bg.png) no-repeat 0 0;
	display:block;
	width:412px; left:112px;
	top:95px;
	}
.error_star{
	color:#ff5050;
	font-weight:normal;
	font-size:18px;
	padding:2px;
	}

/* footer section */

.footer_wrapper{
	background:url(images/footerbase_bg.png) repeat-x 0 0;
	clear: both;
	}
.footer{
	width:960px;
	margin:0 auto;
	clear:both;
	padding:10px 0;
	}
ul.footer_sections{
	list-style:none;
	margin:0; padding:0;
	}
ul.footer_sections li{
	width:170px;
	margin:0;
	padding:0;
	line-height:16px;
	float:left;
	}
ul.footer_sections li.last{width:93px; padding:0; margin:0; }

ul.footer_sections li h2{
	font-size:12px;
	color:#ccc;
	margin:0 0 5px 0;
	padding:0;
	text-transform:uppercase;
	}
ul.footer_sections li a, ul.footer_sections li a.facebook, ul.footer_sections li a.twitter{
	display:block;
	padding:0;
	text-decoration:none;
	color:#7e7e7e;
	cursor:pointer;
	font-size:11px;
	}
ul.footer_sections li a:hover{ color:#fff;}

ul.footer_sections li a.facebook{ background:url(images/footer_facebook.png) no-repeat 50% 1px; height:16px; margin-bottom:2px}
ul.footer_sections li a.facebook:hover{ background-position:50% -14px;}
ul.footer_sections li a.twitter{ background:url(images/footer_twitter.png) no-repeat 50% 1px; height:14px;}
ul.footer_sections li a.twitter:hover{ background-position:50% -13px;}





.copryrights{
	clear:both;
	color:#c2c2c2;
	float:left;
	margin:15px 0 0 0 ;
	text-transform:uppercase;
	font-size:9px;
	background:url(images/PTlogo_footer.png) no-repeat 0 0;
	height:40px;
	padding:10px 0 0 85px;
	}
.copryrights b{ font-weight:normal; padding:0 3px;text-transform:lowercase; color:#c2c2c2; }
.purple_color{ color:#8654d6}

.png_bg{}

/*lightbox*/
.vertical{
	background:#2a2a2a;
	border:5px solid #bebcbf;
	padding:20px 10px;
	clear:both;
	width:500px ;
	margin:0 auto;
	}
.vertical .iphone{
	width:253px;
	height:415px;
	position:relative;
	background:url(images/iphone_vertical.jpg) no-repeat 0 0; float:left;
	}
.vertical .iphone img{
	position: absolute ;
	top:73px;
	left:37px;
	width:177px;
	height:266px;
	}
.vertical .android{
	width:253px;
	height:407px;
	position:relative;
	background:url(images/andriod_vertical.png) no-repeat 0 0; float:left;
	}


.vertical .android img{
	position: absolute ;
	top:47px;
	left:42px;
	width:166px;
	height:279px;
	}
.vertical .desc{
	float:left;
	width:230px;
	margin:0 0 20px 0;
	padding:40px 0 0 0;
	}
.vertical .desc h1{
	font-size:24px;
	text-transform:uppercase;
	color:#fff;
	display:block;
	margin:0 0 30px 0;
	padding:0;
	line-height:24px;
	}
.vertical .desc  p{ margin:10px 0; color:#e3e3e3;}
.vertical .desc a.appstore{
	background:url(images/appstore_3.gif) no-repeat 0 0;
	width:166px;
	height:56px;
	display:block;
	float:left;
	margin:20px 0;
	}
.vertical .desc a.appstore:hover{ background:url(images/appstore_4.gif) no-repeat  0 0;text-decoration:none}

.horizantal{
	background:#2a2a2a;
	border:5px solid #bebcbf;
	padding:20px 20px;
	clear:both;
	width:470px;
	margin:0 auto;
	}
.horizantal .iphone{
	width:405px;
	height:223px;
	position:relative;
	margin:0 auto;
	background:url(images/iphone_horizantal.jpg) no-repeat 0 0;

	}
.horizantal .iphone img{
	position: absolute ;
	top:20px;
	left:66px;
	width:266px;
	height:177px;
	}
.horizantal .desc{
	margin:0;
	padding:10px 40px;
	}
.horizantal .desc h1{
	font-size:24px; text-transform:uppercase;
	color:#fff;
	display:block;
	margin:0 0 10px 0;
	padding:0;
	line-height:24px;
	}
.horizantal .desc  p{ margin:10px 0; color:#e3e3e3;}
.horizantal .desc a.appstore{
	background:url(images/appstore_3.gif) no-repeat 0 0;
	width:166px;
	height:56px;
	display:block;
	float:left;
	margin:20px 0;

	}
.horizantal .desc a.appstore:hover{ background:url(images/appstore_4.gif) no-repeat  0 0; text-decoration:none}

a.close{
	display:block;
	position:absolute; z-index:9999; background:url(images/close.png) no-repeat 0 0;
	top:-18px;
	right:-15px;
	width:45px;
	height:45px;
}
a.close:hover{ text-decoration:none}

.ipad_vertical{
	background:#2a2a2a;
	border:5px solid #bebcbf;
	padding:20px 10px;
	clear:both;
	width:650px ;
	margin:0 auto;
	}

.ipad_vertical .ipad{
	width:366px;
	height:464px;
	position:relative;
	background:url(images/ipad_vertical.jpg) no-repeat 0 0; float:left;
	}
.ipad_vertical .ipad img{
	position: absolute ;
	top:45px;
	left:45px;
	width:276px;
	height:368px;
	}
.ipad_vertical .desc{
	float:left;
	width:250px;
	margin:0 0 20px 15px;
	padding:40px 0 0 0;
	}
.ipad_vertical .desc h1{
	font-size:24px;
	text-transform:uppercase;
	color:#fff;
	display:block;
	margin:0 0 30px 0;
	padding:0;
	line-height:24px;
	}
.ipad_vertical .desc  p{ margin:10px 0; color:#e3e3e3;}
.ipad_vertical .desc a.appstore{
	background:url(images/appstore_3.gif) no-repeat 0 0;
	width:166px;
	height:56px;
	display:block;
	float:left;
	margin:20px 0;
	}
.ipad_vertical .desc a.appstore:hover{ background:url(images/appstore_4.gif) no-repeat  0 0;text-decoration:none}

.ipad_horizantal{
	background:#2a2a2a;
	border:5px solid #bebcbf;
	padding:20px 20px;
	clear:both;
	width:650px;
	margin:0 auto;
	}
.ipad_horizantal .ipad{
	width:501px;
	height:363px;
	position:relative;
	margin:0 auto;
	background:url(images/ipad_horizantal.jpg) no-repeat 0 0;

	}
.ipad_horizantal .ipad img{
	position: absolute ;
	top:39px;
	left:64px;
	width:370px;
	height:278px;
	}
.ipad_horizantal .desc{
	margin:0;
	padding:10px 40px;
	}
.ipad_horizantal .desc h1{
	font-size:24px; text-transform:uppercase;
	color:#fff;
	display:block;
	margin:0 0 10px 0;
	padding:0;
	line-height:24px;
	}
.ipad_horizantal .desc  p{ margin:10px 0; color:#e3e3e3;}
.ipad_horizantal .desc a.appstore{
	background:url(images/appstore_3.gif) no-repeat 0 0;
	width:166px;
	height:56px;
	display:block;
	float:left;
	margin:20px 0;

	}
.ipad_horizantal .desc a.appstore:hover{ background:url(images/appstore_4.gif) no-repeat  0 0; text-decoration:none}

a.ipad_close{
	display:block;
	position:absolute; z-index:9999; background:url(images/close.png) no-repeat 0 0;
	top:-18px;
	right:-172px;
	width:45px;
	height:45px;
}
a.ipad_close:hover{ text-decoration:none}



.callback_lightbox{
	background:#2a2a2a;
	border:5px solid #bebcbf;
	padding:20px 10px;
	clear:both;
	width:350px ;
	margin:0 auto;
	}

.call_form{border-collapse:collapse; color:#f1f1f1;width:100%;}
.call_form th{ text-align:right; padding:5px}
.call_form td{ text-align:left;padding:5px}
.call_form .submit{background: url(images/submit_1.jpg) no-repeat 0 0; width:182px; height:48px; border:0}
a.close2{
	display:block;
	position:absolute; z-index:9999; background:url(images/close.png) no-repeat 0 0;
	top:-18px;
	right:-15px;
	width:45px;
	height:45px;
}
a.close2:hover{ text-decoration:none}



.address{
	display:block;
	clear:both;
	}
.address h1{ font-size:20px; text-transform:uppercase}

.address div{ width:255px; float:left; padding:15px 20px 0 0px}
.address div h2{ display:block; font-size:16px; margin:0; padding:0}
.address div p{ margin:5px 0; padding:0; line-height:20px; color:#b2b2b2}
/*New Css_Index Page*/

.actionbar_wp{
	background:url(images/actionbar_bg.png) repeat-x 0 0; clear:both; height:60px;}
.actionbar{
	width:720px;
	height:60px;
	clear:both;
	margin:0 auto;
	padding:0 120px;
	}

.actionbar a{
	display:block; float:left;
	width:240px;
	height:60px;
	background:url(images/actionbar_1.png) no-repeat 0 0;
	outline:none;
	text-decoration:none;
	margin-right:0px;
	overflow:hidden;
	text-indent:-1000px;
	}

.actionbar a:hover{ text-decoration:none;  background:url(images/actionbar_2.png) no-repeat }
.actionbar a.video, .actionbar a.video:hover, .actionbar a.video .active{ background-position:-15px -6px;}
.actionbar a.quote, .actionbar a.quote:hover, .actionbar a.quote .active{ background-position:-255px -6px;}
.actionbar a.call, .actionbar a.call:hover, .actionbar a.call .active{ background-position:-495px -6px;}
.actionbar a.chatlive, .actionbar a.chatlive:hover, .actionbar a.chatlive .active{ background-position:-735px -6px;}


.second_panel_wp{ clear:both;}
.second_panel{ clear:both; margin:0 auto; width:960px;}
.second_panel .Platform{
	background:url(images/panel_divider.png) no-repeat 50% 100%;
	height:100px;
	clear:both;
	display:block;
	}
.second_panel .Platform .icons{
	background:url(images/pt_exp_title.png) no-repeat 0 40%;
	height:80px;
	padding:35px 0 0 100px; float:left;
	}
.second_panel .Platform .icons a{
	display:block;
	float:left;
	width:30px;
	height:30px;
	margin:0 25px 0 0;
	text-decoration:none;
	background:url(images/platform_icons.png) no-repeat ;
	}
.second_panel .Platform .icons a:hover{ text-decoration:none;}

.second_panel .Platform .icons .apple a.tab{ background-position:0 0;}
.second_panel .Platform .icons .apple .tab:hover, .second_panel .Platform .icons .apple .tab.active{ background-position:0 -30px;}

.second_panel .Platform .icons .android a.tab{ background-position:-30px 0px;}
.second_panel .Platform .icons .android .tab:hover, .second_panel .Platform .icons .android .tab.active{ background-position:-30px -30px;}

.second_panel .Platform .icons .blackberry a.tab{ background-position:-60px 0;}
.second_panel .Platform .icons .blackberry .tab:hover, .second_panel .Platform .icons .blackberry .tab.active{ background-position:-60px -30px;}

.second_panel .Platform .icons .windows a.tab{ background-position:-90px 0;}
.second_panel .Platform .icons .windows .tab:hover, .second_panel .Platform .icons .windows .tab.active{ background-position:-90px -30px;}

.second_panel .Platform .des{
	float:left;
	display:block;
	width:620px;
	height:80px; padding:2px 0;

	}
.second_panel .Platform .des h1{
	padding:0px;
	display:block;
	text-transform:uppercase;
	font-size:16px;

	}
.second_panel .Platform .des p{ line-height:18px; margin:0; padding:0;text-align:justify; }
.second_panel .featured_clients{
	background:url(images/clients_ttitle.png) no-repeat 0 50%;
	height:80px; clear:both; margin:0 auto;
	padding-left:80px;
	}
.second_panel .featured_clients img{
	float:left;
	/*margin-left:20px; */
	border:0;}

.dlab{}
.dlab img{ margin-bottom:20px;}

a.chatlive{
	background:url(images/chatlive_2.png) no-repeat 0 0;
	width:144px;
	height:144px;
	display:block;
	position:absolute;
	bottom:2%;
	right:2%;}

	a.chatlive:hover{ text-decoration:none;background:url(images/chatlive_1.png) no-repeat 0 0; }

ul.showcase li ul.subList{
	list-style:disc; margin:0 0 0 10px; padding:0;
}
ul.showcase li ul.subList li{
	color:#b2b2b2;
	margin:0 0 10px 20px; padding:0;

}
.appstore a{ background:url(images/download.png) no-repeat 0 0;top:45px;}
.appstore a:hover{ background-position:0 -31px}