* {
	margin: 0px;
	padding: 0px;
}
body {
	font: 13px "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
}

ul { list-style: none; }
li { margin-left: 5px; }

h1, h2, h3, h4, h5, h6 {
	color: #FFF;
}
a, a:active, a:link {
	color: #069
	text-decoration: none;
}
a:visited {
	color: #069;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #069;
}
a img {
	border: none;
}

#container, .wrapper {
	margin: auto;
	width: 960px;
}
/* -------------header----------------- */
#header {
	background: url(images/header_bg.png) repeat-x;
}
	#title {
		height: 76px;
		color: #fff;
	}
		#title h1 {
			font-family: Trajan Pro, Geneva;
			padding: 4px 0 0 0;
		}
		#ttl {
			margin: 0 0 0 180px;
		}
		#ttl, #office, #mob, #chat {
			float: left;
			margin-right: 50px;
		}
		.ttt {
			float: left;
			padding: 20px 0 0 5px;
		}
	#logo {
		float: left;
		margin: -76px 0 0 0;
	}
	#spofr {
		height: 100px;
		background: url(images/servers.jpg) no-repeat right;
		font-size: 30px;
		padding: 30px 0 50px 100px;
		color: #333;
	}
	#spofr h2, #offr h3 {
		color: #333;
	}
	#offr {
		margin: -10px 0 0 0;
		padding: 0 0 20px 0;
	}
	#tour
	{
	margin: 30px 0 0 20px;
	}
	#flg
	{
	float:left;
	padding-left:20px;
	text-align: justify;
	}
	#flg a {
		text-decoration: none;
		color: #FFF;
		background: #5d7380;
		padding: 3px 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	#flg a:hover {
		background: #364048;
	}
	.btn_1 {
		float: left;
		margin-top: 10px;
	}
	.btn_2 {
		float: right;
		margin-top: 10px;
	}


	/* -------------buttons------------------- */
	#buttons {
		float: left;
		height: 45px;
		padding: 0px 0;
		margin: -11px 0 0 10px;
	}
		ul#nav {
			background: #FFF;
			margin: 0px 0;
		}
		ul#nav li {
			float: left;
			width: 95px;
			background: url(images/btn_bg.png) repeat-x #3f5a6b;
			margin: 0 1px;
			padding: 15px 6px;
			font-size: 12px;
			text-align: center;
			-moz-border-radius: 0px 0px 10px 10px;
			-webkit-border-radius: 0px 0px 10px 10px;
		}
		ul#nav li a {
			text-transform: uppercase;
			text-decoration: none;
			color: #FFF;
		}
		ul#nav li a:hover {
			color: #CCC;
		}

/* --- MAIN --- */
#main {
	background: url(images/context_bg.png) repeat-x #364048;
}

	/* --------- context --------------- */
	#context {
		float: left;
		width: 550px;
		color: #FFF;
	}
		#pakg1, #pakg2, #pakg3, #pakg4 {
			margin: 5px 0;
		}
		#pakg1 {
			margin: 10px 0 0 0;
		}
		#pak1 {
			margin: 20px 0;
		}
		#pakg4 {
			margin: 0 0 30px 0;
		}
		#cp {
			margin-bottom: 30px;
		}
		#cp h1 {
			margin-bottom: 20px;
		}
		#context h1 {
			text-transform: uppercase;
		}
		#context h3 {
			font-size: 16px;
		}
		.red, .green, .blue, .orange, .purple, .gray {
			height: 148px;
			width: 448px;
			margin: 0 0 -15px 0;
		}
		.red {
			background: url(images/p_red.png) no-repeat;
		}
		.green {
			background: url(images/p_green.png) no-repeat;
		}
		.blue {
			background: url(images/p_blue.png) no-repeat;
		}
		.orange {
			background: url(images/p_orange.png) no-repeat;
		}
		.purple {
			background: url(images/p_purple.png) no-repeat;
		}
		.gray {
			background: url(images/p_gray.png) no-repeat;
		}
		.b1 {
			float: left;
			width: 155px;
			height: 100px;
			margin: 0 0 0 30px;
			padding: 30px 0 0 0;
			text-align: center;
		}
		.b2 {
			float: left;
			width: 169px;
			height: 100px;
			padding: 30px 0 0 15px;
			font-size: 12px;
		}
		.b3 {
			float: left;
			width: 21px;
			height: 116px;
			padding: 12px 0 0 2px;
		}
		.b4 {
			float: left;
			width: 22px;
			height: 116px;
			padding: 12px 0 0 2px;
		}
			.img-box2 {
				width:100%;
				overflow:hidden;
				padding: 10px 30px 15px 12px;
				margin: 0 0 20px 0;
			}
			.plantable{
				background-color: #ededed;
				color: #282320;
				border: 6px solid #EEEEEE;
				padding: 5px;
				-moz-border-radius: 15px;
				-webkit-border-radius: 15px;
			}
			.plantable .heading td { text-align:center;}
			.plantable td {
				padding: 2px;
			}
			.plantable .head {
				background-color: #CCCCCC;
				padding-left: 12px;
				text-align: left;
				border-top-width: 6px;
				border-top-style: solid;
				border-top-color: #F5F5F5;
			}
			.plantable .txtinfo td {
				padding-left: 12px;
				background-color: #f5f5f5;
			}
			.plantable .txtinfo2 td {
				padding-left: 12px;
				background-color: #eaeaea;
			}
			
	
	/* --------- Sidebar ------------- */
	#sidebar {
		background: url(images/sidebar_bg.png) repeat-x #5e656a;
		float: left;
		width: 380px;
		color: #FFF;
		padding: 20px 8px 50px 3px;
	}
	#leftsidebar {
		float: left;
		width: 190px;
	}
	#rightsidebar {
		float: right;
		width: 190px;
	}
	#costomerpicture {
		background-color: #CCCCCC;
		height: 150px;
		width: 150px;
	}
	#cpp {
		margin: 10px 0 0 8px;
		padding: 10px 6px 14px 6px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		background: url(images/sb1.png) repeat-x #394752;
	}
	#cpp h2 {
		border-bottom: solid thin #fff;
		margin-bottom: 4px;
	}
	input.tfield {
		background: none;
		border: solid thin #fff;
		padding: 2px;
		margin: 2px 0;
		color: #fff;
	}
	input.fbtn {
		width: 94px;
		height: 35px;
		background:url(images/login_btn.png) no-repeat;
		border: none;
		color: #FFF;
	}


/* -------------Footer----------------- */
#footer {
	background: url(images/footer_bg.png) repeat-x #3a4348;
	color: #FFF;
	font-size: 14px;
	padding-bottom: 10px;
}

	#nt {
		padding: 30px 0;
	}
	#sc {
		padding: 20px 0;
	}
	#cr {
		float: left;
		width: 450px;
	}
	#pm {
		float: left;
		width: 510px;
	}


/* -------------CLASSES---------------- */
.clear {
	clear: both;
	height: 0px;
	display: block;
	visibility: hidden;
}
#bw {
	margin: 20px 0;
	padding: 20px 0 0 0;
}
.list2 li {
	width:100%;
	overflow:hidden;
	padding-bottom:5px;
	font-size: 12px;
}
	.list2 li a {
		float:left;
		width:266px;
		color:#929292;
		text-decoration:none;
	}
		.list2 li a:hover {
			color:#fff;
		}
	.list2 li span {
		font-weight:bold;
		float:left;
		width:95px;
		font-size:1.1em;
	}
	.list2 li strong {
		color:#fff;
		float:left;
		font-size:1.1em;
	}

	.plantable tr .head {
		background: #5d7380;
	}