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

/* For All */

*		{
		margin: 0;
		padding: 0;
		}

a		{
		text-decoration: none;
		color: #047;
		}
		
a:hover	{
		color: #fff;
		}
		
img		{
		border-width: 0;
		}
		
ul		{
		margin: 0;
		padding: 0;
		}
		
li		{
		list-style:none;
		}
		
.clear	{
		clear: both;
		}
		
body	{
		background-color: #22211f;
		font: normal 12px Arial;
		color: #333;
		}
		
/* Main Divs */
		
#container		{
				width: 1000px;
				margin: 0 auto;
				padding-top: 10px;
				}
				
#header			{
				height: 80px;
				background: url(../images/header.jpg) repeat-x;
				}
				
#banner			{
				height: 200px;
				background: url(../images/banner_img-1.jpg) no-repeat;
				}
				
#con_top		{
				height: 184px;
				background: url(../images/con_top.jpg) repeat-x;
				}
				
#content		{
				overflow: hidden;
				}
				
#footer			{
				height: 35px;
				margin-top: 10px;
				background: url(../images/footer.jpg) repeat-x;
				}

/* Sub Divs */

/* Top Info */

.top_link		{
				height: 30px;
				}
				
				.top_link_space	{
								float: right;
								height: 21px;
								width: 20px;
								}
				
				.top_link_right	{
								float: right;
								height: 21px;
								width: 3px;
								background: url(../images/top_right.jpg) no-repeat;
								}
								
				.top_link_mid	{
								float: right;
								height: 21px;
								background: url(../images/top_mid.jpg) repeat-x;
								font: normal 9px Verdana;
								line-height: 20px;
								padding: 0 10px;
								}
								
								.top_link_mid span	{
													float: left;
													color: #ccc;
													}
													
								.top_link_mid img	{
													float: left;
													padding: 0 10px;
													}
													
								.top_link_mid a			{
														float: left;
														color: #cf0;
														}
													
								.top_link_mid a:hover	{
														color: #fff;
														}
								
				.top_link_left	{
								float: right;
								height: 21px;
								width: 3px;
								background: url(../images/top_left.jpg) no-repeat;
								}
								
/* Logo */
				
.logo_space		{
				float: left;
				height: 44px;
				width: 30px;
				}
				
.logo			{
				float: left;
				height: 44px;
				width: 292px;
				}
				
/* Navigation */
				
.nav			{
				float: left;
				height: 44px;
				width: 670px;
				}
				
/* Content Divide */

.content_space	{
				float: left;
				width: 30px;
				height: 100px;
				}

.content_left	{
				float: left;
				width: 748px;
				margin-right: 16px;
				}
				
.content_right	{
				float: left;
				width: 186px;
				background-color: #1a1a19;
				}
				
/* Only Home */

.home_space		{
				float: left;
				width: 22px;
				height: 100px;
				}
				
.home_left		{
				float: left;
				width: 764px;
				margin-right: 8px;
				}
				
.home_right		{
				height: 155px;
				margin-top: 17px;
				text-align: center;
				padding-top: 12px;
				}
				
.home_down		{
				height: 160px;
				}
				
.cat_icon		{
				float: left;
				width: 191px;
				height: 175px;
				margin-top: 9px;
				}
				
.sm				{
				background: url(../images/icon_social_media.jpg) no-repeat;
				}
				
.ws				{
				background: url(../images/icon_web_solution.jpg) no-repeat;
				}
				
.gd				{
				background: url(../images/icon_graphics_design.jpg) no-repeat;
				}
				
.os				{
				background: url(../images/icon_other_service.jpg) no-repeat;
				}
				
				.cat_icon h1	{
								font: small-caps bold 14px Arial;
								color: #195EA1;
								margin: 120px 0 0 25px;
								line-height: 14px;
								}
								
				.cat_icon h1 span	{
									color: #444;
									}
									
				.cat_icon a:hover h1	{
										color: #da730f;
										}
										
				.cat_icon a:hover h1 span	{
											color: #222;
											}
									
/* Home Icon Description */
				
.icon_des_gap	{
				float: left;
				width: 16px;
				height: 100px;
				}

.icon_des		{
				float: left;
				width: 175px;
				}
				
				.icon_des_con	{
								height: 155px;
								background-color: #393836;
								}
								
								.icon_des_con p	{
												padding: 15px 18px;
												color: #999;
												}
								
				.icon_des_bot	{
								height: 5px;
								background: url(../images/icon_des_bot.jpg) no-repeat;
								overflow: hidden;
								}
									
/* Text Formates */

.content_left a			{
						color: #2988C0;
						}
						
.content_left a:hover	{
						color: #ddd;
						}

.content_left p.head	{
						font: bold 12px Arial;
						color: #2988C0;
						text-transform: uppercase;
						letter-spacing: 2px;
						margin: 25px 0 10px 0;
						}
						
.content_left p.subhead	{
						font-weight: bold;
						color: #fc0;
						text-transform: uppercase;
						letter-spacing: 1px;
						margin: 25px 0 10px 0;
						}
						
.content_left p.con		{
						font: normal 12px Arial;
						color: #bbb;
						margin: 0 25px 20px 0;
						line-height: 16px;
						text-align:justify;
						}
						
.content_left table			{
							margin-bottom: 10px;
							}
						
.content_left table td		{
							font: normal 12px Arial;
							color: #aaa;
							text-indent: 15px;
							}
							
.content_left table td.head	{
							background-color: #161616;
							line-height: 20px;
							font-weight: bold;
							color: #555;
							}
							
.content_left table td.value{
							background-color: #393836;
							line-height: 25px;
							color: #999;
							}
							
.content_left ul li				{
								color: #999;
								list-style:disc;
								margin: 0 0 0 20px;
								}
.content_left ol li				{
								color: #999;
								list-style:square;
								margin: 0 0 0 20px;
								}								
								
.content_left ul li.des			{
								color: #777;
								line-height: 15px;
								text-indent: 115px;
								}
							
.content_left ul li.first_level	{
								line-height: 25px;
								text-indent: 100px;
								}
									
.content_left ul li.first_level a	{
									color: #aaa;
									}
									
.content_left ul li.first_level a:hover	{
										color: #fff;
										}
										
.content_left ul li.second_level{
								line-height: 25px;
								text-indent: 125px;
								}
									
.content_left ul li.second_level a	{
									color: #777;
									}
									
.content_left ul li.second_level a:hover{
										color: #fff;
										}
								
.content_left ul li.third_level	{
								line-height: 25px;
								text-indent: 150px;
								}
									
.content_left ul li.third_level a	{
									color: #444;
									}
									
.content_left ul li.thied_level a:hover	{
										color: #fff;
										}

.atr			{
				font-size: 10px;
				color: #fff;
				line-height: 10px;
				margin-top: 3px;
				}
				
.value			{
				font-weight: bold;
				color: #299adb;
				}
				
.divider		{
				height: 5px;
				overflow: hidden;
				}
				
.blog_head		{
				font: bold 12px Arial;
				color: #aeff00;
				margin: 12px 0 0 15px;
				line-height: 13px;
				}
				
.blog_date		{
				font: normal 10px Arial;
				color: #888;
				margin: 0 0 8px 15px;
				}
				
.blog_text		{
				color: #aaa;
				margin: 0 0 8px 15px;
				}
				
.comment		{
				color: #735c00;
				}
				
.comment a		{
				color: #a58400;
				}
				
.comment a:hover{
				color: #fc0;
				}
				
/* Portfolio */
									
.product_hold	{
				overflow: hidden;
				margin: 10px 0;
				}
				
.product		{
				float: left;
				width: 150px;
				margin: 15px 10px 0 0;
				height: 215px;
				}
				
.product .tag		{
					font: normal 11px Arial;
					color: #999;
					padding-top: 5px;
					}
					
.product .link		{
					font: bold 12px Arial;
					color: #ccc;
					}
							
.product .link:hover{
					color: #fff;
					}
					
.product .price		{
					font: bold 11px Arial;
					color: goldenrod;
					}
.product_desl		{
					float: left;
					width: 470px;
					/*background-color: #393836;*/
					margin: 2px 0 0 0px;
					height: 130px;
					}
					
					.product_desl p		{
										font: normal 12px Arial;
										color: #bbb;
										padding: 8px;
										text-align:justify;
										}
					
.product_des		{
					float: left;
					width: 488px;
					/*background-color: #393836;*/
					margin: 15px 0 0 100px;
					height: 144px;
					}
					
					.product_des p		{
										font: normal 11px Arial;
										color: #999;
										padding: 15px;
										text-align:justify;
										}
					
/* Footer Text */
				
#footer			{
				font: normal 10px Arial;
				line-height: 35px;
				}
				
#footer .space	{
				float: left;
				width: 30px;
				height: 35px;
				}	
				
#footer .left	{
				float: left;
				color: #205388;
				}	
				
#footer .right	{
				margin-right: 20px;
				text-align: right;
				}
				
#footer .right a		{
						color: #a76e01;
						}
						
#footer .right a:hover	{
						color: #aaa;
						}