/* Content width: 578 x 455px; */

/* @group iePNG */

img, div, input { behavior: url("iepngfix.htc") }



/* @end */

/* @group Link */



/* @end */

/* @group Sevice_content */

/* @group Hack IE6 */

*html div#feature_left {
	width: 256px;
	height: 100px;
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
}

*html div#feature_right {
	width: 260px;
	height: 100px;
	float: left;
	padding-left: 0;
	margin: 0;
	padding-top: 10px;
}

*html div#featurezone {
			width: 570px;
	float: left;
	margin-top: 10px;
	padding: 0;
	height: 110px;
}

*html ul.service_text_list {
	list-style-type: square;
	margin: 10px 0 0 10px;
	padding: 0 0 10px;
	float: left;
	width: 256px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

*html ul#service_text_list_maintain {
	list-style-type: square;
	margin: 10px 0 0 15px;
	padding: 0 0 10px;
	float: left;
	width: 500px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

*html li.feature_text_list {
	font-size: 12px;
	padding-bottom: 2px;
	color: #3f3f3f;
	width: 20em;
	display: inline-block;
	margin-bottom: 2px;
	list-style-type: square;
}

*html li.service_text_list {
	font-size: 12px;
	padding-bottom: 2px;
	color: #3f3f3f;
	width: 40em;
	display: inline-block;
	margin-bottom: 2px;
	list-style-type: square;
}



/* @end */

div#servicezone {
		width: 570px;
	float: left;
	margin-top: 10px;
	padding: 0;
}

div#featurezone {
			width: 570px;
	float: left;
	margin-top: 10px;
	padding: 0;
}

div#feature_left {
	width: 256px;
	height: 150px;
	float: left;
	margin: 0;
	padding: 0;
}

/* @group Hack IE7 */

 *:first-child+html div#featurezone {
			width: 570px;
	float: left;
	padding: 0;
	margin-top: 5px;
}

*:first-child+html ul.service_text_list_maintain {

	margin: 5px 0 0 25px;
	padding: 0 0 10px;
	float: left;
	width: 500px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;

}

*:first-child+html li.feature_text_list {
	font-size: 12px;
	color: #3f3f3f;
	margin-bottom: 0;
	width: 20em;
	padding-bottom: 0;

}



/* @end */

div#feature_right {
	width: 281px;
	height: 120px;
	float: left;
	padding: 0 0 0 30px;
	margin: 0;
}

ul#service_text_list_maintain {
	list-style-type: square;
	margin: 10px 0 0 30px;
	padding: 0 0 10px;
	float: left;
	width: 500px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

ul.service_text_list {
	list-style-type: square;
	margin: 10px 0 0 30px;
	padding: 0 0 10px;
	float: left;
	width: 256px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

li.feature_text_list {
	font-size: 12px;
	padding-bottom: 4px;
	color: #3f3f3f;
	display: list-item;
}

li.feature_text_list a {
	color: #3f3f3f;
}

li.service_text_list {
	font-size: 12px;
	padding-bottom: 4px;
	color: #3f3f3f;
}

li.feature_text_list a:hover {
	color: maroon;
}

li.service_text_list a {
	color: #3f3f3f;
}

li.service_text_list a:visited {
	color: #3f3f3f;
}

li.service_text_list a:hover {
	color: maroon;
}



/* @end */

/* @group Aboutus_content */

.person {
	width: 566px;
	margin: 0;
	float: left;
	height: 64px;
	padding: 0 0 5px;
}

/* @group My Group */

*html .person_left {
	float: left;
	width: 215px;
	height: 64px;
	margin: 0;
	padding: 0 0 0 14px;
}

*html .person_right {
	float: left;
	width: 331px;
	height: 60px;
	margin: 0;
	padding: 0;
}

 *html ul.persondetail {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-shadow: 2px 2px 2px #7f7f7f;
	color: #7f7f7f;
	float: left;
}

*html li.person_head {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #131313;
	padding: 0;
	margin: 0;
}

*html li.person_detail {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #3f3f3f;
	margin: 0;
	padding: 0;
	width: 10em;
	display: inline;
}

/* @end */

.person_left {
	float: left;
	width: 215px;
	height: 64px;
	padding-left: 14px;
}

.person_right {
	float: left;
	width: 331px;
	height: 60px;
}

ul.persondetail {
	list-style-type: none;
	margin: 0;
	padding: 0 0 10px 5px;
	text-shadow: 2px 2px 2px #7f7f7f;
	color: #7f7f7f;
	float: left;
}

li.person_head {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #131313;
	width: 12em;
	padding: 0;
	margin: 0;
}

li.person_detail {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #3f3f3f;
		display: inline;
	width: 10em;
}



/* @end */

/* @group List_Box */

div#servicezone {
		width: 570px;
	float: left;
	margin-top: 10px;
	padding: 0;
}

ul.text_list {
	list-style-type: none;
	margin: 10px 0 0 12px;
	padding: 0 0 10px;
	float: left;
	width: 568px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

li.text_list {
	font-size: 12px;
	padding-bottom: 4px;
	color: #3f3f3f;
}

li.text_list a {
	color: #3f3f3f;
}

li.text_list a:visited {
	color: #3f3f3f;
}

li.text_list a:hover {
	color: maroon;
}



/* @end */

/* @group Home_content */

p.home_content {
	font: 12px/1.7em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: black;
	text-indent: 10px;
	padding-bottom: 10px;
}

p.home_content a {
	font: 12px/1.7em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: black;
	text-indent: 10px;
	padding-bottom: 10px;
	text-decoration: underline;
}

p.home_content a:hover {

	text-decoration: underline;
	color: maroon;
}

*html div#picture_home {
	width: 551px;
	height: 220px;
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 5px;
	padding: 0;
}

*:first-child+html div#picture_home {
	width: 551px;
	height: 250px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 0;
}

div#picture_home {
	width: 551px;
	height: 240px;
	margin-top: 90px;
	margin-left: 10px;
	margin-bottom: 5px;
}

h1#text_rg13city {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #3f3f3f;
	margin: 15px 0 5px 10px;
	padding: 0;
	float: left;
}

h1#text_fullflash {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #3f3f3f;
	margin: 13px 0 0;
	padding: 0;
	float: right;
}



/* @end */

/* @group maintag */

.imgBorder {
	border: 1px solid #333;
}

*html div#navigation {
	width: 188px;
	height: 514px;
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 0;
	float: left;
	margin: 0 0 0 88px;
	position: relative;
}

div#navigation {
	width: 188px;
	height: 514px;
	margin-top: 0;
	margin-left: 171px;
	float: left;
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
}

*:first-child+html div#footer {
	width: 568px;
	height: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 580px;
	left: 540px;
}

*html div#footer {
	width: 568px;
	height: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 586px;
	left: 540px;
}

div#footer {
	width: 338px;
	height: 20px;
	margin: 10px 0 0;
	padding: 0;
	position: absolute;
	top: 556px;
	left: 540px;
}

div#content {
	overflow:hidden;
	width: 578px;
	position:relative;
	padding-right: 10px;
	height: 624px;
	padding-left: 10px;
	float: left;
}

*html div#content {
	overflow:hidden;
	width:603px;
	padding-right: 10px;
	height: 624px;
	padding-left: 10px;
	float: left;
	margin: 0;
}

*html .header {
	height: 64px;
	width: 603px;
	margin: 0;
	padding: 0;
	float: left;
}

div#logo {
	margin: 0;
	padding: 0;
}

.header {
	height: 64px;
	width: 603px;
	margin: 0;
	padding: 0;
	float: left;
}

.linecut {
	width: 603px;
	height: 9px;
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: url(_img/bgfix.jpg) fixed;
}



/* @end */

/* @group navigation-Up / Font */

h5 {
	color: maroon;
	width: 550px;
	height: 10px;
	padding: 0 0 15px;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
	margin: 5px 0 0 12px;
	text-shadow: 2px 2px 2px #Silver;
}

*html p {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #191919;
	margin: 0 0 0 13px;
	padding: 0 0 0 12px;
}

p {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #191919;
	margin: 0 0 0 13px;
	padding: 0;
}

p a:link {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #474747;
}

p a:hover {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
		color: maroon;
}

p a:visited {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #474747;
}

h4 {
	text-shadow: 2px 2px 2px #Silver;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 0;
	margin-top: 5px;
}

h2 {
	width: 582px;
	height: 40px;
	margin: 38px 0 0;
	float: left;
}

h3 {
	width: 582px;
	height: 27px;
	margin: 17px 0 10px 12px;
	float: left;
	font: 16px Georgia, "Times New Roman", Times, serif;
	color: #961e21;
}

h2.text_website {
	float: left;
	color: #961e21;
	font: bold 16px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 0;
	margin-right: 0;
	margin: 0;
	height: 20px;
	width: 230px;
	padding-bottom: 5px;
	padding-left: 4px;
}

.TextFooter {
	color: gray;
	font-size: 10px;
}

/* @group h1 Hack IE7 */

*:first-child+html h1#navi-home {
	width: 60px;
	height: 43px;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
	margin: 23px 0 0 520px;
}

*:first-child+html h1.navi-project {
	width: 60px;
	height: 43px;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
	margin: 23px 0 0;
}

*:first-child+htmlh1#navi-service {
	width: 60px;
	height: 43px;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
	margin: 23px 0 0 90px;
}

*:first-child+htmlh1#navi-blog {
	width: 60px;
	height: 43px;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
	margin: 23px 0 0 90px;
}

*:first-child+html h1.navi-aboutus {
	width: 60px;
	height: 43px;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
	margin: 23px 0 0 190px;
}

*:first-child+htmlh1#navi-contact {
	width: 60px;
	height: 43px;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
	margin: 23px 0 0 300px;
}

*:first-child+htmlh1#navi-port {
	width: 60px;
	height: 43px;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
	margin: 23px 0 0 410px;
}



/* @end */

/* @group h1hack IE6 */

*html h1#navi-home {
	width: 60px;
	height: 43px;
	margin: 13px 0 0 520px;
	padding: 0;
}

*html h1.navi-project {
	width: 60px;
	height: 43px;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
	margin: 13px 0 0;
}

*html h1#navi-service {
	width: 60px;
	height: 43px;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
	margin: 13px 0 0 90px;
}

*html h1.navi-aboutus {
	width: 60px;
	height: 43px;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
	margin: 13px 0 0 190px;
}

*html h1#navi-contact {
	width: 60px;
	height: 43px;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
	margin: 13px 0 0 300px;
}

*html h1#navi-port {
	width: 60px;
	height: 43px;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
	margin: 13px 0 0 410px;
}



/* @end */

/* @group h1 */

h1#navi-home {
	width: 60px;
	height: 43px;
	padding-right: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-left: 520px;
	margin-right: 0;
	padding-top: 0;
}

h1.navi-project {
	width: 60px;
	height: 43px;
	padding-right: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-right: 0;
	padding-top: 0;
	margin-left: 0;
}

h1#navi-service {
	width: 60px;
	height: 43px;
	padding-right: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-right: 0;
	padding-top: 0;
	margin-left: 90px;
}

h1.navi-aboutus {
	width: 60px;
	height: 43px;
	padding-right: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-right: 0;
	padding-top: 0;
	margin-left: 190px;
}

h1#navi-contact {
	width: 60px;
	height: 43px;
	padding-right: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-right: 0;
	padding-top: 0;
	margin-left: 300px;
}

h1#navi-package {
	width: 60px;
	height: 43px;
	padding-right: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-right: 0;
	padding-top: 0;
	margin-left: 300px;
}

h1#navi-port {
	width: 60px;
	height: 43px;
	padding-right: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-right: 0;
	padding-top: 0;
	margin-left: 410px;
}



/* @end */



/* @end */

/* @group Section Mini */

/* if Open newproject Must be div new section */

div#section1 {
	width: 568px;
	height: 621px;
	padding-left: 10px;
	padding-right: 10px;
}

div#section3 {
	width: 568px;
	height: 621px;
	padding-left: 10px;
	padding-right: 10px;
}

div#section4 {
	width: 568px;
	height: 621px;
	padding-left: 10px;
	padding-right: 10px;
}

div#section5 {
	width: 568px;
	height: 621px;
	padding-left: 10px;
	padding-right: 10px;
}

div#section6 {
	width: 568px;
	height: 621px;
	padding-left: 10px;
	padding-right: 10px;
}

div#section7 {
	width: 568px;
	height: 621px;
	padding-left: 10px;
	padding-right: 10px;
}

div#section8 {
	width: 568px;
	height: 621px;
	padding-left: 10px;
	padding-right: 10px;
}

div#section9 {
	width: 568px;
	height: 621px;
	padding-left: 10px;
	padding-right: 10px;
}

div#section10 {
	width: 568px;
	height: 621px;
	padding-left: 10px;
	padding-right: 10px;
}

div#section12 {
	width: 568px;
	height: 621px;
	padding-left: 10px;
	padding-right: 10px;
}

div#section2b {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section2c {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section2d {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section2e {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section2f {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section2g {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section2h {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section2i {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section2j {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section2k {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section2l {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section2m {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section2n {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section2o {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section2p {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section2q {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section2r {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section2s {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section2t {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section2u {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section9c {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section9b {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section9d {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section9e {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section9f {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section9g {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section9h {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section9i {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section9j {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section9k {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section10b {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section10c {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section10d {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section10f {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section10g {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section10h {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section10i {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}

div#section9 {
	width: 568px;
	height: 621px;
	padding-right: 10px;
	padding-left: 10px;
}



/* @end */

/* @group Navigation */

ul#navigation_list {
	list-style-type: none;
	margin: 10px 0 0 49px;
	padding: 0;
}

#menu {
	list-style-type: none;
	margin: 10px 0 0 49px;
	padding: 0;

text-shadow: 2px 2px 2px #Silver;
}

*html #menu dt {
	display:block;
	width: 115px;
	padding: 0;
	margin-top: 5px;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #474747;
}

#menu dt {
	display:block;
	width: 111px;
	padding: 0;
	margin-top: 5px;
	color: #474747;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* @group DT menu iE Hack */

*html #menu dt a:link {

	color: #474747;
	text-decoration: none;
}

*html #menu dt a:hover {

	color: maroon;
	text-decoration: none;
}

*html #menu dt a:visited {

		color: #474747;
	text-decoration: none;
}



/* @end */

#menu dt a {

	color: #474747;
	text-decoration: none;
}

#menu dt a:hover {

	color: maroon;
	text-decoration: none;
}

#menu dt a:visited {

	color: #474747;
	text-decoration: none;
}

#menu ul {
	list-style:none;
	padding:0;
	margin: 0;
	font-size:14px;
	}

#menu dd {
	padding:0;
	margin: 0 0 0 11px;
 	}

/* @group ul graphoc */

*:first-child+html ul#navigation_list_graphic {
	list-style-type: none;
	margin: 0 0 0 5px;
	padding: 0;
	display: block;
	height: 180px;
	width: 200px;
	float: left;
}

*html ul#navigation_list_graphic {
	list-style-type: none;
	margin: 5px 0 0;
	padding: 0;
	width: 70px;
}

ul#navigation_list_web2 {
	list-style-type: none;
	margin: 5px 0 0;
	padding: 0;
	width: 101px;
}



/* @end */

/* @group ul web */

*:first-child+html ul#navigation_list_animation {
	list-style-type: none;
	margin: 0 0 0 5px;
	padding: 0;
	display: block;
	height: 150px;
	width: 200px;
	float: left;
}

/* edit Height For New Project IE7 */

*:first-child+html ul#navigation_list_web {
	list-style-type: none;
	margin: 0 0 0 5px;
	padding: 0;
	display: block;
	height: 340px;
	width: 200px;
	float: left;
}

*html ul#navigation_list_web {
	list-style-type: none;
	margin: 5px 0 0;
	padding: 0;
	width: 70px;
}

*html li.navigation_list_web a {
	color: #5d5d5d;
	display: block;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
	padding-top: 2px;
	width: 120px;
	height: 16px;
}

ul#navigation_list_web2 {
	list-style-type: none;
	margin: 5px 0 0;
	padding: 0;
	width: 101px;
}



/* @end */

/* @group hack IE6 */

*html ul#navigation_list_web2 {
	list-style-type: none;
	margin: 5px 0 0;
	padding: 0;
	width: 50px;
}

*html li.navigation_list_web2 a {
	color: #5d5d5d;
	width: 100px;
	height: 16px;
	display: block;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
	padding-top: 2px;
	margin: 0;
}

*html li.navigation_list_web2 a:hover {
	color: maroon;
}



/* @end */

li.navigation_list_web2 a {
	color: #5d5d5d;
	width: 200px;
	height: 16px;
	display: block;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
	padding-top: 2px;
}

li.navigation_list_web2 a:hover {
	color: maroon;
}

ul#navigation_list_web {
	list-style-type: none;
	margin: 5px 0 0;
	padding: 0;
	width: 101px;
}

li.navigation_list_web a {
	color: #5d5d5d;
	width: 200px;
	height: 16px;
	display: block;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
	padding-top: 2px;
}

li.navigation_list_web a:hover {
	color: maroon;
}



/* @end */

/* @group Project */

ul.project_list {
	list-style-type: none;
	margin: 0;
	padding: 0 0 10px 5px;
	text-shadow: 2px 2px 2px #b7b7b7;
	color: #7f7f7f;
}

li.project_list_head {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #131313;
}

*:first-child+html li.project_list_detail {
	font: 11px/13px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #3f3f3f;
	width: 20em;
	margin: 3px 0 0;
	padding: 0 0 2px;
	display: inline;
}

*:first-child+html li.project_list_detail a:link {
	color: #3f3f3f;

}

*:first-child+html li.project_list_detail a:hover {
	color: maroon;

}

li.project_list_detail {
	font: 11px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #3f3f3f;
	display: inline-block;
	width: 238px;
	margin: 0;
	padding: 0;
}

*html li.project_list_detail {
	font: 11px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #3f3f3f;
	display: inline;
	width: 20em;
	margin: 0;
	padding: 0;
}

li.project_list_detail a {
	color: #3f3f3f;
	width: 10em;
}

li.project_list_detail a:hover {
	color: maroon;
}

li.project_list_detail a:visited {
	color: #3f3f3f;
}

*html .project_left {
	padding: 0 0 0 14px;
	margin: 10px 0 0;
	width: 319px;
	height: 410px;
	float: left;
}

*html .project_right {
	width: 229px;
	height: 420px;
	margin: 10px 0 0;
	padding: 0 0 0 6px;
	float: left;
}

.project_left {
	padding: 0 0 0 14px;
	margin: 10px 0 0;
	width: 319px;
	height: 434px;
	float: left;
}

.project_right {
	width: 229px;
	height: 434px;
	margin: 10px 0 0;
	padding: 0 0 0 6px;
	float: left;
}



/* @end */

/* @group menu */

.menu_list {
	width: 150px;
}
.menu_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
       font-weight:bold;
repeat;
}
.menu_body {
	display:none;
}
.menu_body a {
  display:block;
  background-color:#EFEFEF;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}
.menu_body a:hover {
  color: #000000;
  text-decoration:underline;
}



/* @end */

/* @group section */

#navigation, #content,.section{
	padding:0;
	margin:0;
	list-style:none;
}

.section_website{
	width:3000px;
	position:relative;
}

.section_website .sub{
		position:relative;
		float:left;
		width: 596px;
	padding-right: 0;
}

/* Edit width For New Project  */

*:first-child+html  .section_website{
	width:9000px;
	position:relative;
}

*:first-child+html  .section_website .sub{
		position:relative;
		float:left;
		width: 596px;
	   padding-right: 0;
}

*:first-child+html .section{
	width: 15000px;
	position:relative;
}

*html .section_website{
	width:5000px;
	position:relative;
}

*html .section{
	width: 15000px;
	position:relative;
}

.section{
	width: 5000px;
	position:relative;
}

.section .sub{
		position:relative;
		float:left;
		width: 596px;
	padding-right: 42px;
	padding-left: 10px;
}



/* @end */

/* @group My Group */

#test1 {
    border: 2px solid #555;
    width: 550px;
    height: 230px;
	padding: 0;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}




/* @end */

/* @group form */

#dPageHolder{width: 400px;height:auto;margin-left:auto;margin-right:auto;text-align:left;z-index:1;
	background-color: silver;
}

#dBtContact {
	text-align: center;
}

#dHeader{width: 400px;overflow:hidden;z-index:4;
	left: 15px;
	background-color: silver;
	height: 80px;
	text-align: center;
}

#dTorso{width: 380px;overflow:hidden;z-index:8;
	left: 15px;
	background: silver url(images/dTorsoBG.jpg) repeat-y;
	margin-right: auto;
	margin-left: auto;
}

#dForm {
	width: 380px;
	background-color: silver;
}

/* @group form_contact */

label {
    display: block;
    width: 100px;
    float: left;
    margin: 0 5px 0 0;
    text-align: right;
	padding: 0;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #000;
}

fieldset {
	border: 1px solid #4c4c4c;
	margin: 0;
	padding-bottom: 5px;
	padding-top: 5px;
}

legend {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #000;
	border-color: #81b48a;
}
br { clear: left; }

.input {
    border: 1px solid #01450c;
    background: #fff;
}
.button {
    border: 1px solid #191919;
    background: #333;
	color: white;
}

input:hover {
    border: 1px solid #191919;
    background: #b3b3b3;
}

textare a:hover {
    border: 1px solid #018d18;
    background: #ccc;
}

textarea {
    overflow:auto;
	width: 240px;
	background-color: #fff;
}
.button:hover {
    border: 1px solid #f00;
    background: #920000;
}



/* @end */



/* @end */

/* @group webpackage */

/* @group Slider */	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */			

/* Easy Slider */

	#slider{
	margin: 0;
	padding: 0;
}

#slider ul {
	display: block;
	margin: 0;
	padding: 0;
}
	#slider li{
		padding:0;
		list-style:none;
		width: 540px;
		height: 403px;
	padding: 0;
	margin: 0;
}

*html #slider li{
		padding:0;
		list-style:none;
		width: 530px;
		height: 370px;
	padding: 0;
	margin: 0;
}

*:first-child+html #slider li{
		padding:0;
		list-style:none;
		width: 540px;
		height: 341px;
	padding: 0;
	margin: 0;
}	
	#prevBtn, #nextBtn{ 
		display:block;
		width: 30px;
		height:77px;
		position:absolute;
		left: 16px;
		top: 221px;
	z-index: 135;
	bottom: 0;
}	
	#nextBtn{ 
		left: 559px;
		}

*html #prevBtn {
	background:url(images/btn_prev.png) no-repeat 0 0;
	behavior: url("iepngfix.htc");	
}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.png) no-repeat 0 0;	
		behavior: url("iepngfix.htc");

		}	
	#nextBtn a{ 
		background:url(images/btn_next.png) no-repeat 0 0;
		behavior: url("iepngfix.htc");	
		}

#nextBtn a:hover{ 
		background:url(images/btn_next_hover.png) no-repeat 0 0;	
		}

#prevBtn  a:hover{ 
		background:url(images/btn_prev_hover.png) no-repeat 0 0;	
		}					



/* @end */

table {
width: 485px;
border-top: 1px solid #666;
border-right: 1px solid #666;
border-collapse:collapse;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 1em;
	margin-top: 1em;
	margin-left: 55px;
}

*:first-child+html .dWebPackage {
	width: 570px;
	float: left;
	margin-top: -10px;
	height: 460px;
	margin-left: 0;
}

*html .dWebPackage {
	width: 570px;
	float: left;
	margin-top: -10px;
	height: 450px;
	margin-left: 0;
}

.dWebPackage {
	width: 570px;
	float: left;
	margin-top: -10px;
	height: 449px;
	margin-left: 0;
}

.thLeft {
	text-align: left;
}

caption {
	height: 20px;
	margin-bottom: 5px;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: black;
}

*html th {
text-align:center;
color: #262626;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	font: bold 12px/2em "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: silver;
	margin: 0;
	padding: 0;
	width: 180px;
}

*html td {
color: black;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
text-align: left;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 200px;
	padding-left: 20px;
}

*:first-child+html th {
text-align:center;
color: #262626;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	font: bold 12px/2em "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: silver;
	margin: 0;
	padding: 0;
	width: 180px;
}

*:first-child+html td {
color: black;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
text-align: left;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 200px;
	padding-left: 20px;
}

th {
    color: #262626;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	font: bold 12px/2em "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 50px;
	background-color: silver;
	text-align: left;
	padding-left: 10px;
}

td {
color: black;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
text-align: left;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 116px;
	padding-left: 20px;
}

tr.odd td {
background: orange}

tr.odd .column1 {
background: gray;
}
.column1 {
background: black;}



/* @end */

/* @group About Us */

*html div#aboutzone {
	width: 565px;
	margin-top: 10px;
	height: 290px;
	padding: 0;
}

*html #aboutzone ul {
	list-style-type: none;
	padding: 0;
	margin: 30px 0 0 20px;
}

*html #aboutzone li {
	float: left;
	display: inline-block;
	margin-left: 30px;
}

*first-child+html  div#aboutzone {
	width: 565px;
	margin-top: 10px;
	height: 290px;
}

div#aboutzone {
	width: 565px;
	float: left;
	margin-top: -10px;
	height: 450px;
	background: url(_img/staffbg.png) no-repeat;
	margin-left: 12px;
	padding: 0;
}

#aboutzone ul {
	list-style-type: none;
	padding: 0;
	margin: 30px 0 0 40px;
}

#aboutzone li {
	float: left;
	display: inline-block;
	margin-left: 50px;
}

h6 {
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0;
	padding: 0;
}



/* @end */

/* @group Blog */

/* width270x400px */

.Textblog {
	color: black;
	font-size: 15px;
}

*html .DisplayZone {
	width: 565px;
	height: 440px;
	margin: 0 0 0 10px;
}

*html #dTwitter {
	width: 570px;
	margin: 0;
	padding: 0;
}

h7 {
	color: maroon;
	font: 16px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 0;
	margin-top: 0;
}

.DisplayZone {
	width: 570px;
	float: left;
	margin-top: -10px;
	height: 450px;
	margin-left: 12px;
}

#dTwitter {
	width: 570px;
	margin: 10px 0 7px;
	padding: 0;
}

*html ul.uTwitter {
	list-style-type: none;
	margin: -10px 0 0;
	padding: 0;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 570px;
}

ul.uTwitter {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 570px;
}

li.iTwitterText {
	font-size: 12px;
	color: black;
	margin: 0;
	padding: 0;
}

li.iTwitterText ul li a {
	font-size: 12px;
	color: maroon;
}

li.iTwitterText ul li  {
	font-size: 12px;
	color: black;
	list-style-type: none;
	border-bottom: 1px dotted silver;
	padding: 0 0 5px;
	margin-top: 5px;
}

li.iTwitterText ul   {
	margin-left: 0;
	padding: 0;
	margin-bottom: 5px;
}

li.iTwitterTime {
	font-size: 10px;
	color: #5e5e5e;
	font-style: italic;
	margin: 0;
	padding: 0;
}



/* @end */ 
end */