@charset "utf-8";

/* CSS Document */



*							{margin:0; padding:0;}

body						{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#4D4D4D; font-weight:normal;}

img							{border:0;}
a							{color:#000; text-decoration:underline; font-weight:normal;}
a:hover						{color:#000; text-decoration:none;}
.clear						{clear:both; height:0; overflow:hidden;}
p							{margin-bottom:10px; font-size:14px;line-height: 1.3em; padding-right: 12px}
h2 span						{display:none;}

#wrapper					{width:960px; overflow:hidden; margin:0 auto;}

#header						{height:54px; padding:10px 30px 0 30px; position:relative;}
#header	h2					{float:left;}
#header	h2 a				{background:url(../images/cleverua-logo.png) no-repeat; width:153px; height:39px; display:inline-block;}
#header	p					{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-style:italic; color:#d3d3d1; font-weight:bold; padding-left:10px; float:left;}
.headerlinks img 			{margin-top:10px;}
.headnav					{color:#fff; font-weight:bold; position:absolute; display:block; top:20px; right:110px;}
.headnav a					{color:#fff; font-weight:normal; text-decoration:none;}
.headnav a:hover			{text-decoration:underline;}

#bannerarea					{background:url(../images/big-banner.jpg) no-repeat center top; height:332px;}
#bannerarea	 #leftside		{width:446px; float:left; padding:25px 0 0 35px; color:#000000; font-weight:normal; font-size:15px;}
.portfolio					{display:inline-block; height:54px; width:134px; background:url(../images/main-btns.png) 0 0 no-repeat; text-decoration:none;}
.portfolio:hover			{background:url(../images/main-btns.png) 0 100% no-repeat;}
.opensource					{display:inline-block; height:54px; width:277px; background:url(../images/main-btns.png) -134px 0 no-repeat; text-decoration:none;}
.opensource:hover			{background:url(../images/main-btns.png) -134px 100% no-repeat;}
#bannerarea	 #rightside		{ width:478px; height:332px; float:left;}
#rightside	.img_dynamic	{ padding-right:25px;}

#infoblock					{height:205px; overflow:hidden;}
.infoblock					{width:444px; float:left; padding:0 0 0 35px; color:#666666; font-size:14px; margin:25px 0;}
h2.offer					{width:182px; height:26px; background:url(../images/offer-title.png) no-repeat;} 
h2.experts					{width:262px; height:26px; background:url(../images/experts-title.png) no-repeat;} 
.infoblock ul				{margin:10px 0; width:340px;}
.infoblock li				{list-style:none; display:block; border-bottom:1px dotted #666666; line-height:24px; background:url(../images/bulb.png) no-repeat 0 50%;
							 padding:0 0 0 25px;}
.separator					{border-right:1px solid #272727;}

#recent-project				{ background: url(../images/project-shade.png) repeat-x #DDDDDD;}
#projects					{ padding:15px 30px;}
h2.projects					{ height:24px; width:100%; background:url(../images/recent-projects-title.gif) no-repeat; margin:5px 0 10px;}
h2.say						{ height:24px; width:100%; background:url(../images/customers-say-title.png) no-repeat; margin:40px 0 10px 0;}
h2.events					{ height:24px; width:100%; background:url(../images/events-title.gif) no-repeat; margin-top:5px; margin-bottom: 10px;}
h2.contact					{ height:24px; width:116px; background:url(../images/contact-title.png) no-repeat 25px top; margin:13px 30px 0 0; padding-left:25px; float:left;}
h3							{ font-size:19px; font-weight:normal; line-height:20px; margin-bottom:10px; color:#000; padding-top:3px;}

.block						{ width:449px; background-color:#C3C3C3; float:left;}
.block .header,.p_block .header		{background:url(../images/table-header.gif) repeat-x; height:29px; padding:0 10px;}
.block .content				{ padding:15px 0 10px 0;}

.sep						{ border-right:1px solid #DDDDDD;}
.sep_bot					{ border-bottom:1px solid #DDDDDD;}

.avatar						{ background:url(../images/logo-frame.png) no-repeat right top; padding:18px 0 0 25px; width:91px;}

.testimonials				{width:449px; float:left;}
.testimonials strong		{border-top:1px dotted #7B7C7A; padding-top:2px;}
.avatar2					{ background:url(../images/testimonial-frame.png) no-repeat right top; padding:18px 0 0 25px; width:91px; height:120px;}



#footer						{background:url(../images/footer_background.png) repeat-x; height:102px;}
.footerlinks				{ padding:11px 30px 0 0px;}
.copy						{ font-size:12px; padding:30px 0 0 30px;}


.p_block					{ width:898px; background-color:#C3C3C3; float:left; color:#333333;}
.p_block .content			{ padding:15px 0 17px 0;}
.semple						{ width:120px;  border:1px solid #999999; padding:12px 9px 9px 8px; vertical-align: middle;text-align: center;}
.note						{ padding:0 24px 0 62px; font-size:13px;}
.dotted_border				{ border-top:2px dotted #6b6b6b; padding-top:7px; font-size:13px; color:#000000;}
.table_height				{ height:110px; overflow:hidden;}
img.technology				{ padding-right: 6px; }
img.navigation				{ padding-right: 6px; }

#top_text {
  padding: 10px 15px;
  margin-bottom: 25px;
  font-size: 14px;
  line-height: 1.3em;
  color: #333;
  background-color: #eee;
  border: 5px #C3C3C3 solid;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-topleft: 15px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
}