@charset "utf-8";
/* CSS Document */

*{outline:none;}
body{ background:#fff;}

#mainheader{width:auto; margin:auto; height:auto; background:url(../Images/headerbg.png) repeat-x;}
#mainframe{ width:990px; height:auto; margin:auto; display:table;}
.header{float:left; margin:0px; padding:0px; width:990px; height:auto;background:url(../Images/headerbg.png) repeat-x;}
.logo{float:left; margin:0px 0px 0px 10px; padding:0px;}
.menu{float:right; margin:0px; padding:0px; width:800px;}
.menu ul{margin:25px 0px 0px 0px; padding:0px; width:800px; list-style:none;}
.menu ul li{margin:0px; padding:0px; display:inline;}
.menu ul li a{margin:0px; padding:25px 11px 25px 11px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; text-decoration:none;-webkit-transition-duration:0.8s; /*Webkit: Animation duration*/
-moz-transition-duration:0.8s; /*Mozilla duration version*/
-o-transition-duration: 0.8s;	}
.menu ul li a:hover{background:#000; border-bottom:#00A2E4 6px solid;}

#slider1 {
    width: 990px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */ background:#0089CC; float:left; margin:2px 0px 0px 0px;
 }

#slider1Content {
    width: 980px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0; float:left; margin:0px 0px 0px 0px;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;margin:0px 0px 0px -40px;
}
.slider1Image span {
    position: absolute;
	font: 12px/18px Arial, Helvetica, sans-serif;
    padding: 40px 13px;
    width: 894px;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.9;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 22px; margin:0px 0px 0px 0px;
}
.left {
	top: 0;
    left: 0;
	width: 410px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
ul { list-style-type: none;}
/*================
*/
.maincontent{float:left; margin:0px 0px 0px 0px; padding:0px; width:990px;}
.maincontent h1{float:left; margin:10px 0px 0px 0px; padding:0px 0px 5px 0px; width:990px; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#0089cc; border-bottom:1px solid #c7c7c7;}
.maincontent h2{float:left; margin:10px 0px 0px 0px; padding:0px 0px 5px 0px; width:990px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#404040;}
.maincontent p{float:left; margin:10px 0px 20px 0px; padding:0px; width:990px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#565757; text-align:justify;}

.leftcontent{float:left; margin:0px 0px 0px 0px; padding:0px; width:650px;}
.leftcontent h1{float:left; margin:0px; padding:30px 0px 5px 0px; width:650px; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#0089cc; border-bottom:1px solid #c7c7c7;}
.leftcontent p{float:left; margin:10px 0px 20px 0px; padding:0px; width:650px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#565757; text-align:justify;}
.leftcontent p img{float:right; margin:0px 0px 0px 10px; padding:0px; width:250px; height:200px; border:1px solid;}

.rightcontent{float:right; margin:0px; padding:0px; width:300px;}
.rightcontent h1{float:left; margin:0px; padding:30px 0px 5px 0px;width:300px; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#0089cc; border-bottom:1px solid #c7c7c7;}
.rightcontent p{float:left; margin:10px 0px 20px 0px; padding:0px; width:300px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#565757; line-height:25px;}
.rightcontent p img{float:left; margin:30px 0px 0px 0px; padding:0px; width:300px; height:250px; background:#339; border:3px solid;}
.rightcontent p a{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#565757; line-height:40px; text-decoration:none; font-weight:bold;}
.rightcontent p a:hover{color:#00A0E1;}
.read{float:right; margin:0px; padding:5px 10px 5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#CCC; background:#333; text-decoration:none;-webkit-transition-duration:0.3s; /*Webkit: Animation duration*/
-moz-transition-duration:0.3s; /*Mozilla duration version*/
-o-transition-duration: 0.3s;	}
.read:hover{background:#00A0E1; color:#FFF;}
.subsidiaries{float:left; margin:0px; padding:0px; width:990px;}
.subsidiaries div{float:left; margin:5px 14px 30px 0px; padding:0px; width:480px; height:auto; }
.subsidiaries div h2{float:left; margin:0px 0px 10px 0px; padding:0px; width:480px; height:auto;font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#565757; }
.subsidiaries div p{float:left; margin:0px; padding:0px 0px 0px 0px; width:480px; height:auto;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#565757; }

.img_gallery{float:left; margin:0px; padding:0px; width:990px;}
.img_gallery div{float:left; margin:20px 9px 10px 0px; width:317px; height:auto; border:2px solid #d7d7d7; background:#f0f0f0;-webkit-transition-duration:0.6s; /*Webkit: Animation duration*/
-moz-transition-duration:0.6s; /*Mozilla duration version*/
-o-transition-duration: 0.6s;}
.img_gallery div img{float:left; margin:0px; width:317px; height:205px; opacity:0.8;}
.img_gallery div b{float:left; margin:0px 0p 0px 0px; width:317px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#029DDC; text-align:center; padding:20px 0px 10px 0px;}
.img_gallery div:hover img{opacity:1.0;}
.img_gallery div:hover{background:#029DDC;-webkit-transition-duration:0.6s; /*Webkit: Animation duration*/
-moz-transition-duration:0.6s; /*Mozilla duration version*/
-o-transition-duration: 0.6s}
.img_gallery div:hover b{ color:#FFF;}
.clients{ float:left; margin:0px; border-bottom:1px solid #EAEAEA;border-top:2px solid #0089CC;}
.clients img{float:left; margin:10px 14px 10px 10px; padding:0px; width:auto; opacity:0.4;-webkit-transition-duration:0.5s; /*Webkit: Animation duration*/
-moz-transition-duration:0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; width:131px; height:121px;	}
.clients img:hover{ opacity:1.0;}
#mainfooter{width:auto; margin:auto; background:url(../Images/headerbg.png) repeat-x;}
.footer{float:left; margin:0px; padding:5px 0px 5px 0px; width:990px;}
.copyright{float:left; margin:20px 0px 0px 2px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF;}
.footer img{float:right; margin:0px 2px 0px 10px; padding:0px; width:auto; height:auto;}

.img_gallery1{float:left; margin:0px; padding:0px; width:990px;}
.img_gallery1 div{float:left; margin:20px 19px 20px 0px; width:350px; height:auto; border:5px solid #000; background:#f0f0f0;-webkit-transition-duration:0.6s; /*Webkit: Animation duration*/
-moz-transition-duration:0.6s; /*Mozilla duration version*/
-o-transition-duration: 0.6s;}
.img_gallery1 div img{float:left; margin:0px; width:350px; height:286px;}
.img_gallery1 div:hover{border:5px solid #0089CC; }

.img_gallery2{float:left; margin:0px; padding:0px; width:990px;}
.img_gallery2 div{float:left; margin:20px 5px 20px 5px; width:230px; height:280px; border:2px solid #000; background:#f0f0f0;-webkit-transition-duration:0.6s; /*Webkit: Animation duration*/
-moz-transition-duration:0.6s; /*Mozilla duration version*/
-o-transition-duration: 0.6s;}
.img_gallery2 div img{float:left; margin:0px; width:230px; height:200px; background:#096;}
.img_gallery2 div p{float:left; margin:10px 0px 0px 0px; width:230px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#999;}
.img_gallery2 div:hover{border:2px solid #0089CC; background:#0089CC; }
.img_gallery2 div:hover p{ color:#FFF;}


.img_gallery3{float:left; margin:0px; padding:0px; width:650px;}
.img_gallery3 div{float:left; margin:20px 5px 20px 5px; width:200px; height:auto; border:2px solid #000; background:#f0f0f0;-webkit-transition-duration:0.6s; /*Webkit: Animation duration*/
-moz-transition-duration:0.6s; /*Mozilla duration version*/
-o-transition-duration: 0.6s;}
.img_gallery3 div img{float:left; margin:0px; width:200px; height:200px; background:#096;}
.img_gallery3 div p{float:left; margin:10px 0px 0px 0px; width:200px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#999;}
.img_gallery3 div:hover{border:2px solid #0089CC; background:#0089CC; }
.img_gallery3 div:hover p{ color:#FFF;}





#lightbox {
	background-color: #eee;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxIndicator {
	border: 1px solid white;
}
#lightboxOverallView,
#overlay {
	background-color: #000;
	opacity: 0.5;
}
* html #lightboxOverallView,
* html #overlay {
	background-color: #000;
	filter: Alpha(opacity=50);
}

ul.photos {
	width: 990px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto ; 
}
ul.photos li {
	display: inline;
	width: 290px !important;
	height: 260px !important;
}
ul.photos a.horizontal img,
ul.photos a.effectable img {
	padding: 0px 0px;border:5px solid #d2d2d2;width: 290px !important;
	height: 260px !important;margin:10px 12px 20px 12px;
}
ul.photos a.vertical img {
	padding: 0px 0px;border:5px solid #d2d2d2;width: 290px !important;
	height: 260px !important;margin:12px 10px 20px 12px;
}

.enquiry_form2
{
height:495px;
width:420px;
float: left;
margin:10px 0px 20px 0px;
}

.enquiry_form2 h1
{
height: auto;
width:440px;
float:left;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
text-align:left;
color:#747474;
font-size:22px;
font-weight:normal;
font-family: Trebuchet MS;
border-bottom:#CCCCCC 1px solid;
}
.enquiry_form2 div
{
width:450px;
float: left;
height:auto;
color:#747474;
font-size:14px;
font-family:Trebuchet MS;
margin-top:4px;
font-weight: normal;
margin-right:13px;
margin-left:13px;
position:relative;
display:block;
margin-bottom:5px;
text-shadow:none;
font-weight:bold;
}
.enquiry_form2 input
{
color:#535651;
}
.enquiry_form2 input:hover
{

}
.txt_box
{
color:#67575F; background:#fff !important;
font-family:Arial;
font-size:11px;
font-weight: normal;
height:50px;
width:406px;
float:right;
margin:0px; border:1px solid #000;

}
.txt_area
{
color:#67575F;
font-family:Arial;
font-size:11px;
font-weight: normal;
height:23px;
width:326px;
float:right;background:#fff !important;
margin:0px; border:1px solid #000;
}
.enquiry_form2  select 
{
height:23px;
width:330px;
float:right;
color:#67575F;background:#fff !important;
font-family:Trebuchet MS;
font-size:11px; 
font-weight: normal; border:1px solid #000;

}
.enquiry_form2  textarea 
{
color:#67575F;
font-family:Arial;
font-size:12px;
font-weight: normal;
height:50px;
width:326px;
float:right;
margin:0px; border:1px solid #000;

}
.enquiry_form2 textarea:hover
{

}
.enquiry_form2 select:hover
{
}
.button
{
height:25px;
width:80px;
border:none;
cursor:pointer;background:#fff !important;
color:#747474!important;
font-family: Arial!important;
 border:2px solid #747474;
 font-weight:bold;
float:right !important;
margin-top:5px !important;
margin-right:5px !important;
}
.button:hover
{
 color:#262016!important;
 border:2px solid #262016;

}

#contact
{
height:450px;
width:400px;
float:right;
margin:10px 0px 8px 0px;

padding:5px 0px 40px 20px;
}

#contact a
{
color:#CCCCCC;
}

#contact h3
{
height: auto;
width:370px;
float:left;
margin:0px 0px 10px 0px;
background: none;
padding:0px 5px 0px 0px;
text-align:left;
color:#0089CC;
font-size:21px;
font-weight:normal;
border-bottom:#0089CC 2px solid;
}
#contact h1
{
height: auto;
width:200px;
float:left;
margin:0px 0px 0px 0px;
background: none;
padding:5px 5px 0px 0px;
text-align:left;
color:#0089CC;
font-size:18px;
font-weight:normal;
}
#contact h2
{
height: auto;
width:340px;
float:left;
margin:0px 0px 0px 0px;
background: none;
padding:0px 0px 0px 0px;
text-align:left;
color:#0089CC;
font-size:20px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
#contact font
{
font-family: Trebuchet MS;
font-size:14px;
color: #242527;
width:290px;
float:left;
margin:10px 0px 10px 2px ;
}
#contact b
{
font-size:13px;
color:#0089CC;
font-weight:bold;
float:left;
width:100px;
margin:10px 0px 10px 0px ;
}
