/* kangopik@gmail.com */

@charset "utf-8";
body {margin:0;padding:0;font:normal 13px Arial;color:#555555; overflow-x:hidden;overflow-y:scroll;}
a, a:visited {text-decoration:none;color:#D4000B;}
a:hover{text-decoration:none;}
img, object, input, textarea {border:none;}

table {border-collapse:collapse;}
ul, ol, li {list-style-type:none;border:none}
p, span {margin:0;padding:0;}
p a, span a {color:#D4000B;/*text-shadow:1px 0 1px #aaaaaa; */}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.page {width:940px;}

/* HEADER STYLE */
#header {width:100%;background:url(images/header_bg.gif) repeat-x top left;height:443px;}
#slide_img {margin:0 auto;width:1000px;padding:13px 40px 0 100px;height:290px;background:url(images/bg_shadow_slide.png) no-repeat bottom center;text-align:center;}

.header {margin:0 auto;}
.header img.logo {margin:14px 0 0;width:131px;height:127px;}
li.menu {padding:0 0 0 10px;}
ul.link {font-size:1.0em;}
#menu {position:relative;margin:80px 0 0;width:731px;height:42px;background:url(images/menu_link.jpg) repeat-x;-moz-border-radius:5px;-webkit-border-radius:5px;  z-index:999;}
#menu-container { display:block;margin:auto;}
#drop_down_menu { display:block; position:absolute;clear:both;margin:0;padding:0;left:0px; top:0px; }

#drop_down_menu li.separator {float:left;margin:0;width:2px;line-height:42px;background:url(images/separator.gif) no-repeat;}

#drop_down_menu li.product,
#drop_down_menu li.our-work,
#drop_down_menu li.news,
#drop_down_menu li.client,
#drop_down_menu li.contact {font-size:10pt;font-weight:bold;float:left;color:#FFF;cursor:pointer;width:124px; padding:14px 0 11px 0;  z-index:999; text-align:center; }

#drop_down_menu li.product {width:214px; }
#drop_down_menu li.our-work {width:130px;}
#drop_down_menu li.news {width:105px;}
#drop_down_menu li.client {width:140px;}
#drop_down_menu li.contact{width:134px;}


#drop_down_menu li.product ul,
#drop_down_menu li.our-work ul,
#drop_down_menu li.news ul,
#drop_down_menu li.client ul,
#drop_down_menu li.contact ul {margin:12px 0 0 0; padding:0;line-height:30px;}


#drop_down_menu li.product ul li,
#drop_down_menu li.our-work ul li,
#drop_down_menu li.news ul li,
#drop_down_menu li.client ul li,
#drop_down_menu li.contact ul li {margin:0;display:block;background:url(images/menu_link_child.jpg) repeat-x; text-align:left; }

#drop_down_menu li.product ul li a,
#drop_down_menu li.our-work ul li a,
#drop_down_menu li.news ul li a,
#drop_down_menu li.client ul li a,
#drop_down_menu li.contact ul li a {color:#FFFFFF; width:100%; padding:7px 0 8px 25px; display:block; font-size:1em;}
 
 
#drop_down_menu li.product ul li a:hover,
#drop_down_menu li.our-work ul li a:hover,
#drop_down_menu li.news ul li a:hover,
#drop_down_menu li.client ul li a:hover,
#drop_down_menu li.contact ul li a:hover {text-decoration:none;color:#FFF;}

#drop_down_menu li.product:hover {background:url(images/menu_hov.jpg) repeat-x;-moz-border-radius:5px;-moz-border-radius-bottomleft:0px;-moz-border-radius-topright:0px;-webkit-border-radius:5px;-webkit-border-bottom-left-radius:0px;-webkit-border-top-right-radius:0px;}
#drop_down_menu li.our-work:hover,
#drop_down_menu li.news:hover,
#drop_down_menu li.client:hover {background:url(images/menu_hov.jpg) repeat-x;}
#drop_down_menu li.contact:hover {background:url(images/menu_hov.jpg) repeat-x;-moz-border-radius:5px;-moz-border-radius-bottomright:0px;-moz-border-radius-topleft:0px;-webkit-border-radius:5px;-webkit-border-bottom-right-radius:0px;-webkit-border-top-left-radius:0px;}

#drop_down_menu li.product ul li:hover,
#drop_down_menu li.our-work ul li:hover,
#drop_down_menu li.news ul li:hover,
#drop_down_menu li.client ul li:hover,
#drop_down_menu li.contact ul li:hover {margin:0;display:block;background:url(images/menu_hov_child.jpg) repeat-x;}

#drop_down_menu li.product ul li.bottom,
#drop_down_menu li.our-work ul li.bottom,
#drop_down_menu li.news ul li.bottom,
#drop_down_menu li.client ul li.bottom,
#drop_down_menu li.contact ul li.bottom  {margin:0;display:block;background:url(images/menu_link_child.jpg) repeat-x;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;}

#drop_down_menu li.product ul li.bottom:hover,
#drop_down_menu li.our-work ul li.bottom:hover,
#drop_down_menu li.news ul li.bottom:hover,
#drop_down_menu li.client ul li.bottom:hover,
#drop_down_menu li.contact ul li.bottom:hover {background:url(images/menu_hov_child.jpg) repeat-x;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;}

/* CONTENT STYLE */
#content {width:100%;background:#171717 url(images/con_pagemargin.gif) repeat-x top left;min-height:100px;}
.content_bg_shadow {margin:0 auto;width:940px;padding:2px 10px 0 10px;background:url(images/shadow_box.png) no-repeat top center;}
.content {margin:0 auto;background:#FFF url(images/bg_con_inner.gif) repeat-y top center;-moz-border-radius-topleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-left-radius:17px;-webkit-border-top-right-radius:17px;}
.content-left {margin:0;width:710px;padding:30px 0 24px;background:#FFF url(images/bg_con.gif) repeat-x top left;-moz-border-radius-topleft:17px;-webkit-border-top-left-radius:17px;font:normal 13px Arial;color:#555555;}
.content-left p {margin:10px 10px 20px 20px; line-height:1.7em }
.content-left p.title {margin:0 10px 10px 20px;font-size:28px;color:#000; font-weight:bold;}
.content-left .contact {margin:0;width:auto;height:53px;line-height:53px;padding:0 0 0 10px;background:url(images/bg_phonecontact.gif) repeat-x top left;}
.content-left .contact img {float:left;margin:12px 3px 0 8px;}
.content-left .contact p {float:left;margin:16px 5px 0 8px;font-size:16pt;color:#FFF;}
.content-left .contact .contact_btn {width:140px;height:27px; margin-top:0px; float:left;}
.content-left .featured-proj {margin:20px 0 0 20px;width:304px;}
.content-left .featured-proj h5 {margin:0;text-align:left;font-size:14pt;color:#333333;}
.content-left .featured-proj .img {margin:10px 0;border:1px solid #e1e1e1;padding:7px;}
.content-left .featured-proj .img img {width:288px;height:111px;}
.content-left .featured-proj p {margin:0 0 5px;font:normal 13px Arial;color:#555555;}
.content-left .featured-proj p span.client-name {font:bold 13px Arial;color:#333333;}
.content-left .featured-proj p span.read-more {font:normal 11px Arial;color:#e2474e;}
.content-left .featured-proj span.read-more a {color:#e2474e;}
.content-left  ul li{ margin:0; padding:0; list-style: circle; margin:5px 0; line-height:1.6em} 

.content-left .clients {margin:20px 20px 0 0;width:355px;}
.content-left .clients h5 {margin:0;text-align:left;font-size:14pt;color:#333333;}
.content-left .clients .box-logo-clients {margin:10px 0 0;width:345px;padding:14px 0 0 10px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.content-left .clients .box-logo-clients img {float:left;margin:0 18px 20px 0;}
.content-left .clients .read-more a {color:#e2474e;font-size:8pt;}

/* SERVICE CSS */

.service-left 	{ width:390px; float:left; }
.service-right { width:310px; float:left; }
.service-right .caption { border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; padding:10px 0; font-style:italic; font-size:9pt; margin-top:20px; margin-left:10px; }
.service-right img{ padding:5px; border:solid 1px #ddd;margin-left:10px;}
.service-right .thumb{ width:80px; height:60px; margin: 0 0 5px 10px; float:left; overflow:hidden; padding:5px; border:solid 1px #ddd;}
.service-right .thumb img{ border:none; padding:0; margin:0;}

/* END SERVICE CSS */


.content-right {margin:1px 0 0;width:228px;padding:34px 0 24px;background:url(images/bg_sidebar.png) no-repeat top left;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;}
.content-right .box {margin:0 0 0 10px;width:198px;}
.content-right .box h5 {margin:0 0 0 5px;text-align:left;font-size:14pt;color:#333333;}
.content-right .box .box-menu {margin:10px 0 37px;width:198px;padding:4px 0 0;border-top:1px solid #c2c2c2;}
.content-right .box .box-menu ul {margin:0;padding:0; }
.content-right .box .box-menu ul li {margin:0;padding:10px 0 10px 12px;font:normal 13px Arial;color:#d4000b;border-bottom:1px solid #e7e7e7;}
.content-right .box .box-menu ul li a {color:#d4000b; text-decoration:none; text-shadow:1px 0 1px #EBB6B9;}
.content-right .box .box-menu ul li.selected {background:url(images/box-menu-selected.png) no-repeat;border-bottom:none ; margin-left:-12px; padding-left:25px;}

.content-right .box .box-menu ul.latest {margin:0 0 18px;padding:0 0 10px;border-bottom:1px solid #ddd;}
.content-right .box .box-menu ul.latest li {margin:0 0 0 12px;padding:0;border:none;}
.content-right .box .box-menu ul.latest li a {font:normal 11px Arial;color:#888888;}
.content-right .box .box-menu ul.latest li ul.inner-title {margin:0;padding:0;}
.content-right .box .box-menu ul.latest li ul.inner-title li {margin:0;padding:0;font:bold 14px Arial;color:#333333;}
.content-right .box .box-menu ul.latest li ul.inner-title li a {font:bold 13px Arial;color:#333333;}
.content-right .box .box-menu ul.latest li ul.inner-title ul.inner {margin:0;padding:0;}
.content-right .box .box-menu ul.latest li ul.inner-title ul.inner li {margin:0;padding:0;font:normal 13px Arial;color:#696969;}
.content-right .box .box-menu ul.latest li ul.inner-title ul.inner li a {margin:0;padding:0;font:normal 13px Arial;color:#696969;}
.content-right .box .box-menu ul.latest li ul.inner-title ul.inner ul.readmore {margin:0;padding:0;}
.content-right .box .box-menu ul.latest li ul.inner-title ul.inner ul.readmore li {margin:0;padding:0;font:normal 13px Arial;color:#dc3d45;text-shadow:1px 0 1px #ebb6b9;}
.content-right .box .box-menu ul.latest li ul.inner-title ul.inner ul.readmore li a {margin:0;padding:0;font:normal 13px Arial;color:#dc3d45;text-shadow:1px 0 1px #ebb6b9;}


#content-bottom {width:100%;margin:0 auto;min-height:219px;background:#870911 url(images/bg_con_bott.gif) repeat-x top left;}
#content-bottom  a { color :#fff; }
.content-bottom {margin:0 auto;width:940px;}
.content-bottom img.logo-bottom {margin:55px 0 0;float:right;width:105px;height:102px;}
.content-bottom .conbott-left {margin:0;float:left;width:423px;padding:20px 0 0;}
.content-bottom .conbott-left h5 {margin:0;font-size:1.4em;color:#FFF;}
.content-bottom .conbott-left .box {margin:10px 0 0;width:auto;padding:10px;border-top:1px solid #ca0c17;}
.content-bottom .conbott-left .box .conleft {margin:0;width:234px;}
.content-bottom .conbott-left .box .conright {margin:0;width:122px;padding:10px 0 0;}
.content-bottom .conbott-left .box .conleft table {margin:0;width:234px;color:#FFF;}
.content-bottom .conbott-left .box .conleft p, .content-bottom .conbott-left .box .conright p {margin:0;font:bold 12px Arial;color:#FFF;line-height:20px;}
.content-bottom .conbott-left .box .conleft p.address, .content-bottom .conbott-left .box .conright p.address {margin:0;font:normal 12px Arial;color:#FFF;line-height:20px;}

.content-bottom .conbott-center  {margin:0 54px 0 0;width:270px;padding:20px 0 0;}
.content-bottom .conbott-center h5  {margin:0;font-size:1.4em;color:#FFF;}
.content-bottom .conbott-center .box {margin:10px 0 0;width:auto;padding:12px 0 0;border-top:1px solid #ca0c17;}
.content-bottom .conbott-center .box  input.textbox {margin:0 0 5px;width:256px;height:26px;padding:4px 4px 4px 8px;background:url(images/bg_form_textbox.gif) no-repeat;color:#535353;}
.content-bottom .conbott-center .box  input.btn {margin:0 0 5px;width:140;height:47px;}

/* FOOTER STYLE */
#footer {width:100%;background:url(images/bg_footer.gif) repeat-x top left;height:59px;}
.footer {margin:0 auto;width:940px;}
.footer  ul {margin:15px 0 0;padding:0;}
.footer  ul li {float:left;margin:0 5px 0 0;padding:0;font:normal 11px Arial;color:#FFF;}
.footer  ul li a.left-menu {margin:0;padding:0 5px 0 0;color:#FFF;border-left:none;border-right:1px solid #823337;}
.footer  ul li a.right-menu {margin:0;padding:0 5px 0 0;color:#FFF;border-right:none;border-right:none;}
.footer  ul li a {margin:0;padding:0 5px 0 0;color:#FFF;border-right:1px solid #7f3237;}
.footer  p {margin:14px 0 0;width:258px;font:normal 12px Arial;color:#b6b6b6;text-shadow:1px 0 1px #8c494d;text-align:left;}
.footer  p a {color:#FFF;text-shadow:1px 0 1px #a76468;text-align:left;}

.content-left .newstitle {margin:0 10px 10px 20px;font-size:20px;color:#333333;}
.content-left p.dated {margin:0 10px 5px 20px;font-size:10px;color:#333333;}

/* CONTACT GOES HERE */
.contactForm {
	
	float:left;
	padding-left:20px;
	
}
.contactForm ul { list-style:none; margin:0; padding:0; }
.contactForm ul li {
	clear:both;
	margin-bottom:20px;
	list-style:none;
}
.contactForm .FRleft {
	float:left;
	margin-bottom:20px;
	text-align:left;
	width:82px;
}
.contactForm .FRright {
	float:right;
	margin-bottom:20px;
	width:365px;
}
.contactForm .FRright .text {

	background: url(images/field.png) repeat-x scroll 0 0;
	color:#888;
	font-weight:normal;
	padding:8px 10px;
	width:95%;
}
.contactForm .FRright .area {

	background: url(images/area.png) no-repeat;
	color:#888;
	height:200px;
	font-weight:normal;
	padding:8px 10px 20px 10px;
	width:95%;
}
.Block-clients {margin:10px 10px 20px 20px; line-height:1.7em }
.clientLogo { width:120px; height:90px; float:left; margin: 0 5px 5px 0; }
.errorLogin { background: #FF0000; color:#fff; font-weight:bold; padding:5px 10px; border:solid 1px #990000; font-size:9pt; }
.download { width:500px; color:#FF0000; font-weight:bold;}
.download p span{ padding:20px 0;}
.download p img { margin-left:5px; }