@charset "utf-8";
/* CSS Document */

/* common styles */
body, h1, h2, h3, h4, h5, h6, p, img, form, ul, li {
	margin:0;
	padding:0;
	border:0;
}
body {
	font:62.5% Arial, Helvetica, sans-serif;
	color:#000;
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}
.flft {
	float:left !important;
}
.frgt {
	float:right;
}
.cb {
	clear:both;
	font-size:0;
	line-height:0;
}
h1 {
	font-size:1.8em;
	font-weight:normal;
}
h2 {
	font-size:1.6em;
}
h3 {
	font-size:1.3em;
	font-weight:normal;
}
h4 {
	font-size:1.4em;
}
h5 {
	font-size:1.5em;
}
p {
	padding:10px 0;
	font-size:1.3em;
	line-height:1.8em;
}
.ht_1 {
	color:#262626;
}
.ht_2 {
	color:#666;
}
.ht_3 {
	color:#c00;
}
.ht_4 {
	color:#333;
}
.ht_5 {
	color:#998b6c;
}
.pt_0 {
	padding-top:0 !important;
}
.plp {
	padding-left:10px;
}
.b_none {
	border:none !important;
}
#main_cnr {
	position:relative;
}
#in_cnr {
}
.in {
	width:935px;
	margin:0 auto;
}
.tri_bg {
	background:url(../images/triangle_bg.gif) no-repeat;
	font-size:1.1em;
	font-weight:bold;
	padding-top:5px;
	padding-left:1px;
	padding-right:10px;
	color:#fff;
	text-align:center;
	width:25px;
	height:16px;
	float:left;
}
.s_link {
	color:#c00;
	float:right;
	font:bold 1.1em Verdana, Geneva, sans-serif;
	background:url(../images/arrow_1.gif) no-repeat right 3px;
	padding-right:15px;
}
.v_more, .v_less {
	color:#666;
	background:url(../images/r_plus.gif) no-repeat right center;
	font-size:1.2em;
	display:block;
	padding:2px 0;
	font-weight:bold;
	float:right;
	padding-right:22px;
}
.v_less {
	background-image:url(../images/r_minus.gif);
}
.p_title {
	float:left;
}
.yr_here {
	font:1.1em Verdana, Geneva, sans-serif;
	color:#666;
	float:right;
	margin-top:5px;
	padding-right:10px;
}
.yr_here a {
	color:#333;
}
.yr_here a:hover {
	color:#c00;
	text-decoration:underline;
}
.box {
	display:block;
	margin:10px 0;
	padding:10px;
	background:#f4f4f4;
}
.link_1 {
	font:11px Verdana, Geneva, sans-serif;
	color:#c00;
}
.link_1:hover {
	color:#998b6c;
}
/* end common styles */

/* btn */
.btn {
	font:bold 13px Arial, Helvetica, sans-serif;
	background:url(../images/btn_bg.png) repeat-x;
	float:right;
	padding:10px 10px 0 10px;
	height:25px;
	position:relative;
	margin-right:32px;
	color:#444;
	cursor:pointer;
	text-align:center;
}
.btn_rgt {
	background:url(../images/btn_rgt.png) no-repeat;
	position:absolute;
	width:32px;
	height:35px;
	top:0;
	right:-30px;
}
.btn_lft {
	background:url(../images/btn_lft.png) no-repeat;
	position:absolute;
	width:8px;
	height:35px;
	top:0;
	left:-8px;
}
/* End btn */


/* header */

#header_cnr {
	background:#1c1c1c url(../images/htop_bg.png) repeat-x;
	width:100%;
	padding:8px 0;
	display:inline-block;
}
#logo {
	float:left;
}
#nav_cnr {
	float:right;
	font-size:1.4em;
	font-weight:bold;
	position:relative;
}
#nav_cnr li {
	list-style:none;
	float:left;
}
#nav_cnr a {
	display:block;
	color:#ccc;
	padding:10px 8px;
	margin-top:10px;
	border-left:1px solid #666;
	position:relative;
}
#nav_cnr span {
	display:block;
	font:0.8em Verdana, Geneva, sans-serif;
	padding:3px 0;
}
#nav_cnr a:hover, #nav_cnr .active {
	color:#fff;
}
/* end header */

/* Body */

#body_cnr {
	width:100%;
	margin-top:15px;
	display:inline-block;
}
#banner {
	height:335px;
	width:100%;
	margin-top:-30px;
	position:relative;
	background:url(../images/banner.jpg) no-repeat;
}
#banner a {
	width:100%;
	height:335px;
	display:block;
}
#b_cnt {
}
/* End Body */

#pg_2 .b_cnt ul {
	font-size:1.3em;
	line-height:1.6em;
	padding:10px 0;
}
/* pg_1*/
#pg_1 {
}
.b_1 {
}
#services {
	height:182px;
	overflow:hidden;
}
#services .r1, #services .r2 {
	border-bottom:#ccc solid 1px;
	border-top:#ccc solid 1px;
	margin-top:10px;
	display:inline-block;
}
#services .r2 {
}
#services .col_1, #services .col_2, #services .col_3 {
	float:left;
	width:32%;
	padding:10px 0;
	background-position: right center;
	background-repeat:no-repeat;
}
#services .col_1 {
	margin-right:2%;
	background-image:url(../images/bg_1.gif);
}
#services .col_2 {
	background-image:url(../images/bg_2.gif);
}
#services .col_3 {
	float:right;
	background-image:url(../images/bg_3.gif);
}
#services .r2 .col_1 {
	margin-right:2%;
	background-image:url(../images/bg_4.gif);
}
#services .r2 .col_2 {
	background-image:url(../images/bg_5.gif);
}
#services .r2 .col_3 {
	float:right;
	background-image:url(../images/bg_6.gif);
}
#services p {
/*clear:both;*/
}
#serv_but {
	padding:6px 0 10px 0;
	width:100%;
	display:inline-block;
}
#bbtm_cnr {
	background:#c8c5bc url(../images/btm_bg.png) repeat-x;
	display:inline-block;
	width:100%;
	padding:10px 0;
}
#bbtm_cnr table {
	font-size:1.2em;
}
#bbtm_cnr .col_1, #bbtm_cnr .col_2, #bbtm_cnr .col_3 {
	float:left;
}
#bbtm_cnr .col_1 {
	margin-right:2%;
	width:34%;
}
#bbtm_cnr .col_2 {
	width:30%;
}
#bbtm_cnr .col_3 {
	float:right;
	width:32%;
}
#bbtm_cnr .c1 {
	width:38%;
	margin-top:10px;
	/*height:100px;*/
	/*background:#000;*/
	text-align:center;
	float:left;
}
#bbtm_cnr .c2 {
	float:right;
	width:62%;
}
#bbtm_cnr .c2 a {
	float:right;
}
/*End pg_1*/


/* pg_2 */

#pg_2 {
}
#pg_2 #banner, #pg_2 .t_img {
	display:none;
}
#pg_2 .b_cnt {
	clear:both;
	display:inline-block;
	width:100%;
	margin-top:10px;
	border-top:#ccc solid 1px;
}
#pg_2 .col_1 {
	width:65%;
	float:left;
	border-right:#ccc solid 1px;
	padding-top:5px;
	padding-right:2.4%;
	min-height:690px;
}
*html #pg_2 .col_1 {
	height:690px;
}
#pg_2 .h2 {
	min-height:560px;
}
*html #pg_2 .h2 {
	height:560px;
}
#pg_2 .col_1 .row_b {
	clear:both;
	padding:50px 0;
}
#pg_2 .col_1 .row_b p {
	font-size:1.2em;
}
#pg_2 .col_1 h5 {
	margin-top:10px;
}
#pg_2 .col_1 .row {
	clear:both;
	width:100%;
	display:inline-block;
	padding:20px 0;
}
#pg_2 .cli_pg .col_1 .row {
	padding:10px 0;
}
#pg_2 .cli_name {
	float:right;
	color:#999;
	font:1.1em/1.6em Verdana, Geneva, sans-serif;
	padding:0;
	padding-left:20px;
	background:url(../images/tsti.gif) no-repeat;
}
#pg_2 .cli_pg .p_name {
	text-align:center;
}
#pg_2 .b_cnt ul {
	padding-left:20px;
}
#pg_2 .col_2 {
	width:30%;
	float:left;
	padding-left:2.4%;
	padding-top:15px;
}
#pg_2 .cli_pg .col_2 ul {
	font-size:1.2em;
	line-height:2em;
	margin-left:10px;
}
#pg_2 .r1, #pg_2 .r2, #pg_2 .r3 {
	clear:both;
	padding:20px 2% 20px 5%;
	width:100%;
	display:inline-block;
	border-bottom:#ccc solid 1px;
	margin-left:-22px;
}
#pg_2 .r1 ul {
	color:#444;
}
#pg_2 .r1 ul a {
	color:#c00;
}
#pg_2 .r1 ul a:hover {
	color:#930;
}
#pg_2 .ig {
	float:left;
	margin:10px;
}
#pg_2 .col_2 .btn {
	margin-top:10px;
	margin-bottom:10px;
}
#pg_2 .p_block {
	width:186px;
	float:left;
	padding:8px;
}
#pg_2 .portfolio .p_block img {
	border:3px solid #ccc;
}
#pg_2 .p3 {
	padding:0;
}
#pg_2 .p_name {
	margin-top:3px;
	margin-bottom:3px;
	font:1.1em Verdana, Geneva, sans-serif;
}
#pg_2 .p_tech {
	font:1em Verdana, Geneva, sans-serif;
	color:#777;
}
#c_form {
	width:60%;
	margin:0 auto;
	padding-bottom:20px;
}
#c_form .btn {
	margin-left:8px;
	margin-top:10px;
}
#c_form label {
	display:block;
	font-size:1.3em;
	color: #333;
	margin:5px 0;
}
#c_form input, #c_form textarea {
	width:100%;
	border:1px solid #999;
}
/*End pg_2 */


/* Footer */

html, body, * html #main_cnr {
	height:100%;
}
#main_cnr {
	min-height: 100%;
}
#in_cnr {
	display:inline-block;
	width:100%;
}
#footer_cnr {
	display:inline-block;
	width:100%;
	background:url(../images/htop_bg.png) bottom repeat-x;
	text-align:center;
	padding:10px 0;
	bottom:0;
	left:0;
}
#footer_cnr, #footer_cnr a {
	color:#ccc;
	font-family:Verdana, Geneva, sans-serif;
}
/* End Footer */
.png_fix {
}
