* {border: 0;}
body, html {padding: 0; margin: 0; background: #fff no-repeat fixed;}
body {font-family: Trebuchet MS, sans-serif; font-size: 12px; width: 100%;}

a {color: #666;}
a:hover {color: #900;}

center {min-width: 994px; /*overflow: hidden;*/ width: auto; background: url(/images/bg-top.png) center 20px no-repeat;}

.main_wrapper {width: 994px; border: 0; margin: 30px auto 20px; position: relative;}

.header {height: 136px; text-align: left; position: relative;}
.header .logo {position: absolute; left: 51px;}
.header .title {position: absolute; left: 319px; top: 30px; font-style: italic;}
.header .title a {color: #000; font-style: italic;}
.header .l-head {position: absolute; left: -55px; top: 20px; display: none;}
.header .r-head {position: absolute; right: -80px; top: 23px; display: none;}

.nav_line {width: 100%; margin-top: 58px; clear: both;}

.text_wrapper {width: 700px; text-align: left; margin-bottom: 12px; margin-top: 80px;}
.text_wrapper p {margin: 0;}

h1 {font-size: 20px; font-style: italic; font-weight: normal;}

.num_of_item {width: 194px; height: 50px; float: right; background-image: url(/images/num_o_site.jpg); color: #fff; font-weight: normal; font-size: 17px; text-align: center; padding-top: 6px; margin-right: 25px;}

.switch_l, .switch_r {/*width: 63px; border: 0; */text-align: center; margin-top: 160px; position: fixed;} 
/*.switch_l span a, .switch_r span a {margin: 0; display: block; color: #000; text-decoration: none;}
.switch_l a, .switch_r a {position: relative; font-size: 10px; color: #000;}
.switch_l a:hover, .switch_r a:hover {color: #000;}*/
.switch_l {float: left; margin-left: 10px;} 
.switch_r {float: right; margin-right: 10px; margin-left: 921px;}

.black_line {width: 798px; height: 4px;  background-color: #000; margin-top: 40px; font-size: 1px; border: 1px solid; text-align: center;}

.footer {padding-top: 28px; width: 800px; clear: both;}
.footer p {text-align: left;}

#theImages .element {height: 125px; width: 86px; padding: 30px 40px 0; margin: 0; float: left; text-align: left; color: #666; display: block;}
#theImages .element a {text-decoration: none;}
#theImages .element a:hover {color: #f00;}
#theImages .element a:hover img {border: 2px solid #f00;}
#theImages .element span {text-decoration: underline;}
#theImages .active {background: url('/images/active.gif') 50% 0 no-repeat; color: #fff;}
#theImages .active img {border: 2px solid #fff;}

.switch_l {margin-left: expression("-83px");}
.switch_r {margin-left: expression("828px");}

html {overflow-x: expression(document.getElementsByTagName('html')[0].clientWidth > 994 ? "hidden" : "auto");}
html {width: expression(document.getElementsByTagName('html')[0].clientWidth > 994 ? "auto" : "994px");}

p {z-index: 0; text-align: left !important; width: auto;}
p span {
	display: block;
	color: #4d4d4d;
	width: 344px;
	padding: 26px 9px 9px;
	margin: 0px;
	text-align: left;
	font-style: italic;
	text-decoration: none !important;
	position: relative;
	top: -17px;
	left: 11px;
	z-index: 1;
	background: transparent url(/images/baloon.png) no-repeat;
	/*** special for ie ***/
	background: expression("none");
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/baloon.png", sizingMethod="crop");
}


h1 {line-height: 31px; vertical-align: middle; position: relative; margin: 3em 0 0;}
h1 span {position: absolute; top: 0; right: 0; text-align: center; width: 92px; height: 31px; background: url(/images/work_number.gif) no-repeat 50% 50%; color: #fff; font-style: normal; font-weight: bold; font-size: 16px;}
p.link {font-weight: bold; margin: 5px 0 1em;}