@font-face {
font-family: "HelveticaNeueLTProRegular";
src: url('helveticaneue_medium_cond-webfont.eot');
src: url('helveticaneue_medium_cond-webfont.eot?#iefix') format('embedded-opentype'),
url('helveticaneue_medium_cond-webfont.woff') format('woff'),
url('helveticaneue_medium_cond-webfont.ttf') format('truetype'),
url('helveticaneue_medium_cond-webfont.svg#HelveticaNeueLTProRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "HelveticaNeueBold";
src: url('helveticabold-webfont.eot');
src: url('helveticabold-webfont.eot?#iefix') format('embedded-opentype'),
url('helveticabold-webfont.woff') format('woff'),
url('helveticabold-webfont.ttf') format('truetype'),
url('helveticabold-webfont.svg#HelveticaNeueBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
        font-family: 'jQueryUISubpixelRegular';
        src: url('jquery_ui_subpixel.eot');
        src: local('jQuery UI Subpixel Regular'), local('jQuery-UI-Subpixel'), 
			url('jquery_ui_subpixel.eot?#iefix') format('embedded-opentype'), 
			url('jquery_ui_subpixel.woff') format('woff'), 
			url('jquery_ui_subpixel.ttf') format('truetype'),
			url('jquery_ui_subpixel.svg#jQueryUISubpixelRegular') format('svg');;
    }



body {margin:0px; padding:0px; background:#2f3941 url(../images/bodybg.jpg) repeat-x center top; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px;}
img {
border:none;
}
ul {
list-style-type:none;
padding:0px;
margin:0px;
}
p, td, input, label, form, h1, h2, h3, h4, h5, h6 {
padding:0px;
margin:0px;
border:none;
}
h1{ font-size:26px; color:#666666; font-weight:normal; text-transform:uppercase;}
h2{ font-size:24px; color:#666666; font-weight:normal; text-transform:uppercase;}
a:link, a:visited{
	font-weight:bold;
 	color:#666666;
	text-decoration:none;
}
a:hover, a:active,  a:focus{
	font-weight:bold;
 	color:#0054a6;
	text-decoration:none;
}
.content{ font-size:12px; color:#666666; line-height:19px; text-align:justify; padding:15px 0 0 0;}
.warning { color:#FF0000; }
.warning2 { position:absolute; left:265px;}
#maincointner{ width:916px; margin:0px auto; padding:0px; height:auto; position:relative;}
.header{ width:900px; margin:0px; padding:0px 0 0 0px; margin-left:8px; float:left; height:auto; background: url("../images/bg_top.jpg") repeat-x; height:91px; }
.logo{
width:129px;
height:auto;
margin:0px;
padding:0px;
float:left;
position:absolute;
top: 37px;
left: 41px;
}

#pagebg{width:900px; margin:0px; padding:0 8px 0 8px; float:left; background:url(../images/pagebg.png) repeat-y center top;}
.pagebg{width:900px; margin:0px; padding:0px; float:left; height:auto; background:#FFF url(../images/pagebg.jpg) repeat-x center bottom;}
.pagebg_all{width:900px; margin:0px; padding:0px; float:left; height:auto; }

.pagetop-content{ width:849px; margin:0px; padding:20px 27px 0 24px; float:left; height:auto;}
.subdetail{ width:849px; margin:0px; padding:20px 27px 0 24px; float:left; height:auto; border-top:1px solid #000000;}


/* make colume*/
  #colL {
	 width: 18%;
	 float:left;
  }
  #colR {
  	float:right;
	width:82%
  }
.contact_Left {
	padding-top:15px;
}
.contact_Left h1{
	color:#8c8c8c;
	font-size:22px;
	text-transform:uppercase;
}


.newsdetail{ width:876px; margin:0px; padding:20px 0px 0 24px; float:left; height:auto; border-top:1px solid #000000;}
.newsdetail img {
border:1px solid #d7d7d7;
}
.news_Left {
	padding-top:15px;
	color:#363636;
}
.news_Left h1{
	color:#555555;
	font-size:18px;
	text-transform:uppercase;
}
.news_Left p{
	padding:25px 0 10px 0;
}
.news_Left a{
color:#363636;
font-weight:normal;
text-decoration:underline;
}
.news_Left a:hover{
color:#0054a6;
font-weight:normal;
text-decoration:none;
}
.news_Left ul{
	padding-left:15px;
}
.news_Left li{
	padding-bottom:10px;
}
.news_Left li a{
	padding-bottom:10px;
	color:#0054a6;
	font-weight:normal;
	text-decoration:none;
}
.news_Left li a:hover{
	padding-bottom:10px;
	font-weight:bold;
}


.news_right_detail {
	padding:30px 20px 0 0;
	 font-size:11px; 
	 color:#363636;
	 line-height:16px;
}
.pagecontent-r{ width:597px; margin:0px; padding:0 0 20px 0px; float:right; height:auto;}
.subcolumns-news { width: 100%; overflow:hidden; padding-top:20px; margin-bottom:20px; }
.subcolumns-news h1{
font-size:22px; color:#666666; font-weight:normal; text-transform:none;
padding-bottom:10px;
}

.line-news {
	border-top:1px solid #000;
	/*padding-top:5px;*/
	
}
.line-side {
	border-left:1px solid #000;
	padding:10px 0 0 5px;
	
}
.servicedetail{ width:849px; margin:0px;  padding:20px 27px 20px 24px; float:left; height:auto;  border-top:1px solid #000000;}

/*sevicemenu*/
.sevicemenu ul {
	width:665px; margin:0px; padding:0px; float:left;
	
	
}
.sevicemenu li{margin:0px; padding:0 0px 10px 0px; float:left;  font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#464646; font-size:12px; display:block; /* text-transform:uppercase;*/ width:190px}
.sevicemenu li a {
	 color:#464646;
	 
	
}
.sevicemenu li a:hover {
	color:#357ad2;
}

.sevicemenu li a.On:link, .sevicemenu li a.On:hover, .sevicemenu li a.On:active, .sevicemenu li a.On:visited, .sevicemenu li a.On:visited:hover{color:#357ad2;}
/*sevicemenu*/

/*sevicesubmenu*/
.sevicesubmenu ul {
	width:665px; margin:0px; padding:0px; float:left;
	
	
}
.sevicesubmenu li{margin:0px; padding:0 0px 20px 0px; float:left;  font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#464646; font-size:12px; display:block; width:142px;}
.sevicesubmenu li a {
	 color:#357ad2;
	 
	
}
.sevicesubmenu li a:hover {
	color:#464646;
}

/*sevicesubmenu*/
/*sevicepagemenu*/
.sevicepagemenu ul {
	width:665px; margin:0px; padding:0px; float:left;
	
	
}
.sevicepagemenu li{margin:0px;  padding:0 0px 20px 0px; float:left;  font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#464646; font-size:12px; display:block; width:142px;}
.sevicepagemenu li a {
	 color:#464646;
	 
	
}
.sevicepagemenu li a:hover {
	color:#357ad2;
}

.sevicepagemenu li a.On:link, .sevicepagemenu li a.On:hover, .sevicepagemenu li a.On:active, .sevicepagemenu li a.On:visited, .sevicepagemenu li a.On:visited:hover{color:#357ad2;}
/*sevicepagemenu*/



.serviceShow{ width:849px; margin:0px;  padding:30px 27px 0 24px; float:left; height:720px; position:relative;}
.serviceShow img{
	z-index:0;
}
.serviceShowText {
	width:770px;
	padding:50px 27px 0 24px;
	position:absolute;
	left:0px;
	top:400px;
	z-index:100;
	color:#fff;
}

.serviceShowTextBG { 
	width:900px;
	background-color: #000;
	height:300px;
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
	-khtml-opacity: 0.70;
	position:absolute;
	left:0px;
	top:450px;
	z-index:10;
}

.coqdetail{ width:100%; margin:0px;  padding:20px 0px 20px 0px; float:left; height:auto;  border-top:1px solid #000000;}

.footer-service{ width:900px; margin:10px 0 0 0; padding:0px 8px 0px 8px; float:left; height:auto; background:url(../images/pagebg.png) repeat-y center top;}
.footer-service ul {
	font-size:18px;
	color: #0072bc;
	padding-top:30px;
	font-weight:lighter;
}
.footer-service li {
	padding-bottom:10px;
}

.footer-service li a{
	font-size:18px;
	color: #0072bc;
	font-weight:lighter;
}
.footer-service li a:hover{
	font-size:18px;
	color: #000;
	font-weight:lighter;
}

.servicedetailfooter{ width:849px; margin:0px; padding:0px 27px 0 24px; float:left; height:auto; border-bottom:2px solid #00aeef;}
.service_Left {
	padding-top:30px;
	border-right:1px solid #000;
}
.service_Left h1{
	color:#8c8c8c;
	font-size:22px;
	text-transform:uppercase;
}
/*arrow sign*/
   #beforeTest { font-family: jQueryUISubpixelRegular; font-size: 200%; }
    #beforeTest:before { content: 'A'; }
    #beforeTest:after { content: 'C'; }

    .ui-icon { float: left; }
    .supersize .alphabet {
        font-size: 400%;
    }
    .alphabet,
    .font-icon {
        font-family: jQueryUISubpixelRegular;
    }
    .font-icon-carat-1-n:before { content: 'A'; }
    .font-icon-carat-1-ne:before { content: 'B'; }
    .font-icon-carat-1-e:before { content: 'C'; }
    .font-icon-carat-1-se:before { content: 'D'; }
    .font-icon-carat-1-s:before { content: 'E'; }
    .font-icon-carat-1-sw:before { content: 'F'; }
    .font-icon-carat-1-w:before { content: 'G'; }
    .font-icon-carat-1-nw:before { content: 'H'; }
    .font-icon-carat-2-n-s:before { content: 'I'; line-height: 23px; }
    .font-icon-carat-2-e-w:before { content: 'J'; }
    .font-icon-triangle-1-n:before { content: 'K'; }
    .font-icon-triangle-1-ne:before { content: 'L'; }
    .font-icon-triangle-1-e:before { content: 'M'; }
    .font-icon-triangle-1-se:before { content: 'N'; }
    .font-icon-triangle-1-s:before { content: 'O'; }
    .font-icon-triangle-1-sw:before { content: 'P'; }
    .font-icon-triangle-1-w:before { content: 'Q'; }
    .font-icon-triangle-1-nw:before { content: 'R'; }
    .font-icon-triangle-2-n-s:before { content: 'S'; line-height: 23px; }
    .font-icon-triangle-2-e-w:before { content: 'T'; }

    .red-icons { color: #f00; }
    .blue-icons { color: #00f; }
    .alphabet1 {        font-family: jQueryUISubpixelRegular; font-size:18px;}
	.alphabet2 {        font-family: jQueryUISubpixelRegular; font-size:24px;}
/*arrow sign*/	



.subcolumns { width: 100%; overflow:hidden; }
.subcolumns h1{
font-size:22px; color:#666666; font-weight:normal; text-transform:none;
}
.positionTxt {
font-size:12px; color:#898989; font-weight:bold; font-style:italic;
}

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c10l, .c50l,.c55l,.c57l,.c58l, .c25l, .c30l, .c27l, .c33l, .c35l, .c38l, .c60l, .c65l, .c68l, .c70l, .c75l, .c80l, .c62l, .c20l, .c40l, .c45l {float: left; }
  .c10r, .c50r,.c55r,.c57r,.c58r, .c25r, .c30r, .c27r, .c33r,.c35r, .c38r, .c60r, .c65r, .c68r, .c70r, .c75r, .c80r, .c62r, .c20r, .c40r, .c45r {float: right; margin-left: -5px; }

  .c10l, .c10r { width: 10%; }
  .c20l, .c20r { width: 20%; }
  .c25l, .c25r { width: 25%; }
  .c27l, .c27r { width: 27%; }
  .c30l, .c30r { width: 30%; }
  .c33l, .c33r { width: 33.333%; }
  .c35l, .c35r { width: 35%; }
  .c40l, .c40r { width: 40%; }
  .c45l, .c45r { width: 40%; }
  .c50l, .c50r { width: 50%; }
  .c55l, .c55r { width: 55%; }
  .c57l, .c57r { width: 57%; }
  .c58l, .c58r { width: 58%; }
  .c60l, .c60r { width: 60%; }
  .c65l, .c65r { width: 65%; }
  .c68l, .c68r { width: 68%; }
  .c70l, .c70r { width: 70%; }
  .c75l, .c75r { width: 75%; }
  .c80l, .c80r { width: 80%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }
  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; }
  
  .line_dot {
	background:url(../images/dot.jpg) left center repeat-x; height:10px;
	}
  .line_dot2 {
	background:url(../images/dot2.jpg) left top repeat-x; margin:20px 0px; height:25px; padding-top:8px;
  }
  .line_dot2 a{
   	font-style:italic;
	color:#666666;
	text-decoration:none;
  }
/* make colume*/  
.below-c{ width:570px; margin:0px; padding:0px 0 0 0; float:left; height:auto;}  
.downloadbox-top {
background:url(../images/download-top.png) no-repeat; width:320px; height:15px; margin-top:15px;
}
.downloadbox-bottom {
background:url(../images/download-bottom.png) no-repeat; width:320px; height:15px;
}
.downloadbox {
background:url(../images/download.png) repeat-y; width:320px; padding:0 20px;
}

.downloadbox h1{
	font-size:20px; color:#5f5f5f;
}



.logo-h{ width:139px; margin:0px; padding:20px 0 0 0; float:left; height:auto;}
.pagetopcontent-r{ width:570px; margin:0px; padding:0px; float:right; height:auto;}
.liquidwork{width:300px; margin:0px; float:right; height:auto;}
.liquidwork-h{ font-size:13px; color:#555555; font-weight:bold; width:120px; float:left;}
.liquidwork-flag{width:174px; margin:0px; padding:0px; float:right;}
.liquidwork-flag ul{width:174px; margin:0px; padding:0px; float:right;}
.liquidwork-flag li{margin:0px; padding:0 0 0 16px; float:left;}
.welcome-c{ width:570px; margin:0px; padding:30px 0 0 0; float:left; height:auto;}
.tellus-l{width:234px; height:45px; margin:36px 0 0 0; padding:0 0 0 20px; float:left; background:url(../images/btn1.jpg) no-repeat center top; line-height:45px; text-shadow:1px 1px 0px # 999;}
.tellus{width:234px; height:45px; margin:36px 0 0 0; padding:0 0 0 20px; float:right; background:url(../images/btn1.jpg) no-repeat center top; line-height:45px; text-shadow:1px 1px 0px # 999;}
.tellus-p{width:234px; height:45px; margin:16px 300px 0 0; padding:0 0 0 20px; float:right; background:url(../images/btn1.jpg) no-repeat center top; line-height:45px; color:#3d3d3d; font-size:14px; text-shadow:1px 1px 0px # 999;}
.tellus-link{ font-size:14px; color:#fff; text-decoration:none; font-family:"HelveticaNeueBold";}
a.tellus-link{font-size:14px; color:#fff; text-decoration:none; font-family:"HelveticaNeueBold"; 
				width:234px;
	            height: 45px;
				cursor: pointer;
            	display: inline-block;} 
a.tellus-link:hover{font-size:14px; color:#3d3d3d; text-decoration:none; font-family:"HelveticaNeueBold";} 
.slider{width:849px; margin:0px; padding:33px 0 0 0; float:left; height:auto;}
.slider-right{width:750px; margin:0px; padding:0px; float:right; position:relative; height:auto;}
.slider-leftmenu{width:151px; margin:110px 0 0 0; padding:0px; float:left; text-transform:uppercase;}
.slider-leftmenu ul{width:151px; margin:0px; padding:0px; float:left; height:auto;}
.slider-leftmenu li{margin:0px; padding:0 0 0 10px; height:auto; color:#676767; background:url(../images/border.png) repeat-x left bottom; font-size:12px; line-height:30px;}
.slider-leftmenu li a{font-size:12px; color:#676767; text-decoration:none; line-height:30px;}
.slider-leftmenu li a:hover{font-size:12px; color:#00aeef; text-decoration:underline; line-height:30px;}



.services{width:849px; margin:0px; padding:30px 0 20px 0; float:left; height:auto;}
.services-right{ width:666px; margin:50px 0 0 0; padding:0px; float:right; height:auto;}
.services-h{width:180px; margin:90px 0 0 0; padding:0px; float:left; text-transform:uppercase; color:#8c8c8c; font-size:22px;}
.designbranding{ width:171px; margin:0px; padding:0px; float:left; height:auto;}
.db{ width:69px; margin:0 0 0 7px; padding:0px; float:left;}
.db-h{ width:80px; margin:0px; padding:40px 0 0 0; float:right; font-size:12px; color:#0072bc; font-weight:bold; text-transform:uppercase;}
.services-c{ font-size:12px; color:#464646; line-height:16px; width:169px; margin:0px; padding:10px 0 0 0; float:left;}
.services-c2{ font-size:12px; color:#464646; line-height:16px; width:162px; margin:0px; padding:10px 0 0 7px; float:left;}
.services-c1{ font-size:12px; color:#464646; line-height:16px; width:169px; margin:0px; padding:10px 0 0 7px; float:left;}
.onlinemarketing{ width:171px; margin:0 0 0 50px; padding:0px; float:left; height:auto;}
.om{ width:87px; margin:0px; padding:0px; float:left;}
.om-h{ width:70px; margin:0px; padding:40px 0 0 0; float:right; font-size:12px; color:#0072bc; font-weight:bold; text-transform:uppercase;}
.offlinemarketing{ width:198px; margin:0 0 0 50px; padding:0px; float:left; height:auto;}
.off-m{ width:101px; margin:0px; padding:0px; float:left;}
.off-h{ width:70px; margin:0px; padding:40px 0 0 0; float:right; font-size:12px; color:#0072bc; font-weight:bold; text-transform:uppercase;}
.footer-logos{ width:900px; margin:10px 0 0 0; padding:0px 8px 10px 8px; float:left; height:auto; background:url(../images/pagebg.png) repeat-y center top; position:relative;}
.footer-logos ul{ width:100%; margin:0px; padding:0px 0 0px 0; float:left; height:auto; display:table;}
.footer-logos li{ margin:0px; padding:0px 0px 15px 0px; float:left; height:130px;}

.footer-h{ border-bottom:solid 1px #2e3840; width:900px; margin:0px; padding:0px; float:left; font-size:16px; color:#8c8c8c; text-transform:uppercase; line-height:35px;}
.footer-heading{font-size:16px; color:#8c8c8c; padding: 0 0 0 20px;}
#footer{ width:886px; margin:0px; padding:20px 0px 0 30px; float:left; height:auto;position:relative;z-index:100;}
.copyright{width:360px; margin:0px; padding:0px;float:left; height:auto; font-size:11px; color:#abafb3;}
.copyright a{color:#FFF;}
.copyright a:hover{color:#0072bc;}
.footer-menu{width:152px; margin:0px; padding:0 0 0 13px; float:left; border-left:solid 1px #6d747a; height:139px;}
.footer-menu ul{width:152px; margin:0px; padding:0px; float:left; font-size:11px; color:#abafb3;}
.footer-menu ul li{margin:0px; padding:0px; font-size:11px; color:#abafb3; line-height:19px;}
.footer-menu ul li a{margin:0px; padding:0px; font-size:11px; color:#abafb3; text-decoration:none; line-height:19px;}
.footer-menu ul li a:hover{margin:0px; padding:0px; font-size:11px; color:#0072bc; line-height:19px;}