@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
}
body, div, h1, h2, h3, h4, p, table, img {
	margin:0;
	padding:0;
	border:0;
}
html {
	height:100%;
}
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
}
body > #main {
	height: auto;
	min-height: 100%;
}
input {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
#main {
	width:960px;
	height:100%;
	margin:0 auto;
}
#header {
	padding-top:20px;
}
#logo {
	float:left;
	height:61px;
}
#menu {
	font-size:14px;
	padding-top:10px;
	float:right;
}
#menu a {
	color:#999;
	text-decoration:none;
}
#menu a:hover {
	background-color:#5da3dc;
	text-decoration:none;
	color:#ffffff;
}
#spacer {
	padding-top:10px;
	height:24px;
	width:1px;
	float:right;
}
#language {
	background:url(images/lang.jpg) no-repeat;
	padding-top:4px;
	padding-left:5px;
	margin-top:15px;
	margin-left:10px;
	height:16px;
	width:43px;
	float:right;
}
#language:hover {
	background:url(images/lang_d.jpg) no-repeat;
	height:32px;
}
#head {
	float:left;
	background:url(images/header_bg.jpg) no-repeat;
	width:960px;
	color:#6b787f;
	font-size:24pt;
	text-align:center;
}
#content {
	float:left;
	width:960px;
	margin-top:20px;
}
.about a {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#6b787f;
	text-decoration:none;
	font-weight:bold;
}
.about a:hover {
	text-decoration:underline;
}
#textarea_c {
	margin-left:20px;
	padding-top:10px;
	float:left;
	width:430px;
	height:300px;
}
#menu_right {
	height:380px;
	float:left;
	margin-left:25px;
	margin-top:20px;
}
#menu_right a {
	padding-left:15px;
	color:#42494d;
	text-decoration:none;
}
#menu_right a:hover {
	color:#5da3dc;
	text-decoration:none;
}
#menu_about {
	height:380px;
	float:left;
	margin-left:25px;
}
#menu_about table td {
	height:45px;
}
#menu_about a {
	padding-top:15px;
	padding-bottom:15px;
	font-size:18px;
	padding-left:15px;
	color:#6b787f;
	text-decoration:none;
}
#menu_about a:hover {
	color:#999;
	text-decoration:none;
}
#port_text {
	float: left;
	width:620px;
	margin-right:20px;
}
#port_show {
	float: left;
	width:680px;
	margin-right:20px;
}
#container_l {
	width:300px;
	float:left;
}
#container_r {
	width:300px;
	float:right;
}
#b_port {
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
	width:278px;
	height:152px;
}
#b_port:hover {
	background:url(images/m_port.jpg);
}
#contact_box {
	float: left;
	width:207px;
	height:450px;
	background:	url(images/contact_box.jpg) no-repeat;
	margin-right:20px;
}
#portofolio {
	float: left;
	width:620px;
}
#port_cont {
	width:204px;
	height:138px;
	float:left;
}
#port_cont:hover {
	background:url(images/over_det.jpg) no-repeat;
}
#done {
	padding-top:50px;
	width:340px;
	float:left;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
}
#facebook {
	background:url(images/facebook.jpg) no-repeat;
	padding-left:40px;
	padding-top:5px;
	height:32px;
}
#facebook:hover {
	background:url(images/facebook_on.jpg) no-repeat;
	padding-left:40px;
	height:32px;
}
#twitter {
	background:url(images/twitter.jpg) no-repeat;
	padding-left:40px;
	padding-top:5px;
	height:32px;
}
#twitter:hover {
	background:url(images/twitter_on.jpg) no-repeat;
	padding-left:40px;
	height:32px;
}
#rss {
	background:url(images/rss.jpg) no-repeat;
	padding-left:40px;
	padding-top:5px;
	height:32px;
}
#rss:hover {
	background:url(images/rss_on.jpg) no-repeat;
	padding-left:40px;
	height:32px;
}
#services_web {
	background-color:#bfdddd;
	padding-top:10px;
	padding-bottom:10px;
}
#services_web:hover {
	background-color:#cce5e5;
}
#services_seo {
	background-color:#ddddbb;
	padding-top:10px;
	padding-bottom:10px;
}
#services_seo:hover {
	background-color:#ececc7;
}
#services_advert {
	background-color:#ccdaff;
	padding-top:10px;
	padding-bottom:10px;
}
#services_advert:hover {
	background-color:#d8e2ff;
}
#services_promo {
	background-color:#e1c183;
	padding-top:10px;
	padding-bottom:10px;
}
#services_promo:hover {
	background-color:#f1d49e;
}
#services_other {
	background-color:#afc8dd;
	padding-top:10px;
	padding-bottom:10px;
}
#services_other:hover {
	background-color:#bed7ea;
}
#spacer_c {
	background:url(images/hr.jpg) repeat;
	height:220px;
	width:1px;
	float:left;
}
#spacer_p {
	background:url(images/hr.jpg) repeat;
	height:380px;
	width:1px;
	float:left;
}
#spacer_a {
	background:url(images/hr.jpg) repeat;
	height:330px;
	width:1px;
	float:left;
}
#working {
	margin-top:20px;
	margin-left:10px;
	padding-top:10px;
	padding-left:10px;
	width:280px;
	height:180px;
	float:right;
}
#working:hover {
	background:url(images/over.jpg) no-repeat;
}
#services {
	width:960px;
	height:160px;
	float:left;
}
#services a {
	color:#6b787f;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
}
#services a:hover {
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
}
#footer {
	position: relative;
	margin-top: -238px;
	height: 238px;
	clear:both;
}
#tl {
	background:url(images/bg_s.jpg) repeat;
	height:78px;
}
#tc {
	margin:auto;
	width:960px;
	background:url(images/foot_bg.jpg) no-repeat;
	height:78px;
}
#tr {
	background:url(images/bg_j.jpg) repeat;
	height:160px;
}
#footer_content {
	width:960px;
	margin:auto;
}
#connecting {
	width:200px;
	float:left;
	font-size:15px;
	color:#858585;
}
#connecting a {
	color:#858585;
	text-decoration:none;
	font-size:15px;
}
#connecting a:hover {
	color:#fff;
	text-decoration:none;
	font-size:15px;
}
#news {
	width:350px;
	float:left;
	font-size:15px;
	color:#858585;
}
#contact {
	float:right;
}
#copy {
	width:960px;
	margin:auto;
	color:#fff;
	float:left;
	padding-top:10px;
}
#copy a {
	color:#fff;
	text-decoration:none;
}
#copy a:hover {
	color:#09F;
	text-decoration:none;
}
#links {
	float:left;
}
#valid {
	padding-right:10px;
	float:right;
	color:#CCC;
}
#valid a {
	color:#CCC;
	text-decoration:none;
}
#valid a:hover {
	color:#09F;
	text-decoration:none;
}
#graphic {
	width:298px;
	height:138px;
	background:url(images/grafic.jpg) no-repeat;
	padding-left:10px;
	padding-top:10px;
}
#web {
	width:298px;
	height:138px;
	background:url(images/web.jpg) no-repeat;
	padding-left:10px;
	padding-top:10px;
}
#seo {
	width:298px;
	height:138px;
	background:url(images/seo.jpg) no-repeat;
	padding-left:10px;
	padding-top:10px;
}
.menu_title {
	font-size:20px;
	color:#6bbafa;
}
#info {
	float:left;
	margin-top:60px;
	padding-right:10px;
	text-align:right;
	font-size:15px;
	font-family:Verdana, Geneva, sans-serif;
	color:#6b787f;
}
.title_port {
	font-size:15px;
	font-family:Verdana, Geneva, sans-serif;
	color:#6b787f;
}
.title_info {
	text-align:center;
	padding-top:10px;
	padding-left:10px;
	font-size:20px;
	color:#6bbafa;
}
.clear {
	border:0;
	margin:0;
}
.about {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#6b787f;
}
#pages {
	width:600px;
	height:200px;
	padding-top:20px;
	padding-left:10px;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
}
#pages a{
	text-decoration:none;
	color:#6b787f;
}
#pages a:hover{
	background-color:#5da3dc;
	text-decoration:none;
	color:#ffffff;
}
.client {
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	color:#5da3dc;
	padding-left:12px;
	padding-top:5px;
}
.client_serv {
	padding-left:12px;
}
.img_port {
	padding-top:8px;
}
.creative a {
	color:#6b787f;
	text-decoration:none;
}
.creative a:hover {
	color:#6b787f;
	background-color:#FF0;
	text-decoration:none;
}
.web a {
	font-size:40px;
	color:#6b787f;
	text-decoration:none;
}
.web a:hover {
	font-size:40px;
	color:#6b787f;
	background-color:#FF0;
	text-decoration:none;
}
.identity a {
	color:#6b787f;
	font-size:20px;
	text-decoration:none;
}
.identity a:hover {
	color:#6b787f;
	font-size:20px;
	text-decoration:none;
	background-color:#FF0;
}
.logo a {
	color:#6b787f;
	font-size:30px;
	text-decoration:none;
}
.logo a:hover {
	color:#6b787f;
	font-size:30px;
	text-decoration:none;
	background-color:#FF0;
}
.tri a {
	color:#e24c17;
	font-size:17px;
	text-decoration:none;
}
.tri a:hover {
	color:#e24c17;
	font-size:17px;
	text-decoration:none;
	background-color:#FF0;
}
.php a {
	color:#000;
	font-size:15px;
	text-decoration:none;
}
.php a:hover {
	color:#000;
	font-size:15px;
	text-decoration:none;
	background-color:#FF0;
}
.page a {
	color:#999;
	font-size:25px;
	text-decoration:none;
}
.page a:hover {
	color:#999;
	font-size:25px;
	text-decoration:none;
	background-color:#FF0;
}
.sql a {
	color:#6b787f;
	font-size:20px;
	text-decoration:none;
}
.sql a:hover {
	color:#6b787f;
	font-size:20px;
	text-decoration:none;
	background-color:#FF0;
}
.seo a {
	color:#000;
	text-decoration:none;
}
.seo a:hover {
	color:#000;
	text-decoration:none;
	background-color:#FF0;
}
#hr {
	margin-top:30px;
	background:url(images/hr.jpg) repeat;
	float:left;
	width:960px;
	color:#999;
	height:1px;
}
.more {
	color:#cc3333;
	font-size:11px;
}
.more a {
	text-decoration:none;
	color:#cc3333;
}
.more a:hover {
	text-decoration:none;
	color:#F36;
}
.done_t {
	font-size:25px;
	color:#5da3dc;
}
.working {
	margin-left:25px;
	margin-top: 30px;
	padding-left:20px;
	padding-right:140px;
	float:left;
	font-size:15px;
	background-color:#ffcc66;
	color:#333333;
}
.working_m {
	margin-left:25px;
	margin-top: 10px;
	padding-left:20px;
	padding-right:140px;
	float:left;
	font-size:15px;
	background-color:#ffcc66;
	color:#333333;
}
.link {
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#666666;
}
.link a {
	text-decoration:none;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#666666;
}
.link a:hover {
	text-decoration:none;
	font-size:11px;
	background-color:#5da3dc;
	font-family:Tahoma, Geneva, sans-serif;
	color:#fff;
}
.title_buttons {
	font-size:25px;
	color:#105b92;
}
.news {
	color:#ffcc66;
	font-size:20px;
}
.news_t {
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
}
.img_done {
	float:left;
}