/* CSS Document */

body{
	padding:0;
	margin:0;
	background:url(images/body_bg.gif) 0 0 repeat-x #ffffff; 
	color:#5A5A5A;
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------header start--------------------*/
#header{
	width:778px;
	height:237px;
	margin:38px auto 0 auto;
	background:url(images/header.gif) 0 0 no-repeat;
	position:relative;
}
#header img.toplogo{
	position:absolute;
	left:380px;
	top:138px;
}
#header a.work{
	background:url(images/works_bg.gif) 0 0 no-repeat #ffffff;
	width:70px;
	height:18px;
	position:absolute;
	left:473px;
	font:bold 13px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#5A5A5A;
	padding:49px 0 0 0;
	text-decoration:none;
	text-align:center;
	text-transform:capitalize;
}
#header a.work2{
	background:url(images/works_bg_hover.gif) 0 0 no-repeat #ffffff;
	width:70px;
	height:18px;
	position:absolute;
	left:473px;
	font:bold 13px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#5A5A5A;
	padding:49px 0 0 0;
	text-decoration:none;
	text-align:center;
	text-transform:capitalize;
}
#header a.work:hover{
	color:#B33737;
	background:url(images/works_bg_hover.gif) 0 0 no-repeat #ffffff;
}
#header a.ideas{
	background:url(images/ideas_bg.gif) 0 0 no-repeat #ffffff;
	width:70px;
	height:18px;
	position:absolute;
	left:545px;
	font:bold 13px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#5A5A5A;
	padding:49px 0 0 0;
	text-decoration:none;
	text-align:center;
	text-transform:capitalize;
}
#header a.ideas:hover{
	color:#B33737;
	background:url(images/ideas_bg_hover.gif) 0 0 no-repeat #ffffff;
	
}

#header a.ideas2{
	background:url(images/ideas_bg_hover.gif) 0 0 no-repeat #ffffff;
	width:70px;
	height:18px;
	position:absolute;
	left:545px;
	font:bold 13px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#5A5A5A;
	padding:49px 0 0 0;
	text-decoration:none;
	text-align:center;
	text-transform:capitalize;

}
#header a.serch{
	background:url(images/serch_bg.gif) 0 0 no-repeat #ffffff;
	width:70px;
	height:18px;
	position:absolute;
	left:617px;
	font:bold 13px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#5A5A5A;
	padding:49px 0 0 0;
	text-decoration:none;
	text-align:center;
	text-transform:capitalize;
}
#header a.serch2{
	background:url(images/serch_bg_hover.gif) 0 0 no-repeat #ffffff;
	width:70px;
	height:18px;
	position:absolute;
	left:617px;
	font:bold 13px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#5A5A5A;
	padding:49px 0 0 0;
	text-decoration:none;
	text-align:center;
	text-transform:capitalize;
}
#header a.serch:hover{
	color:#B33737;
	background:url(images/serch_bg_hover.gif) 0 0 no-repeat #ffffff;
}
#header h2{
	display:block;
	background:url(images/header_bottom.gif) 181px 0 no-repeat;
	width:379px;
	height:59px;
	margin:176px 0 0 0;
	padding:0;
	float:left;
}
#header ul{
	width:399px;
	height:59px;
	margin:0;
	padding:0 0 0 0;
	background:url(images/nav_bg.gif) 0 0 repeat-x #F4F4F4;
	color:#656565;
	position:absolute;
	left:379px;
	top:177px;
}
#header ul li{
	float:left;
}
#header ul li a.nor{
	padding:0 15px 0 15px;
	background:url(images/nav_bg.gif) 0 0 repeat-x #F4F4F4;
	color:#656565;
	font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	display:block;
	line-height:59px;
	float:left;
}
#header ul li.red{
	padding:0 17px 0 17px;
	color:#ffffff;
	background-color:#FF9900;
	font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	display:block;
	height:59px;
	line-height:59px;
	float:left;
}
#header ul li a:hover{
	background-color:#FF9900;
	color:#ffffff;
	background-image:none;
}
/*------------------------------------------------header end--------------------*/

/*------------------------------------------------body start--------------------*/
#body{
	width:767px;
	margin:0 auto;
	position:relative;
	padding:0 11px 0 0;
}
/*------------------------------------------------left panel start--------------------*/
#left{
	width:206px;
	background:url(images/left_panel_bg.gif) 0 0 repeat-y;
	float:left;
	padding:0 0 277px 0;
}
#left h2{
	display:block;
	width:111px;
	color:#5B9902;
	background-color:#ffffff;
	margin:0 0 13px 0;
	float:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	font-style: normal;
	line-height: 25px;
	font-weight: normal;
	font-variant: normal;
}
#left p{
	display:block;
	width:46px;
	height:38px;
	background:url(images/left_panel_div.gif) 0 0 repeat-x;
	margin:0 0 0 0;
	float:left;
}
#left ul{
	margin:0;
	padding:0;
	float:left;
}
#left ul li{
	background:url(images/bullet.gif) 2px 7px no-repeat;
	padding:0 50px 0 23px;
}
#left ul li a{
	display:block;
	width:133px;
	font:normal 15px/22px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#5A5A5A;
	background-color:#ffffff;
	text-decoration:none;
}
#left ul li a:hover{
	color:#000000;
	background-color:#F1FAE3;
}
#left a.more{
	width:110px;
	height:17px;
	color:#4C4C4C;
	text-decoration:none;
	float:right;
	margin-top: 11px;
	margin-right: 39px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
	background-color: #FFFFFF;
	background-image: url(images/more_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
}
#left a.more:hover{
	color:#CD3333;
	background-color:#FFFFFF;
}
#left h2.service{
	display:block;
	width:111px;
	font:normal 26px/55px Georgia, "Times New Roman", Times, serif;
	color:#5B9902;
	background-color:#ffffff;
	margin:0 0 13px 0;
	float:left;
}
#left p.div{
	display:block;
	width:46px;
	height:55px;
	background:url(images/left_panel_div.gif) 0 0 repeat-x;
	margin:0 0 0 0;
	float:left;
}
/*------------------------------------------------left panel end--------------------*/

/*------------------------------------------------right panel start--------------------*/	
#right{
	width:519px;
	float:left;
	margin:38px 0 0 0;
	padding:0 0 0 31px;
}
#right p.lft{
	display:block;
	width:163px;
	height:auto;
	padding:0;
	margin:0;
	float:left;
}
#right span.red2{
	display:block;
	width:89px;
	color:#FF9900;
	background-color:#ffffff;
	padding:0 75px 0 0;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: normal;
	line-height: 34px;
	font-weight: normal;
	font-variant: normal;
}
#right span.grey{
	display:block;
	width:62px;
	font:bold 55px/43px Arial, Helvetica, sans-serif;
	color:#C1C1C1;
	background-color:#ffffff;
	padding:0 2px 0 0;
	margin:0;
	float:left;
}
#right span.green{
	display:block;
	width:160px;
	font:normal 20px/20px Arial, Helvetica, sans-serif;
	color:#5B9902;
	background-color:#ffffff;
	float:left;
}
#right span.green1{
	display:block;
	width:230px;
	font:normal 20px/20px Arial, Helvetica, sans-serif;
	color:#5B9902;
	background-color:#ffffff;
	float:left;
}
#right span.black{
	display:block;
	width:146px;
	font:normal 18px/27px Arial, Helvetica, sans-serif;
	color:#565656;
	background-color:#ffffff;
	float:left;
}
#right p.txt1{
	display:block;
	width:338px;
	background:url(images/right_div.gif) 0 0 repeat-y #ffffff;
	font:normal 14px/19px Arial, Helvetica, sans-serif;
	color:#5A5A5A;
	padding:0 0 0 17px;
	float:right;
	
}

#right span.bold{
	font:bold 14px/19px Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#ffffff;
}
#right p.txt3{
	display:block;
	width:267px;
	background:url(images/right_div.gif) 0 0 repeat-y #ffffff;
	font:normal 14px/19px Arial, Helvetica, sans-serif;
	color:#5A5A5A;
	padding:0 0 0 17px;
	float:right;
}	
#right a.underline{
	display:block;
	width:196px;
	font:normal 14px/19px Arial, Helvetica, sans-serif;
	color:#C23D3D;
	background-color:#ffffff;
	text-decoration:underline;
}
#right a.underline:hover{
	color:#000000;
	background-color:#F1FAE3;
	text-decoration:none;
}
#right a.underline2{
	width:176px;
	font:normal 14px/19px Arial, Helvetica, sans-serif;
	color:#C23D3D;
	background-color:#ffffff;
	text-decoration:underline;
}
#right a.underline2:hover{
	color:#000000;
	background-color:#F1FAE3;
	text-decoration:none;
}
#right p.more-big1{
	display:block;
	width:200px;
	height:13px;
	float:right;
	margin-top: 17px;
	margin-right: 0;
	margin-bottom: 14px;
	margin-left: 0;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	background-image: url(images/right_more_bg.gif);
	background-repeat: no-repeat;
	background-position: right 0;
	text-align: right;
	padding-left: 320px;
}
#right p.more-big1 a.more2{
	font:bold 13px/11px Tahoma, Arial, Helvetica, sans-serif;
	color:#4C4C4C;
	background-color:#F3F3F3;
	text-decoration:none;
	padding:0;
	margin:0;
	float:left;
}
#right p.more-big1 a.more2:hover{
	color:#CD3333;
	background-color:#F3F3F3;
}
#right p.banner{
	display:block;
	background:url(images/banner.gif) 0 0 no-repeat;
	width:49px;
	height:59px;
	float:left;
	padding:12px 0 0 471px;
	margin:0 0 20px 0;
}
#right a.view-more{
	display:block;
	width:47px;
	height:36px;
	background:url(images/view_more_bg.gif) 0 0 no-repeat #F3F3F3;
	text-align:center;
	font:bold 13px Tahoma, Arial, Helvetica, sans-serif;
	color:#565656;
	text-decoration:none;
}
#right a.view-more:hover{
	color:#565656;
	background:url(images/view_more_bg_hover.gif) 0 0 no-repeat #F3F3F3;
}
#right span.red3{
	display:block;
	width:89px;
	font:normal 36px/44px Arial, Helvetica, sans-serif;
	color:#CD3333;
	background-color:#ffffff;
	padding:0 75px 0 0;
	margin:6px 0 0 0;
	float:left;
}
#right span.icon{
	display:block;
	width:61px;
	height:41px;
	background:url(images/client_reaction_icon.gif) 0 0 no-repeat;
	padding:0;
	margin:0;
	float:left;
}
#right p.qotation{
	background:url(images/coma.gif) 0 0 no-repeat #ffffff;
	width:450px;
	font:bold 16px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#5F5F5F;
	margin:17px 0 12px 0;
	padding:0 0 0 68px;
	float:left;
	text-transform:uppercase;
}
#right span.author{
	font:normal 18px/24px Georgia, "Times New Roman", Times, serif;
	color:#C23D3D;
	background-color:#ffffff;
	text-transform:capitalize;
	float:right;
}
#right p.more-big2{
	display:block;
	background:url(images/right_more_bg.gif) 0 0 no-repeat #F3F3F3;
	color:#4C4C4C;
	width:52px;
	height:13px;
	padding:2px 0 2px 468px;
	margin:0 0 21px 0;
	float:right;
}
#right p.more-big2 a.more3{
	font:bold 13px/11px Tahoma, Arial, Helvetica, sans-serif;
	color:#4C4C4C;
	background-color:#F3F3F3;
	text-decoration:none;
	float:left;
}
#right p.more-big2 a.more3:hover{
	color:#CD3333;
	background-color:#F3F3F3;
}
/*------------------------------------------------right panel end--------------------*/
/*------------------------------------------------body end--------------------*/
#footer-main{
	width:100%;
	background:url(images/footer_bg.gif) 0 0 repeat-x;
	height:120px;
	float:left;
	padding:18px 0 0 0;
}
#footer{
	width:717px;
	margin:0 auto;
	height:120px;
	position:relative;
}
#footer img{
	position:absolute;
	left:27px;
	top:0px;
	float:left;
}
#footer ul{
	position:absolute;
	left:328px;
	top:0px;
	padding:0;
	margin:0;
	width: 390px;
}
#footer ul li{
	display:block;
	font:bold 11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FEFEFE;
	background-color:#6F6F6F;
	float:left;
	text-transform:uppercase;
}
#footer ul li a{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FEFEFE;
	background-color:#6F6F6F;
	padding:0 11px 0 11px;
	text-transform:uppercase;
	text-decoration:none;

}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer ul li.no{
	display:block;
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FEFEFE;
	background-color:#6F6F6F;
	padding:0 10px 0 0;
	text-transform:uppercase;
	text-decoration:none;
	float:left;
}

#footer p{
	display:block;
	width:249px;
	left:475px;
	top:auto;
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#6F6F6F;
	margin:0;
	bottom: auto;
}
#footer a.xht{
	width:56px;
	height:15px;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat #707070;
	font:bold 13px/15px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-transform:uppercase;
	text-align:center;
	float:left;
	text-decoration:none;
	position:absolute;
	left:550px;
	top:47px;
	margin:0;
}
#footer a.xht:hover{
	color:#5A5A5A;
	background:url(images/xhtml_bg_hover.gif) 0 0 no-repeat #707070;
}
#footer a.cs{
	display:block;
	width:41px;
	height:15px;
	background:url(images/css_bg.gif) 0 0 no-repeat #707070;
	font:bold 13px/15px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-transform:uppercase;
	float:left;
	text-decoration:none;
	text-align:center;
	position:absolute;
	left:612px;
	top:47px;
	margin:0;
}
#footer a.cs:hover{
	color:#5A5A5A;
	background:url(images/css_bg_hover.gif) 0 0 no-repeat #707070;
}
#footer p.design{
	display:block;
	width:200px;
	height:17px;
	position:absolute;
	left:516px;
	top:70px;
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#707070;
	text-align:center;
}
#footer a.link{
	font:bold 12px/17px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#707070;
	text-align:center;
	text-decoration:none;
}
#footer a.link:hover{
	color:#414141;
	background-color:#FfFAE5;
}
.img {
	float: left;
	width: 520px;
}
.img2 {
	float: left;
	width: 520px;
	text-align: center;
}