@charset "utf-8";
/* CSS Document */
body {margin:0; background:url(../images/page-bg.jpg) repeat-x left top; font-family:Verdana, Arial; font-size:11px; color:#504853; line-height:18px;}
*{margin:0;}
h1 { font-family:"Trebuchet MS", Verdana; font-size:16px; color:#0097b4;}
h1 span { font-family:"Trebuchet MS", Verdana; font-size:16px; color:#858585;}
h2 { font-family:"Trebuchet MS", Verdana; font-size:16px; color:#fd9c00;}
h2 span { font-family:"Trebuchet MS", Verdana; font-size:16px; color:#858585;}

#main-web { width:999px; height:auto; margin:0 auto;}
#top { width:999px; height:auto; margin:0; float:left;}
#logo { width:420px; height:125px; float:left; position:absolute; display:block; overflow:hidden; margin:0; padding:0; }
#logo span { position:absolute; width:420px; height:125px; background: url(../images/logo.jpg) no-repeat 0 0; cursor:pointer; margin:0; padding:0;}
#logo* span { position:absolute; width:420px; height:125px; background: url(../images/logo.jpg) no-repeat; cursor:pointer; margin:-3px 0 0 0;} 
#logo a{ text-decoration:none;}
#slogan { width:341px; height:auto; float:left;}
#icon-right { width:auto; height:auto; float:right; padding:50px 0 0 0;}
.home-icon { width:31px; height:31px; float:left; padding:0 20px 0 0;}
#header { width:999px; height:314px; float:left; background:url(../images/header.jpg) no-repeat; padding:20px 0 0 0;}
#navigation { width:auto; height:auto; float:left; padding:0 0 0 10px;}
#navigation ul { width:auto; height:auto; float:left; list-style:none; margin:0; padding:0;}
#navigation li { width:auto; height:auto; float:left; }
#navigation li a { width:auto; height:auto; float:left; background:url(../images/suporter.gif) no-repeat right top; font-family:Verdana; color:#badaff; font-size:12px; font-weight:bold; text-decoration:none; padding:12px 30px;}
#navigation li a:hover { color:#FFFFFF;}
#requ-bg { width:154px; height:28px; padding:8px 21px 0 0; float:right; background:url(../images/request.jpg) no-repeat left 8px;}
#request { width:auto; height:auto; float:left; padding:6px 0 0 13px; font: bold 145%/100% "Lucida Grande", Arial, sans-serif; color:#fff; position:relative;}
#request span {
	background:url(../images/glossy.png) repeat-x left bottom;
	position:absolute;
	display:block;
	width:95%;
	height:8px;
	overflow:hidden;
	background-image: url(../images/glossy.png);
}
#request a { color:#fff; text-decoration:none;}
#request a:hover { color:#a6e8f6;}
#middle { width:999px; height:auto; float:left;}
#middle-development {width:999px; height:auto; float:left;}
#development-left {width:20px; height:167px; float:left; background:url(../images/middle-services-left.jpg) no-repeat;}
#development-middle {width:958px; height:167px; float:left; background:url(../images/middle-services-bg.jpg) repeat-x;}
.tittle { width:958px; height:auto; float:left; padding:17px 0 8px 0;}
.tittle-line { width:958px; height:3px; float:left; background:url(../images/singal-line.jpg) repeat-x bottom left;}
.main-development { width:958px; height:auto; float:left; padding:8px 0 0 0;}
.development-service { width:213px; height:auto; float:left; padding:0 32px 0 0; font-family:Verdana, Arial; font-size:12px; color:#504853;}
.development-service ul { width:213px; height:auto; float:left; list-style:none; margin:0; padding:0;}
.development-service li { width:auto; height:auto; float:left; margin:0;}
.development-service li a { width:198px; height:auto; margin:0; float:left; padding:6px 0 6px 15px; background:url(../images/arrow.gif) no-repeat left center; border-bottom:dotted 1px #898989; color:#343434; text-decoration:none;}
.development-service li a:hover {color:#0097b4;}
.development-service li a.active { width:198px; height:auto; margin:0; float:left; padding:6px 0 6px 15px; background:url(../images/arrow.gif) no-repeat left center; border-bottom:dotted 1px #898989; color:#0097b4; text-decoration:none;}
#development-right {width:21px; height:167px; float:left; background:url(../images/middle-services-right.jpg) no-repeat;}
#middle-about {width:999px; height:auto; float:left; padding:17px 0 0 0;}
.about-top-bg { width:999px; height:20px; float:left; background:url(../images/about-bg-top.jpg) repeat-x;}
.about-top-left { width:19px; height:20px; float:left; background:url(../images/about-left-top.jpg) no-repeat;}
.about-top-right { width:21px; height:20px; float:right; background:url(../images/about-right-top.jpg) no-repeat;}
.aboutus-main { width:999px; height:auto; float:left; background:url(../images/about-right.jpg) repeat-y right top #f5f5f5;}
.aboutus-main-left { width:320px; height:255px; float:left; padding:0 0 0 20px; background:url(../images/about-left.jpg) repeat-y left top #f5f5f5;}
.abou-main-tittle { width:280px; height:auto; float:left;}
.abouth2 { width:280px; height:20px; float:left;}
.about-line { width:280px; height:3px; float:left; background:url(../images/singal-line.jpg) repeat-x bottom left;}
.about-text { width:280px; height:auto; float:left; padding:18px 0;}
.more-yellow { width:73px; height:29px; padding:6px 0 0 0; float:left; background:url(../images/more-yellow.jpg) no-repeat; text-align:center;}
.more { font-family:Verdana,Arial; font-size:12px; font-weight:bold; text-decoration:none; color:#fff;}
.more:hover { color:#fae0ab;}
.about-hori-line { width:25px; height:256px; float:left; background:url(../images/hori-line.jpg) repeat-y right top;}
.about-asp-main { width:637px; height:auto; float:left;}
.about-botam-bg { width:999px; height:16px; float:left; background:url(../images/about-bg-botam.jpg) repeat-x;}
.about-botam-left { width:19px; height:16px; float:left; background:url(../images/about-left-botam.jpg) no-repeat;}
.about-botam-right { width:21px; height:16px; float:right; background:url(../images/about-right-bottam.jpg) no-repeat;}
#bottam { width:100%; height:88px; margin:18px 0 0 0; float:left; background:url(../images/bottam-bg.jpg) repeat-x;}
#bottam-main { width:999px; height:auto; margin:0 auto;}
.bottam-link { width:999px; height:61px; float:left;}
.bottam-link-left { width:auto; height:auto; float:left; padding:17px 0 0 0; font-size:12px; color:#454545;}
.bottam-link-right { width:auto; height:auto; float:right;}
.copyright { width:100%; height:auto; float:left; text-align:center;}
.future-link { font-family:Verdana; font-size:12px; color:#454545; text-decoration:none; font-weight:normal;}
.future-link:hover {color:#006a7e;}

/*x..............................................................x..........................................................x*/


.menu { margin: 0; padding: 0; list-style-type: none; height: auto; width: 636px; float:left; }

.menu ul{

	margin:0; padding:0; list-style-type:none; font: 12px Verdana, Arial, Helvetica, sans-serif; width:636px; height: auto;
	font-weight:bold; color:#badaff; float: left; }

.menu li {

	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #badaff; float: left;
	display: block; text-align: center; width:126px; background:url(../images/suporter.gif) no-repeat right top ; height:39px;
	list-style-type:none;
}

.menu li a {

	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #badaff; text-decoration: none;
	display: block; width:126px; height:42px; padding:14px 0 0 0 ;}

.menu li a:hover {

	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #FFFFFF;
	text-decoration: none; }