/* CSS Document */
body{padding:0; margin:0; background:url(images/bg.gif) repeat-x 0 0 #FFFFFe; color:#FFFFFF;}
div, p, ul, img, h1, h2, h3, h4, form, a{ padding:0; margin:0;}
ul{ list-style-type:none;}
h1{ font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; font-weight: bold;}
h2{ font:normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block;}
h3{ font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block;}
h4, h4 a { font:normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold;}
p,a,li{ font:normal 12px verdana, Arial, Helvetica, sans-serif;}
b{ font:normal 13px verdana, Arial, Helvetica, sans-serif; color:#0672A3; font-weight: bold; }

.spacer{font-size:0; line-height:10px; clear:both;}
/*-----------------------------header-------------*/
#header{width:778px; margin:0 auto; position:relative; height:174px; background:url(images/header_pic.jpg) no-repeat 122px 0;}
#header p{position:absolute; left:10px; top:124px; color: #000000; font-size: 70%; font-weight: bold; background-color: #28B6F9; padding:4px;}
#header p span{color: #ffffff; font-size: 80%;}

#header img.logo{ position:absolute; left:7px; top:49px; border: none;}
#header ul.top_link{ position:absolute; left:15px; margin:0; padding:0;}
#header ul.top_link li{ float:left; margin:0 3px 0 0; font-size:10px; color: #222222;}
#header ul.top_link li a{ color:#222222; text-decoration: none; font-size:10px;}
#header ul.top_link li a:hover{   color:#ffffff; text-decoration: none;	}

#header ul.add{ width:113px; position:absolute; left:629px; top:8px;}
#header ul.add li a{
	width:115px; height:17px; background-color:#2E7398; color:#FFFFFF; display:block; margin: 3px 0; padding:1px 0;
	font:bold 11px/17px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; text-decoration:none;
	}
#header ul.add li a:hover{
	width:115px; height:17px; background-color:#E2A000; color:#000000; display:block; margin: 3px 0; padding:1px 0;
	font:bold 11px/17px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; text-decoration:none;
	}
#header ul.navi{
	width:520px; position:absolute; left:10px; top:145px;
	}
#header ul.navi li{
	margin:0 2px 0 0 ; float:left; padding:0;
	}
#header ul.navi li a{
	padding:0 8px 0 8px; font:bold 10px/28px Verdana, Arial, Helvetica, sans-serif; color:#4F4F4F; background-color:#EBEBEB;
	text-transform:uppercase; text-align:center; display:block; text-decoration:none;
	}
#header ul.navi li a.hover{
	background:url(images/navi_h.gif) repeat-x 0 0 #EBEBEB; display:block; color:#FFFFFF;
	}
#header ul.navi li a.selected{
	background:url(images/navi_h.gif) repeat-x 0 0 #EBEBEB; display:block; color:#FFFFFF;
	}
/*-----------------------body--------------------*/
#bodypage{
	width:778px; margin:0 auto; border-right: #EBEBEB 1px solid; border-left: #EBEBEB 1px solid; padding:0 0 20px; 0;
	}
#home{
	width:748px; float:left; color:#2C2C2C; background-color:#FFFFFF; padding: 15px 15px 0 15px;
	}
#home p, #right p {
	padding:6px 0 6px 0; text-align: justify; line-height: 150%;
	}
#home p.box{ width:214px; border: #AAAAAA 1px solid;
	 background-color: #EEEEEE; color: #202020; padding:5px 10px; margin: 10px 20px 0 0; float: left;
}
#home p.box1{ width:214px; border: #AAAAAA 1px solid;
	 background-color: #EEEEEE; color: #202020; padding:5px 10px; margin-top: 10px; float: right;
}
#home p b{ font-size:15px; color:#0672A3; height:5px; font-family: "Trebuchet MS", Georgia, Arial, Helvetica;}
#home p span{ color:#000000; font-weight: bold; font-size:11px; }
#home p a{display: block; float: right; color: #0672A3; text-decoration: none;}
#home p a:hover{display: block; float: right; color: #000000; text-decoration: none;}
#sem{ margin:5px 0 5px 30px;}
#home ul li, #sem li{ list-style-type: disc; margin:0 0 0 25px;}
#home ul li a, #sem li a{ color: #0672A3; text-decoration: underline;}
#sem li a{  line-height: 130%;}


#home ul li a:hover, #sem li a:hover{display: block; color: #000000; text-decoration: none;}

#home #sem1, #home #seo, #home #consult, #home #web{ width: 360px; border:#cccccc 1px solid; height: 125px; float: left; margin: 6px; }
#home #sem1{ background: url(images/icons.jpg) 0px -125px no-repeat;}
#home #seo{ background: url(images/icons.jpg) top left no-repeat;}
#home #consult{ background: url(images/icons.jpg) 0px -375px no-repeat;}
#home #web{ background: url(images/icons.jpg) 0px -250px no-repeat;}
#home #sem1 p, #home #seo p, #home #consult p, #home #web p{ margin:0 10px 0 125px; }
#home #sem1 p b, #home #seo p b, #home #consult p b, #home #web p b { font:normal 12px verdana; font-weight: bold; color: #000000;}
#home #sem1 h4, #home #seo h4, #home #consult h4, #home #web h4{ margin:3px 0 0 125px;}
#home #sem1 h4 a, #home #seo h4 a, #home #consult h4 a, #home #web h4 a{color: #1E90FF; font:normal 15px "Trebuchet MS", verdana, Helvetica; text-decoration: none; font-weight: bold;}
#home #sem1 h4 a:hover, #home #seo h4 a:hover, #home #consult h4 a:hover, #home #web h4 a:hover{color: #999999; }
#home #seo img, #home #sem1 img, #home #web img, #home #consult img {border: none; float: left;}


/*---------------------lefpan--------*/
#leftPan{ width:178px; float:left; margin:0; padding:90px 0 0 0;}
#leftPan h4 { color:#0672A3; margin:3px 0 0 15px;}
#leftPan h4 a {padding:0px; text-align: justify; text-decoration:none; color:#000000; }
#leftPan h4 a:hover{ color:#0672A3; text-decoration:none;}


/*---------------------rightpan--------*/
#right{ width:570px; float:left; color:#2C2C2C; background-color:#FFFFFF; padding: 15px 15px 0 15px; }
#right p.box{ width:548px; border: #AAAAAA 1px solid; background-color: #EEEEEE; color: #202020; padding:5px 10px;}
#right p span{ color:#000000; font-weight: bold;}
#right li{ list-style: disc; margin:0 0 0 25px;	line-height: 150%;}
#right ol li{ list-style: decimal; margin:0 0 10px 25px;	line-height: 150%;}
#right ol li p{ font-size: 90%;}


.bolditalic{ font-weight: bold; margin: 0 20px;}


/*--------------------- Contactus--------*/
#addPan{ width:230px; _width:230px; _width/**/:/**/ 220px; }
#addPan{
	height: 330px; float:left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border:#DADADA 1px solid; display:block; background-color:#EEEEEE;
	}
#addPan{
	margin:20px;
  	margin:20px;
  _margin:20px 20px 20px 10px;
	}
#addPan h2.member{width:220px; _width:230px; _width/**/:/**/ 215px; }
#addPan h2.member{
	height:23px; background-color:#E2A000; color:#FFFFFF; padding:0 0 0 10px; display:block;
	font:normal 20px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 1px 0;
	}
#addPan p{
	margin:2px 0 2px 10px; padding:2px float:left; text-align: justify; color:#2C2C2C; line-height: 135%;
	}
#addPan h2 {
  font:bold 14px/18px "Trebuchet MS",Tahoma, Arial, Helvetica, sans-serif; padding:10px 6px 2px 6px; color:#1C1C1C;
 }
#formPan{
	width:260px; _width:260px; _width/**/:/**/ 245px;
   }
#formPan{
	height: 330px; float:left; margin:20px 0 0 0; padding:0 0 0 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border:#DADADA 1px solid; display:block; background-color:#EEEEEE;
	}
#formPan h2.member{width:250px; _width:260px; _width/**/:/**/ 245px; }
#formPan h2.member{
	height:23px; background-color:#E2A000; color:#FFFFFF; padding:0 0 0 10px; display:block;
	font:normal 20px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 1px 0;
	}
#formPan p{
	margin:100px 0 0 10px; padding:2px float:left; text-align: justify; color:#2C2C2C;
	}
#formPan form.memberf{
	padding:5px 12px 10px 15px; color:#002C41; font-family:Georgia, "Trebuchet MS",Arial, Helvetica, sans-serif;
	}
#formPan form.memberf input{
	width:225px; height:16px; font:normal 12px/21px Georgia, "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; padding:1px 0;
	 border-bottom:#D4D0C8 1px solid; border-right:#D4D0C8 1px solid; border-left:#808080 1px solid;
	border-top:#808080 1px solid; margin:0; float:left;
	}
#formPan form.memberf label{
	height:15px; line-height:16px; font-size:11px; padding:0 0 3px 11px; text-transform:uppercase;
	float:left; font:normal 12px/21px Georgia, "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	}
#formPan form.memberf textarea{
   width:225px; font:normal 12px/21px Georgia, "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; padding:0;
	 border-bottom:#D4D0C8 1px solid; border-right:#D4D0C8 1px solid; border-left:#808080 1px solid;
	 border-top:#808080 1px solid; margin:0; float:left;
}
#formPan form.memberf input.go{
	width:34px; height:22px; background:url(images/go.gif) no-repeat 0 0; float:left; font-size:15px; line-height:22px;
	font-weight:bold; border:none; margin:9px 0 10px 0; text-align:center; padding:0; cursor:pointer;
	font-family:Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;  }

#mapPan{
	width:200px; height: 330px; float:right; padding:0;
   border:#DADADA 1px solid; display:block; background-color:#EEEEEE;
	}
#mapPan{
	margin:20px;
  	margin:20px;
  _margin:20px 10px 20px 20px;
	}
#mapPan h2.member{ width:190px; _width:200px;}
#mapPan h2.member{
	height:23px; background-color:#E2A000; color:#FFFFFF; padding:0 0 0 10px; display:block;
	font:normal 20px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 1px 0;
	}
#mapPan p{
	font:normal 12px/16px Georgia, "Times New Roman", Times, serif; margin:0 0 0 10px; padding:0px float:left; text-align: justify; color:#2C2C2C;
	}

/*-------------------------footer---------------*/
#footer_main{
	background:url(images/footer_bg.gif) repeat-x 0 0 #BFBFBF; color:#2C2C2C;
	}
#footer{
	width:778px; position:relative; margin:0 auto; height:60px;
	}
#footer ul{
	width:600px; position:absolute; top:15px; left:120px;
	}
#footer #homelink{
	width:710px; position:absolute; top:15px; left:50px;
	}
#footer li{
	 line-height:15px; float:left;	display:block; margin:0; padding:0;
	 color:#FFFFFF; height:15px;
	}
#footer ul li a{
	height:13px; padding:0 8px 0 8px; font-size:13px; line-height:15px; font-weight:bold;
	text-decoration:none; color:#FFFFFF;
	}
#footer ul li a:hover{
	background-color:#199BD8; color:#fff;
	}
#footer p{ font-size:10px; text-align: center; padding-top: 35px;	}