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

html {
	margin:0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	background:#F3DEB7 url(images/body-bg.jpg) no-repeat center top;
	margin:0px;
	padding:0px;
}

a{
	text-decoration: none;
	outline:none;
	color:#D97C0B;
}

a:hover {
	color:#3D2121;
	
}

input{
	margin: 0;
  	padding: 0;
	color:#666666; 
	}
form {
  	margin: 0;
  	padding: 0;
}

p {
	padding:0;
	margin: 0;
}

img {
	 border: 0 none;
}
.pic1{
	padding:2px;
	border:1px solid #CCCCCC;
	width:326px;
}


.clear{
	clear:both;
	padding:0px;
	margin:0px;
	
}
.right{
	float:right;
}
.left{
	float:left;
}
h1, h2, h3, h4 {
	margin:0;
	padding:0;
}
ul{
	margin:0px;
	padding:0px;

}
li{
	margin:0px;
	padding:0px;
}
.paddingLTR-20{
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;

	*width:240px;

}
br.line-height{*line-height:0px;}
.absmiddle {
	vertical-align: middle;
}

.paddingLTR-15{

	padding-right:15px;
}
.paddingLTR-12{
	padding-left:20px;
	padding-right:12px;
	padding-top:12px;
	background:#F5F5F5;
}
.txt-18{
	font-size:18px;
}
.txt-11{
	font-size:11px;
}
.txt-12{
	font-size:12px;
}
.txt-orange{
	color:#D97C0B;
}
.txt-brown{
	color:#733C0D;
	font-size:16px;
	font-weight:bold;
	line-height:25px;
}
#container{
	width:1000px;
	margin:auto;
}
.header {
	padding-bottom:0px;
}
#logo{
	float: left;
	padding-top:40px;
	padding-left:20px;
}
.tnb{
	float:right;
	padding-top:35px;
	padding-right:24px;
	height:43px;
	
}
/* begin:tnb */

.tnb li{ float:left; list-style:none; font-family:"Fertigo Pro"; font-weight:normal; font-size:15px; color:#000; height:31px;}
.tnb li.divider{ background:url(images/menu-divder.png) 97px 7px no-repeat; width:100px;}
.tnb li.divider-empty{ background:url(images/empty.png) right top no-repeat; padding-top:10px;}
.tnb ul li a{ float:left; list-style:none; font-family:"Fertigo Pro"; font-weight:normal; font-size:14px; color:#000;  height:32px; text-align:center; width:95px; display:block; padding:5px 0px 0px 0px ;}
.tnb ul li a:hover,a.active{ float:left; list-style:none; font-family:"Fertigo Pro"; font-weight:normal; font-size:14px;display:block; color:#fff !important; background:url(images/back-png.png) left top no-repeat; width:95px; text-align:center; height:32px;}
.tnb ul li a.home {background:url(images/home-icon.png) no-repeat; display:block; width:28px; height:31px;}
.tnb ul li a.home:hover, a.home.active {background:url(images/home-icon-h.png) no-repeat!important;}
.tnb ul li:first-child {width:36px; background:url(images/menu-divder.png) 33px 7px no-repeat;}
/* end:tnb */
.content{
	background:url(images/content-bg.jpg) repeat-y -2px 0;
	width:900px;
	margin:auto;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:15px;

}
.content-box{
	width:280px;
	min-height:717px;
	background:#F5F5F5;
	color:#666666;
	padding-bottom:10px;
}


div.padding{margin:0px 0px 0px 20px ;}
.read-more{
	float:right;
	background:url(images/arrow.gif) no-repeat 66px 5px;
	padding-right:10px;
	margin-top:5px;
}
.content ul{
	padding-right:10px;
}
.content li{
	background:url(images/dot-img.jpg) repeat-x bottom;
	padding:5px 10px 5px 0;
	width:195px;
	list-style:none;
}
.content li a{
	background:url(images/arrow-2.jpg) no-repeat 0 5px;
	padding-left:10px;
	font-size:12px;
	color:#666666;
	

}
.content li a:hover{
	color:#D97C0B;
}
.inner-content{
	background:#FFFFFF;
	font-size:14px;
	margin-left:25px;
	margin-right:25px;
	width:950px;
}
.leftcol-inner{
	float:left;
	width:230px;
	margin-top:0px;
}

.lnb{
background:url(images/leftcol-bg.jpg) repeat-y;
}

.breadcrumb
{
	padding: 8px;
	font-size: 11px;
}
.breadcrumb span {font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#999;}
.breadcrumb a
{
}
div.iphone-1{float:left; margin:0 30px 10px 0;}
div.iphone-1 .imgbdr {border:2px solid #000;}
div.iphone-2{float:left;}

.rightcol-inner{
	float:right;
	width:700px;
	margin-top:0px;
	margin-right:5px;
	line-height:18px;
	color:#333333;
}

.rightcol-inner ul{
}

.rightcol-inner li{
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	background-position: left 5px;
	padding-left: 10px;
}

.leftcol-inner ul{
	margin-top:5px;
	padding-left:10px;
}
.leftcol-inner li{
	list-style:none;
	padding-right:8px;
}
.float-left{float:left;}
.leftcol-inner li a{
	color:#000000;
	display:block;
	font-size:12px;
	padding:8px 0 8px 20px;
	background:url(images/arrow.gif) no-repeat 10px 10px;
}
.leftcol-inner li a:hover,a.active-1{
	background:#D97C0B url(images/white-arrow.jpg) no-repeat 10px 10px !important;
	color:#FFFFFF !important;
}
.order-now{
	float:left;
	padding:33px 0 0 29px;
}
.copyright{
	float:left;
	margin:54px 0 0 78px;
	text-align:left;
	width:351px;
	color:#BA8B4D;
}

#footer-home{
	background:url(images/footer-bg.jpg) no-repeat #5B3232;
	width:941px;
	margin:auto;
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
	height:205px;
	line-height:18px;
	
}
#footer{
	background:url(images/footer-bg.jpg) no-repeat #5B3232;
	width:950px;
	margin:auto;
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
	height:205px;
	line-height:18px;
}
.copyright a{
	color:#BA8B4D;
}
.copyright a:hover{
	text-decoration:underline;
}
.comming-soon{
	text-align:center;
	color:#000;
	font-size:22px;
	margin-top:150px;
}
.order {
	padding-right: 20px;
	padding-left: 0px;
	padding-top: 0px;
}
.flashtext {
	width: 300px;
	margin-top: 310px;
	margin-left: 60px;
	position: absolute;
	font-size: 14px;
	line-height: 18px;
	color:#333333;
}
.but1 {
	color: #FFFFFF;
	background-color: #5B3232;
	border: 1px solid #666666;
	cursor:pointer;
}
.txtbox-width {
	width: 30px;
}
.smallB {
	margin-top:5px;
	background-image: url(images/bg-small-business.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px;
	width: 241px;
	display:block;
	padding:9px 0px 0px 0px ;
	text-align:center;
	color:#333;
	
}
.smallB:hover {
	background-image: url(images/bg-small-business-hover.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color:#333333;
	
}
div.paddingLTR-20 a {font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#D87A0B;}

div.paddingLTR-20 a.readmore {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#D87A0B; font-weight:normal;}
div.paddingLTR-20 hr {height:1px; border-bottom:1px dotted #000; margin:0px auto 0px auto;}
div.button{clear:both; padding:20px 0px 0px 0px ;}
/*Updated 17, Arpil2010*/
.padTB3{
	padding:3px 0;
	}
.padT8{
	padding-top:8px;
	}
.txt-black{
	color:#333333;
	}
	
.col195{
	width:195px;
}
.col164{
	width:164px;
	}
.col910{
	width:910px;
	margin:auto;
	}
.padLR5{
	padding:0 5px;
	}
.padT15{
	padding-top:15px;
	margin-bottom:15px;
	}	
.ext-link{
	padding-top:10px;
	}	
.ext-link a{
	font-size:12px;
	}
.grey-line-padT5{
	padding-top:5px;
	}
.PHeading{
	padding:10px 5px 15px 5px;
	}	
.PHeading h2{
	color:#733C0D;
	font-size:24px;
	}
.PHeading span{
	color:#999;
	font-size:12px;
	}
.arrow a
{
	float: left;
	display: block;
	color: white;
	padding:0;
	text-indent: -9000px;
	overflow-x: hidden;
	overflow-y: hidden;
	outline:none;
	margin-right:7px;
	}
.arrow a.first{
	background-image:url(images/L-arrow-circle.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:20px;
	height:20px;	
	}
.arrow a.first:hover{
	background-image:url(images/L-arrow-circle-hover.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:20px;
	height:20px;	
	}		
.arrow a.link1{
	background-image:url(images/L-arrow-circle.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:20px;
	height:20px;	
	}
.arrow a.link1:hover{
	background-image:url(images/L-arrow-circle-hover.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	}					
.arrow a.link2{
	background-image:url(images/R-arrow-circle.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:20px;
	height:20px;	
	}
.arrow a.link2:hover{
	background-image:url(images/R-arrow-circle-hover.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	
	}
.arrow a.last{
	background-image:url(images/R-arrow-circle.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:20px;
	height:20px;	
	}	
.website-detail{
	padding-top:8px;
	}
.webpage{
	width:668px;
	float:right;
	border:5px solid #D0D0D0;
	}
.img-border{
	
	}
.quote{
	padding-bottom:15px;
	}	
.contact{
	width:214px;
	float:left;
	}
.contact-info{
	width:194px;
	background:#F7ECD5;
	padding:0 10px 10px 10px;	
	}
.contact-info h3{
	font-size:14px;	
	}
.txt-brown{
	color:#733C0D;
	}	
.divider{
	padding:10px 0;
	}
.txtpad{
	padding-top:2px;
	}
.txtpad iframe
{
    height:35px;
}
.admin-detail{
	font-size:13px;
	color:#333;
	padding-bottom:5px;
	}
.process{
	width:233px;
	height:135px;
	background:url(images/divider2.jpg) no-repeat left bottom;
	float:left;
	padding-top:20px;
	padding-bottom:20px;
	}
process strong{
	color:#585858;
	font-size:13px;
	}		
.process-txt{
	width:175px;
	margin:auto;
	text-align:center;
	color:#585858;
	font-size:13px;
	}			
.bottom-txt{
	width:660px;
	font-size:13px;	
	color:#585858;
	line-height:135%;
	padding-top:20px;
	
	}	
	
.video {
	width: 117px;
	position: absolute;
	margin-left: 20px;
	margin-top: 0px;
   *margin-top: 5px;
	height: 22px;
	background: url(images/video-bg.png) no-repeat left top;
	font-size: 9px;
	padding-top: 6px;
	z-index:999999;
	
}

.video a{
	font-size: 9px;
	text-decoration: none;
	padding-left: 11px;
	color: #CCCCCC;
}

.video a:hover{
	font-size: 9px;
	text-decoration: none;
	
	color: #FFFFFF;
	
}											
.table1{
	width:100%;
	border:none;
	}
.table1 a img{
	border:4px solid #D0D0D0;
	margin-bottom:10px;	
	}
.table1 tr img:hover{
	border:4px solid #BBBBBB;
	}	
.table1 h2{
	font-size:14px;
	color:#999;
	padding-bottom:6px;
	padding-left:4px;
		}
.table1 a{
	font-size:12px;
	padding-left:4px;
	}
.table1 tr td{
	padding:25px 0 0 5px;
	}	
											
.playLink
{
	width:25px;
	display:inline-block;
	text-align:center;
}
/*Updated 6, May2010*/
.feed-title{
	padding:11px 0 0 11px;
	font-size:17px;
	color:#FFFFFF;
	font-weight:bold;
	background:url(images/feedbox-top.jpg) no-repeat; 
	width:695px; 
	height:37px; 
	float:left;
}
.req-form{
	background:url(images/feedbox-mid.jpg) repeat-y left; 
	width:695px;
	padding:12px;
}
		
input{
	height:24px;
	width:300px;
	margin-bottom:3px;
	border:1px solid #ccc;
}
.txt-box{
	width:300px;
}
.feedbox-bot {
	background:url(images/feedbox-bot.jpg) no-repeat top left;
	width:695px;
}
textarea  {
	width:300px;
	border:1px solid #ccc;
}
.send-but{
	background:url(images/send-but.png) no-repeat; width:62px; height:24px;
	font-size:12px;
	font-weight:bold;
	padding-bottom:6px;
	padding-right:4px;
	cursor:hand;
	color:#FFFFFF;
	}
.font-color-red{
	color:#FF0000; 
	font-size:11px;
}
.sub-title{
	color:#D97C0B;
	font-size:13px;
	font-weight:bold;
}
div.ddHeight dd
{
	margin-bottom:15px;
	margin-left:14px;
}
.bg-dgn{
	background:url(images/ipadapp-home-1.png) no-repeat center;
	width:1000px;
	margin:0 auto;
	height:144px;
}
.title-dgn{
	font-size:14px;
	color:#5B3232;
	padding-top:12px;
}
.title-dgn i{
		font-style:normal;
		font-weight:bold;
		font-size:20px;
		margin:0px 0px 0px 5px;		
}
.title-dgn a{
	text-decoration:underline;
}
.title-dgn a:hover{
	color:#C87A19;
	text-decoration:none;
}				
.ipadimg{
	margin-right:25px;
	float:right;
}
.ipadimg-1{
	margin-top:17px;
	float:left;
}
.ipadapp-title {
	font-family:Arial;
	float:left;
	padding:31px 0 0 130px;
	font-size:25px;
	color:#FFFFFF;
}
.ipadapp-title i{ font-style:normal;}
.ipadapp-title i a{color:#E7983A; text-decoration:none;}
.ipadapp-title-1 {
	font-size:29px;
	color:#FFFFFF;
	text-decoration:none;
}
.ipadapp-title-1 a{
	font-size:29px;
	color:#FFFFFF;
	text-decoration:none;
}
.ipadapp-title-1 a:hover{
	text-decoration:none;
}
.ipad-pro{
	background:url(images/ipad-process.png) left no-repeat;
	font-size:18px;
	font-weight:bold;
	width:214px;
	height:124px;
	float:left;
	margin-left:4px;
}
.ipad-pro a{
	line-height:22px;
	padding:6px 0 0 89px;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	width:125px;
	height:118px;
	float:left;

}
.ipad-pro a:hover{
	background:url(images/ipad-process-hover.png) left no-repeat;
	text-decoration:none;
}


.android-pro{
	background:url(images/android-process.png) left no-repeat;
	font-size:18px;
	font-weight:bold;
	width:214px;
	height:124px;
	float:left;
	margin-left:4px;
}
.android-pro a{
	line-height:22px;
	padding:6px 0 0 89px;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	width:125px;
	height:118px;
	float:left;

}
.android-pro a:hover{
	background:url(images/android-process-hover.png) left no-repeat;
	text-decoration:none;
}


/* Resources Page */
hr { background:#CCC; border:0 none; float:left; height:1px; width:100%;}
div.resources-txt{ margin-bottom:15px; padding:0px 0px 20px 0px; float:right; width:700px; border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #CCC; }
div.resources-title h1{color:#D97C0B; font-size:18px; font-weight:bold;}
div.resources-title h2{color:#D97C0B; font-size:14px; font-weight: normal; margin-bottom:7px;}
div.resources-icons{ float:left; width:100%; height:24px;}
div.resources-icons i{ font-style:normal; display:block; margin-top:4px;}
.absmiddle-2 {vertical-align: middle; position:relative; top:-1px;}
.table2{
	width:100%;
	border:none;
	}
.table2 a img{
	border:4px solid #D0D0D0;
	margin-bottom:10px;
	width:150px;	
	}
.table2 tr img:hover{
	border:4px solid #BBBBBB;
	}	
.table2 h2{
	font-size:14px;
	color:#999;
	padding-bottom:6px;
	padding-left:4px;
		}
.table2 a{
	font-size:12px;
	padding-left:4px;
	}
.table2 tr td{
	padding:25px 0 0 5px;
	}
.video-border {margin:0px 0px 0px 10px; float:left;}
.video-container {background:#F7ECD5; float:left; padding:10px;} 

@font-face {  
   font-family:"eurofurence" ;  
   src: url(fonts/eurof55.eot ); /* IE */  
   src: local(" eurofurence "), url(fonts/eurof55.ttf ) format("truetype"); /* non-IE */ 
 } 
 
 @font-face {  
   font-family:"Fertigo Pro" ;  
   src: url(fonts/fertigo_pr.eot ); /* IE */  
   src: local(" Fertigo Pro "), url(fonts/fertigo_pr.ttf ) format("truetype"); /* non-IE */ 
 } 
 

 
.icon-vinfotech {width:106px; color:#B98B4C; font-weight:bold; margin:0px auto;}
.icon-vinfotech img {margin:0px 0px 0px 12px;}
.icon-vinfotech a {text-decoration:none;}
.icon-vinfotech a:hover {text-decoration:none;}

/* begin: right containt css */
.rightcol-inner h1, .inner-content h1 { color:#D97C0B; font-family:"eurofurence"; font-weight:normal; font-size:35px; padding:3px 0px 10px 0px ;}
.rightcol-inner span{color:#D97C0B;
	font-size:13px;
	font-weight:bold; padding:0px 0px 0px 0px ;}
div.para p{ line-height:20px; margin:0px 0px 20px 0px ; letter-spacing: normal;}
div.highlighted {background:#F7ECD5; padding:10px;}
span.icon-design{display:inline-block; width:64px; height:61px; background:url(images/icon-design.png) left top no-repeat;}
div.lnb .designer{background:url(images/highlighter.png) -6px -4px no-repeat; font-weight:bold;}
div.android-left{float:left; margin:0px 20px 20px 0px ; width:135px;}
span.widget-design{display:inline-block; width:135px; height:205px; background:url(images/widget-design.jpg) left top no-repeat; border:2px solid #F4DEB5; margin:0px 0px 10px 0px ;}

div#left-box{width:239px; min-height:173px; background:#fff; border-right:1px solid #ccc;  border-bottom:1px solid #ccc; float:left; margin-top:20px;}
div#spotlight{ font-family:"eurofurence"; font-size:24px; color:#D97C0B; float:left; padding-left:10px; padding-top:10px;} 
div#spotlight-img{ float:left; width:84px; height:73px; margin:10px 0px 0px 10px ; } 
div#spotlight-text{ float:right; width:121px; margin:10px 10px 0px 0px ;}
div#visit-portfolio{float:right; margin:5px 39px 0 0;}
div#visit-website{ float:left; background:#F8EAD1; width:100%; height:26px; margin:7px 0 0 ; text-align:center; padding-top:5px;} 
div.resources-cont{width:100%; float:left;}
div.resources-img{float:left;}
div.resources-head h1{font-size:18px; font-weight:bold;}
/* end: right containt css */

.col910 h1{ color:#D97C0B; font-family:"eurofurence"; font-weight:normal; font-size:35px; padding:0px ; margin:0px;}
.a5{ color:#666; text-decoration:none;}
dd{ margin-left:0px;}
.txt-14{ font-size:14px; font-weight:normal;}
h3{ font-weight:normal;}
.pic2{
	padding:2px;
	border:1px solid #CCCCCC;
	}
/*24-8-11*/
.ipadapp-title h1 {margin:0; padding:0; font-size:28px; font-weight:normal; font-family:Arial;}
.ipadapp-title h1 a {font-size:33px;}
.ipadapp-title h1 a:hover {color:#F3DEB7;}
/*25-8-11*/
.top-strip {float:left; width:100%; background:url(images/top-strip-bg.png) repeat-x; height:34px; position:fixed; z-index:100; font-size:13px; color:#fff; font-weight:bold; left:0; top:0;}
.top-strip .con {margin:0 auto; width:978px;}
.top-strip .con ul.web {float:left; list-style:none;}
.top-strip .con ul.web li {float:left; margin:6px 0 0 30px;}
.top-strip .con ul.web li:first-child {margin-left:10px;}
.top-strip .con ul.web li a {color:#F3DEB7;}
.top-strip .con ul.web li a:hover {color:#fff;}
.top-strip .con ul.web li span {color:#733C0D;}
.top-strip .request {float:right; background:url(images/request-quote-bg.png) repeat-x; height:30px; padding:0 15px; line-height:28px; color:#f4f4f4; border-radius:3px; -moz-border-radius:3px;}
.top-strip .request:hover {background-position:0 -30px; color:#fff;}
.top-strip .request img {vertical-align:middle;}
#container {padding-top:20px;}
.ipad-appetc {float:right; background:url(images/h1-bg.png) no-repeat right bottom; min-width:400px; height:48px; margin:10px 25px 0 0; padding:0 20px 0 0;}
.ipad-appetc h6 {font-size:20px; font-weight:bold; float:left; color:#733C0D; margin:9px 0 0 10px;}
.ipad-appetc h6 a:hover {color:#733C0D;}
.ipad-appetc img {float:left; margin:-8px 0 0;}


/*15-11-11 Sitemap */
ul.sitemap {margin:0 0 0 20px; padding:0;}
ul.sitemap > li {list-style:none; line-height:28px; background: url(images/arrow.gif) no-repeat left 10px; }
ul.sitemap > li > a {color:#D97C0B; font-weight:bold; font-size:13px;}
ul.sitemap > li > a:hover {color:#333;}
ul.sitemap > li > ul {margin:0 0 0 15px; padding:0;}
ul.sitemap > li > ul > li {list-style:none; line-height:28px; background: url(images/arrowdd.png) no-repeat left;}
ul.sitemap > li > ul > li > a {font-size:12px; color:#804C1E;}
ul.sitemap > li > ul > li > a:hover {color:#000;}
/*solutions dropdown*/
.tnb > ul > li {position:relative;}
.tnb > ul > li > .submenu {position:absolute; width:139px; height:103px; padding:5px 0 0 5px;  background:#fff; margin:35px 0 0; z-index:100; display:none; left:-27px;  border-style:solid; border-color:#D97C0B #ccc #ccc #ccc; border-width:5px 1px 1px 1px; }
.tnb > ul > li > .submenu > ul {margin:0; padding:0;}
.tnb > ul > li > .submenu > ul > li {list-style:none; background:url(images/arrowdd.png) no-repeat left 9px; width:100%; height:auto;}
.tnb > ul > li > .submenu > ul > li > a {font-family:Tahoma, Geneva, sans-serif!important; font-size:11px; color:#333; width:100%; height:auto; text-align:left; padding:8px 0 0 10px;}
.tnb > ul > li > .submenu > ul > li > a:hover, a.active-in {color:#D97C0B!important; background:none!important;}
.tnb > ul > li > .submenu > ul > .more {padding:5px 0 0; display:block; float:left;}
.tnb > ul > li > .submenu > ul > .more a {text-align:right; color:#723B0C; text-decoration:underline; background:none;padding:5px 15px 0 0; display:block; width:130px; font-size:11px; height:auto;}
.tnb > ul > li > .submenu > ul > .more a:hover {text-decoration:none; background:none; color:#723B0C!important;}

.tnb > ul > li:hover >.submenu {display:block;}
.tnb > ul > li:hover > a {background:url(images/back-png.png) left top no-repeat;}
.thanku {margin:43px auto 0; width:640px;}
.plusone {float:left; width:120px; margin:4px 0 0 27px;}
.plusone > span.kU{color:#fff; font-weight:bold;}