body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color::#565656;
}
a {
	text-decoration:none;
	outline:none;
}
img{
	border:0px;
}
.block{
	width:100%;
	float:left;
	text-align:center;
	line-height:19px;
}
.container{
	width:1024px;
	margin:0 auto;
}
.container-sub{
	width:1024px;
	float:left;
}
.header{
	width:100%;
	height:118px;
	float:left;
}
.logo{
	width:273px;
	float:left;
	margin: 21px 0 0 35px;
	border-bottom:2px solid #ffd300;
	height: 95px;
}
.header-number{
	width:294px;
	float:right;
	font-size:21px;
	margin: 35px 63px 0 0;
	text-align:right;
	font-family:Tahoma, Geneva, sans-serif;
}
.btn{
	/*width:679px;*/
	width:580px;
	float:right;
	margin: 17px 0 0;
}
.btn-nav{
	width:100%;
	float:left;
}
.btn-nav ul{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}
.btn-nav ul li{
	width:auto;
	float:left;
	list-style:none;
	position:relative;
}
.btn-nav ul li ul{
	width:160px;
	float:left;
	background-color:#393939;
	position:absolute;
	display:none;
	z-index:999;
	margin-top:40px;
	padding:4px 0px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color=#282727)";/*IE 8*/
-moz-box-shadow: 0px 2px 4px #282727;/*FF 3.5+*/
-webkit-box-shadow: 0px 2px 4px #282727;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0px 2px 4px #282727;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color=#282727); /*IE 5.5-7*/

}
.btn-nav ul li ul li {
    background-color: #393939;
    float: left;
    width: 100%;
}
.btn-nav ul li:hover ul{
	width:160px;
	float:left;
	background-color:#393939;
/*	display:block;*/
}
.btn-nav > ul > li:hover a{
	color:#ffd300;
}
.btn-nav > ul > li ul li a{
	color:#fff !important;}
.btn-nav ul li ul li a{
	padding:7px 10px;
	float:left;
	font-size:12px;
	color:#fff;
	border-bottom:0px solid #000;
	font-weight: normal;
}

.btn-nav ul li a{
	padding:10px 20px;
	margin-right:4px;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#2f3030;
	border-bottom:2px solid #ffd300;
	/*Firefox*/
	-moz-border-top-left-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-moz-border-bottom-right-radius: 0px;
	-moz-border-bottom-left-radius: 0px;
	/*Safari, Chrome*/
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;

}
.btn-nav ul > li > ul > li:hover a{
	color:#fff !important;
	background-color:#ffd300 !important;
	width:88%;
	border-radius:0 0 0 0;
}
.active,.act{
	color:#fff !important;
	background-color:#ffd300;
	border-bottom:2px solid #ffd300;
}
.banner-main{
	width:100%;
	float:left;
	background-color:#393939;
	border-top:2px solid #ffd300;
	border-bottom:4px solid #ffd300;
}
.banner-main2{
	width:100%;
	height:40px;
	float:left;
	background-color:#393939;
	border-top:2px solid #ffd300;
	border-bottom:2px solid #ffd300;
}
.banner{
	width:944px;
	border:1px solid #fff;
	margin:40px auto 50px;
}
.section{
	width:100%;
	float:left;
}
.section-inner{
	width:970px;
	padding:40px 27px 30px;
	float:left;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=180, Color=#c1c1c1)";/*IE 8*/
	-moz-box-shadow: 0px 2px 10px #c1c1c1;/*FF 3.5+*/
	-webkit-box-shadow: 0px 2px 10px #c1c1c1;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 0px 2px 10px #c1c1c1;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=180, Color=#c1c1c1); /*IE 5.5-7*/
}
.text-wap{
	width:100%;
	float:left;
	margin-bottom: 30px;
}
h1, h2{
	font-size:23px;
	font-weight:bold;
	color:#000;
	line-height:35px;
	margin:0 0 10px;
	padding:0px;
	border-bottom: 1px solid #CCCCCC;
}
h1{
	position:relative;
	margin-bottom:15px;
}
h2{
	font-size:18px;
	color:#ffd300;
	font-weight:normal;
	height:20px;
	border-bottom: 0px solid #CCCCCC;
}
h4{
	font-size:14px;
	font-weight:800;
	color:#333;
	font-weight:normal;
	height:20px;
	border-bottom: 0px solid #CCCCCC;
}
.h1-img{
	width:104px;
	height:9px;
	position:absolute;
	background:url(../images/h1.jpg) no-repeat;
}
p{
	margin:0px;
	padding:0px;
	line-height:25px;
	color:#666161;
	text-align:justify;
}
.yellow{
	color:#ffd300;
}
.project{
	width:100%;
	float:left;
}
.clients-wap{
	width:100%;
	float:left;
}
.clients-wap .project-box, .clients-wap .project-box-two {
    background-color: #F4F4F4;
    border: 1px solid #ccc;
    float: left;
    margin: 0 26px 25px 0;
    width: 219px;background-color:#FFFFFF;
}
.clients-wap .project-box-two{
	margin-right:0px;
}
.clients-wap .p-img{
	width:198px;
	height:120px;
	float:left;
	
}
.clients-wap .p-text {
    background-color: #FFD300;
    float: left;
    padding: 6px 9px;
    width: 201px;
	font-weight:bold;
}
.clients-wap .p-text:hover {
    background-color: #EAC308;
}
.clients-wap .p-text a {
    color: #282727;
    font-weight: bold;
    line-height: 18px;
}
.footer{
	width:100%;
	float: left;
	background-color:#1a1a1a;
}
#fotter{
	width:992px;
	height:auto;
	float: left;
	margin-left:16px;
	color: #696767;
	padding-top: 25px;
	padding-bottom: 20px;
	background:url(../images/footer-line.png) no-repeat bottom center;
	margin-bottom: 5px;
	}
.f_colum_one{
	width:223px;
	height:auto;
	float: left;
	font-size: 12px;
	line-height: 24px;
	margin-right: 30px;
}
.f_colum_two{
	width:213px;
	height:auto;
	float: right;
	font-size: 12px;
	line-height: 24px;
	margin-right: 15px;
}
.f_colum_two a {
	color: #adadad;
}
.f_colum_one a {
	color: #696767;
}
.f_colum_one a:hover {
	color: #e8e7e7;
}
.f_colum_two a:hover {
	color: #e8e7e7;
}
.footer-img {
    height: 200px;
    position: absolute;
    right: 136px;
    top: -8px;
    width: 200px;
}
#copyright{
	width:450px;
	height:auto;
	float: left;
	margin-left: 16px;
	font-size: 12px;
	color: #696767;
	margin-top: 13px;
	margin-bottom: 10px;
}
#powered_by{
	width:450px;
	height:auto;
	float: right;
	font-size: 12px;
	color: #696767;
	margin-right: 16px;
	margin-top: 7px;
	text-align: right;
	margin-bottom: 10px;
}
.signage-wap{
	width:100%;
	float:left;
}
.signage-wap .project-box{
	margin-right:27px;
}
.signage-wap-left{
	width:268px;
	float:left;
	background-color:#F4F4F4;
	margin-right:20px;
	border:1px solid #E2E2E2;
}
.signage-wap-right {
    float: right;
    width: 660px;
}
.signage-wap-left-h{
	width:100%;
	float:left;
	text-align:center;
	padding:7px 0;
	color:#fff;
	background: -moz-linear-gradient(90deg, #dbba03 0%, #ffd300 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, 90deg, color-stop(0%, #dbba03), color-stop(100%, #ffd300));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(90deg, #dbba03 0%, #ffd300 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(90deg, #dbba03 0%, #ffd300 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(90deg, #dbba03 0%, #ffd300 100%);/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbba03', endColorstr='#ffd300', GradientType='0'); /* for IE */
	background: linear-gradient(0deg, #dbba03 0%, #ffd300 100%);/* W3C */
    font-size: 20px;
    font-weight: bold;
}
.signage-wap-left-pro{
	width:100%;
	float:left;
}
.signage-wap-left-pro a {
    color: #414141;
    float: left;
    margin: 6px 10px;
    width: 250px;
}
.thumb1, .thumb2 {
    float: left;
    height: 205px;
    margin-right: 30px;
    width: 200px;
	margin-bottom:15px;
}
.thumb2{
	margin-right:0px;
}
.thumb1{
	height: auto;
}

/*--------------------- left nav ----------------------*/
.services-left{
	width:280px;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#E7E7E7;
	margin-right:20px;
}

.services-left-h {
    background-color: #333333;
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    padding: 6px 0 7px 10%;
    width: 90%;
	background: -moz-linear-gradient(90deg, #1f1e1e 0%, #333333 100%);/* FF3.6+ */
background: -webkit-gradient(linear, 90deg, color-stop(0%, #1f1e1e), color-stop(100%, #333333));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(90deg, #1f1e1e 0%, #333333 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(90deg, #1f1e1e 0%, #333333 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(90deg, #1f1e1e 0%, #333333 100%);/* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f1e1e', endColorstr='#333333', GradientType='0'); /* for IE */
background: linear-gradient(0deg, #1f1e1e 0%, #333333 100%);/* W3C */
}
.services-left-text{
	width:100%;
	float:left;
}
.left-link{
	margin:0px;
	padding:0px;
	float:left;
}
.left-link li{
	border-top:1px dotted #626060;
	float:left;
	padding:2px 0px;
	list-style:none;
	list-style-type:none;
}

.left-link a {
    border-left: 5px solid #ffd300;
    color: #787873;
    float: left;
    padding: 3px 0 3px 10px;
    text-decoration: none;
    width: 265px;
}
.left-link a:hover {
    background-color: #ffd300;
    border-left: 5px solid #333;
    color: #333;
}

.left-link a.active1 {
    background-color: #ffd300;
    border-left: 5px solid #333;
    color: #333;
}

/*----------------------- box ----------------------*/
.project-box, .project-box-two {
    border: 1px solid #ccc;
    float: left;
    margin: 0 24px 25px 0;
    width: 220px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color=#a9a8a8)";/*IE 8*/
-moz-box-shadow: 0px 0px 5px #a9a8a8;/*FF 3.5+*/
-webkit-box-shadow: 0px 0px 5px #a9a8a8;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0px 0px 5px #a9a8a8;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color=#a9a8a8); /*IE 5.5-7*/
}
.project-box-two{
	margin-right:0px;
}
.p-img{
	width:200px;
	height:158px;
	margin:10px;
	float:left;
}
.p-text {
    background-color: #FFD300;
    float: left;
    padding: 6px 9px;
    width: 202px;
	text-align:center;
	height:30px;
}
.p-text:hover {
    background-color: #333333;
}
.p-text:hover a {
    color:#fff;
}
.p-text a {
    color: #282727;
    font-weight: bold;
    line-height: 18px;
}

/*........................Contact Form.......................*/


.warning {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF0000;
}
.controls button {
    background-color: #FFD300;
    border: 1px solid #FFD300;
    color: #FFFFFF;
    
    margin-right: 8px;
    padding: 3px 12px;
	cursor: pointer;
}

.form1 input {
	width:400px;
	height:30px;
	border:1px solid #E5E5E5;
	border-radius:5px;
	color:#999999;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:14px;

	padding-left:10px;
}
.form1 textarea {
	width:400px;
	height:60px;
	border:1px solid #E5E5E5;
	border-radius:5px;
	color:#999999;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top:10px;
	padding-left:10px;
}