/*ICT.CSS*/
* {
	padding: 0;
	margin: 0;
}

html,body {
	background: #d1e7f0 url(../images/bg.jpg) repeat-x top left;
	color: #040d25;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align: center;
}

.red {
	color: #3a0304;
}

.darkblue {
	color: #040d25;
	text-align: center;
}
.smalltext {
	color: #040d25;
	text-align: center;
	font-size: 10px;
}

.orange {
	color: #f58025;
}

.lightblue {
	color: #358ec4;
}

a {
	text-decoration: none;
	color: #3a0304;
}
a:hover {
	color: #3a0304;
}

#page {
	width: 944px;
	height: auto;
	margin: 0 auto 0 auto;
}

#top {
	width: 944px;
	height: 111px;
	float: left;
	padding: 0px;
	margin:0px;
}
#logoanimated {
	width: 414px;
	height: 111px;
	background: url(../images/logo_bg.jpg) no-repeat top left;
	float: left;
	padding: 0px;
	margin:0px;
}
#logo {
	width: 414px;
	height: 111px;
	background: url(../images/logo.jpg) no-repeat top left;
	float: left;
	padding: 0px;
	margin:0px;
}


#menu {
	width: 530px;
	height: 34px;
	float: left;
}
	#menu ul {
		float: right;
		padding-right: 20px;
	}
	#menu li {
		list-style: none;
		display: block;
		width: auto;
		margin-left: 15px;
		float: left;
	}
#chat {
	width: 530px;
	height: 77px;
	background: url(../images/under_menu.jpg) no-repeat top left;
	float: left;
}
	#chat p {
			padding: 20px 20px 10px 10px;
			text-align: right;
	}

#main {
	width: 944px;
	height: auto;
	background: url(../images/text_bg.jpg) repeat-y top left;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#content {
	width: 944px;
	height: auto;
	background: url(../images/content.jpg) no-repeat top left;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

		#content p {
			padding: 0px 20px 10px 25px;
			text-align: justify;
		}
		#content ul {
			padding: 0px 20px 10px 50px;
			text-align: justify;
		}
	
		#content h1 {
			font-weight: bolder;
			font-size: 16px;
			padding: 5px 20px 10px 25px;
			text-align: justify;
			color: #3a0304;
		}
		#content h2 {
			font-weight: bolder;
			font-size: 14px;
			padding: 5px 20px 10px 50px;
			text-align: justify;
		}
		#content h3 {
			font-weight: bolder;
			font-size: 14px;
			padding: 0px 20px 10px 25px;
			
			text-align: justify;
			color: #358ec4;
		}
		#content h4 {
			padding: 0px 20px 10px 45px;
			text-align: justify;
		}
		#content ul {
			padding: 0px 20px 10px 45px;
			text-align: justify;
		}
		
#seo {
	width: 944px;
	height: 265px;
	background: url(../images/SEO.png) no-repeat top left;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
		#seo p {
			padding: 40px 20px 10px 233px;
			text-align: justify;
		}
		#seo h1 {
			font-weight: bolder;
			font-size: 12px;
			padding: 70px 20px 10px 233px;
			text-align: justify;
			color: #f58025;
		}
		#seo h2 {
			font-weight: bolder;
			font-size: 14px;
			padding: 0px 20px 10px 233px;
			text-align: justify;
		}

#home {
	width: 435px;
	height: auto;
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
	#hometop {
		width: 435px;
		height: 66px;
		background: url(../images/home_text_top.png) no-repeat top left;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	#homecontent {
		width: 435px;
		height: auto;
		background: url(../images/home_text_content.png) repeat-y top left;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

		#homecontent p {
			padding: 0px 20px 5px 20px;
			text-align: justify;
		}
	#homebottom {
		width: 435px;
		height: 25px;
		background: url(../images/home_text_bottom.png) no-repeat top left;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}



#specialswinter {
	width: 470px;
	height: 390px;
	background: url(../images/SpecialsWinter.png) no-repeat top left;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
	
	
/* Portfolio - Start */	
#webportfolio {
	width: 462px;
	height: 186px;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	background: url(../images/portfolio/web_portfolio.png) no-repeat top left;
	float: left;
}
	#webportfolioleft {
		width: 226px;
		height: 186px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
	}
		#webportfolioimg {
			width: 226px;
			height: 186px;
			margin: 0px 0px 0px 0px;
			padding: 10px 0px 0px 3px;
			float: left;
		}
	#webportfolioright {
		width: 236px;
		height: 186px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
	}
		#webportfoliotext {
			width: 236px;
			height: 158px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			float: left;
		}
			#webportfoliotext h1 {
				font-size: 12px;
				padding: 5px 3px 0px 3px;
				color: #000000;
				text-align: center;
				color: #ffffff;
			}
			#webportfoliotext p {
				font-size: 11px;
				padding: 15px 5px 0px 7px;
				color: #000000;
				text-align: justify;
			}
			#webportfoliobtn {
				width: 236px;
				height: 28px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				text-align: justify;
				float: left;
			}

/* Portfolio - End */	

	
/* Detail Portfolio - Start */	
#webfullportfolio {
	width: 944px;
	height: 231px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
	#webfullportfolioleft {
		width: 327px;
		height: 231px;
		margin: 0px 0px 0px 15px;
		padding: 0px 0px 0px 0px;
		float: left;
	}
		#webfullportfoliologo {
			width: 327px;
			height: 71px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
		#webfullportfoliotext {
			width: 327px;
			height: 124px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			background: url(../images/portfolio/web_full_text.png) no-repeat top left;
		}
			#webfullportfoliotext h1 {
				font-size: 12px;
				padding: 5px 3px 0px 3px;
				color: #000000;
				text-align: center;
			}
			#webfullportfoliotext p {
				font-size: 11px;
				padding: 15px 5px 0px 20px;
				color: #000000;
				text-align: justify;
			}
			#webfullportfoliobtn {
				width: 327px;
				height: 26px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 10px;
				text-align: justify;
				background: url(../images/portfolio/web_full_btn.png) no-repeat top left;
			}
	#webfullportfolioright {
		width: 567px;
		height: 231px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		background: url(../images/portfolio/web_full_img.png) no-repeat top left;
	}


	#webfullportfoliolarge {
		width: 944px;
		height: 480px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		text-align: center;
	}

/* Detail Portfolio - End */	


/* Graphic Desing - Start */

#graphic {
	width: 944px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #040d25;
	text-align: justify;
	float: left;
}
			#graphic  h1 {
				font-size: 14px;
				padding: 0px 20px 10px 25px;
				color: #358ec4;
				text-align: center;
			}
			#graphic  h2 {
				font-size: 14px;
				padding: 0px 20px 10px 25px;
				color: #358ec4;
				text-align: justify;
			}
			#graphic p {
				font-size: 12px;
				padding: 0px 20px 10px 25px;
				text-align: justify;
			}

/* Graphic Desing - End */	


/* Hosting Solution - Start */	

#hostingbasic {
	width: 481px;
	height: 265px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/hosting_basic.png) no-repeat top left;
	float: left;
}
		#hostingbasic p {
			padding: 20px 20px 10px 220px;
			font-size: 10px;
			text-align: justify;
			color: #000000;
		}
		#hostingbasic h1 {
			padding: 110px 20px 10px 270px;
			font-weight: bold;
			font-size: 12px;
			color: #000000;
		}
#hostingpremium {
	width: 463px;
	height: 265px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/hosting_premium.png) no-repeat top left;
	float: left;
}
		#hostingpremium p {
			padding: 20px 20px 10px 180px;
			font-size: 10px;
			text-align: justify;
			color: #000000;
		}
		#hostingpremium h1 {
			padding: 100px 20px 10px 230px;
			font-weight: bold;
			font-size: 12px;
			color: #000000;
		}
#domain {
	width: 944px;
	height: 65px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/domain_name.png) no-repeat top left;
	float: left;
}
		#domain p {
			padding: 30px 20px 10px 50px;
			text-align: justify;
			font-size: 11px;
		}


/* Hosting Solution - End */	


#bottom{
	width: 100%;
	height: 191px;
	float: left;
	margin: 0px auto 0px auto;
	background: #e6f4f5 url(../images/bottom_bg.jpg) repeat-x top left;
}
#footer{
	width: 944px;
	height: 191px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	text-align: justify;
	
}
#nav {
	width: 944px;
	height: 144px;
}
	#nav ul {
		float: left;
		padding-left: 2px;
	}
	#nav li {
		padding-right: 7px;
		list-style: none;
		display: block;
		width: auto;
		float: left;
	}

#copyright {
	width: 944px;
	height: 47px;
	float: left;
	margin: 0px 0px 0px 0px;
}
	#copyright p {
		font-size: 10px;
		padding: 3px 20px 0px 20px;
		color: #000000;
		text-align: justify;
	}
	#copyright a {
		font-weight: bolder;
		color: #0475ba;
	}
	#copyright a.over {
		font-weight: bolder;
		color: #f4d434;
	}

/* Services - WebDesign - Start */

#services_webdesign {
	width: 944px;
	height: 195px;
	background: url(../images/services_webdesign.png) no-repeat top left;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
	#services_webdesign p {
		padding: 60px 460px 0px 20px;
		color: #000000;
		text-align: justify;
	}

/* Services - WebDesign - End */
	
/* Services - GraphicDesign - Start */

#services_graphicdesign {
	width: 944px;
	height: 195px;
	background: url(../images/services_graphicdesign.png) no-repeat top left;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
	#services_graphicdesign p {
		padding: 60px 460px 0px 20px;
		color: #000000;
		text-align: justify;
	}

/* Services - GraphicDesign - End */	

/* Services - SEO - Start */

#services_seo {
	width: 944px;
	height: 195px;
	background: url(../images/services_seo.png) no-repeat top left;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
	#services_seo p {
		padding: 60px 460px 0px 20px;
		color: #000000;
		text-align: justify;
	}

/* Services - SEO - End */	

/* Services - Hosting - Start */

#services_hosting {
	width: 944px;
	height: 195px;
	background: url(../images/services_hosting.png) no-repeat top left;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
	#services_hosting p {
		padding: 60px 460px 0px 20px;
		color: #000000;
		text-align: justify;
	}

/* Services - Hosting - End */	

/* Services - e-Commerce - Start */

#services_ecommerce {
	width: 944px;
	height: 195px;
	background: url(../images/services_e-commerce.png) no-repeat top left;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
	#services_ecommerce p {
		padding: 60px 460px 0px 20px;
		color: #000000;
		text-align: justify;
	}

/* Services - e-Commerce - End */