* {
	margin: 0;
	padding: 0;
}

body {
	font: normal 13px Arial;
	background-color: #b1b1b1;
	text-decoration: none;
	text-align: center;

}

.cf:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.cf {
	display: inline-block;
}

html[xmlns] .cf {
	display: block;
}

* html .cf {
	height: 1%;
}

a {
/*	color: #f57b21;

	font-weight: normal;*/
/* 	font: 11px Arial; */
	text-decoration: none;
/* 	border-bottom: 1px dotted #f57b21; */
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

h1, h2, h3, h4 {
	font-weight: normal;
	font-family: Tahoma;
	color: #525252;
	margin-bottom: 5px;
}


h1 a {
	font-weight: normal !important;
	font-family: Tahoma !important;
	color: #525252 !important;
	margin-bottom: 5px !important;
	font-size: 24px !important;
	border: 0 !important;
}

h1 a:hover {
	text-decoration: underline !important;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 21px;
}

h3 {
	font-size: 17px;
}

h4 {
	font-size: 15px;
}

hr {
	border: 0;
	border-bottom: 1px solid #edefed;
	margin: 5px 0;
}

p {
	border: 0;
	border-left: 7px solid #1fb4ff;
	padding-left: 5px;
	margin: 10px 0;
}

input, textarea {
	background: #fdfdfd;
}

input:hover, textarea:hover, input:focus, textarea:focus {
	background: #fff;
}

ul {
	list-style: square inside;
	margin-bottom: 10px;
}

ul li {
	color: #1fb4ff;
}

ul li span {
	color: #525252;
}

span.remark {
	color: #ccc;
	font-size: 9px;
}

div.small_txt {
	color: #959595;
	font-size: 10px;
	margin: 10px 0;
}

span.hl {
	color: #1fb4ff;
}

span.dhl {
	color: #7b7b7b;
}

#container {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#container div.header {
	height: 49px;
	background: #000;
	padding: 8px 10px;
}

#container div.header .logo {
	float: left;
}

#container div.header .logo a {
	font-size: 40px;
	color: #fff;
	border: 0;
}


#container div.header .navigate {
	float: right;
	width: 700px;
	text-align: right;
}

#container div.header .navigate address {
	color: #c6c6c6;
	font: normal 14px Arial;
}


#container div.header .navigate address b {
	color: #fff;
	font: bold 13px Arial;
}

#container div.header .navigate ul {
	margin-top: 10px;
	list-style: none;
}

#container div.header .navigate ul li {
	display: inline;
	float: right;
	padding: 0 8px 0 10px;
	background: transparent url('i/arrow1.gif') no-repeat center left;
}

#container div.header .navigate ul li.end {
	padding-right: 0;
}

#container div.header .navigate ul li a {
	font: bold 11px Verdana;
	display: block;
	line-height: 13px;
	color: #fff;
	text-decoration: none;
	padding: 1px 3px;
}

#container div.header .navigate ul li a:hover, #container div.header .navigate ul li.s a {
	background: #fff;
	color: #000;
}

#container div.content a {
	color: #f57b21;
 	font: 12px Arial;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted #f57b21;
}

#container div.content a:hover {
	border-bottom: 0;
}

#container div.content {
	font: normal 12px Arial;
	color: #525252;
	background: #fff url('i/bg_mid.png') repeat-x;
	padding-top: 40px;
}

#container div.content address {
	margin: 15px 0;
	font: normal 12px Arial;
	padding-left: 15px;
}

#container div.content address b {
	font: bold 13px Arial;
	margin-left: -15px;
}


#container div.intro {
	height: 242px;
	background: #ccc;
}

#container div.intro .img {
	float: left;
	position: absolute;
	top: 60px;
	margin-left: 11px;
	width: 447px;
	height: 235px;
	background: #86bdd1;
	border: 9px solid #fff;
}

/*#container div.intro .img img {
	border: 9px solid #fff;
}*/

#container div.intro .text {
	font: normal 12px Arial;
	float: right;
	padding: 45px 25px 0 25px;
	width: 460px;
	height: 163px;
	color: #7b7b7b;
	text-align: justify;
}

#container div.intro .text h1 {
	font: normal 21px Tahoma;
	color: #343434;
	margin-bottom: 8px;
}

#container div.intro .phrase {
	font: normal 28px Times;
	color: #282828;
	text-align: right;
	padding-right: 10px;
	clear: both;
}

#container div.intro .phrase span {
	background: #18B5FF;
	color: #fff;
}

#container div.intro div.more {
	margin-top: 11px;
}
#container div.intro div.more a {
	background: #fff url('i/btn_2r.png') no-repeat right top;
	color: #000;
	display: block;
	float: left;
	font: normal 10px Verdana;
	height: 17px;
	text-transform: uppercase;
	border: 0;
	padding-right: 20px;
}

#container div.intro div.more a:hover {
	text-decoration: none;
}

#container div.intro div.more a span {
	background: transparent  url('i/btn_2l.png') no-repeat left top;
	display: block;
	line-height: 17px;
	padding: 0 6px 0 15px;
}







#container div.content .containers-mini {
	margin-bottom: 30px;
	padding-left: 15px;
}

#container div.content .container-mini {
	padding: 0 20px;
	width: 280px;
	float: left;
	background-repeat: no-repeat;
	background-position: 0 25px;
}

#container div.content .container-mini a.title {
	border: 0;
	font: bold 16px Tahoma, Verdana;
	color: #6e7c80;
	line-height: 19px;
}

#container div.content .container-mini div.info {
	margin-top: 15px;
	margin-left: 75px;
}

#container div.content .container-mini div.info div.text {
	height: 90px;
}

#container div.content .container-mini div.info div.more a {
	background: #000 url('i/btn_1r.png') no-repeat right top;
	color: #fff;
	display: block;
	float: left;
	font: normal 10px Verdana;
	height: 17px;
	text-transform: uppercase;
	border: 0;
	padding-right: 20px;
}

#container div.content .container-mini div.info div.more a span {
	background: transparent  url('i/btn_1l.png') no-repeat left top;
	display: block;
	line-height: 17px;
	padding: 0 6px 0 15px;
}

.programming {
	background-image: url('i/programming_icon.png');
}

.seo {
	background-image: url('i/seo_icon.png');
}

.design {
	background-position: 5px 25px !important;
	background-image: url('i/design_icon.png');
}

.center-block {
	border-left: 1px solid #edefed;
	border-right: 1px solid #edefed;
}

.right-line {
	border-right: 1px solid #edefed;
}


#container div.content .double-columns {
	margin-bottom: 30px;
	padding: 0 15px;
}


#container div.content .double-columns div.large {
	float: left;
	width: 650px;
}

#container div.content .double-columns div.small {
	float: right;
	width: 300px;
	padding: 0 0 20px 10px;
	border-left: 1px solid #edefed;
}

#container div.content .contact-form {
/* 	margin-bottom: 20px; */
/* 	width: 400px; */
}

#container div.content .contact-form .field {
	clear: both;
	text-align: right;
	line-height: 25px;
}

#container div.content .contact-form .field input.txt, #container div.content .contact-form .field select {
	width: 530px;
	border: 1px solid #ccc;
	color: #848484;
}

#container div.content .contact-form .field textarea {
	clear: both;
	width: 100%;
	height: 150px;
	border: 1px solid #ccc;
	color: #848484;
}

#container div.content .contact-form .field-submit input {
	float: left;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	border: 0;
	padding: 1px 4px;
}

#container div.content .contact-form .field-submit span.dhl {
	float: right;
	width: 560px;
}

#container div.content .contact-form ul.error li {
	color: #af0000;
}

#container div.content .contact-form div.success {
	color: green;
	font-size: 13px;
}


#container div.content .contact-form .field label {
	float: left;
	padding-right: 10px;
	font-size: 12px;
}


#container div.content .contact-form .field label span, .asterisk {
	font: normal 12px Tahoma;
	color: red;
}


#container div.content div.page_rank {
	margin: 5px 0;
}

#container div.content div.page_rank div.pr_result h2 {
	color: #1fb4ff;
}

#container div.content div.page_rank div.pr_result h2 i {
	color: #525252;
	font-style: normal;
}

#container div.content div.page_rank div.pr_result h2 b {
	color: #fff;
	background: #1fb4ff;
	font-weight: normal;
	padding: 0 2px;
}

#container div.content div.page_rank div.pr_result div.line {
	border: 1px solid #ccc;
	width: 450px;
}

#container div.content div.page_rank div.pr_result div.line div {
	background: #1fb4ff;
}


#container div.content div.page_rank input.fld {
	width: 450px;
/* 	height: 20px; */
	border: 1px solid #ccc;
	color: #525252;
	font-size: 15px;
}

#container div.content div.page_rank div.captcha {
	margin: 5px 0;
}

#container div.content div.page_rank div.captcha input {
	width: 85px;
	height: 25px;
	font-size: 20px;
	padding-left: 81px;
	background-repeat: no-repeat;
}


#container div.content div.page_rank input.btn {
	font-size: 12px;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	border: 0;
	padding: 1px 4px;
}


#pointer {
	position: absolute;
	border-left: 1px dotted #1578A9;
	line-height: 13px;
}

#container div.footer {
	padding-top: 15px;
	background: #fff url('i/ruler.png') no-repeat;
}

#container div.footer ul.menu {
	padding: 5px 10px;
	list-style: none;
	background-color: #e0e0e0;
	margin: 0;
}

#container div.footer ul.menu li {
	display: inline;
	float: left;
	border-right: 1px solid #a8a8a8;
	padding: 0 8px;
}

#container div.footer ul.menu li.end {
	border-right: 0;
}

#container div.footer ul.menu li a {
	font: normal 11px Verdana;
	display: block;
	line-height: 13px;
	color: #343434;
	text-decoration: none;
}

#container div.footer ul.menu li a:hover {
	text-decoration: underline;
}


#container div.footer .copy {
	padding: 5px 10px 20px 10px;
	background-color: #000;
	font: normal 10px Verdana;
	color: #848484;
}


#container div.footer .copy a {
	color: #848484;
}

#container div.footer .copy .copiright {
	width: 400px;
	float: left;
}

#container div.footer .copy .valid {
	width: 150px;
	float: right;
	text-align: right;
	margin-top: 10px;
}

#container div.footer .copy .valid a {
	font-size: 10px;
	color: #fff;
}

/* news */
#container div.content .news .item {
	margin: 5px 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #f1f1f1;
}

#container div.content .news .item  div.i_title {
	margin-bottom: 10px;
}

#container div.content .news .item  div.i_title a {
	font-weight: normal;
	font-family: Tahoma;
	color: #525252;
	margin-bottom: 5px;
	font-size: 17px;
	border: 0px;
}

#container div.content .news .item  div.i_title a:hover {
	text-decoration: underline;
}

#container div.content .news .item  p {
	border: 0;
	padding: 0;
	color: #777;
	margin: 0 0 10px 0;
}