@charset "utf-8";

/* CSS Document */



/*---------------------------Genrael Clases---------------------------------------*/



body{

	font-family:Tahoma;

	font-size:11px;

	color:#999999;

	background:#022C4F url(../images/bg.jpg) repeat-x top;

}



* {

	margin:0px;

	padding:0px;

}



.fl{

	float:left;

}



.fr{

	float:right;

}

.clr{

	clear:both;

}



ul,li{

	list-style:none;

}



a {

	text-decoration:none;

	color:#999999;

}



a:hover{

	text-decoration: underline;

}



/*---------------------------Layout Content Clases---------------------------------*/



#Layout{                /*------------------------For Page Main Width------------------------------------*/

	width:854px;

	margin:auto;

}





#Top{

	height:80px;

	position: relative;

	background:url(../images/top-bg.jpg) repeat-x;

	border-left:#668199 solid 1px;



}



#Logo{

	position:absolute;

	left:20px;

	top:16px;

	z-index:1000;

}

#Slogan{

	position:absolute;

	left:97px;

	top:58px;

	z-index:1000;

}

#TopNav{

	position:absolute;

	right:0px;

	top:0px;

	width:850px;

	text-align:right;

	overflow:hidden;

	height:41px;

	background:url(../images/top-navBG.jpg) no-repeat;

}



#TopNav ul{

	height:33px;

	float:right;

	font-family:Tahoma;

}

#TopNav ul li{

	float:left;

	height:35px;

	background:url(../images/sep.gif) right no-repeat;

	padding:0 6px 0 2px;

	margin-top:2px;

	*margin-top:2px;

	_margin-top:1px;
	
	text-transform: uppercase;
	
	

	

}

#TopNav ul li.last{

	background:none;

}

#TopNav ul li.selected a{

	background:url(../images/over.gif) repeat-x;

}

#TopNav ul li a{ 

	color:#fff;

	display:block;

	float:left;

	font-size:11px;

	height:35px;

	line-height:36px;

	padding:0 12px;

	_margin-top:1px;

	

}

#TopNav ul li a:hover{

	background:url(../images/over.gif) repeat-x;

	text-decoration:none;

}

#Phone{

	position:absolute;

	right:10px;

	top:60px;

	font-size:17px;

	color:#210F04;

	font-weight:bold;

	font-family:Arial, Helvetica, sans-serif;

}



#Header{

	background:url(../images/header.jpg);

	height:234px;

	width:854px;

	overflow:hidden;

	position:relative;

}

#LeftNav{

	background:url(../images/leftnav.gif) no-repeat;

	width:220px;

	height:234px;

	margin-left:30px;

	overflow:hidden;

}

#LeftNav ul{

	padding-top:26px;

	padding-left:6px;

}

#LeftNav li{

	background:url(../images/left-navBg.gif);

	height:25px;

	width:200px;

	font-family: Arial, Helvetica, sans-serif;

	font-size:10px;

	overflow:hidden;
	
	text-transform:uppercase;

}

#LeftNav li a{

	margin-left:43px;

	line-height:25px;

}

#LeftNav li a:hover,
#LeftNav li.selected a{

	text-decoration:none;

	color:#D53C3C;

}

#TagLine{

	position: absolute;

	right:0px;

	top:0px;

	width:599px;

	color:#fff;

	font-size:11px;

	

	

}



#Content{

	padding:20px 15px;

	background:#fff url(../images/body-bg.jpg) no-repeat top;

	border-left:#668199 solid 1px;



}



#Content .LeftSide{

	float:left;

	width:525px;
	padding-right:16px;
	background:url(../images/red-dot.jpg) repeat-y right;

}



.welcomeBox{

	background:url(../images/mark.gif) no-repeat right bottom;

	border-bottom:#A9A6A6  dashed 1px;

	padding-bottom:10px;

	padding-bottom:10px;

	_padding-bottom:5px;

	margin-bottom:7px;



}

.welcomeBox h3,

.LatestProject h3{

	background: url(../images/HeadingEro.gif) no-repeat left;

	height:26px;

	border-bottom:#B7C8D7 solid 1px;

	font-size:12px;

	font-family:Tahoma;

	color:#4F5050;

	line-height:26px;

	margin:0 5px;

	padding-left:27px;

	margin-bottom:5px;

 }

.welcomeBox .ThumBg{

	background:url(../images/Thum-bg.gif) left no-repeat;

	float:left;

	height:100px;

	width:162px;

	text-align:center;

	margin-left:20px;

	*margin-left:20px;

	_margin-left:10px;

}

.welcomeBox .ThumBg img{

	margin-top:6px;

	margin-left:1px;

}

.welcomeBox .WelcomeDetail{

	float:left;

	width:330px;

	padding-left:10px;

	line-height:20px;

	color:#3780A6;

}



.LatestProject{

	background:url(../images/lastesBoxBG.gif);

	width:519px;

	overflow:hidden;

}

.LatestProject .Top{

	background:url(../images/lastesBoxTop.gif) no-repeat top left;

}

.LatestProject .latestBG{

	background:url(../images/lastesBoxBottom.gif) no-repeat bottom left;

	padding:0 5px;

	padding-bottom:15px;

}

.LatestProject .latestBG h3{

	margin-bottom:15px;

}

.LatestProject .latestBG ul{

	padding-left:10px;

}

.LatestProject .latestBG ul li{

	float:left;

	width:227px;

	background:url(../images/blue-Aro.gif) no-repeat left center;

	padding-left:17px;

	margin-bottom:5px;

}

.LatestProject .latestBG ul li a{

	color:#3780A6;

}



#Content .RightSide{

	float:right;

	width:268px;

	position:relative;

}

.projectOurter{

	padding-top:5px;

}

.projectOurter .projectBox{

	border-bottom:#666666 dashed 1px;

	padding-bottom:10px;

	margin-bottom:10px;

	font-size:11px;

	font-family:Arial, Helvetica, sans-serif;

	color:#605F5F;

}

.projectOurter .projectBox img{

	float:left;

	margin-right:10px;

	margin-left:23px;

}



#Content .RightSide .HomeSep{

	background:url(../images/homeSep.gif) no-repeat 0 10px;

	width:9px;

	height:275px;

	position:absolute;

	left:-19px;

	top:-10px;

}

.RedBox{

	background:#fff url(../images/redbox.jpg) no-repeat left top;

	height:171px;

	width:854px;

	margin:auto;

	padding-bottom:25px;

}

.RedBox .RedLeft{

	float:left;

	padding-left:110px;

	padding-top:40px;

}

.RedBox .RedRight{

	float:right;

	color:#FFFFFF;

	margin-top:30px;

	background:url(../images/mini-logo.gif) no-repeat left top;

	width:240px;

	padding-left:60px;

}

.RedBox .RedRight h3{

	font-size:11px;

	margin:10px 0px;

}

.RedBox .RedRight li{

	background:url(../images/icon-good.gif) no-repeat left;

	padding-left:20px;

	margin-bottom:5px;

}

.RedBox .RedRight li a{

	color:#FFFFFF;

}

#Footer{

	color:#FFFFFF;

	text-align:center;

	padding:10px;

	padding-bottom:0px;

	

}

#Footer a{

	color:#FFFFFF;

	margin:0 10px;

	font-size:10px;

}

#Footer div{

	margin-bottom:10px;
	text-transform: uppercase;

}

#Footer div.copyRights{

	font-size:12px;

}



/*Added for About Us Page*/



.SubContent{

padding:20px 33px 0;

font-size:12px;

font-family:Arial, Helvetica, sans-serif;

color:#000000;

}

.SubContent h2{

font-family:Tahoma;

font-size:19px;

color:#BE0511;

font-weight:normal;

margin-bottom:15px;



}

.SubContent p.pagewelcome{

margin-bottom:15px;

font-size:12px;

font-family:Arial, Helvetica, sans-serif;

color:#000000;

}



.about-box{

border:#77B7DC solid 1px;

background:#fff url(../images/aboutBg.gif) repeat-x top ;

padding:4px;

font-size:11px;

position:relative;

margin-bottom:25px;

clear:both;



}

.about-box .abt-innerbox{

padding:5px;

}



.about-box  h4{

height:30px;

background:#CCE8F9;

text-align:center;

line-height:30px;

margin-bottom:4px;

color:#000000;

font-size:16px;

}

.about-box .abt-innerbox .about-thum{

float:left;

width:250px;

padding:3px;

position:relative;

background:#fff;

border:#B7B7B7 solid 1px;

}





.about-box .abt-innerbox .aboutDetail{

float:left;

width:435px;

padding-left:15px;

padding-top:10px;

font-family:Arial, Helvetica, sans-serif;

position:relative;

font-size:12px;

color:#000000;

}

.about-box .abt-innerbox .aboutDetail h5{

font-size:15px;

font-weight:bold;

margin-bottom:10px;



}

.about-box .abt-innerbox .aboutDetail p{

margin-bottom:10px;

}



.about-box .text{

padding:7px 5px;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#000000;

line-height:17px;

}

.about-box .abt-innerbox .read-more{

background:url(../images/read.gif) no-repeat;

height:19px;

width:99px;

display:block;

line-height:19px;

text-align:center;

float:right;

position:relative;

top:-19px;

}

.about-box .abt-innerbox .read-more a{

text-decoration:none;

color:#FFFFFF;

font-weight:bold;

margin-left:10px;

}



.about-box .aboutDetail strong{

display:block;

padding-bottom:10px;

}

.about-box .abt-innerbox .fr{

float:right;

}

.about-box .abt-innerbox .fl{

float:left;

padding-left:0px;

}



.SmallB0x{

padding:0 30px;





}

.SmallB0x .about-box{

	width:305px;

	float:left;

	clear:none;

	border:#E4E4E4 solid 1px;

	background:#FFFFFF;

	position:relative;

	margin-bottom:40px;

	_margin-bottom:15px;

}

.SmallB0x .about-box a.readMore{

position:absolute;

right:1px;

bottom:-18px;

background:url(../images/reed-bg.gif); 

width:79px;

line-height:17px;

font-weight:bold;

color:#fff;

height:17px;

text-align:right;

display:block;

font-size:11px;

padding-right:7px;

}

.SmallB0x .about-box a.readMore:hover{

text-decoration:none;

}

.SmallB0x .about-box .aboutImg{

width:250px;

border:#999999 solid 1px;

padding:1px;

background: #FFFFFF;

margin:auto;

margin-top:12px;

}

.SmallB0x .fr{

float:right;

}



/*Added for Showroom Page*/



#FlashPlyar{

width:632px;

height:392px;

margin: auto;

margin-bottom:20px;

}



/*Added for Contact Us Page*/

.filed {

height:40px;
width:100%;
clear:both;

}

.filed label{

background:url(../images/label-bg.gif) no-repeat;

background-position:100px 4px;

display:block;

width:110px;

float:left;

line-height:20px;

font-family:Tahoma;

font-size:12px;

color:#000000;

}

.filed input{

float:left;

border:#549CCB solid 1px;

width:205px;

padding:4px 3px 3px;

font-size:11px;

font-family:Tahoma;

}

.filed select{

float:left;

border:#549CCB solid 1px;

width:215px;

height:20px;

font-size:11px;

font-family:Tahoma;

}

.radio{

height:30px;

}

.radio label,

.radio span{

font-family:Tahoma;

font-size:12px;

color:#000000;

line-height:20px;

}

.radio input{

margin:0 10px;

position:relative;

top:2px;

*top:2px;

_top:1px;

}

.TextArea label{

display:block;

font-family:Tahoma;

font-size:12px;

color:#000000;

line-height:20px;

padding-bottom:3px;

}

.TextArea textarea {

	width:314px;

	height:70px;

	border:#549CCB solid 1px;

	margin-bottom:13px;

}



.lastImg{

margin-top:15px;

height:45px;

}

.lastImg label{

display:block;

width:110px;

float:left;

line-height:20px;

font-family:Tahoma;

font-size:11px;

color:#BE0511;

}

.lastImg input{

float:left;

border:#549CCB solid 1px;

width:120px;

padding:4px 3px 3px;

font-size:11px;

margin-right:10px;

font-family:Tahoma;

}

.lastImg img{

float:left;

border:#C8C8C8 solid 1px;

position:relative;

top:-14px;

}

.action{

padding-left:145px;



}

.contactLeft{

float:left;

width:380px;

padding-left:30px;



}

.contactRight{

float:right;

width:305px;

}

.contactRight h3{

font-family:Tahoma;

font-size:18px;

font-weight:normal;

color:#022C4F;

margin-bottom:13px;

}

.contactRight #Map{

width:300px;

height:250px;

border:#CCCCCC solid 1px;



}


/*Newly Added*/

.projectOurter .projectBox .Thum{
float:left;
height:80px;
}

.tx-srfreecap-pi2-image{
position: relative;
right:-94px;
top:-25px;
*top:-13px;
_top:-13px;
}
#tx_your_extension_id_pi1_captcha_response{
width:120px;
}

.filed label{
position:relative;
}
.filed label span{
position:absolute;
right:-125px;
color:#FF0000;
top:19px;
*top:19px;
_top:21px;


}
.filed label li span a{
font-weight:bold;
}
.filed .tx-srfreecap-pi2-cant-read{
width:100px;
position: relative;
display:block;
right:-112px;
*right:-0px;
_right:-0px;
top:-15px;
*top:-0px;
_top:-0px;
}
.action{
padding-top:5px;
*padding-top:5px;
_padding-top:0px;
}