/* CSS Document */
*{margin:0 auto; padding:0;}
html{font-size:125%; height:100%;}
body{
	font-size:50%;
	width:950px;
	background-color:#000000;
	background-repeat: repeat-x;
	vertical-align:baseline;
}

.home {background-image:url(../images/home/home_bg.jpg); background-repeat:repeat-x;}
.aboutus {background-image:url(../images/aboutus/aboutus_bg.jpg); background-repeat:repeat-x;}
.services {background-image:url(../images/services/services_bg.jpg); background-repeat:repeat-x;}
.featuredprojects { background-image:url(../images/featured_projects/fp_bg.jpg); background-repeat:repeat-x;}
.ourwork{background-image:url(../images/ourwork/ourwork_bg.jpg); background-repeat:repeat-x;}
.comingsoon {background-image:url(../images/coming_soon/coming_soon_bg.jpg); background-repeat:repeat-x;}
.contactus {background-image:url(../images/contactus/contactus_bg.jpg); background-repeat:repeat-x;}
.team {background-image:url(../images/team/team_bg.jpg); background-repeat:repeat-x;}
.portfolio {background-image:url(../images/portfolio/p_bg.jpg); background-repeat:repeat-x;}
.clients {background-image:url(../images/clients/c_bg.jpg); background-repeat:repeat-x;}
ul.thumb {float: center;list-style: none;margin: 0; padding: 10px;width: 870px; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
ul.thumb li {margin: 0; padding: 5px;float: left;position: relative;width: 110px;height: 110px;}
ul.thumb li img {width: 100px; height: 100px;border: 1px solid #ddd;padding: 5px;background: #f0f0f0;position: absolute;left: 0; top: 0;-ms-interpolation-mode: bicubic; }images/
ul.thumb li img.hover {margin-top:15px; background:url(../images/thumb_bg.png) no-repeat center center;border: none;}
.title{position:absolute;width:185px;height:35px;margin:0;font-weight:900;background:url(../images/blue.png) no-repeat center center;padding:17px 0 0 0;text-align:center; color: #fff; }



td{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
	font-weight: normal;
	text-align: left;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #666666;
	text-align:justify;
}


.title {
	font-family: Arial, Helvetica, sans-serif;
	font-stretch:condensed;
	font-size: 12px;
	color: #FFFFFF;
	border-bottom:1px dashed #97938f;
}



h1 {font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	font-weight:normal;
	text-align:left;
}

h2 {font:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#333333;
	font-weight:bold;
	text-align:left;
}


h3 {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#669900;
	font-weight:normal;
	text-align:left;
}

h5 {
	font:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#336600;
	font-weight:bold;
	text-align:justify;
}

h6 {
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	font-weight:normal;
	text-align:left;
	text-align:justify
}

	

.about {font-family: Arial, Helvetica, sans-serif;
        font-size:14px;
	    font-weight: normal;
	    text-align: left;
		text-align:justify
}		
		
		
.service {font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        color: #333333;
	    font-weight: normal;
	    text-align: left;
		text-align:justify
}	


.work {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-weight: normal;
	text-decoration:none;
	text-align:justify;
		  }
		  
.remark {font:"Times New Roman", Times, serif;
		 font-style:italic;
		 font-size:9px;
		 color:#FF0000;
		 text-align:left;
		 }




.hozline{width:100%; line-height:2px; height:1px; border-top:#b9a790 2px solid; font-size:1px; margin:10px 0;}
.hozline2{width:100%; line-height:1px; height:1px; border-top:#c9c4b1 1px solid; font-size:1px; margin:10px 0;}


/*NORMAL LINK*/
a{
	text-decoration:none;
	color:#FF9900;
}
a:hover,a:avtive,a:visited{text-decoration:underline;}
a img{border:0;}




/* Bubble pop-up */
.coda_bubble {
    position: relative;
    top: 0px;
    left: 0px;
    width:118px;
	height:118;
    text-align:left;
    float:left;
    padding-left:0px;
}
.popup {
    position: absolute;
    display: none;
    z-index: 495;
    border-collapse: collapse;
}

.popup td.corner {
    height: 15px;
    width: 19px;
}

.popup td.topleft { background-image: url(../images/bubble/bubble-1.gif); }
.popup td.top { background-image: url(../images/bubble/bubble-2.gif); }
.popup td.topright { background-image: url(../images/bubble/bubble-3.gif); }
.popup td.left { background-image: url(../images/bubble/bubble-4.gif); }
.popup td.right { background-image: url(../images/bubble/bubble-5.gif); }
.popup td.bottomleft { background-image: url(../images/bubble/bubble-6.gif); }
.popup td.bottom { background-image: url(../images/bubble/bubble-7.gif); text-align: center;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td.bottomright { background-image: url(../images/bubble/bubble-8.gif); }

.popup table.popup-contents {
    font-size: 12px;
    line-height: 1.2em;
    background-color: #fff;
    color: #666;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
    
}

table.popup-contents th {
    text-align: right;
    text-transform: lowercase;
}

table.popup-contents td {
   text-align: left;
}
.popup td.bubble_content {
   background:white;
   font-family: "Trebuchet MS",  sans-serif;
   font-size:11px;
   padding:10px;
}
.trigger{
	font-family: "verdana", arial, sans-serif;
	font-size:12px;
}