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

body {
 margin:0;
 padding:0;
 background-color:#1c1c1c;
 font-family:Helvetica, Arial, sans-serif;
 font-size:12px;
 color:#8d8d8d;
}

.left {float:left;}
.right {float:right;}
.clr {clear:both;}

p, h1, h2, h3, h4, h5, h6, table, form, ul, ol, div, span {
 margin:0;
 padding:0;
}

img {border:none;}
a {text-decoration:none;}
/*a:hover {text-decoration:none; color:#CC0066;}*/

/*text color*/
.txt_white {
 color:#FFFFFF;
}

.txt_pink {
 color:#CC0066;
}

.txt_blue {
 color:#0093d0;
}
#txt_blue a{
 color:#676767;
}
#txt_blue a:hover {
 color:#0093d0 !important;
}

.txt_red {
 color:#f3072f;
}

.txt_yellow {
 color:#fdba31;
}

.txt_orange {
 color:#f9760f;
}

.txt_green {
 color:#00a890;
}

#container {
 width:962px;
 padding:0 31px;
 margin:0 auto;
}

#number {
 background-image:url(../images/bg_top.gif);
 background-repeat:no-repeat;
 background-position:center;
 height:28px;
 font-size:14px;
 color:#d1d1d1;
 line-height:28px;
 text-align:right;
 padding:0 18px;
}

/*header*/
#header {
 height:274px;
 padding:0 18px;
}

#header_homepage {
 margin:0 0 314px;
 padding:0 18px;
}
#header-inner {
 padding:0 18px;
margin:0 0 161px;
}
.logo {
 padding:24px 0 0 0;
position:relative;
z-index:100;
}

.top_nav {
 padding:25px 0 0 0;
 position:relative;
 z-index:100000;
}

/*grad*/
.top_grad {
 background-image:url(../images/bg_topgradient.gif);
 background-repeat:no-repeat;
 background-position:top;
 padding:0 0 3px 0;
z-index:999;

}

.bottom_grad {
 background-image:url(../images/bg_bottomgradient.gif);
 background-repeat:no-repeat;
 background-position:bottom;
 min-height:160px;
 height:auto !important;
 height:160px;
 padding:0 0 23px 0;
}

/*flirt_list*/
.flirt_list {
 padding:25px 18px 0 18px;
}

.flirt_list li {
 list-style-type:none;
 float:left;
 width:154px;
 color:#ffffff;
 font-size:14px;
 font-weight:bold;
 line-height:30px;
}

/*.flirt_list li a {
 color:#ffffff;
 font-size:14px;
 font-weight:bold;
 line-height:30px;
}*/

.flirt_list li li {
 line-height:1;
}

.flirt_list li li a {
 font-size:12px;
 font-weight:normal;
 color:#8d8d8d;
 line-height:17px;
}

.flirt_list li#fl_pink li a:hover {
 color:#CC0066 !important;
}

.flirt_list li#fl_blue li a:hover {
 color:#0093D0 !important;
}

.flirt_list li#fl_orange li a:hover {
 color:#F9760F !important;
}

.flirt_list li#fl_yellow li a:hover {
 color:#FDBA31 !important;
}

.flirt_list li#fl_green li a:hover {
 color:#00A890 !important;
}

.flirt_list li#fl_red li a:hover {
 color:#F3072F !important;
}

.flirt_list li#fl_pink li a {
 color:#8d8d8d !important;
}

.flirt_list li#fl_blue li a {
 color:#8d8d8d; !important;
}

.flirt_list li#fl_orange li a {
 color:#8d8d8d; !important;
}

.flirt_list li#fl_yellow li a {
 color:#8d8d8d; !important;
}

.flirt_list li#fl_green li a {
 color:#8d8d8d; !important;
}

.flirt_list li#fl_red li a {
 color:#8d8d8d; !important;
}

/*footer*/
#footer {
 padding:10px 18px 25px 18px;
}

#footer li {
 float:left;
 list-style-type:none;
 padding:0 8px;
 background-image:url(../images/brdr_footer.gif);
 background-position:right 5px;
 background-repeat:no-repeat;
}

#footer li#last {
 background-image:none;
}

#footer li a {
 font-size:11px;
 color:#515151;
}

/*columns*/
.columns {
 padding:0 0 25px 0;
}

.l_col {
 width:445px;
 padding:45px 0 0 18px;
}

.r_col {
 width:445px;
 padding:0 18px 0 0;
 position:relative;
}

/*l_col*/
.location {
 font-size:14px;
 font-weight:bold;
 color:#5c5c5c;
 padding:0 0 20px 0;
}

.l_cont {
}

.l_cont h1 {
 color:#FFFFFF;
 font-size:22px;
line-height: 28px;
 padding:0 0 16px 0;
}

.l_cont h3 {
 color:#FFFFFF;
 font-size:14px;
 padding:10px 0 16px 0;
}

.l_cont p {
 line-height:17px;
 padding:0 0 12px 0;
}

.l_cont p a {
 font-size:14px;
 font-weight:bold;
 color:#cc0066;
}

.l_cont p a:hover {color: #ffffff;}

.l_cont table { line-height: 16px; }

.l_cont table a {
 font-weight:bold;
 color:#cc0066;
}

.l_cont table a:hover {
 color:#ffffff;
}

.l_cont ul { padding-bottom: 10px; }

.l_cont ul li { line-height: 20px;
                    margin-left: 16px; }

.blog {
 padding:0 0 25px 0;
}

.blog h1 {
 border-bottom:1px solid #464646;
 margin:0 0 12px 0;
}

.blog_info {
 padding:0 0 12px 0;
 font-size:11px;
}

.post_comment {
 width:441px;
}

.pc_cont {
 background-image:url(../images/curve_mid2.gif);
 background-repeat:repeat-y;
 padding:0 29px 0 21px;
}

.pc_cont h3 {
 color:#FFFFFF;
 font-size:14px;
 padding:0 0 8px 0;
}

.txt_field2, .comment_field, .txt_field3 {
 border:1px solid #515151;
 background-color:#313131;
}

.txt_field2 {
 width:250px;
color:#8D8D8D;
}

.comment_field {
 height:100px;
 width:250px;
 color:#8D8D8D;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.comment_field {
 width:246px;
}
}

.txt_field3 {
 width:150px;
}

.pc_cont td {
 padding:0 0 7px 0;
}

.pc_cont table {
 padding:0 0 25px 0;
}

* html .pc_cont table {
 margin:0 0 25px 0;
}

.comments {
 padding:12px 0 0 0;
 border-bottom:1px solid #464646;
}

.last_comment {
 border:none;
}

.test_cont {
 padding:0 0 25px 0;
}

.t_title {
 font-weight:bold;
}

.t_name, .t_title {
 /*font-weight:bold;*/
 line-height:17px;
}

.address_details {
 line-height:17px;
 padding:0 0 20px 0;
}

.address_details td {
 padding:0 15px 0 0;
}

.address_details a {
 color:#8D8D8D;
}

.apply {
 padding:15px 0 0 0;
}

.details {
 padding:0px 0 0 0;
}

.details h3 {
 padding:20px 0 0 0;
}

.details td {
 padding:6px 0 0 0;
}

.txt_field_short {
 border:1px solid #515151;
 background-color:#313131;
 width:30px;
 color:#6d6d6d;
 margin-right:10px;
}

/*r_col*/
.join {
 width:441px;
 position:relative;
 z-index:1000;
 top:-24px;
 margin:0 0 -24px 0;
 padding:0 0 15px 0;
}

.join_cont {
 background-image:url(../images/curve_mid.gif);
 background-repeat:repeat-y;
 padding:4px 0 4px 14px;
}

.join_cont h3 {
 font-size:13px;
 padding:0 0 5px 0;
color: #ffffff;
}

.join_cont p {
 font-size:11px;
 padding:0 0 6px 0;
}

.txt_field {
 border:1px solid #515151;
 background-color:#313131;
 width:145px;
 color:#6d6d6d;
 padding-left:5px;
}

.img_holder {
 padding:0 0 15px 0;
}

.img_holder2 {
 position:relative;
 z-index:500;
 padding:0 0 9px 17px;
}

.image {
 background-image:url(../images/curve_mid.gif);
 background-repeat:repeat-y;
 padding:0 0 0 8px;
}
.tablesquound { 
 background-image:url(../images/curve_mid.gif);
 background-repeat:repeat-y;
 padding:0 0 0 8px;
}

image img {
 width:425px;
}

.quote {
 width:421px;
 padding:0 0 0 6px;
}

.r_col2 .quote {
 padding:0 0 0 25px;
}

.quote_cont {
 background-image:url(../images/quote_open.gif);
 background-position:left top;
 background-repeat:no-repeat;
 padding:25px 0 0 34px;
}

.quote_cont h1 {
 font-size:19px;
 color:#535353;
 background-image:url(../images/quote_close.gif);
 background-position:right bottom;
 background-repeat:no-repeat;
 padding:0 0 16px 0;
}

.name {
 padding:16px 0 0 34px;
}

.title  {
 padding:0 0 0 34px;
}

.name, .title {
 font-size:14px;
 color:#535353;
}

.other_company {
 padding:20px 35px;
}

.l_cont .other_company {
 padding:20px 0px;
}

.other_company h2 {
 color:#ffffff;
 font-size:14px;
 padding:0 0 8px 0;
}

/*
.other_company ul {
 padding:0 45px 0 0;
}

.other_company li {
 list-style-type:none;
}

.other_company li a {
 color:#8d8d8d;
 line-height:20px;
}
*/

.other_company ul {
	margin:0; padding:0;
}
.other_company ul li {
	list-style:none;
	float:left;
	width:185px;
}

.other_company ul li a {
 	color:#8d8d8d;	
}

.r_list {
 padding:0 0 25px 0;
}

.r_list h3 {
 color:#ffffff;
 font-size:14px;
 padding:0 0 8px 0;
}

.r_list p a {
 color:#767676;
 font-size:22px;
}

.tags p a {
 font-size:21px;
 line-height:1.3;
}

.tags p a:hover {
 color:#ffffff !important;
}

.r_list li {
 list-style-type:none;
}

.r_list li a {
 line-height:21px;
 color:#767676;
}

.rss a {
 background-image:url(../images/rss.gif);
 background-position:left;
 background-repeat:no-repeat;
 padding:0 0 0 27px;
 color:#767676;
 font-size:14px;
}

/*products*/


.products {
 padding:45px 18px 0 18px;
}

.prod_list {
 padding:0 0 15px 0;
}

.prod_list p a { color: #ffffff; }

.pl_left {
 width:441px;
}

.pl_left .image_holder {
 padding:0px;
}

.pl_right {
 width:445px;
 line-height:17px;
}

.pl_right h1 {
 color:#ffffff;
 font-size:16px;
 padding:0 0 8px 0;
}

.table {
 padding:0 0 12px 0;
}

.table td {
 padding:0 15px 0 0;
}

.pl_right p {
 padding:0 0 12px 0;
}

.pl_right p a {
 font-size:14px;
 font-weight:bold;
 color:#ffffff;
}

/*thumbs*/
.thumbs {
 padding:45px 18px 0 18px;
}

.thumb_cont {
 width:445px;
 padding:0 18px 15px 0;
}

.thumb_head {
 color:#ffffff;
 font-size:14px;
 font-weight:bold;
 padding:0 0 8px 0;
}

.tc_left {
 background-image:url(../images/img_thumb_holder.gif);
 background-repeat:no-repeat;
 width:141px;
 height:81px;
 padding:7px 0 0 7px;
}

.tc_left img {
 width:134px;
 height:73px;
}

.tc_right {
 width:285px;
 padding:0 0 0 0;
}

.tc_right p {
 line-height:17px;
 padding:0 0 12px 0;
}

.tc_right p a {
 font-size:14px;
 font-weight:bold;
 color:#CC0066;
}

.tc_right p a:hover {
 color:#ffffff;
}

/*r_col2*/
.r_col2 {
 width:481px;
}

.r_col2 .join {
 margin:0 auto -24px auto;
}

.curve_box {
 width:479px;
 position:relative;
 top:-28px;
}

.cb_cont {
 background-color:#2c2c2c;
 padding:15px 0 0 0;
}

.cb_left {
 width:222px;
 padding:0 0 0 18px;
}

.cb_left td {
 padding:0 0 20px 0;
}

.cb_right {
 width:205px;
 padding:0 16px 0 0;
}

.cb_one td {
 padding:0 0 20px 0;
}

.news {
 padding:0 0 8px 0;
}

.news h1 {
 font-size:12px;
 font-weight:normal;
 color:#ffffff;
}

.news h1 a {
 font-size:12px;
 font-weight:normal;
 color:#ffffff;
}

.news h2 {
 font-size:11px;
 font-weight:normal;
 font-style:italic;
 color:#828282;
 padding:0 0 3px 0;
}

.news p {
 font-size:11px;
 color:#;adadad;
 padding:0 0 8px 0;
}

.buttons {
 position:absolute;
 bottom:-7px;
}

.buttons img, .buttons2 img, .buttons3 img {
 margin:0 5px 0 0;
}

.cbr_cont {
 padding:30px 0 0 0;
}

.cbr_cont h3 {
 color:#FFFFFF;
 font-size:14px;
 padding:0 0 6px 0;
}

.contact_details {
 padding:0 25px 0 22px;
}

.contact_details h3 {
 color:#ffffff;
 font-size:14px;
 padding:0 0 12px 0;
}

.contact_details h2 {
 color:#797979;
 font-size:14px;
 padding:0 0 8px 0;
}

.contact_details p {
 padding:0 0 12px 0;
}

.cd_table {
 padding:0 0 10px 0;
}

.contact_details td {
 padding:0 0 10px 0;
}

.txt_field4 {
 border:1px solid #515151;
 background-color:#313131;
 width:237px;
 color:#6d6d6d;
 padding-left:5px;
}

.txt_area4 {
 border:1px solid #515151;
 background-color:#313131;
 width:237px;
 color:#6d6d6d;
 padding-left:5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.txt_area4 {
 width:235px;
}
}

.buttons2 {
 position:absolute;
 left:19px;
 bottom:-8px
}

.cb_one_cont {
 padding:8px 22px 15px 25px;
 line-height:1.5;
}

.cb_one_cont h3 {
 color:#FFFFFF;
 font-size:14px;
 padding:0 0 8px 0;
}

.cb_one_cont p {
 padding:0 0 8px 0;
}

.buttons3 {
 position:absolute;
 right:29px;
 bottom:-8px
}

.design_details {
 padding:18px 0 20px 18px;
}

.design_details h3 {
 color:#FFFFFF;
 font-size:14px;
 padding:0 0 8px 0;
}

.design_details h4 {
 color:#FFFFFF;
 font-size:12px;
 padding:0 0 8px 0;
}

.design_details p {
 padding:0 0 8px 0;
}

.design_details td {
 padding:0 0 6px 0;
}

.value_field {
 width:38px;
 border:1px solid #5a5a5a;
 background-color:#3c3c3c;
color:#8D8D8D;
margin:0 0 0 16px;
}

/*image_slider*/
.image_slider {
 padding:14px 0 11px 0;
 position:relative;
 height:88px;
 width:975px;
}

.image_slider2 {
 position:absolute;
 z-index:10000;
}

.is_holder {
 background-image:url(../images/img_thumb_holder.gif);
 background-repeat:no-repeat;
 width:141px;
 height:81px;
 padding:7px 0 0 7px;
 margin:0 6px;
}

.arrow {
 width:6px;
 padding:38px 0 0 0;
}

/*showcase*/
.showcase {
 padding:0 0 0 18px;
}

.filter a, .page a {
 color:#8d8d8d;
 background-image:url(../images/curve_left.gif);
 background-repeat:no-repeat;
 background-position:left;
}

.filter a span, .page a span {
 background-image:url(../images/curve_right.gif);
 background-repeat:no-repeat;
 background-position:right;
}

.filter a {
 color:#8d8d8d;
 background-image:url(../images/curve_left.gif);
 background-repeat:no-repeat;
 background-position:left;
 display:block;
 padding:0 0 0 8px;
 margin:0 3px;
height:18px;
float:left;
}

.filter a span {
 background-image:url(../images/curve_right.gif);
 background-repeat:no-repeat;
 background-position:right;
 line-height:100%;
 padding:3px 8px 3px 0;
height:12px;
display:block;
float:left;
}



.filter a:hover, .page a:hover {
 text-decoration:none;
 color:#FFFFFF;
}

.page a {
 display:inline-block;
 padding:0 0 0 4px;
 margin:0 0 0 4px;
}

.page a span {
 padding:3px 4px 3px 0;
 line-height:18px;
}

* html .page a span {
 padding:2px 4px 1px 0;
}

.gallery {
 padding:25px 0 0 0;
}

.gallery_box {
 width:148px;
 margin:0 auto;
 padding:0 5px 15px 0;
}

.gallery p {
 padding:3px 0 0 6px;
}

.gallery_holder {
 background-image:url(../images/img_thumb_holder.gif);
 background-repeat:no-repeat;
 width:141px;
 height:81px;
 padding:7px 0 0 7px;
}

/***** addition  ****/
.webapptable{
     width:222px;
}


/******* BLOG**********/
.post-title a {
    text-decoration:none;
    color:#767676;
}

.links a {
    text-decoration:none;
    color:#767676;
}

.BlogTagCloud a{
     color:#767676;
     font-weight : bold;
     font-size:16px;
}

/**********For image on hover effect*************/
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}


a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }

/* Don't delete anything below here */
	.dhtmlgoodies_contentBox{
		/*border:1px solid #666666;
		height:0px;*/
		visibility:hidden;
		position:absolute;

		overflow:hidden;
               
	}
	.dhtmlgoodies_content{
		position:relative;		
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		/*width:100%;*/
		font-size:0.8em;
		
	}

.form input, .webform input {
color:#8D8D8D;
}

.comment-list h5 {
color:#FFFFFF;
font-size:14px;
padding:0 0 8px;
}

.form textarea{
color:#8D8D8D;
}

.blog-comment-container {
border-bottom:1px solid #464646;
border :0px;
margin:0px;
background-image:none;
background:none;
padding:12px 29px 0 21px;
}

.blog-comment-container .comment-details,.blog-comment-container .comment{
      background:none;
}

.comment-details strong{
       color:#CC0066;
       font-weight:normal;
}

.comment-details a{
       text-decoration:none;
       color:#CC0066;
}


.flirtonlinecap {
 padding:20px 35px;
}

.l_cont .flirtonlinecap {
 padding:20px 0px;
}

.flirtonlinecap h2 {
 color:#ffffff;
 font-size:14px;
 padding:0 0 8px 0;
}

/*
.flirtonlinecap ul {
 padding:0 45px 0 0;
}

.flirtonlinecap li {
 list-style-type:none;
}

.flirtonlinecap li a {
 color:#8d8d8d;
 line-height:20px;
}
*/

.flirtonlinecap ul {
	margin:0; padding:0;
}
.flirtonlinecap ul li {
	list-style:none;
	float:left;
	width:185px;
}

.flirtonlinecap ul li a {
 	color:#8d8d8d;	
}

.flirtonlinecap ul li a:hover {
 	color: #0774a1;
}

.flirtonlinecap a:hover { color: #0774a1;}

.webapp-page a:hover {
 text-decoration:none;
 color:#FFFFFF;
}

.webapp-page a {
 display:inline-block;
 padding:0 0 0 4px;
 margin:0 0 0 4px;
color:#8D8D8D;
}
#webapp4081pagination{
   visibility:hidden;
}
#container-creative a {
 color:#cc0066;
}

#container-creative a:hover {
 color:#ffffff;
}
#container-online a {
 color:#0093d0;
}
#container-online a:hover {
 color:#ffffff;
}
#container-vision a {
 color:#00a890;
}
#container-vision a:hover {
 color:#ffffff;
}
#container-publicity a {
 color:#fdba31;
}
#container-publicity a:hover {
 color:#ffffff;
}
#container-printing a {
 color:#f3072f;
}
#container-printing a:hover {
 color:#ffffff;
}
#container-techno a {
 color:#f9760f;
}
#container-techno a:hover {
 color:#ffffff;
}

#container-creative {
 width:962px;
 padding:0 31px;
 margin:0 auto;
}
#container-online {
 width:962px;
 padding:0 31px;
 margin:0 auto;
}
#container-vision {
 width:962px;
 padding:0 31px;
 margin:0 auto;
}
#container-publicity {
 width:962px;
 padding:0 31px;
 margin:0 auto;
}
#container-printing {
 width:962px;
 padding:0 31px;
 margin:0 auto;
}
#container-techno {
 width:962px;
 padding:0 31px;
 margin:0 auto;
}
#footer a:hover{
  color:#515151;
}

/**Carousel**/
.infiniteCarousel {
  width: 975px;
  position: relative;
  height:90px;
}

.infiniteCarousel .wrapper {
  /*width: 315px;  .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 10em;
/*  margin: 0 40px;*/
  position: absolute;
  top: 0;
  width:955px;
  margin:0 8px;
}

/*.infiniteCarousel ul a img {
  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}*/

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  list-style:none;
/*  padding: 10px;
  height: 85px;
  width: 85px;
 width:141px; */
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
/*  background: url(flirt_creative/images/arrow.png) no-repeat 0 0;
  text-indent: -999px;*/
  position: absolute;
  cursor: pointer;
}

.infiniteCarousel .forward {
/*  background-position: 0 0;*/
  right: 0;
  text-align:right;
}
#flashcontent{
position:absolute;
top:29px;
margin-left:-50px;
z-index:1;
}

.infiniteCarousel .back {
/*  background-position: 0 -72px;*/
  left: 0;
}

/* New */
.enginetable h3 { 
color: #ffffff; 
margin-top: 5px;
margin-bottom: 5px;}

.enginetable  p {
line-height: 16px; }
  