@charset "utf-8";
/********************************* Menu Styles Starts ************************************************/
@import url('menu.css');
/********************************* Menu Styles Ends **************************************************/
@font-face {
 font-family: 'ZurichLtCnBTLight';
 src: url('../fonts/zurchlc-webfont.eot');
 src: url('../fonts/zurchlc-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/zurchlc-webfont.woff') format('woff'), url('../fonts/zurchlc-webfont.ttf') format('truetype'), url('../fonts/zurchlc-webfont.svg#ZurichLtCnBTLight') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'helvetica_cebold';
 src: url('../fonts/helvetica_ce_bold-webfont.eot');
 src: url('../fonts/helvetica_ce_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica_ce_bold-webfont.woff') format('woff'), url('../fonts/helvetica_ce_bold-webfont.ttf') format('truetype'), url('../fonts/helvetica_ce_bold-webfont.svg#helvetica_cebold') format('svg');
 font-weight: normal;
 font-style: normal;
}
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

.video embed, .video object, .video iframe {
	width: 100%;
	height: auto;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: none;
}
ul, ol {
	margin-left: 2em;
}
ol {
	list-style-type: decimal;
}
.ie6 legend, .ie7 legend {
	margin-left: -7px;
}
input[type="radio"] {
	vertical-align: text-bottom;
}
input[type="checkbox"] {
	vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
	vertical-align: baseline;
}
.ie6 input {
	vertical-align: text-bottom;
}
label, input[type="button"], input[type="submit"], input[type="image"], button {
	cursor: pointer;
}
button, input, select, textarea {
	margin: 0;
}
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
 border-radius: 1px;
 -moz-box-shadow: 0px 0px 5px red;
 -webkit-box-shadow: 0px 0px 5px red;
}
button {
	width: auto;
	overflow: visible;
}
.ie7 img {
	-ms-interpolation-mode: bicubic;
}
select, input, textarea {
	color: #444;
}
/*Media Query*/	

 
/* my Style sheet */

body {
	background:url(../images/main-bg1.gif) repeat 0 0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:center;
	font:13px/1.231 Arial, Helvetica, sans-serif;
 	*font-size:small;
	overflow-x: hidden;
}
#container_main {
	background:url(../images/main-bg.gif) repeat-x 0 0;
		}
#container {
	width:980px;
	margin:0 auto;
	padding:0;
	}
header {
	height:125px;
	width:980px;
}
nav {
	margin:0 auto;
	height:46px;
}
.ypo_Logo {
	float:left;
	display: inline;
	display:block;
	font-size:0;
}
.ypo_Logo a {
	width:437px;
	margin-top:30px;
	height:46px;
	display:block;
	font-size:0;
	color:#FFF;
	background:url(../images/your-practice-online.gif) no-repeat 0 0;
}
#career {
	float:right;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:left;
	text-decoration:none;
	 margin-right:-3px;
}
#career a {
	background:url(../images/career-bg.jpg) no-repeat 0 0;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:left;
	text-decoration:none;
	display:block;
	width:57px;
	height:37px;
	padding:22px 0 0 7px;
}
#career a:hover {
	background:url(../images/career-bg.jpg) no-repeat 0 -59px;
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:left;
	text-decoration:underline;
	display:block;
	width:57px;
	height:37px;
	padding:22px 0 0 7px;
}
#country_flag_cont{
	float:right;
	width:150px;

}
.glb_reach{
  font-family:'helvetica_cebold';
  font-size:13px;
  color:#003366;
  text-align:center;
  text-decoration:none;
  margin:5px 0 5px 0;
}
.country_flag {
	margin:0;
 	padding:0;
}
.country_flag li{
 float:right;
 margin:0 0 0 3px;
 padding:0;
 list-style:none;
}


.product_Tour {
	float:right;
	margin:69px -219px 0 10px;
	width:251px;
}

* {
	outline:0;
}
#imgContentSlide {
	width:980px;
	height:295px;
	overflow:hidden;
	position:relative;
	margin-top:26px;
	padding-bottom:15px;
}
#imgContentSlide ul, #imgContentSlide li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#imgContentSlide li {
	display:inline-block;
	float:left;
	cursor:pointer;
}
.contentPart div {
	position:absolute;
	padding:0;
	top:321px;
	width:975px;
}
.intra_proImage {
	position:relative;
	margin:0;
	padding:0;
	width:390px;
	float:left;
}
.intra_Text {
	position:relative;
	margin:0;
	padding:0;
	width:420px;
	float:left;
	font:normal 12px/16px Verdana, Geneva, sans-serif;
	color:#2e2e2e;
	text-align:left;
	
}
.intra_Text1 {
	margin:0 10px 0 0;
	padding:0;
	font:normal 12px/16px Verdana, Geneva, sans-serif;
	color:#2e2e2e;
	text-align:left;
	margin-bottom:10px;		     
}
 
.web-img {
	width:100%;
	height:100%;
}
.intra_header_img {
	width:420px;
	margin-bottom:10px;
	text-align:left;
}
.intra_Subheading1, .intra_Subheading3,{
	position:relative;
	font-family:'ZurichLtCnBTLight';
	font-size:18px;
	width:408px;
	margin-bottom:5px;
	text-align:left;
}
.intra_Subheading1 a {
	position:relative;
	font-size:18px;
	text-decoration:none;
	color:#642600;
	text-align:left;
}
.intra_Subheading3 a{
	position:relative;
	font-size:18px;
	text-decoration:none;
	color:#283b04;
	text-align:left;
}
.intra_Subheading1 a:hover, .intra_Subheading3 a:hover{
	position:relative;
	text-decoration:underline;
	width:408px;
	color:#264069;
	text-align:left;
}
 
.intra_read {
	text-align:right;
	margin-right:70px;
	text-align:left;
}
.intra_Image {
	display:block;
	position:relative;
	width:158px;
	padding:0;
	float:left;

}
.imgPart {
	position:absolute;
	width:980px;
	}
.close {
	width:980px;
	height:45px;
	float:left;
	cursor:pointer;
	position:absolute;
	z-index:1000;
	margin-top:260px;
}
.close_l {
	width:10px;
	height:269px;
	z-index:30px;
	margin-top:0;
	position:absolute;
}
.close_t {
	margin-top:0px;
	z-index:30px;
}
.close_b {
 *margin-left:-490px;
}
.close_r {
	width:13px;
	height:269px;
	z-index:30px;
	margin-top:0;
	margin-left:965px;
  *margin-left:485px;
	position:absolute;
}

#web-development {
 float:left;
 width:303px;
 height:289px;
}
#multi-media {
 float:left;
 margin:0 55px 0 42px;
 width:290px;
 height:275px;
}
#intergrated-web {
 float:left;
 width:290px;
 height:275px;
}
#social_media_container{
	list-style:none;
	margin:0 auto;
	float:right;
}
.social_Media {
	float:right;
	margin:0 0 0 5px;
	width:34px;
}

#footer_bg {
	background:url(../images/footer-bg.gif) repeat-x 0 100%;
	clear:both;
}
footer {
	width:950px;
	margin:0 auto;
	padding-top:15px;
	height:48px;
	text-align:left;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#FFF;
}
.footer_div{
	width:575px;
	text-align:left;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#FFF;
	float:left;
}
.copy_write {
	margin-bottom:5px;
	text-align:left;
}
.footer_Text {
	text-align:left;
	word-spacing:3px;

}
.copy_write a, .footer_Text a {
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:left;
	color:#FFF;
}
.copy_write a:hover, .footer_Text a:hover {
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	text-align:left;
	color:#FFF;} 

@media  only screen and (min-width: 1280px) and (max-width: 1366px)  {
/* my Style sheet */

body {
	background:url(../images/main-bg1.gif) repeat 0 0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:center;
	font:13px/1.231 Arial, Helvetica, sans-serif;
 	*font-size:small;
}
 
#container {
	width:980px;
	margin:0 auto;
	}
header {
	height:125px;
	width:980px;
}
nav {
	margin:0 auto;
	height:46px;
}
.ypo_Logo {
	float:left;
	display:block;
	font-size:0;
}
.ypo_Logo a {
	width:437px;
	margin-top:30px;
	height:46px;
	display:block;
	font-size:0;
	color:#FFF;
	background:url(../images/your-practice-online.gif) no-repeat 0 0;
}
#career {
	float:right;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:left;
	text-decoration:none;
	 margin-right:-3px;
}
#career a {
	background:url(../images/career-bg.jpg) no-repeat 0 0;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:left;
	text-decoration:none;
	display:block;
	width:57px;
	height:37px;
	padding:22px 0 0 7px;
}
#career a:hover {
	background:url(../images/career-bg.jpg) no-repeat 0 -59px;
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:left;
	text-decoration:underline;
	display:block;
	width:57px;
	height:37px;
	padding:22px 0 0 7px;
}
#country_flag_cont{
	float:right;
	width:150px;

}
.glb_reach{
  font-family:'helvetica_cebold';
  font-size:13px;
  color:#003366;
  text-align:center;
  text-decoration:none;
  margin:5px 0 5px 0;
}
.country_flag {
	margin:0;
 	padding:0;
}
.country_flag li{
 float:right;
 margin:0 0 0 3px;
 padding:0;
 list-style:none;
}


.product_Tour {
	float:right;
	margin:69px -219px 0 10px;
	width:251px;
}

* {
	outline:0;
}
#imgContentSlide {
	width:980px;
	height:295px;
	overflow:hidden;
	position:relative;
	margin-top:26px;
	padding-bottom:15px;
}
#imgContentSlide ul, #imgContentSlide li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#imgContentSlide li {
	display:inline-block;
	float:left;
	cursor:pointer;
}
.contentPart div {
	position:absolute;
	padding:0;
	top:321px;
	width:975px;
}
.intra_proImage {
	position:relative;
	margin:0;
	padding:0;
	width:390px;
	float:left;
}
.intra_Text {
	position:relative;
	margin:0;
	padding:0;
	width:420px;
	float:left;
	font:normal 12px/16px Verdana, Geneva, sans-serif;
	color:#2e2e2e;
	text-align:left;
	
}
.intra_Text1 {
	margin:0 10px 0 0;
	padding:0;
	font:normal 12px/16px Verdana, Geneva, sans-serif;
	color:#2e2e2e;
	text-align:left;
	margin-bottom:10px;		     
}
 
.web-img {
	width:100%;
	height:100%;
}
.intra_header_img {
	width:420px;
	margin-bottom:10px;
}
.intra_Subheading1, .intra_Subheading3,{
	position:relative;
	font-family:'ZurichLtCnBTLight';
	font-size:18px;
	width:408px;
	margin-bottom:5px;	
}
.intra_Subheading1 a {
	position:relative;
	font-size:18px;
	text-decoration:none;
	color:#642600;
}
.intra_Subheading3 a{
	position:relative;
	font-size:18px;
	text-decoration:none;
	color:#283b04;
}
.intra_Subheading1 a:hover, .intra_Subheading3 a:hover{
	position:relative;
	text-decoration:underline;
	width:408px;
	color:#264069;
}
 
.intra_read {
	text-align:right;
	margin-right:70px;
}
.intra_Image {
	display:block;
	position:relative;
	width:158px;
	padding:0;
	float:left;

}
.imgPart {
	position:absolute;
	width:980px;
	}
.close {
	width:980px;
	height:45px;
	float:left;
	cursor:pointer;
	position:absolute;
	z-index:1000;
	margin-top:260px;
}
.close_l {
	width:10px;
	height:269px;
	z-index:30px;
	margin-top:0;
	position:absolute;
}
.close_t {
	margin-top:0px;
	z-index:30px;
}
.close_b {
 *margin-left:-490px;
}
.close_r {
	width:13px;
	height:269px;
	z-index:30px;
	margin-top:0;
	margin-left:965px;
  *margin-left:485px;
	position:absolute;
}

#web-development {
 float:left;
 width:303px;
 height:289px;
}
#multi-media {
 float:left;
 margin:0 55px 0 42px;
 width:290px;
 height:275px;
}
#intergrated-web {
 float:left;
 width:290px;
 height:275px;
}
#social_media_container{
	list-style:none;
	margin:0 auto;
	float:right;
}
.social_Media {
	float:right;
	margin:0 0 0 5px;
	width:34px;
}

#footer_bg {
	background:url(../images/footer-bg.gif) repeat-x 0 100%;
	height:70px;
	clear:both;
}
footer {
	width:950px;
	margin:0 auto;
	padding-top:15px;
	height:48px;
	text-align:left;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#FFF;
}
.footer_div{
	width:575px;
	text-align:left;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#FFF;
	float:left;
}
.copy_write {
	margin-bottom:5px;
	text-align:left;
}
.footer_Text {
	text-align:left;
	word-spacing:3px;

}
.copy_write a, .footer_Text a {
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:left;
	color:#FFF;
}
.copy_write a:hover, .footer_Text a:hover {
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	text-align:left;
	color:#FFF;
}
}

@media only screen and (min-width:770px) and (max-width: 1024px) {
#container {
 width:930px;
 margin:0 auto;
}
header {
 height:125px;
 width:930px;
}
nav {
 width:930px;
}
#career {
 float:right;
 font:normal 12px/16px Arial, Helvetica, sans-serif;
 color:#FFF;
 text-align:left;
 text-decoration:none;
}
#career a {
 background:url(../images/career-bg.jpg) no-repeat 0 0;
 width:57px;
 height:37px;
}
#career a:hover {
 background:url(../images/career-bg.jpg) no-repeat 0 -59px;
 display:block;
 width:57px;
 height:37px;
}

#social_media_container{
	list-style:none;
	margin:0 auto;
	float:right;
}
.social_Media {
 float:right;
 margin:0 0 0 5px;
 width:34px;
}
.product_Tour {
 float:right;
 margin:69px -219px 0 15px;
 width:241px;
}
 * {
 outline:0;
}
#imgContentSlide {
 width:930px;
 height:275px;
}
.contentPart div {
 width:960px;
 *margin-left:-469px;
 }
.intra_proImage {
 width:350px;
}
.intra_Text {
 width:400px;
 height:269px;
 font:normal 11px/16px Verdana, Geneva, sans-serif;
}
.intra_Text1 {
 width:390px;
 font:normal 12px/16px Verdana, Geneva, sans-serif;
}
.intra_header_img {
 width:410px;
}
.intra_Subheading1, .intra_Subheading3{
 font-size:18px;
 width:398px;
}
.intra_Subheading1 a, .intra_Subheading3 a {
 width:398px;
 font-size:18px;
}
.intra_Subheading1 a:hover,.intra_Subheading3 a:hover {
 width:398px;
}
 
.intra_read {
 text-align:right;
}
.intra_Image {
 display:block;
 position:relative;
 margin:0;
 padding:0;
 width:158px;
 height:269px;
 float:left;
}
.imgPart {
 width:960px;
}
.close {
 width:930px;
 height:45px;
 float:left;
 cursor:pointer;
 position:absolute;
 z-index:1000;
 margin-top:260px;
 }
.close_t {
 margin-top:0px;
 z-index:30px;
}
.close_l {
 width:10px;
 height:269px;
 z-index:30px;
 margin-top:0;
 position:absolute;
 
}
.close_b {
 *margin-left:-470px;
}
.close_r {
 margin-top:0;
 width:10px;
 height:269px;
 margin-left:920px;
 *margin-left:465px;
}
#web-development {
 float:left;
 width:303px;
 height:289px;
}
#multi-media {
 float:left;
 margin:0 25px 0 22px;
 width:290px;
 height:275px;
}
#intergrated-web {
 float:left;
 width:290px;
 height:275px;
}

/*menu Start*/
.menu-Aboutus a {
 background:url(../images/menu-bg.jpg) no-repeat -102px 0;
 width:155px;
 text-decoration:none;
}
.menu-Aboutus a:hover {
 background:url(../images/menu-bg.jpg) no-repeat -102px -46px;
 text-decoration:none;
}
.menu-Showcase a {
 background:url(../images/menu-bg.jpg) no-repeat -108px 0;
 width:150px;
 text-decoration:none;
}
.menu-Showcase a:hover {
 background:url(../images/menu-bg.jpg) no-repeat -106px -46px;
 text-decoration:none;
}
.menu-Faq a {
 background:url(../images/menu-bg.jpg) no-repeat -138px 0;
 width:120px;
 text-decoration:none;
}
.menu-Faq a:hover {
 background:url(../images/menu-bg.jpg) no-repeat -135px -46px;
 text-decoration:none;
}
}
@media screen and (max-width:768px) {
#container {
 width:738px;
 margin:0 auto;
}
header {
 height:125px;
 width:738px;
 }
nav {
 width:738px;
 }
#career {
 float:right;
 font:normal 12px/16px Arial, Helvetica, sans-serif;
 color:#FFF;
 text-align:left;
 text-decoration:none;
}
#career a {
 background:url(../images/career-bg.jpg) no-repeat 0 0;
 width:57px;
 height:37px;
}
#career a:hover {
 background:url(../images/career-bg.jpg) no-repeat 0 -59px;
 width:57px;
 height:37px;
}
#social_media_container{
	list-style:none;
	margin:0 auto;
	float:right;
}
.social_Media {
 float:right;
 margin:0 0 0 5px;
 width:34px;
}
.product_Tour {
 float:right;
 margin:69px -211px 0 10px;
 width:241px;
}

#imgContentSlide {
 width:738px;
 height:275px;
 margin-top:16px;
}
.contentPart div {
 *margin:0 0 0 -369px;
  width:800px;
}
.intra_proImage {
 width:245px;
}
.intra_Text {
 width:360px;
 height:269px;
 font:normal 12px/16px Verdana, Geneva, sans-serif;
}
.intra_Text1 {
 width:370px;
 font:normal 12px/16px Verdana, Geneva, sans-serif;
}
.intra_header_img {
 width:390px;
}
.intra_Subheading1, .intra_Subheading3{
 font-size:15px;
 width:338px;
}
.intra_Subheading1 a, .intra_Subheading3 a {
 width:338px;
 font-size:15px;
}
.intra_Subheading1 a:hover, .intra_Subheading3 a:hover{
 width:338px;
}
.intra_read {
 text-align:right;
 margin-top:-5px;
}
.intra_Image {
 display:block;
 position:relative;
 margin:0;
 padding:0;
 width:158px;
 height:269px;
 float:left;
}
.imgPart {
 width:738px;
}
.close {
 width:733px;
 height:45px;
 float:left;
 cursor:pointer;
 position:absolute;
 z-index:1000;
 margin-top:260px;
}
.close_t {
 margin-top:-20px;
 height:20px;
 z-index:30px;
}
.close_l {
 width:10px;
 height:269px;
 z-index:30px;
 margin-top:0;
 position:absolute;
}
.close_b {
 *margin-left:-470px;
}
.close_r {
 margin-top:0;
 width:10px;
 height:269px;
 margin-left:730px;
 *margin-left:465px;
}
#web-development {
 float:left;
 width:233px;
 height:246px;
}
#multi-media {
 margin:0 27px 0 15px; 
 float:left;
 width:230px;
 height:234px;
}
#intergrated-web {
 float:left;
 width:230px;
 height:234px;
}
.web-procedure-img {
 float:left;
 width:218px;
 height:207px;
}
.multi_mediapro_img {
 width:218px;
 height:220px;
}
.intergrated_webpro_img {
 width:218px;
 height:178px;
}
.web-img {
 width:121px;
 height:192px;
}
footer {
 width:738px;
 font:normal 12px/16px Arial, Helvetica, sans-serif;
 color:#FFF;
}
.footer_div{
	width:550px;
	text-align:left;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#FFF;
	float:left;
}
.copy_write {
 width:283px;
}
/*menu Start*/

.menu-home a {
 background:url(../images/home-menu.jpg) no-repeat -31px 0;
 width:95px;
 text-decoration:none;
}
.menu-home a:hover {
 background:url(../images/home-menu.jpg) no-repeat -31px -46px;
 text-decoration:none;
}
.menu-Aboutus a {
 background:url(../images/menu-bg.jpg) no-repeat -142px 0;
 width:115px;
 text-decoration:none;
}
.menu-Aboutus a:hover {
 background:url(../images/menu-bg.jpg) no-repeat -142px -46px;
 text-decoration:none;
}
.menu-Integrated-Web a {
 background:url(../images/menu-bg.jpg) no-repeat -30px 0;
 width:228px;
 text-decoration:none;
}
.menu-Integrated-Web a:hover {
 background:url(../images/menu-bg.jpg) no-repeat -30px -46px;
 text-decoration:none;
}
.menu-Showcase a {
 background:url(../images/menu-bg.jpg) no-repeat -138px 0;
 width:120px;
 text-decoration:none;
}
.menu-Showcase a:hover {
 background:url(../images/menu-bg.jpg) no-repeat -138px -46px;
 text-decoration:none;
}
.menu-Faq a {
 background:url(../images/menu-bg.jpg) no-repeat -178px 0;
 width:80px;
 text-decoration:none;
}
.menu-Faq a:hover {
 background:url(../images/menu-bg.jpg) no-repeat -178px -46px;
 text-decoration:none;
}
.menu-Contact a {
 background:url(../images/contact-us-bg.jpg) no-repeat -20px 0;
 width:99px;
 text-decoration:none;
}
.menu-Contact a:hover {
 background:url(../images/contact-us-bg.jpg) no-repeat -20px -46px;
 text-decoration:none;
}
}
@media screen and (max-width:640px) {
#container_main {
 width:100%;
 background:url(../images/main-bg-mb.gif) repeat-x 0 0;
}
#container {
 width:100%;
 margin:0 auto;
}
header {
 height:192px;
 width:97%;
 margin:0 10px 0 0;
}
nav {
 width:89%;
 margin-top:20px;
 height:80px;
}
.ypo_Logo {
 width:97%;
 display:block;
 font-size:0;
 clear:both;
}
.ypo_Logo a {
 margin:0 auto;
 margin-top:11px;
 margin-bottom:11px;
 width:209px;
 height:62px;
 background:url(../images/your-practice-online-mb.gif) no-repeat 0 0;
}
#career {
 font:normal 12px/16px Arial, Helvetica, sans-serif;
 color:#FFF;
 text-align:left;
 text-decoration:none;
 width:248px;
 float:left;
}
#career a {
 background:url(../images/career-bg-mb.gif) no-repeat 0 0;
 width:57px;
 height:22px;
 padding:4px 0 0 6px;
 margin-right:23px;
 margin-left:5px;
 margin-top:20px;
}
#career a:hover {
 background:url(../images/career-bg-on-mb.gif) no-repeat 0 0px;
 width:57px;
 height:22px;
 padding:4px 0 0 6px;
}
#social_media_container{
	list-style:none;
	margin:0 auto;
	float:right;

}
.social_Media {
 position:relative;
 float:right;
 margin:12px 5px 0 0;
 width:34px;
}
.product_Tour {
 float:left;
 margin:10px 10px 0 5px;
 width:235px;
}
* {
 outline:0;
}
#imgContentSlide {
 width:97%;
 height:690px;
 margin-top:26px;
}
.contentPart div {
 width:94%;
 display:block;
 margin-top:-310px;
 margin-left:10px;
 
}
#div1 {
 display:block;
}
#div2 {
 display:block;
 margin-top:-70px;
}
#div3 {
 display:block;
 margin-top:190px;
}
.intra_proImage {
 display:none;
}
.intra_Text {
 width:94%;
 font:normal 12px/16px Verdana, Geneva, sans-serif;
}
.intra_Text1 {
 width:94%;
 font:normal 12px/16px Verdana, Geneva, sans-serif;
}
.intra_header_img {
 width:94%;
 height:75px;
}

.intra_Subheading1, .intra_Subheading3 {
 font-size:17px;
 width:94%;
 margin-bottom:5px;
}

.intra_Subheading1 a, .intra_Subheading3 a{
 width:94%;
 font-size:17px;
}
.intra_Subheading1 a:hover, .intra_Subheading3 a:hover{
 width:94%;
}
 
.intra_read {
 text-align:right;
}
.intra_Image {
 display:none;
}
.imgPart, .close, .close_t, .close_l, .close_b, .close_r, .web-development     {
 display:none;
}
#multi-media {
 display:none;
}
.intergrated-web, .web-procedure-img, .multi_mediapro_img, .intergrated_webpro_img, .web-img{
 display:none;
}
#footer_bg {
 width:100%;
}
footer {
 width:100%;
 padding-top:8px;
 height:56px;
 text-align:left;
 font:normal 12px/16px Arial, Helvetica, sans-serif;
 color:#FFF;
}
.footer_div{
	width:300px;
	text-align:left;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#FFF;
	float:left;
	margin-left:10px;
}
.copy_write {
 width:461px;
 margin:0 auto;
 margin-bottom:10px;
 text-align:left;
}
.footer_Text {
 width:500px;
}

.copy_write a, .footer_Text a {
 font:normal 12px/20px Arial, Helvetica, sans-serif;
}

/*menu Start*/
#menu, #menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 list-style-position:outside;
 line-height:25px;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:normal;
 font-size:13px;
 z-index:10000;
 text-shadow:none;
}
 #menu li a:link, #menu li a:active, #menu li a:visited {
 display:block;
 line-height:25px;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:normal;
 font-size:13px;
 color:#FFF;
}
#menu li a:hover {
 display:block;
 line-height:25px;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:normal;
 font-size:13px;
 text-decoration:underline;
 color:#FFF;
}
#menu li li a:link, #menu li li a:active, #menu li li a:visited {
 display:none;
}
#menu li li a:hover {
 display:none;
}
#menu li {
 float:left;
 position:relative;
}
#menu ul {
 display:none;
 width:0;
}
#menu li ul a {
 display:none;
}
#menu ul ul {
 display:none;
}
#menu li ul ul {
 display:none;
}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul {
 display:none;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul {
 display:none;
}
.menu-home a {
 background:url(../images/menu-line.png) no-repeat -22px 5px;
 width:55px;
 text-decoration:none;
}
.menu-home a:hover {
 background:url(../images/menu-line.png) no-repeat -22px 5px;
 text-decoration:none;
}
 .menu-Aboutus a {
 background:url(../images/menu-line.png) no-repeat -2px 5px;
 width:75px;
 text-decoration:none;
}
.menu-Aboutus a:hover {
 background:url(../images/menu-line.png) no-repeat -2px 5px;
 text-decoration:none;
}
 .menu-Integrated-Web a {
 background:url(../images/menu-line.png) no-repeat 95px 5px;
 width:172px;
 text-decoration:none;
}
.menu-Integrated-Web a:hover {
 background:none;
 text-decoration:none;
}
.menu-Showcase a {
 background:url(../images/menu-line.png) no-repeat 2px 5px;
 width:80px;
 text-decoration:none;
}
.menu-Showcase a:hover {
 background:url(../images/menu-line.png) no-repeat 2px 5px;
 text-decoration:none;
}
.menu-Faq a {
 background:url(../images/menu-line.png) no-repeat -22px 5px;
 width:55px;
 text-decoration:none;
}
.menu-Faq a:hover {
 background:url(../images/menu-line.png) no-repeat -22px 5px;
 text-decoration:none;
}
.menu-Contact a {
 background:none;
 width:83px;
 text-decoration:none;
}
.menu-Contact a:hover {
 background:none;
 text-decoration:none;
}
}
@media screen and (max-width:480px) {
#container_main {
 width:100%;
 background:url(../images/main-bg-mb.gif) repeat-x 0 0;
 height:100%;
}
#container {
 width:100%;
 margin:0 auto;
 margin-bottom:30px;
}
header {
 height:192px;
 width:460px;
 margin:0 10px 0 0;
 }
nav {
 width:430px;
 margin-top:20px;

}
.ypo_Logo {
 width:460px;
 display:block;
 font-size:0;
 clear:both;
}
.ypo_Logo a {
 margin:0 auto;
 margin-top:11px;
 margin-bottom:11px;
 width:209px;
 height:62px;
 background:url(../images/your-practice-online-mb.gif) no-repeat 0 0;

}
#career {
 font:normal 12px/16px Arial, Helvetica, sans-serif;
 color:#FFF;
 text-align:left;
 text-decoration:none;
 width:57px;
 float:left;
    }
#career a {
 background:url(../images/career-bg-mb.gif) no-repeat 0 0;
 width:57px;
 height:22px;
 padding:4px 0 0 6px;
 margin-right:23px;
 margin-left:5px;
 margin-top:20px;
}
#career a:hover {
 background:url(../images/career-bg-on-mb.gif) no-repeat 0 0px;
 width:57px;
 height:22px;
 padding:4px 0 0 6px;
 
}

#social_media_container{
	list-style:none;
	padding-left:10px;
	float:left;
	width:158px;
	
}
.social_Media {
 float:right;
 margin:12px 5px 0 0;
 width:34px;
}

.product_Tour {
 float:left;
 margin:10px 10px 0 5px;
 width:235px;
 clear:both;
}
* {
 outline:0;
}
#imgContentSlide {
 width:461px;
 margin-top:6px;

 
}
.contentPart div {
 width:444px;
 display:block;
 margin-left:10px;
}
#div1 {
 display:block;
}
#div2 {
 display:block;
 margin-top:-40px;
}
#div3 {
 display:block;
 margin-top:210px;
}
.intra_proImage {
 display:none;
}
.intra_Text {
 width:441px;
 font:normal 12px/16px Verdana, Geneva, sans-serif;
}
.intra_Text1 {
 width:441px;
 font:normal 12px/16px Verdana, Geneva, sans-serif;
}
.intra_header_img {
 width:441px;
}
.intra_Subheading1, .intra_Subheading3 {
 font-size:17px;
 width:461px;
}

.intra_Subheading1 a, .intra_Subheading3 a {
 width:461px;
 font-size:17px;
}
.intra_Subheading1 a:hover, .intra_Subheading3 a:hover{
 width:461px;
}
.intra_read {
 text-align:right;
}
.intra_Image {
 display:none;
}

.imgPart, .close, .close_t, .close_l, .close_b, .close_r, .web-development{
 display:none;
}

#multi-media {
 display:none;
}
.intergrated-web, .web-procedure-img, .multi_mediapro_img, .intergrated_webpro_img, .web-img{
 display:none;
}

#footer_bg {
 width:480px;
 height:110px;
}
footer {
 width:440px;
 padding-top:8px;
 height:100px;
 text-align:left;
 font:normal 10px/14px Arial, Helvetica, sans-serif;
 color:#FFF;
 margin-left:0px;
}
.footer_div{
	width:430px;
	text-align:left;
	color:#FFF;
	float:left;
}
.copy_write {
 width:270px;
 margin:0 auto;
 margin-bottom:5px;
 text-align:left;
 margin-left:0px;
}
.footer_Text {
 width:460px;
 margin:0 auto;
 margin-left:0px;
 font:normal 10px/14px Arial, Helvetica, sans-serif;
}
 .copy_write a, .footer_Text a {
 font:normal 12px/20px Arial, Helvetica, sans-serif;
}
/*menu Start*/

.menu-home a {
 background:url(../images/menu-line.png) no-repeat -22px 5px;
 width:55px;
 text-decoration:none;
}
.menu-home a:hover {
 background:url(../images/menu-line.png) no-repeat -22px 5px;
 text-decoration:none;
}
 .menu-Aboutus a {
 background:url(../images/menu-line.png) no-repeat -2px 5px;
 width:75px;
 text-decoration:none;
}
.menu-Aboutus a:hover {
 background:url(../images/menu-line.png) no-repeat -2px 5px;
 text-decoration:none;
}
 .menu-Integrated-Web a {
 background:url(../images/menu-line.png) no-repeat 95px 5px;
 width:172px;
 text-decoration:none;
 
}
.menu-Integrated-Web a:hover {
 background:none;
 text-decoration:none;
}
.menu-Showcase a {
 background:none;
 width:80px;
 text-decoration:none;
}
.menu-Showcase a:hover {
 background:none;
 text-decoration:none;
}
.menu-Faq a {
 background:url(../images/menu-line.png) no-repeat -22px 5px;
 width:55px;
 text-decoration:none;
}
.menu-Faq a:hover {
 background:url(../images/menu-line.png) no-repeat -22px 5px;
 text-decoration:none;
}
.menu-Contact a {
 background:none;
 width:83px;
 text-decoration:none;
}
.menu-Contact a:hover {
 background:none;
 text-decoration:none;
}
}

@media screen and (max-width:400px) {
#container_main {
 width:100%;
 background:url(../images/main-bg-mb.gif) repeat-x 0 0;
 height:100%;  
  }
#container {
 width:100%;
 margin:0 auto;
 margin-bottom:30px;
 }
header {
 height:192px;
 width:380px;
}
nav {
 width:380px;
 height:60px;
}
.ypo_Logo {
 width:380px;
 display:block;
 font-size:0;
 clear:both;
 }
.ypo_Logo a {
 margin:0 auto;
 margin-top:11px;
 margin-bottom:11px;
 width:209px;
 height:62px;
 background:url(../images/your-practice-online-mb.gif) no-repeat 0 0;
}
#career {
 font:normal 12px/16px Arial, Helvetica, sans-serif;
 color:#FFF;
 text-align:left;
 text-decoration:none;
 width:198px;
 float:left;
 
}
#career a {
 background:url(../images/career-bg-mb.gif) no-repeat 0 0;
 width:57px;
 height:22px;
 padding:4px 0 0 6px;
 margin-right:23px;
 margin-left:5px;
 margin-top:20px;
}
#career a:hover {
 background:url(../images/career-bg-on-mb.gif) no-repeat 0 0px;
 width:57px;
 height:22px;
 padding:4px 0 0 6px;
}
#social_media_container{
	list-style:none;
	margin:0px;
	float:left;
	width:160px;
}
.social_Media {
 float:right;
 margin:12px 5px 0 0;
 width:34px;
}
.product_Tour {
 float:left;
 margin:10px 10px 0 5px;
 width:235px;
  clear:both;
}
* {
 outline:0;
}
#imgContentSlide {
 width:364px;
 margin-top:26px;
 padding-bottom:115px;
 *padding-bottom:100px;
 
}
.contentPart div {
 width:364px;
 display:block;
 margin-left:10px;
}
#div1 {
 display:block;
}
#div2 {
 display:block;
 margin-top:10px;
}
#div3 {
 display:block;
 margin-top:295px;
}
.intra_proImage {
 display:none;
}
.intra_Text {
 width:361px;
 font:normal 12px/16px Verdana, Geneva, sans-serif;
}
.intra_Text1 {
 width:361px;
 font:normal 12px/16px Verdana, Geneva, sans-serif;
}
.intra_header_img {
 width:361px;
}
.intra_Subheading1, .intra_Subheading3 {
 font-size:16px;
 width:381px;
}
   
.intra_Subheading1 a, .intra_Subheading3 a{
 width:361px;
 font-size:16px;
}
.intra_Subheading1 a:hover, .intra_Subheading3 a:hover {
 width:361px;
}
.intra_read {
 text-align:right;
}
#intra_Image, #multi-media {
 display:none;
}
.imgPart, .close, .close_t, .close_l, .close_b, .close_r, .web-development, .intergrated-web, .web-procedure-img, .multi_mediapro_img, .intergrated_webpro_img, .web-img {
 display:none;
}

#footer_bg {
 width:400px;
 height:130px;
}
footer {
 width:400px;
 padding-top:8px;
 height:56px;
 text-align:left;
 font:normal 12px/20px Arial, Helvetica, sans-serif;
 color:#FFF;
 margin:0px;
}
.copy_write {
 width:380px;
 margin-bottom:10px;
 float:left;
}
.footer_div{
	width:370px;
	text-align:left;
	color:#FFF;
	float:left;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
}
.footer_Text {
 width:310px;
}
 .copy_write a, .footer_Text a {
 font:normal 12px/20px Arial, Helvetica, sans-serif;
}

/*menu Start*/

.menu-home a {
 background:url(../images/menu-line.png) no-repeat -22px 5px;
 width:55px;
 text-decoration:none;
}
.menu-home a:hover {
 background:url(../images/menu-line.png) no-repeat -22px 5px;
 text-decoration:none;
}
.menu-Aboutus a {
 background:url(../images/menu-line.png) no-repeat -2px 5px;
 width:75px;
 text-decoration:none;
}
.menu-Aboutus a:hover {
 background:url(../images/menu-line.png) no-repeat -2px 5px;
 text-decoration:none;
}
 .menu-Integrated-Web a {
 background:none;
 width:172px;
 text-decoration:none;
}
.menu-Integrated-Web a:hover {
 background:none;
 text-decoration:none;
}
.menu-Showcase a {
 background:url(../images/menu-line.png) no-repeat 3px 5px;
 width:80px;
 text-decoration:none;
}
.menu-Showcase a:hover {
 background:url(../images/menu-line.png) no-repeat 3px 5px;
 text-decoration:none;
}
.menu-Faq a {
 background:url(../images/menu-line.png) no-repeat -22px 5px;
 width:55px;
 text-decoration:none;
}
.menu-Faq a:hover {
 background:url(../images/menu-line.png) no-repeat -22px 5px;
 text-decoration:none;
}
.menu-Contact a {
 background:none;
 width:83px;
 text-decoration:none;
}
.menu-Contact a:hover {
 background:none;
 text-decoration:none;

}
}

@media screen and (max-width:320px) {
#container_main {
 width:100%;
 background:url(../images/main-bg-mb.gif) repeat-x 0 0;
}
#container {
 width:100%;
 margin:0 auto;
 padding-bottom:30px;
}
header {
 height:192px;
 width:311px;
}
nav {
 width:301px;
}
.ypo_Logo {
 width:300px;
 display:block;
 font-size:0;
 clear:both;
}
.ypo_Logo a {
 margin:0 auto;
 margin-top:11px;
 margin-bottom:11px;
 width:209px;
 height:62px;
 background:url(../images/your-practice-online-mb.gif) no-repeat 0 0;
}
#career {
 font:normal 12px/16px Arial, Helvetica, sans-serif;
 color:#FFF;
 text-align:left;
 text-decoration:none;
 float:left;
 margin-top:10px;
 width:53px;
}
#career a {
 background:url(../images/career-bg-mb.gif) no-repeat 0 0;
 width:53px;
 height:37px;
}
#career a:hover {
 background:url(../images/career-bg-on-mb.gif) no-repeat 0 -0px;
 width:53px;
 height:37px;
}
#social_media_container{
	list-style:none;
	margin-top:10px;
	float:left;
	width:158px;
}
.social_Media {
	float:right;
	margin:0 0 0 5px;
	width:34px;
}
.product_Tour {
 float:left;
 margin:0 10px 0 5px;
 width:235px;
}
* {
 outline:0;
}
#imgContentSlide {
 width:100%;
 margin-top:0;
 padding-bottom:200px;
}
.contentPart div {
 width:288px;
 display:block;
 margin-left:5px;
 margin-right:5px;
}
#div1 {
 display:block;

}
#div2 {
 display:block;
 margin-top:20px;
 *margin-top:10px;
}
#div3 {
 display:block;
 margin-top:380px;
 *margin-top:350px;
}
.intra_proImage {
 display:none;
}
.intra_Text {
 width:280px;
 font:normal 12px/16px Verdana, Geneva, sans-serif;
}
.intra_Text1 {
 width:280px;
 font:normal 12px/16px Verdana, Geneva, sans-serif;
}
.intra_header_img {
 width:280px;
 height:75px;
}
.intra_Subheading1, .intra_Subheading3 {
 font-size:17px;
 width:280px;
}
.intra_Subheading1 a, .intra_Subheading3 a{
 width:280px;
 font-size:17px;
}
.intra_Subheading1 a:hover, .intra_Subheading3 a:hover{
 width:280px;
}
 
.intra_read {
 text-align:right;
}
#intra_Image, #multi-media {
 display:none;
}
.imgPart, .close, .close_t, .close_l, .close_b,.close_r, .web-development  {
 display:none;
}
.intergrated-web, .web-procedure-img, .multi_mediapro_img, .intergrated_webpro_img,.web-img {
 display:none;
}
#footer_bg {
 width:320px;
 height:151px;
 
}
footer {
 width:280px;
 padding-top:12px;
 text-align:left;
 font:normal 12px/16px Arial, Helvetica, sans-serif;
 color:#FFF;
 margin:0px;
}
.footer_div{
	width:280px;
	text-align:left;
	color:#FFF;
	float:left;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
.copy_write {
 width:230px;
 margin-bottom:10px;
 float:left;
}
.footer_Text {
 width:235px;
 float:left;
}
 .copy_write a, .footer_Text a {
 font:normal 12px/16px Arial, Helvetica, sans-serif;
}

/*menu Start*/

.menu-home a {
 background:url(../images/menu-line.png) no-repeat -22px 5px;
 width:55px;
 text-decoration:none;
}
.menu-home a:hover {
 background:url(../images/menu-line.png) no-repeat -22px 5px;
 text-decoration:none;
}
 .menu-Aboutus a {
 background:url(../images/menu-line.png) no-repeat -2px 5px;
 width:75px;
 text-decoration:none;
}
.menu-Aboutus a:hover {
 background:url(../images/menu-line.png) no-repeat -2px 5px;
 text-decoration:none;
}
 .menu-Integrated-Web a {
 background:none;
 width:160px;
 text-decoration:none;
}
.menu-Integrated-Web a:hover {
 background:none;
 text-decoration:none;
}
.menu-Showcase a {
 background:url(../images/menu-line.png) no-repeat 3px 5px;
 width:80px;
 text-decoration:none;
}
.menu-Showcase a:hover {
 background:url(../images/menu-line.png) no-repeat 3px 5px;
 text-decoration:none;
}
.menu-Faq a {
 background:url(../images/menu-line.png) no-repeat -20px 5px;
 width:61px;
 text-decoration:none;
}
.menu-Faq a:hover {
 background:url(../images/menu-line.png) no-repeat -20px 5px;
 text-decoration:none;
}
.menu-Contact a {
 background:none;
 width:83px;
 text-decoration:none;
}
.menu-Contact a:hover {
 background:none;
 text-decoration:none;
}
}