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

body {
	margin:0;
	padding:0;
}
a{
outline:0;
}

.clear{
	clear:both;
}

.logo {
	padding-left:20px;
	padding-top:20px;
	float:left;
	width: 100%;
}
#accordion {
	width: 1000px;
	height: 550px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	position:relative !important;
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:top left;
	margin:0 auto;
}
h3 {
	font-size: 14px;
	padding: 8px 6px 5px 60px;
	margin: 0;
	color:#fff;
	cursor:pointer;
	height:30px;
	line-height: 25px;
}

h4{
	color:#333;
	font-size:16px;
	width:98.5%;
	margin:0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.icon {
	border:none;
	float:left;
	padding-right:5px;
}
.iconinside {
	border:none;
	float:left;
	padding-right:10px;
}
.visible {
	background-image:url(images/tab-left-active.gif);
	border-bottom:1px solid #f9b900;
}
.panel_body {
	height:100px;
	background-color:#ccc;
	display:block;
	position:relative;
	color:#FFFFFF;
}
.panel_body div {
	padding:3px 5px;
}
.panel_container {
	position: absolute;
	bottom:0px;
	margin:0px;
	padding:0px;
	background-image:url(images/tab-right.gif);
	background-position:top right;
	background-repeat:repeat-x;
	background-color:#333333;
	filter:alpha(opacity=80);
	opacity:0.8;
}
#panel1 {
	left: 0;
	width: 334px;
}
#panel2 {
	left: 33.42%;
	width: 333px;
}

#panel4 {
	left: 66.72%;
	width: 333px;
}
p {
	width: 238px;
	text-align:justify;
}
.paneltext {
	padding:5px;
	font-size:11px;
	color:#333;
}
.paneltext a {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
	line-height:20px;
}
.paneltext a.readmore {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	float:right;
	color:#900;
	padding-right:5px;
}
.right_bot {
	width:125px;
	float: left;
}
.quote_scroll{
float: left;
padding-left:20px;
}
.right_bot blockquote {
	font-size:14px;
	font-style:italic;
	color: black;
	margin:5px;
	float:left;
	background:#000000;
	background:url(../images/blockquote_bg.png);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding-bottom: 15px;
}

.quote{
float:left;
width:65px;
}
.quotetxt{
	padding: 8px;
}
.face{
	float:left;
	padding-top:15px;
	padding-left: 15px;
}
.quote_by {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:10px;
	float:left;
	font-style:oblique;
	text-align:center;
	padding:8px;

}
.quote_more {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:10px;
	float:right;
	text-align:right;
	padding:7px;

}
.footer {
	clear:both;
	width:1000px;
	height:40px;
	background:#101010;
	margin:0 auto;
}
.footer_text {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#fff;
	line-height:45px;
	margin:0 auto;
}
.footer_text a {
	text-decoration:underline;
	color:#fff;
}
.footer_text a:hover {
	text-decoration:none;
	color:#fff !important;
	background:none;
}
.header {
	width:1000px;
	margin:0 auto;
}
.content {
	margin:0 auto;
	width:1000px;
}
.lefttext {
	float:left;
	width: 130px;
}
.righttext {
	width:120px;
	float:left;
	}
.middletext {
	width:740px;
	float:left;
	padding:5px;
	background:#f9f9f9;
}
.middletext p {
	color:#333;
	width:98%;
	padding:0 8px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height:20px;
}
.middletext h2 {
	color:#333;
	font-size:18px;
	padding:10px 0 10px 8px;
	width:98.5%;
	margin:0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 1px solid #054578;
}

.middletext_loc {
	width:8s40px;
	float:left;
	padding:5px;
	background:#f9f9f9;
}
.middletext_loc p {
	color:#333;
	width:98%;
	padding:0 8px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height:20px;
}
.middletext_loc h2 {
	color:#333;
	font-size:18px;
	padding:10px 0 10px 8px;
	width:98.5%;
	margin:0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 1px solid #054578;
}


/*==================================PROjects==================================*/
.proj{
	margin:0 0 10px 0;
	padding:7px 5px;
	height:150px;
	float:left;
	width:730px;
	background:#e7edf4;
	border-bottom:#054578 1px solid;
	}
/*.num2{
background:#dee5ee;
}
.ul2{
background:#c3d1e1;
}
	*/
.proj li{
list-style:none;
}
.project_pic{
float:left;
width:120px;
height:150px;
}

.project_pic_right{
float:right;
width:120px;
height:150px;
}

.pictxt{
width:120px;
background:#054578;
height:17px;
text-align:center;
color:#fff;
padding-top:3px;
font:bold 12px Arial, Helvetica, sans-serif;
margin-bottom:5px;
}
.project_pic img{
border:2px solid #054578;
height:121px;
width:116px;
}

.project_detail{
	float:left;
	width:470px;
	font:12px Arial, Helvetica, sans-serif;
	line-height:18px;
	margin-left:10px;
}
.projectdetail-txt{
height:22px;
border-bottom:1px solid #054578;
color:#fff;
padding-top:3px;
font:bold 12px Arial, Helvetica, sans-serif;
margin:0 0 5px 0;
}
.projectdetail-txt li{
float:left;
list-style:none;
padding:0 3px;
text-transform:uppercase;
color:#054578;
}
.projectdetail-txt li span{
color:#b00000;
}
.project_detail div{
height:65px;
width:100%;
}

.project-option{
margin:0 0 5px 0;
background:#ccd9e7;
height:15px;
padding:5px 0 10px 15px;
}
.project-option li{
float:left;
list-style:none;
padding:0 5px;
font-weight:bold;
color:#03365e;
}
.project-option li a{
color:#03365e;

background:none;
text-decoration:none;}

.project-option li a:hover{
color:#054578 !important;
text-decoration:underline;}
.enquiry a{
font-weight:bold;
color:#054578;
text-decoration:none;
}
.enquiry a:hover{
text-decoration:underline;
background:none;
color:#054578 !important;
}
.more{
float:right;
border:0;
}
/*==================================specification==================================*/
.specification-columns{
margin:0 0 10px 0;
padding:0;
float:left;
}
.specification-columns li{
list-style:none;
margin:0 0 10px 0;
float:left;
}
.specific-left{
width:110px;
float:left;
background:#ccd9e7;
text-align:center;
font:bold 12px Arial, Helvetica, sans-serif;
}

.pro1{
width:75px;
margin-top:5px;
border:#496b9b 1px solid;
}
.specific-mid{
width:390px;
float:left;
padding:5px;
background:#e7edf4;
font:12px Arial, Helvetica, sans-serif;
}
.specific-mid ul{
margin:0;
padding:0 0 0 25px;
}
.specific-mid li{
list-style:square;
}
.specific-right{
width:130px;
padding:5px 0 0 10px;
float:left;
background:#e7edf4;
}
.specific-hding{
width:100%;
height:20px;
background:#83a1c2;
padding:5px 0 0 0;
}


.logo-list{
margin:0;
}
.logo-list li{
float:left;
margin:0 5px 0 0;
}
.logo-list li img{
width:57px;
border:#bbc8d6 1px solid;
}
/*=========================BREADCRUMBS=========================*/
.breadcrumbs{
height:25px; width:100%;
padding-top:5px;
border-bottom:1px solid #ccd9e7;
}

.breadcrumbs li,.breadcrumbs li a{
display:inline;
background:none;
text-decoration:none;
font:bold 12px Arial, Helvetica, sans-serif;
color:#054578;
padding:0 2px;}

li.second a {
background:url(../images/blue-bullet.png)no-repeat 1px 5px ;
padding-left:12px;
}

li.third{
background:url(../images/red-bullet.png)no-repeat 1px 5px ;
padding-left:12px;
color:#b00000;
}
/*=========================location=========================*/
.location{
width:100%;
}
.location-lft{
float:left;
width:430px;
}
.location-lft img{
border:1px solid #000;
margin-left:10px;
}

.location-rght{
float:left;
width:420px;
padding:5px;
background:#bfcbd9;
}


.contact{
	margin-top:15px;
}


.contact_lebel{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}

.contact_txt_field{
	width:350px;
	height:19px;
	background-color:#bfcbd9;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	border:solid 1px #666;
	margin-bottom:3px;
}


.contact_msg{
	width:367px;
	height:131px;
	background-color:#bfcbd9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	border:solid 1px #666;
}


.submit_btn{
	margin-top:15px;
	width:69px;
	height:23px;
	border:none;
}


fieldset{
	border:0px;
}


.thank_txt{
	height:330px;
	margin-top:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
}


.txt{
	width:421px;
	height:120px;
	float:right;
	margin-right:35px;
	margin-top:80px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}

.contact-rght{
float:left;
width:300px;
padding:5px;
}

.contactinfo {
  margin-top: 20px;
}
.contactinfo li {
  clear: both;
  margin: 10px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #eaeaea;
  font-family:Arial, Helvetica, sans-serif;
  color: #666666;
  font-size: 12px;
  line-height: 18px;
  list-style:none;
}

ul.tick li {
	background-image: url(../images/tick.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-top: 10px;
	padding-left: 25px;
	list-style-image: none;
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
/* Images and Alignments */
.aligncenter {
	display:block;
	text-align:center;
	margin:0 auto 20px auto;
}
.alignleft {
	float:left;
	display: inline;
}
.alignright {
	float:right;
	display: inline;
}
img.aligncenter {
	display:block;
	text-align:center;
	display: block;
	margin:0 auto 20px auto;
	padding:0px;
	border:0px;
	background:none;
}
img.alignleft {
	float:left;
	margin: 6px 20px 6px 0;
	display: inline;
	border:0px;
	background:none;
	padding:0;
	display:block;
}
img.alignright {
	padding:0;
	float:right;
	margin: 6px 0 6px 20px;
	border:0px;
	display:block;
	background:none;
}/* Border and caption aligns */
span.border.alignleft, .wp-caption.alignleft {
	float:left !important;
	margin: 6px 20px 6px 2px;
	display: inline !important;
	position:relative;
}
span.border.small {
	width:300px;
	padding:20px;
}
span.border.fullborder {
	margin:0 0 20px 0;
	padding:20px;
}
span.border.alignright, .wp-caption.alignright {
	float:right !important;
	margin: 6px 2px 6px 20px;
	display: inline !important;
	position:relative;
}
span.border img, .wp-caption img {
	border:1px solid #fff;
	display:block;
	float:left;
}
.sidebar div.border {
	margin:3px 2px;
}
.aligncenter .border {
	margin:2px 0 0 0 !important;
}