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

/*---------------------------General Clases---------------------------------------*/
/*---------------------------Zest City---------------------------------------*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: justify;
	color:#6A6A6A;
	background:url(../images/index_bg.jpg) repeat-x;
	padding-top:28px;

}

* {
	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---------------------------------*/



#Waper{                /*------------------------For Page Main Width------------------------------------*/
	width:94%;
	margin:auto;
	background:#fff url(../images/left.gif) no-repeat top left;
}

#Layout{                /*------------------------For Page Main Width------------------------------------*/
	background: url(../images/right.gif) no-repeat top right;
	padding-left:28px;
	padding-right:20px;
}

#sizer{
position:absolute;
right:4px;
top:77px;
}
#Top{
	height:134px;
	position: relative;
	background:url(../images/top.jpg) no-repeat top ;
	background-position:500px 0px;
}

#Logo{
position:absolute;
left:20px;
top:10px;
}

#TopContent{
position:absolute;
right:10px;
top:10px;
}
#small{
float:right;
width:220px;
}
#small li{
float:right;
text-align:center;
background:url(../images/top-sep.gif) no-repeat right;
padding:0 10px;
font-size:10px;
}
#small li.last{
background:none;
}
#small li a{
display:block;
color:#7E7E7E;
}



#Nav{
	position:absolute;
	bottom:0px;
	left:0px;
	background:url(../images/nav-bg.gif) repeat-x;
	height:30px;
	width:100%;
}
#Nav ul{
	height:30px;
	background:url(../images/nav-left.gif) no-repeat left top;
}
#Nav ul li{
	float:left;
	height:30px;
	background:url(../images/sep.gif) no-repeat right top;
}
#Nav li.last{
background:none;
}
#Nav ul li a{
	color:#6A6A6A;
	line-height:30px;
	margin:0 25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}
#Nav ul li ul{
display:none;
}
#Nav ul li li{
background:none;
}
#Nav ul li li a{
margin:0px;
}
#service,
#award{
position:relative;
}
#service:hover ul,
#award:hover ul
{
display:block;
position:absolute;
left:0px;
top:30px;
border:#E6E4E4 solid 1px;
height:auto;
width:170px;


}
#award:hover ul{
width:150px;
}

#service:hover ul li,
#award:hover ul li{
display:block;
padding:0px 0px;
width:100%;
background:#E3E1E1;

}
#service:hover ul li:hover,
#award:hover ul li:hover{
background:#FFFFFF;
}
#service:hover ul li a,
#award:hover ul li a{
margin:0 4px;
}
#service:hover ul li a:hover,
#award:hover ul li a:hover{
text-decoration:none;
margin:0 4px;
}


#Nav .NavBody{
width:100%;
background:url(../images/nav-right.gif) no-repeat right;
}

#Search{
position:absolute;
right:20px;
bottom:6px;
}
#Search label{
float:right;
font-weight:bold;
color:#7F8081;
font-size:11px;
}

#Search .textfiled{
float:right;
border:#DDDDDD solid 1px;
height:16px;
margin-left:10px;
}

#Search .btn{
float:right;
height:18px;
margin-left:10px;
background:#60B4F3;
font-size:11px;
color:#FFFFFF;
width:40px;
font-weight:bold;
border:#4FA2E1 solid 1px;
}

#Content{
padding-top:10px;
padding-bottom:10px;
}

#outer {
background:#FFFFFF none repeat scroll 0 0;
margin-left:4px;
margin-right:410px;
min-height:100%;
}
#Content .LeftSide{
	float:left;
	width:98%;
	_width:98%;
	*width:auto;
	*padding-right:30px;
	overflow:hidden;
}
#Content .RightSide{
	float:right;
	width:408px;
	background:;
	overflow:hidden;
	margin-right:-410px;
	_margin-right:-205px;
	*margin-right:-0px;
	left:-1px;
	position:relative;
}
.WelcomeBox{
padding-right:15px;
}
.WelcomeBox h2{
color:#3D9ADF;
font-size:18px;
border-bottom:#DDDDDD solid 1px;
padding-bottom:5px;
margin-bottom:10px;
font-weight:normal;
}
.WelcomeBox p{
margin-bottom:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
.bodybox{
height:159px;
margin-bottom:10px;
_margin-bottom:0px;

background:url(../images/body-box-bg.gif) repeat-x;
}
.bodybox .bodyboxbody{
background:url(../images/body-box-left.gif) no-repeat left top ;
height:159px;

}
.bodybox .bodyboxbody .bodyboxInner{
background:url(../images/body-box-right.gif) no-repeat right top;
padding:10px;
height:149px;
font-size:11px;

}

.bodybox h3{
color:#3D9ADF;
font-size:18px;
border-bottom:#DDDDDD solid 1px;
padding-bottom:5px;
margin-bottom:10px;
font-weight:normal;
}
.bodybox .date{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
margin-bottom:5px;

}
.bodybox .date em{
color:#CE5120;
}
.bodybox p{
margin-bottom:10px;
text-align:justify;
padding-right:10px;
}
.bodybox .readmore{
text-align:left;
font-style:italic;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-right:10px;

}
.bodybox .readmore a{
color:#004488;
font-weight:bold;
font-size:9px;
}
.ProductBox{
width:223px;
float:left;
margin-right:20px;
font-size:11px;

}

.ProductBox h3{
color:#FF6600;
font-size:18px;
border-bottom:#DDDDDD solid 1px;
padding-bottom:5px;
margin-bottom:10px;
font-weight:normal;
}
.ProductBox .Thum{
margin-bottom:10px;
}
.ProductBox  p{
margin-bottom:10px;
color:#6A6A6A;
}
.ProductBox .more{
text-align:right;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
padding-right:10px;


}
.ProductBox .more a{
color:#9EA2A7;
}

.quicklinks{
color:#FF6600;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
margin-bottom:5px;


.Header{
margin-bottom:8px;
}

.Projects{
line-height:normal;
list-style-position:outside;
}
.Projects li{
margin-bottom:5px;
}
#Footer{
border-top:solid #0062A3 3px;
text-align:center;
padding:10px;
color:#B3B2B2;
font-size:11px;
}
#Footer a{
margin:0 20px;
color:#6A6A6A;
text-transform:uppercase;

}
#Footer div{
color:#6A6A6A;
text-align:center;
display:block;
padding-top:5px;
}