@charset "utf-8";
/* CSS Document */
*{
margin:0px;
padding:0px;
}
body{
margin:0px;
padding:0px;
background-image:url(../images/body-bg.jpg);
background-repeat:repeat-x;
background-position:top;
font-family:arial;
font-size:12px;
color:#5f5f5f;
line-height:17px;
}
div,a,p,li,ul,img{
margin:0px;
padding:0px;
outline:none;
}
.wrapper1{
width:auto;
height:131px;
margin:0px auto;
background-image:url(../images/top-bg.jpg);
background-repeat:no-repeat;
background-position:top;
z-index:0;

}

.wrapper2{
width:auto;
height:251px;
margin:0px auto;
background-image:url(../images/banner-bg.jpg);
background-repeat:no-repeat;
background-position:top;
margin-top:14px;
z-index:-100;

}


.wrapper-inner{
width:auto;
height:186px;
margin:0px auto;
background-image:url(../images/inner-banner-bg.jpg);
background-repeat:no-repeat;
background-position:top;
margin-top:8px;
padding-top:8px;

}
.wrapper3{
width:999px;
height:85px;
margin:0px auto;
}

.wrapper4{ position:relative; bottom:0px; left:0px; right:0px;
width:auto;
height:138px;
margin:0px auto;
background-image:url(../images/footetbg2.jpg);
background-repeat:repeat-x;
background-position:top;
margin-top:20px;
}
.wrapper5{
width:auto;
height:auto;
margin:0px auto;
margin-top:9px;
}
.footer{
width:auto;
height:138px;
margin:0px auto;
background-image:url(../images/footetbg1.jpg);
background-repeat:no-repeat;
background-position:top;
}
.topcontainer{
margin:0px auto;
width:999px;
height:131px;
}
.topcontainer-left{
float:left;
text-align:left;
width:142px;
height:131px;

}
.topcontainer-right{
float:right;
width:855px;
height:131px;
}
.topcontainer-right-top{
float:left;
width:855px;
height:72px;
text-align:left;
padding-top:30px;
}
.topcontainer-right-bottom{
float:left;
width:855px;
height:29px;
text-align:right;
font-size:0px;
}
.topcontainer-right-bottom a{
margin-left:4px;
}
.topcontainer-right-top-left{
float:left;
width:346px;
height:72px;
text-align:right;

}
.topcontainer-right-top-right{
float:right;
width:130px;
height:72px;

background-image:url(../images/phone-icon.png);
background-repeat:no-repeat;
background-position:top left;
font-family:Arial;
font-size:18px;
color:#ffffff;
padding-left:40px;
}

.banner{
margin:0px auto;
width:999px;
height:238px;
z-index:0;
}
.inner-banner{
margin:0px auto;
width:989px;
height:178px;
}



.clear{
clear:both;
}
h2{
font-family:Arial;
font-weight:bold;
font-size:12px;
}
.button-gap{
width:5px;
font-size:0px;
}
.draggable-gallery{
margin:0px auto;
width:999px;
height:85px;
}
.gallery-left{
float:left;
width:22px;
height:85px;
font-size:0px;
}
.gallery-middle{
float:left;
width:956px;
height:77px;
background-image:url(../images/gallery-middle-bg.jpg);
background-repeat:no-repeat;
background-position:top;
padding-top:8px;
}
.gallery-right{
float:left;
width:21px;
height:85px;
}
.wrapper6{
width:999px;
height:10px;
margin:0px auto;
margin-top:5px;
}
.pagecontent{
width:999px;
height:273px;
margin:0px auto;
}
.about-us{
float:left;
width:359px;
height:273px;
background-image:url(../images/about-us-bg.jpg);
background-repeat:repeat-x;
background-position:top;
}
.recent-projects{
float:left;
width:357px;
height:273px;
background-image:url(../images/about-us-bg.jpg);
background-repeat:repeat-x;
background-position:top;
margin-left:6px;
margin-right:6px;
}
.our-clients{
float:left;
width:268px;
height:273px;
background-image:url(../images/about-us-bg.jpg);
background-repeat:repeat-x;
background-position:top;
}
.aboutus-heading{
width:359px;
height:31px;
}
.recent-projects-heading{
width:357px;
height:31px;
}
.our-clients-heading{
width:268px;
height:31px;
}
.about-us-text{
margin-top:10px;
width:339px;
padding-left:10px;
padding-right:10px;
text-align:justify;
font-size:12px;
height: 197px;
}

.about-us-text a{
text-decoration:none;
color: #4ba4c4; 
}

.about-us-text a:hover{
text-decoration:underline;
color: #4ba4c4;
}



.more{
margin-top:3px;
width:339px;
padding-left:10px;
padding-right:10px;
text-align:right;
}
.recent-projects-details{
 width:337px;
 padding-left:10px;
 padding-right:10px;
 height:auto;
 margin-top:14px;
}
.client-area{
width:248px;
height:59px;

padding-left:10px;
padding-right:10px;
margin-top:15px;
}
.client-left{
float:left;
width:120px;
height:59px;
background-image:url(../images/client-bg.png);
background-repeat:no-repeat;
background-position:top;
}

.client-left1{
float:left;
width:120px;
height:59px;
background-image:url(../images/client-bg.png);
background-repeat:no-repeat;
background-position:top;
margin-top:2px;
}
.client-right{
float:left;
width:120px;
height:59px;
background-image:url(../images/client-bg.png);
background-repeat:no-repeat;
background-position:top;
}
.client-gap{
float:left;
width:7px;
}
.recent-projects-details-image{
float:left;
width:112px;
height: 75px;
vertical-align:bottom;
display: table-cell;
}



.recent-projects-details-text{
float:right;
width:210px;
height:auto;
}
.recent-projects-subheading{
width:210px;
height:auto;
font-family:Arial;
font-weight:bold;
font-size:11px;
border-bottom:1px dotted;
padding-bottom:3px;

}
.recent-projects-text{
width:210px;
height:auto;
margin-top:10px;
text-align:justify;
font-size:12px;
}
.recent-projects-more{
width:210px;
height:9px;
text-align:right;
margin-top:5px;

}
.client-more{
width:255px;
height:9px;
text-align:right;
margin-top:12px;
}
.footer-content{
width:996px;
height:128px;
margin:0px auto;
font-size:10px;
padding-top:10px;
}
.link1{
float:left;
width:210px;
height:128px;
padding-left:8px;
color:#ffffff;


}
.link1 a{
text-decoration:none;
color:#ffffff;
}
.link1 a:hover{
text-decoration:none;
color:#4ba4c4;
}
.link2{
float:left;
width:140px;
height:128px;
padding-left:8px;
font-weight:bold;
font-size:10px;
color:#7aadc2;


}
.link2 a{
text-decoration:none;
color:#7aadc2;
}
.link2 a:hover{
text-decoration:none;
color:#ffffff;
}


.link3{
float:left;
width:150px;
height:128px;
padding-left:8px;
font-weight:bold;
font-size:10px;
color:#7aadc2;

}
.link3 a:hover{
color:#ffffff;
}
.link3_new{
text-decoration:none;
color:#7aadc2;

}

.link3-1{
width:132px;
height:auto;
background-image:url(../images/arrow_menu.png);
background-repeat:no-repeat;
line-height:16px;
background-position:left top;
padding-left:8px;
color:#bcbcbc;
font-weight:normal;

}

.link3-1 a{
text-decoration:none;
color:#bcbcbc;
}




.text-bold{
font-weight:bold;
font-size:10px;
color:#7aadc2;
}


.text-bold-span{
font-weight:normal;
font-size:10px;
color:#bcbcbc;
font-family:Arial;
}


.bottom-logo{
float:left;
width:150px;
height:auto;


}
.bottom-logo1{
padding-top:20px;

width:150px;
height:auto;
}
.ourlinks{
text-align:left;
float:left;
width:210px;
height:auto;
color:#FFFFFF;
margin-top:5px;
}
.ourlinks a{
text-decoration:none;
color:#FFFFFF;
}
.wrapper-for-inner-page{
width:999px;
height:auto;
margin:0px auto;
}
.div-for-inner-page{
float:left;

width:984px;
height:auto;
margin:0px auto;
padding-left:15px;
padding-right:0px;

background-image:url(../images/side-shadow.jpg);
background-repeat:no-repeat;

}
.left-menu{
width:190px;
float:left;
height:auto;
padding-top:19px;
}
.pageheading{
width:190px;
float:left;
height:auto;
font-family:Century Gothic;
font-size:18px;

text-transform:uppercase;
margin-bottom:6px;
}
.border-line{
width:172px;
height:1px;

}
.css1{
width:166px;
height:auto;
background-color:#f2f2f2;
border-bottom:1px solid #e8e8e8;
font-family:Arial;
font-size:10px;
color: #03182d;
padding-top:3px;
padding-bottom:3px;

padding-left:6px;
text-transform:uppercase;
}
.css1 a{
text-decoration:none;
color:#03182d;
}
.css2{
width:166px;
height:auto;
background-color:#ffffff;
border-bottom:1px solid #e8e8e8;
font-family:Arial;
font-size:10px;
color:#515151;
padding-top:3px;
padding-bottom:3px;


padding-left:6px;
text-transform:uppercase;
}
.css2 a{
text-decoration:none;
color:#4ba4c4;
}
.css2:hover{
color:#4ba4c4;
background-color:#f2f2f2;

}
.rightpannel{
width:780px;
float:left;
height:auto;
background-image:url(../images/side-shadow2.jpg);
background-repeat:no-repeat;
padding-top:19px;
padding-left:13px;
}

.rightpannel a{
text-decoration:none;
color: #4ba4c4;
}

.rightpannel a:hover{
text-decoration:underline;
color: #4ba4c4;
}


.mainpageheading{
width:770px;
height:auto;
}
h3{
text-transform:uppercase;
font-size:12px;
}
h4{
font-size:11px;
}
.breadcum{
width:770px;
margin:0px;
color:#888383;
font-size:9px;

}
.breadcum a{
text-decoration:underline;
color:#888383;
}
.breadcum a:hover{
text-decoration:underline;
color:#4ba4c4;
}
.maintext{
width:758px;
margin-top:19px;
text-align:justify;
}

.maintext a{
text-decoration:none;
color: #4ba4c4;
}

.maintext a:hover{
text-decoration:underline;
color: #4ba4c4;
}

.services-text{
width:758px;
margin-top:19px;

padding-bottom:9px;
text-align:justify;
}


.services-text a{
text-decoration:none;
color: #4ba4c4;
}

.services-text a:hover{
text-decoration:underline;
color: #4ba4c4;
}



.services-text-images{
width:758px;
margin-top:19px;
}
.services-heading{
width:758px;
}
.gallery1{
width:758px;
height:auto;
}
.gallery-section{
float:left;
width:144px;
/*height:96px;*/
height:110px;
margin-top:19px;
}
.gallery-image{
width:144px;
height:96px;
/*height:77px;*/
}
.gallery-text{
width:148px;
height:10px;

text-align:center;
color:#4ba4c4;
font-size:9px;
font:bold;
text-transform:uppercase;
padding-top:5px;


}
.gallery-text a{
text-decoration:underline;
color:#4ba4c4;
}
.gallery-text a:hover{
text-decoration:underline;
color:#555555;
}
.gallery-section-gap{
float:left;
width:58px;
height:100px;
}
.portfolio-gallery{
float:left;
width:770px;
height:auto;
margin-top:19px;

}
.portfolio-gallery-section{
float:left;
width:220px;
height:auto;
padding-bottom:10px;
border-bottom:1px solid #e9e9e9;
margin-bottom:30px;
}
.fortfolio-gallery-image{
width:220px;
height:150px;
vertical-align: bottom;
display: table-cell;
}
.fortfolio-gallery-text{
width:220px;
height:auto;
margin-top:3px;
}
.fortfolio-gallery-description{
width:220px;
height:auto;
margin-top:3px;
text-align:justify;

}

.fortfolio-gallery-description a{
text-decoration:none;
color: #4ba4c4;
}

.fortfolio-gallery-description a:hover{
text-decoration:underline;
color: #4ba4c4;
}




.fortfolio-gallery-more{
width:220px;
height:auto;
text-align:right;
}
.fortfolio-gallery-gap{
float:left;
width:52px;
}


.portfolio-subpages{
width:770px;
margin-top:19px;
}


.portfolio-subpages a{
text-decoration:none;
color: #4ba4c4;
}

.portfolio-subpages a:hover{
text-decoration:underline;
color: #4ba4c4;
}


.project-information{
width:770px;
font-size:14px;
font-weight:bold;
}
.project-column{
float:left;
width:770px;
height:auto;
margin-top:5px;
padding-bottom:5px;
border-bottom:1px solid #f2f2f2;
}
.column1{
float:left;
width:140px;
height:auto;
color:#4ba4c4;
}
.column2{
float:left;
width:600px;
height:auto;
}


.project-gallery{
float:left;
width:770px;
height:auto;
margin-top:10px;
font-size: 14px;
font-weight: bold;
font-family:Arial;
}
.project-gallery-image{
float:left;
width:770px;
margin-top:10px;
}
.image1{
float:left;
width:117px;
height:78px;
vertical-align: bottom;
display: table-cell;

}
.image1-gap{
float:left;
width:12px;
height:73px;
}
.client-section{
margin-top:14px;
width:774px;
height:auto;

}
.client-image-text{
width:744px;
height:auto;
}
.client-text{
float:right;
width:644px;
height:auto;
}

.client-text a{
text-decoration:none;
color: #4ba4c4;
}

.client-text a:hover{
text-decoration:underline;
color: #4ba4c4;
}



.client-heading{
width:644px;
height:auto;
}

.client-says{
width:644px;
height:auto;
text-align:justify;
}



.news_link
{
 font-family:Arial;
 font-size:12px;
 color:#515151;
 text-decoration:none;
}

.news_link:hover
{
 font-family:Arial;
 font-size:12px;
 color:#4ba4c4;
 text-decoration:none;
}

.back_link
{
 font-family:Arial;
 font-size:12px;
 color:#4ba4c4;
 text-decoration:none;
}

.back_link:hover
{
 font-family:Arial;
 font-size:12px;
 color:#515151;
 text-decoration:none;
}

.contactus{
margin-top: 10px;
width:700px;
height:auto;

}
.contactus-text{
float:left;
width:250px;
height:auto;
line-height: 19px;
min-height: 400px;
border-right: 1px solid #cccccc;
padding-top:5px; 
}
.contactus-text a{
text-decoration:none;
color: #4ba4c4;
}

.contactus-text a:hover{
text-decoration:underline;
color: #4ba4c4;
}



.contactus-form{
float:right;
width:400x;
height:auto;

}

.input_box{
	color: #4b4b4b;
	height:20px;
	background-color:#F7F7F7;
	border-top:2px #999999 solid;
	border-right:1px #999999 solid;
	border-left:1px #999999 solid;
	border-bottom:1px #999999 solid;

}

.input_box1{
	color: #4b4b4b;
	height:20px;
	background-color:#F7F7F7;
	border:1px #999999 solid;;

}


.select_boxe {
	color: #4b4b4b;
	height:20px;
	background-color:#F7F7F7;
	border:1px #999999 solid;
}